63 lines
No EOL
2.5 KiB
HTML
63 lines
No EOL
2.5 KiB
HTML
<div class="container py-5">
|
|
<div class="row align-items-center mb-4">
|
|
<div class="col-md-6 text-center text-md-start">
|
|
<h2 class="text-primary">Ensemble. Luttons.</h2>
|
|
<p>Lorem, ipsum dolor, sit amet consectetur adipisicing elit...</p>
|
|
<button routerLink="/symptômes" class="btn btn-primary">Comment se protéger</button>
|
|
</div>
|
|
<div class="col-md-6 text-center">
|
|
<img src="/assets/illustration.png" alt="Illustration Covid" class="img-fluid">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="text-center mb-4">
|
|
<h2 class="text-primary">Symptôme du Coronavirus</h2>
|
|
<p>Lorem, ipsum dolor sit amet consectetur...</p>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-6 mb-3">
|
|
<div class="card p-3">
|
|
<div class="d-flex align-items-center">
|
|
<img src="/assets/fievre.png" alt="Forte fièvre" class="me-3">
|
|
<div>
|
|
<h5 class="text-primary">Forte fièvre</h5>
|
|
<p>Lorem ipsum dolor sit amet...</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 mb-3">
|
|
<div class="card p-3">
|
|
<div class="d-flex align-items-center">
|
|
<img src="/assets/toux.png" alt="Toux" class="me-3">
|
|
<div>
|
|
<h5 class="text-primary">Toux</h5>
|
|
<p>Lorem ipsum dolor sit amet...</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 mb-3">
|
|
<div class="card p-3">
|
|
<div class="d-flex align-items-center">
|
|
<img src="/assets/gorge.png" alt="Gorge irritée" class="me-3">
|
|
<div>
|
|
<h5 class="text-primary">Gorge irritée</h5>
|
|
<p>Lorem ipsum dolor sit amet...</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 mb-3">
|
|
<div class="card p-3">
|
|
<div class="d-flex align-items-center">
|
|
<img src="/assets/migraine.png" alt="Migraine" class="me-3">
|
|
<div>
|
|
<h5 class="text-primary">Migraine</h5>
|
|
<p>Lorem ipsum dolor sit amet...</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |