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

🧮 lay counters section out

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

31
src/components/counters.jsx Normal file
View file

@ -0,0 +1,31 @@
import React from "react"
const Counters = () => (
<section id="counts" class="counts section-bg">
<div class="container">
<div class="row counters">
<div class="col-lg-3 col-6 text-center">
<span data-toggle="counter-up">1232</span>
<p>Élèves</p>
</div>
<div class="col-lg-3 col-6 text-center">
<span data-toggle="counter-up">64</span>
<p>Cours</p>
</div>
<div class="col-lg-3 col-6 text-center">
<span data-toggle="counter-up">42</span>
<p>Ateliers</p>
</div>
<div class="col-lg-3 col-6 text-center">
<span data-toggle="counter-up">15</span>
<p>Enseignants</p>
</div>
</div>
</div>
</section>
)
export default Counters

2
src/pages/index.jsx
View file

@ -4,6 +4,7 @@ import Layout from "../components/layout"
import SEO from "../components/seo" 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"
const IndexPage = () => ( const IndexPage = () => (
<Layout> <Layout>
@ -13,6 +14,7 @@ const IndexPage = () => (
subtitle="Accompagnement et suivi personnalisé orienté vers l'international" subtitle="Accompagnement et suivi personnalisé orienté vers l'international"
/> />
<About /> <About />
<Counters />
</Layout> </Layout>
) )