otthorn/site-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

adding some content to test

Browse source
This commit is contained in:
otthorn 2021-05-23 15:50:08 +02:00
parent bca7914e49
commit 53d4d16e08
1 changed files with 86 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

105
index.html
View file

@ -12,13 +12,6 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; 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> </style>
</head> </head>
<body> <body>
@ -51,40 +44,114 @@
</div> </div>
</section> </section>
<div class="divider"></div>
<div class="container col-xxl-8 px-4 py-5"> <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="row flex-lg-row align-items-center g-5 py-5">
<h1>À l'aide</h1> <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> </div>
<div class="divider"></div>
<div class="container col-xxl-8 px-4 py-5"> <div class="container col-xxl-8 py-5">
<div class="row flex-lg-row-reverse align-items-center g-5 py-5"> <div class="row flex-lg-row align-items-center g-5 py-5">
<div class="col-lg-4"> <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> <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>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> <p><a class="btn btn-secondary" href="#">View details »</a></p>
</div> </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> <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>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> <p><a class="btn btn-secondary" href="#">View details »</a></p>
</div> </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> <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>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> <p><a class="btn btn-secondary" href="#">View details »</a></p>
</div> </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>
</div> </div>