This repository has been archived by the owner on May 1, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
138 lines (133 loc) · 5.66 KB
/
index.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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!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, initial-scale=1.0">
<link rel="stylesheet" href="./CSS/index.css">
<title>REPTILIUS - Animalerie en ligne</title>
<link rel="icon" type="image/png" href="./ASSET/favicon.png" />
</head>
<body>
<header>
<a href="index.html">
<h1>REPTILIUS</h1>
</a>
<nav>
<ul><a href="./HTML/boutique-animale.html">
<p>BOUTIQUE <svg width="17" height="11" viewBox="0 0 17 11" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L8.5 10L16 1" stroke="#191919" />
</svg>
</p>
</a>
<li><a href="./HTML/boutique-animale.html">
<p>ANIMAUX</p>
</a></li>
<li><a href="./HTML/panier.html">
<p>PANIER</p>
</a></li>
</ul>
<a href="#">
<p>FICHES D’ÉLEVAGE</p>
</a>
<a href="#">
<p>CONTACT</p>
</a>
</nav>
</header>
<div id="home-button" onclick="openMenu()">
<svg preserveAspectRatio="none" width="40" height="24" viewBox="0 0 40 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<line y1="1.5" x2="40" y2="1.5" stroke="#161A1D" stroke-width="3"></line>
<line y1="12" x2="40" y2="12" stroke="#161A1D" stroke-width="3"></line>
<line y1="22.5" x2="40" y2="22.5" stroke="#161A1D" stroke-width="3"></line>
</svg>
</div>
<div id="Menu">
<h3>Menu</h3>
<a href="./index.html"><p>Home</p></a>
<a href="./HTML/boutique-animale.html"><p>Boutique</p></a>
<a href="./index.html"><p>Fiches d'élevage</p></a>
<a href="./HTML/panier.html"><p>Panier</p></a>
<a href="./HTML/contact.html"><p>Contact</p></a>
</div>
<section id="landing">
<div class="content-margins">
<h1>REPTILIUS</h1>
<p>Votre animalerie en ligne spécialisée dans les réptiles.</p>
<div class="scroll" href="">
<a href="#begin">
<svg width="29" height="17" viewBox="0 0 29 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 3.10355L14.5 14.3965" stroke="#191919" stroke-width="3" stroke-linecap="square" />
<path d="M26 3.10355L14.5 14.3965" stroke="#191919" stroke-width="3" stroke-linecap="square" />
</svg>
<svg width="29" height="17" viewBox="0 0 29 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 3.10355L14.5 14.3965" stroke="#191919" stroke-width="3" stroke-linecap="square" />
<path d="M26 3.10355L14.5 14.3965" stroke="#191919" stroke-width="3" stroke-linecap="square" />
</svg>
</a>
</div>
</div>
<img src="./ASSET/LANDING/Snake1.svg" alt="snake" class="snake-corpse">
<img src="./ASSET/LANDING/Snake2.svg" alt="snake" class="snake-corpse">
<img src="./ASSET/LANDING/Snake3.svg" alt="snake" class="snake-corpse">
</section>
<section id="begin">
<div class="content-margins">
<h2>POUR BIEN COMMENCER</h2>
<p>Spécialisés dans l’élevage et la vente de reptiles depuis 1990. Nous nous efforçons à vous accompagner et
vous conseiller pendant, et après le choix de votre animal.</p>
<p>Nous vous conseillons de lire dans un premiers temps les différents guides et fiches d’élevages écrites
ci-dessous.</p>
<div class="article">
<h3>ADOPTER UN REPTILE<span>Le 29.01.21</span></h3>
<p>Adopter un reptile est toujours une merveilleuse aventure, mais comme tout animal, voicis les
informations à connaitres avant l’adoption, et les précautions à prendre après l’adoption.</p>
<a href="">
<h3>LIRE</h3>
</a>
</div>
<a href="">
<h3>VOIR LES AUTRES GUIDES</h3>
</a>
</div>
</section>
<section id="landing-shop">
<div class="content-margins">
<h2>BOUTIQUE</h2>
<div class="article">
<div class="content">
</select>
</div>
<a href="./HTML/boutique-animale.html">
<h3>VOIR TOUT</h3>
</a>
</div>
</div>
</section>
<footer>
<div class="content-margins">
<h5>
Reptilius
</h5>
<div class="footer-body">
<div>
<p>Conditions générales de vente</p>
<p>Contactez-nous</p>
<p>Principale source : Reptiligne.fr</p>
<a href="https://github.com/jeremie-j/Reptilius-shopping"><p>Github</p></a>
</div>
<div>
<p>Animalerie reptiles</p>
<p>173 Boulevard Haussmann</p>
<p>75008 Paris (Fictif)</p>
<p>France</p>
</div>
</div>
</footer>
</body>
<script type="text/javascript">on_index = true;</script>
<script type="module" src="./JS/product-list.js"></script>
<script src="./JS/product-page.js"></script>
<script src="./JS/notification.js"></script>
</html>