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 why section out

Browse source
This commit is contained in:
Ruidy Nemausat 2020-07-16 13:23:49 +02:00
parent ff45035252
commit 2dfdfbf9c7
2 changed files with 64 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

62
src/components/why.jsx Normal file
View file

@ -0,0 +1,62 @@
import React from "react"
import { Link } from "gatsby"
import * as ROUTES from "../global/routes"
const Why = () => (
<section id="why-us" class="why-us">
<div class="container">
<div class="row">
<div class="col-lg-4 d-flex align-items-stretch">
<div class="content">
<h3>Pourquoi chosir Lékol PLUS ?</h3>
<p>Il suffit d'un déclic, d'un PLUS !</p>
<div class="text-center">
<Link to={ROUTES.CALENDAR} class="more-btn">
Inscription <i class="bx bx-chevron-right"></i>
</Link>
</div>
</div>
</div>
<div class="col-lg-8 d-flex align-items-stretch">
<div class="icon-boxes d-flex flex-column justify-content-center">
<div class="row">
<div class="col-xl-4 d-flex align-items-stretch">
<div class="icon-box mt-4 mt-xl-0">
<i class="bx bx-receipt"></i>
<h4>Suivi Pédagogique Personnalisé</h4>
<p>
Consequuntur sunt aut quasi enim aliquam quae harum pariatur
laboris nisi ut aliquip
</p>
</div>
</div>
<div class="col-xl-4 d-flex align-items-stretch">
<div class="icon-box mt-4 mt-xl-0">
<i class="bx bx-cube-alt"></i>
<h4>Groupes de 4 élèves maximum</h4>
<p>
Excepteur sint occaecat cupidatat non proident, sunt in
culpa qui officia deserunt
</p>
</div>
</div>
<div class="col-xl-4 d-flex align-items-stretch">
<div class="icon-box mt-4 mt-xl-0">
<i class="bx bx-images"></i>
<h4>50% Déductible d'impôts</h4>
<p>
Aut suscipit aut cum nemo deleniti aut omnis. Doloribus ut
maiores omnis facere
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
)
export default Why

2
src/pages/index.jsx
View file

@ -5,6 +5,7 @@ import SEO from "../components/seo"
import Hero from "../components/hero" import Hero from "../components/hero"
import About from "../components/about" import About from "../components/about"
import Counters from "../components/counters" import Counters from "../components/counters"
import Why from "../components/why"
const IndexPage = () => ( const IndexPage = () => (
<Layout> <Layout>
@ -15,6 +16,7 @@ const IndexPage = () => (
/> />
<About /> <About />
<Counters /> <Counters />
<Why />
</Layout> </Layout>
) )