align center
This commit is contained in:
parent
aa1bb0b745
commit
d4b8567166
1 changed files with 30 additions and 17 deletions
47
index.html
47
index.html
|
|
@ -18,6 +18,11 @@
|
|||
border-image-source: linear-gradient(90deg, #5d2f86, #8ed6fb 50%, #d32e9d);
|
||||
border-image-slice: 1
|
||||
}
|
||||
|
||||
col-lg-3 > h2 {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
|
@ -92,16 +97,16 @@
|
|||
|
||||
<div class="py-5 bg-light">
|
||||
<div class="container">
|
||||
<div class="row flex-lg-row align-items-center g-5 py-5">
|
||||
<div class="row flex-lg-row align-items-start g-5 py-5">
|
||||
<h1>Notre travail</h1>
|
||||
<div class="col-lg-3">
|
||||
<div class="col-lg-3 text-center">
|
||||
<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>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-3">
|
||||
<div class="col-lg-3 text-center">
|
||||
<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>Accès à Internet</h2>
|
||||
|
|
@ -109,14 +114,14 @@
|
|||
<p><a class="btn btn-secondary" href="#">View details »</a></p>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3">
|
||||
<div class="col-lg-3 text-center">
|
||||
<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>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">
|
||||
<div class="col-lg-3 text-center">
|
||||
<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>
|
||||
|
|
@ -130,16 +135,17 @@
|
|||
|
||||
<div class="py-5">
|
||||
<div class="container">
|
||||
<div class="row flex-lg-row align-items-center g-5 py-5">
|
||||
<div class="row flex-lg-row align-items-start g-5 py-5">
|
||||
<h1>Besoin d'aide</h1>
|
||||
<div class="col-lg-3">
|
||||
<div class="col-lg-3 bg-primary text-center">
|
||||
<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">
|
||||
<div class="col-lg-3 text-center">
|
||||
<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>
|
||||
|
|
@ -147,14 +153,14 @@
|
|||
<p><a class="btn btn-secondary" href="#">View details »</a></p>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3">
|
||||
<div class="col-lg-3 bg-primary text-center">
|
||||
<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">
|
||||
<div class="col-lg-3 text-center">
|
||||
<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>
|
||||
|
|
@ -205,18 +211,25 @@
|
|||
|
||||
<div class="py-5">
|
||||
<div class="container">
|
||||
<div class="row flex-lg-row align-items-center g-5 py-5">
|
||||
<div class="row flex-lg-row g-5 py-5">
|
||||
<h1>Nos partenaires</h1>
|
||||
<div class="col-lg-4">
|
||||
<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></svg>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
|
||||
<div class="col-lg-4 text-center">
|
||||
<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></svg>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4">
|
||||
<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>
|
||||
<div class="col-lg-4 text-center">
|
||||
<center>
|
||||
<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></svg>
|
||||
</center>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 text-center">
|
||||
<center>
|
||||
<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></svg>
|
||||
</center>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue