mirror of
https://github.com/rjNemo/lekol-plus
synced 2026-06-06 06:56:41 +00:00
🥾 lay footer out
This commit is contained in:
parent
2b46672130
commit
bb405b39bc
3 changed files with 126 additions and 6 deletions
|
|
@ -1,11 +1,126 @@
|
||||||
import React from "react"
|
import React from "react"
|
||||||
|
import PropTypes from "prop-types"
|
||||||
|
import { Link } from "gatsby"
|
||||||
|
|
||||||
const Footer = () => (
|
import * as ROUTES from "../global/routes"
|
||||||
<footer>
|
|
||||||
© {new Date().getFullYear()}, Built with
|
const Footer = ({ siteTitle }) => (
|
||||||
{` `}
|
<footer id="footer">
|
||||||
<a href="https://www.gatsbyjs.org">Gatsby</a>
|
<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">
|
||||||
|
© {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>
|
</footer>
|
||||||
)
|
)
|
||||||
|
|
||||||
export default Footer
|
export default Footer
|
||||||
|
|
||||||
|
Footer.propTypes = {
|
||||||
|
siteTitle: PropTypes.string.isRequired,
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -29,7 +29,7 @@ const Layout = ({ children }) => {
|
||||||
<>
|
<>
|
||||||
<Header siteTitle={site.siteMetadata.title} />
|
<Header siteTitle={site.siteMetadata.title} />
|
||||||
<main>{children}</main>
|
<main>{children}</main>
|
||||||
<Footer />
|
<Footer siteTitle={site.siteMetadata.title} />
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -3,3 +3,8 @@ export const COURSES = "/cours"
|
||||||
export const A_PROPOS = "/a-propos"
|
export const A_PROPOS = "/a-propos"
|
||||||
export const CONTACT = "/contact"
|
export const CONTACT = "/contact"
|
||||||
export const CALENDAR = "/calendrier"
|
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"
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue