parent
aef49bf228
commit
430c6f08ad
|
@ -0,0 +1,16 @@
|
||||||
|
import React from 'react'
|
||||||
|
import FavoriteIcon from '@mui/icons-material/Favorite';
|
||||||
|
import styles from '../../styles/Footer.module.css'
|
||||||
|
const Footer = () => {
|
||||||
|
return (
|
||||||
|
<div className={styles.footer}>
|
||||||
|
<div>
|
||||||
|
This project is OpenSource under MIT license
|
||||||
|
<br/>
|
||||||
|
Made with <span className={styles.icon}><FavoriteIcon/></span> by <a href='https://github.com/BRAVO68WEB' target='_blank'> @bravo68web </a> and team
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Footer
|
|
@ -1,12 +1,14 @@
|
||||||
import React from 'react'
|
import React from 'react'
|
||||||
import Navbar from 'components/NavBar'
|
import Navbar from 'components/NavBar'
|
||||||
import Contributors from 'components/Contributors/Contributors'
|
import Contributors from 'components/Contributors/Contributors'
|
||||||
|
import Footer from 'components/Footer/Footer'
|
||||||
function contributors() {
|
function contributors() {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<main className={'main-bg'}>
|
<main className={'main-bg'}>
|
||||||
<Navbar />
|
<Navbar />
|
||||||
<Contributors />
|
<Contributors />
|
||||||
|
<Footer />
|
||||||
</main>
|
</main>
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
|
|
|
@ -3,7 +3,7 @@ import Head from 'next/head'
|
||||||
import HomeSection from 'components/HomeSection/HomeSection'
|
import HomeSection from 'components/HomeSection/HomeSection'
|
||||||
import NavBar from 'components/NavBar'
|
import NavBar from 'components/NavBar'
|
||||||
import Features from 'components/Features'
|
import Features from 'components/Features'
|
||||||
|
import Footer from 'components/Footer/Footer'
|
||||||
|
|
||||||
export default function Home() {
|
export default function Home() {
|
||||||
const [shortUrl, setShortUrl] = useState(null)
|
const [shortUrl, setShortUrl] = useState(null)
|
||||||
|
@ -34,6 +34,7 @@ export default function Home() {
|
||||||
setShowQrCode={setShowQrCode}
|
setShowQrCode={setShowQrCode}
|
||||||
/>
|
/>
|
||||||
<Features />
|
<Features />
|
||||||
|
<Footer />
|
||||||
</main>
|
</main>
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
|
|
|
@ -2,12 +2,14 @@ import React from 'react'
|
||||||
import NavBar from 'components/NavBar'
|
import NavBar from 'components/NavBar'
|
||||||
import Features from 'components/Features'
|
import Features from 'components/Features'
|
||||||
import Login from 'components/Login/Login'
|
import Login from 'components/Login/Login'
|
||||||
|
import Footer from 'components/Footer/Footer'
|
||||||
|
|
||||||
export default function signup() {
|
export default function signup() {
|
||||||
return (
|
return (
|
||||||
<div className="flex-column">
|
<div className="flex-column">
|
||||||
<NavBar />
|
<NavBar />
|
||||||
<Login />
|
<Login />
|
||||||
|
<Footer />
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,12 +3,14 @@ import Head from 'next/head'
|
||||||
import NavBar from 'components/NavBar'
|
import NavBar from 'components/NavBar'
|
||||||
import Features from 'components/Features'
|
import Features from 'components/Features'
|
||||||
import Reg from 'components/Reg/Reg'
|
import Reg from 'components/Reg/Reg'
|
||||||
|
import Footer from 'components/Footer/Footer'
|
||||||
|
|
||||||
export default function signup() {
|
export default function signup() {
|
||||||
return (
|
return (
|
||||||
<div className="flex-column">
|
<div className="flex-column">
|
||||||
<NavBar />
|
<NavBar />
|
||||||
<Reg />
|
<Reg />
|
||||||
|
<Footer />
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
|
@ -0,0 +1,22 @@
|
||||||
|
.footer{
|
||||||
|
font-family: 'Montserrat', sans-serif;
|
||||||
|
position: sticky;
|
||||||
|
height: 70px;
|
||||||
|
display: flex;
|
||||||
|
color: #fff;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
text-align: center;
|
||||||
|
background-color: #73c2fb;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.footer div{
|
||||||
|
line-height: 20px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.icon svg{
|
||||||
|
vertical-align: middle;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
}
|
|
@ -9,7 +9,8 @@ body {
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a, a:hover
|
||||||
|
{
|
||||||
color: inherit;
|
color: inherit;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
@ -49,3 +50,4 @@ body::-webkit-scrollbar-thumb {
|
||||||
border-width: 2px 0 2px;
|
border-width: 2px 0 2px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue