Skip to content
Snippets Groups Projects
Commit 57d85874 authored by amulya's avatar amulya
Browse files

creating buttons

parent d9e8677c
No related branches found
No related tags found
2 merge requests!7Revert "Merge branch 'features/Adam/image' into 'development'",!5Features/ashok/cards
.btns{
color:darkblue;
width:70px;
position: relative;
top: 0;
transition: top ease 0.3s;
border-radius: 5px;
}
.btns:hover{
top: -2px;
}
import classNames from "classnames";
import React from "react";
import './Btns.css'
function Btns1 (props) {
return (
//<div style={{backgroundColor:"blue"}}>
<button className="btns">
{props.buttonName}
</button>
)}
export default Btns1;
\ No newline at end of file
.customButton {
background-color: red;
}
import React from "react";
import PropTypes from "prop-types";
import cs from "classnames";
import styles from "./Button.module.scss";
function Button(props) {
return (
<div>
</div>
)
}
Button.propTypes = {};
export default Button;
import React from 'react';
function About () {
return <div>
Read more about us
</div>
}
export default About;
\ No newline at end of file
import React from 'react';
function Blog(){
return <h1>Welcome</h1>
}
export default Blog;
\ No newline at end of file
import React from 'react'
export default function CreativeTim() {
return (
<div>
happy
</div>
)
}
\ No newline at end of file
.main{
padding-top: 20px;
}
.icons{
float: left;
padding-left: 10px;
color: gray;
padding-right: 5px;
}
.number{
float:left;
padding-left:2px;
padding-right: 10px;
}
.Creative{
color: blue;
float: left;
padding-right: 1250px;
}
Link:hover {
background:black;
}
.new{
float: left;
margin-left: 1600px;
background-color: whitesmoke;
padding-right: 15px;
}
.filter{
margin-top: 20px;
}
.Creative:hover{
color: black !important;
}
\ No newline at end of file
import React from 'react'
import './Footer.css';
import {FaRegCopyright } from "react-icons/fa";
import About from './About';
import Blog from './Blog';
import { BrowserRouter as Router,Routes, Route, Link} from 'react-router-dom';
import MITLicense from './MITLicense';
import CreativeTim from './CreativeTim';
import Btns from 'components/Btns/Btns';
const Footer = (props)=> {
return (
<div>
<div className="new" handleFunction={()=> alert("new")} >
<Btns buttonName="New"/>
</div>
<div className="filter" >
<Btns buttonName="filters"/>
</div>
<div className='main'>
<div className='icons'>
<FaRegCopyright/>
</div>
<div className='number'>
2020
</div>
<Router>
<div className="App">
<ul className="App-header">
{/* <div className='Creative'>CreativeTim</div> */}
<Link style={{paddingRight:"30px" ,color:"blue", textDecoration: "none" }} to="/CreativeTim">CreativeTim</Link>
<Link style={{paddingRight:"30px", paddingLeft:"1200px" ,color:"gray",textDecoration: "none"}} to="/CreativeTim">Creative Tim </Link>
<Link style={{paddingRight:"30px" ,color:"gray",textDecoration: "none"}} to="/blog">Blog </Link>
<Link style={{paddingRight:"30px" ,color:"gray",textDecoration: "none"}} to="/about">About Us</Link>
<Link style={{paddingRight:"30px" ,color:"gray",textDecoration: "none"}} to="/MITLicense">MIT License</Link>
</ul>
<Routes>
<Route exact path='/CreativeTim' element={< CreativeTim />}></Route>
<Route exact path='/CreativeTim' element={< CreativeTim />}></Route>
<Route exact path='/blog' element={< Blog/>}></Route>
<Route exact path='/about' element={< About />}></Route>
<Route exact path='/MITLicense' element={< MITLicense />}></Route>
</Routes>
</div>
</Router>
</div>
</div>
);
};
export default Footer;
\ No newline at end of file
import React from 'react';
function MITLicense(){
return <address>
You can find us here:<br />
5th & 6th Floor, <br />
Noida, Uttar Pradesh
</address>
}
export default MITLicense;
\ No newline at end of file
export { default as Button } from "./Button";
export { default as Button } from "./Btn";
import React from "react";
import PropTypes from "prop-types";
import Button from "components/Button";
function Login(props) {
return <div>login</div>;
// return <div>login</div>;
return <>
<Button buttonName="pwe"/>
{/* <Button type="password" name="password" /> */}
</>
}
Login.propTypes = {};
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment