ruidy/lekol-plus
1
0
Fork 0
mirror of https://github.com/rjNemo/lekol-plus synced 2026-06-06 06:56:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

🥾 lay footer out

Browse source
This commit is contained in:
Ruidy Nemausat 2020-07-16 15:18:39 +02:00
parent 2b46672130
commit bb405b39bc
3 changed files with 126 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

125
src/components/footer.jsx
View file

@ -1,11 +1,126 @@
import React from "react"
import PropTypes from "prop-types"
import { Link } from "gatsby"
const Footer = () => (
<footer>
© {new Date().getFullYear()}, Built with
{` `}
<a href="https://www.gatsbyjs.org">Gatsby</a>
import * as ROUTES from "../global/routes"
const Footer = ({ siteTitle }) => (
<footer id="footer">
<div className="footer-top">
<div className="container">
<div className="row">
<div className="col-lg-3 col-md-6 footer-contact">
<h3>{siteTitle}</h3>
<p>
97190, Le Gosier
<br />
<strong>Téléphone :</strong>{" "}
<a href="tel:+33698267634">06 98 26 76 34</a>
<br />
<strong>Email :</strong>{" "}
<a href="mailto:info@lekolplus.com">info@lekolplus.com</a>
<br />
</p>
</div>
<div className="col-lg-2 col-md-6 footer-links">
<h4>Liens</h4>
<ul>
<li>
<i className="bx bx-chevron-right"></i>{" "}
<Link to={ROUTES.HOME}>Accueil</Link>
</li>
<li>
<i className="bx bx-chevron-right"></i>{" "}
<Link to={ROUTES.A_PROPOS}>À propos</Link>
</li>
<li>
<i className="bx bx-chevron-right"></i>{" "}
<Link to={ROUTES.CONTACT}>Contact</Link>
</li>
<li>
<i className="bx bx-chevron-right"></i>{" "}
<Link to={ROUTES.LEGAL}>Mentions légales</Link>
</li>
</ul>
</div>
<div className="col-lg-3 col-md-6 footer-links">
<h4>Nos niveaux</h4>
<ul>
<li>
<i className="bx bx-chevron-right"></i>{" "}
<Link to={ROUTES.GARDERIE}>Garderie</Link>
</li>
<li>
<i className="bx bx-chevron-right"></i>{" "}
<Link to={ROUTES.PRIMAIRE}>Primaire</Link>
</li>
<li>
<i className="bx bx-chevron-right"></i>{" "}
<Link to={ROUTES.COLLEGE}>Collège</Link>
</li>
<li>
<i className="bx bx-chevron-right"></i>{" "}
<Link to={ROUTES.LYCEE}>Lycée</Link>
</li>
</ul>
</div>
<div className="col-lg-4 col-md-6 footer-newsletter">
<h4>Restez au courant</h4>
<p>
Tamen quem nulla quae legam multos aute sint culpa legam noster
magna
</p>
<form action="" method="post">
<input type="email" name="email" />
<input type="submit" value="S'inscrire" />
</form>
</div>
</div>
</div>
</div>
<div className="container d-md-flex py-4">
<div className="mr-md-auto text-center text-md-left">
<div className="copyright">
&copy; {new Date().getFullYear()}{" "}
<strong>
<span>{siteTitle}</span>
</strong>
. Tous droits réservés.
</div>
<div className="credits">
Design par{" "}
<a href="http://sage-tech.com" target="_blank">
Sage Tech
</a>
</div>
</div>
<div className="social-links text-center text-md-right pt-3 pt-md-0">
<a href="#" className="twitter">
<i className="bx bxl-twitter"></i>
</a>
<a href="#" className="facebook">
<i className="bx bxl-facebook"></i>
</a>
<a href="#" className="instagram">
<i className="bx bxl-instagram"></i>
</a>
<a href="#" className="Whatsapp">
<i className="bx bxl-skype"></i>
</a>
<a href="#" className="linkedin">
<i className="bx bxl-linkedin"></i>
</a>
</div>
</div>
</footer>
)
export default Footer
Footer.propTypes = {
siteTitle: PropTypes.string.isRequired,
}

2
src/components/layout.jsx
View file

@ -29,7 +29,7 @@ const Layout = ({ children }) => {
<>
<Header siteTitle={site.siteMetadata.title} />
<main>{children}</main>
<Footer />
<Footer siteTitle={site.siteMetadata.title} />
</>
)
}

5
src/global/routes.js
View file

@ -3,3 +3,8 @@ export const COURSES = "/cours"
export const A_PROPOS = "/a-propos"
export const CONTACT = "/contact"
export const CALENDAR = "/calendrier"
export const LEGAL = "/legal"
export const GARDERIE = COURSES + "/garderie"
export const PRIMAIRE = COURSES + "/primaire"
export const COLLEGE = COURSES + "/college"
export const LYCEE = COURSES + "/lycee"