-
Notifications
You must be signed in to change notification settings - Fork 0
/
prestations.html
94 lines (93 loc) · 4.76 KB
/
prestations.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/nav.css">
<link rel="stylesheet" href="css/footer.css">
<link rel="stylesheet" href="css/global.css">
<link rel="stylesheet" href="css/prestations.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fredoka&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="images/1.1.svg" type="image/jpg">
<title>Marilou - Prestations</title>
</head>
<body>
<header>
<nav class="nav sticky burger">
<ul>
<div id="nav__logo">
</div>
<div id="nav__links">
</div>
</ul>
</nav>
</header>
<main>
<section id="presentation__container">
</section>
<section id="cardSection" class="flex">
<div id="cards" class="grid">
</div>
<div class="bigCards">
<div class="card flex center last-cards">
<p>Visite à domicile (par jour)* :</p><span>15€ pour 1 animal<br>20€ pour 2 animaux<br>25€ à partir de 3 animaux</span><span class="asterisk">*Prix pour 1 à 2 visite(s). À partir de 3 visites par jour, le prix augmente de 5€</span>
</div>
<div class="card flex center last-cards">
<p>Garde (Professionnels)*</p><span>60€ de 1 à 10 chiens<br>80€ de 11 à 25 chiens<br>100€ de 26 à 40 chiens<br>130€ à partir de 50 chiens</span><span class="asterisk">*Tarif à la journée. Frais de déplacements de 50€ par tranche de 100km. Supplément pension de 20€/jour. Déplacement minimum de 3jours selon la distance.</span>
</div>
</div>
<div class="BigCards flex solo">
<div class="card flex center last-cards">
<p>Prix petite taille :</p><span>Pour les chats, le prix est de 5€</span><span class="asterisk"></span>
</div>
</div>
<h2 class="subtitle center">Notes importantes</h2>
<div class="important">
<ul>
<li class="rabbit">
<img src="images/pig.png" alt=""> <span>Si vous choisissez les visites, le tarif des promenades est <span class="emphasis">déjà compris.</span></span>
</li>
<li class="turtle">
<img src="images/turtle.png" alt=""> <span>La garde s'effectue à <span class="emphasis">votre domicile</span> et non au mien.</span>
</li>
<li class="koala">
<img src="images/koala.png" alt=""> <span>Je <span class="emphasis">ne reste pas la nuit</span> sur place, je n'effectue que des visites la journée et le soir.</span>
</li>
<li class="cat">
<img src="images/cat.png" alt=""> <span>Mes services ne sont pas uniquement pour chiens et chats, mais pour <span class="emphasis">tout animal domestique.</span></span>
</li>
<li class="rabbit">
<img src="images/rabbit.png" alt=""> <span>Concernant les horaires du soir pour les promenades et visites, c'est à voir <span class="emphasis">au moment de la réservation.</span></span>
</li>
<li class="rabbit">
<img src="images/cow.png" alt=""> <span>Pour les promenades, le tarif <span class="emphasis">ne change pas</span> en fonction du nombre d'animaux.</span>
</li>
<li class="rabbit">
<img src="images/bear.png" alt=""> <span>Majoration<span class="emphasis"> Noël</span> et <span class="emphasis">premier de l'An</span> : 25%</span>
</li>
</ul>
</div>
</section>
</main>
<footer>
<section id="footer__content" class="flex">
<div id="footer__content__medias" class="flex">
</div>
<div id="footer__content__linktoPages" class="flex">
</div>
<div id="footer__content__infos">
</div>
</section>
<section id="footer__content__copyrights">
<div id="footer__copyrights__infos">
</div>
</section>
</footer>
<script src="js/nav.js"></script>
<script src="js/prestations.js"></script>
<script src="js/footer.js"></script>
</body>