adding some content to test
This commit is contained in:
parent
bca7914e49
commit
53d4d16e08
1 changed files with 86 additions and 19 deletions
105
index.html
105
index.html
|
|
@ -12,13 +12,6 @@
|
|||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.divider {
|
||||
height: 3rem;
|
||||
background-color: rgba(0, 0, 0, .1);
|
||||
border: solid rgba(0, 0, 0, .15);
|
||||
border-width: 1px 0;
|
||||
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
|
@ -51,40 +44,114 @@
|
|||
</div>
|
||||
</section>
|
||||
|
||||
<div class="divider"></div>
|
||||
|
||||
<div class="container col-xxl-8 px-4 py-5">
|
||||
<div class="row flex-lg-row-reverse align-items-center g-5 py-5">
|
||||
<h1>À l'aide</h1>
|
||||
<div class="row flex-lg-row align-items-center g-5 py-5">
|
||||
<h1>Nous</h1>
|
||||
In publishing and graphic design, Lorem ipsum is a
|
||||
placeholder text commonly used to demonstrate the visual
|
||||
form of a document or a typeface without relying on
|
||||
meaningful content. Lorem ipsum may be used as a
|
||||
placeholder before final copy is available. It is also used
|
||||
to temporarily replace text in a process called greeking,
|
||||
which allows designers to consider the form of a webpage or
|
||||
publication, without the meaning of the text influencing
|
||||
the design. More at "Wikipedia" Delectus eaque nihil nihil
|
||||
aliquid. Ut numquam repudiandae non et eligendi occaecati.
|
||||
Officiis exercitationem ab atque culpa. Minima dolore qui
|
||||
non voluptate explicabo. Occaecati in veritatis numquam
|
||||
iusto vero enim sed laudantium. Sint odio qui eum
|
||||
consequuntur aut. Officiis molestias sed deserunt provident
|
||||
aut est. Quia porro repellat excepturi libero eos possimus
|
||||
modi. Voluptatem aut nam dolor nam error. Facilis aut ut
|
||||
aut. Quis aperiam necessitatibus non expedita et. Culpa
|
||||
molestiae unde occaecati sed molestiae. Quos commodi hic
|
||||
reprehenderit sint. Voluptatem temporibus nesciunt est
|
||||
voluptas est dolorem omnis. Ut neque laboriosam
|
||||
necessitatibus maiores ipsa blanditiis architecto. Id qui
|
||||
enim sequi non suscipit. Assumenda corporis quam minus
|
||||
quia. Ut quisquam exercitationem atque facilis asperiores
|
||||
harum. Sint veritatis quis molestiae aut nihil. Sit qui at
|
||||
molestias. Dolore natus iure temporibus perspiciatis
|
||||
aliquid. Quo assumenda dolorem temporibus. Blanditiis
|
||||
accusamus et deleniti maiores. Corrupti corporis animi
|
||||
consequatur itaque neque perferendis vel. Provident
|
||||
molestiae error quas doloremque tempore deserunt recusandae
|
||||
culpa.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="divider"></div>
|
||||
|
||||
<div class="container col-xxl-8 px-4 py-5">
|
||||
<div class="row flex-lg-row-reverse align-items-center g-5 py-5">
|
||||
<div class="col-lg-4">
|
||||
<div class="container col-xxl-8 py-5">
|
||||
<div class="row flex-lg-row align-items-center g-5 py-5">
|
||||
<h1>Notre travail</h1>
|
||||
<div class="col-lg-3">
|
||||
<svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"></rect><text x="50%" y="50%" fill="#777" dy=".3em">140x140</text></svg>
|
||||
|
||||
<h2>Heading</h2>
|
||||
<h2>Diffusion du savoir</h2>
|
||||
<p>Some representative placeholder content for the three columns of text below the carousel. This is the first column.</p>
|
||||
<p><a class="btn btn-secondary" href="#">View details »</a></p>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="col-lg-3">
|
||||
<svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"></rect><text x="50%" y="50%" fill="#777" dy=".3em">140x140</text></svg>
|
||||
|
||||
<h2>Heading</h2>
|
||||
<h2>Accès à Internet</h2>
|
||||
<p>Some representative placeholder content for the three columns of text below the carousel. This is the first column.</p>
|
||||
<p><a class="btn btn-secondary" href="#">View details »</a></p>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4">
|
||||
<div class="col-lg-3">
|
||||
<svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"></rect><text x="50%" y="50%" fill="#777" dy=".3em">140x140</text></svg>
|
||||
|
||||
<h2>Heading</h2>
|
||||
<h2>Services web</h2>
|
||||
<p>Some representative placeholder content for the three columns of text below the carousel. This is the first column.</p>
|
||||
<p><a class="btn btn-secondary" href="#">View details »</a></p>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"></rect><text x="50%" y="50%" fill="#777" dy=".3em">140x140</text></svg>
|
||||
|
||||
<h2>Évenementiel</h2>
|
||||
<p>Some representative placeholder content for the three columns of text below the carousel. This is the first column.</p>
|
||||
<p><a class="btn btn-secondary" href="#">View details »</a></p>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="container col-xxl-8 py-5">
|
||||
<div class="row flex-lg-row align-items-center g-5 py-5">
|
||||
<h1>Besoin d'aide ?</h1>
|
||||
<div class="col-lg-3">
|
||||
<svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"></rect><text x="50%" y="50%" fill="#777" dy=".3em">140x140</text></svg>
|
||||
|
||||
<h2>Contact</h2>
|
||||
<p>Some representative placeholder content for the three columns of text below the carousel. This is the first column.</p>
|
||||
<p><a class="btn btn-secondary" href="#">View details »</a></p>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"></rect><text x="50%" y="50%" fill="#777" dy=".3em">140x140</text></svg>
|
||||
|
||||
<h2>Inscription</h2>
|
||||
<p>Some representative placeholder content for the three columns of text below the carousel. This is the first column.</p>
|
||||
<p><a class="btn btn-secondary" href="#">View details »</a></p>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3">
|
||||
<svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"></rect><text x="50%" y="50%" fill="#777" dy=".3em">140x140</text></svg>
|
||||
|
||||
<h2>Connexion</h2>
|
||||
<p>Some representative placeholder content for the three columns of text below the carousel. This is the first column.</p>
|
||||
<p><a class="btn btn-secondary" href="#">View details »</a></p>
|
||||
</div>
|
||||
<div class="col-lg-3">
|
||||
<svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"></rect><text x="50%" y="50%" fill="#777" dy=".3em">140x140</text></svg>
|
||||
|
||||
<h2>En savoir plus</h2>
|
||||
<p>Some representative placeholder content for the three columns of text below the carousel. This is the first column.</p>
|
||||
<p><a class="btn btn-secondary" href="#">View details »</a></p>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue