https://seguin-selector.web.app/

1<!doctype html>
2<html lang="fr" data-theme="light">
3  <head>
4    <meta charset="UTF-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
7    <link
8      rel="icon"
9      type="image/png"
10      sizes="16x16"
11      href="./assets/favicon-Dd38PHq5.ico" />
12
13    <title>Seguin - Sélecteur de Poêles</title>
14
15    <link rel="stylesheet" crossorigin href="./assets/main-plWGjPus.css">
16    <link rel="stylesheet" crossorigin href="./assets/style--pHnr9bn.css">
17  </head>
18  <body>
19    <header>
20      <div class="container">
21        <div class="black-line black-line-top"></div>
22        <div class="logo-container">
23          <div class="logo" alt="logo"></div>
24        </div>
25        <div class="black-line"></div>
26      </div>
27    </header>
28
29    <main class="selector-page">
30      <div class="intro">
31        <h1>SÉLECTIONNEZ VOTRE TYPE DE POÊLE</h1>
32      </div>
33
34      <div class="selector-container">
35        <a href="./bois.html" class="selector-card">
36          <div class="selector-icon">
37            <svg
38              xmlns="http://www.w3.org/2000/svg"

39              viewBox="0 0 24 24"
40              fill="currentColor">
41              <path
42                d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" />
43            </svg>
44          </div>
45          <div class="selector-content">
46            <h2>POÊLES À BOIS</h2>
47            <p>
48              Découvrez notre gamme de poêles à bois traditionnels pour une
49              chaleur authentique.
50            </p>
51          </div>
52          <div class="selector-arrow">
53            <svg
54              xmlns="http://www.w3.org/2000/svg"
55              viewBox="0 0 24 24"
56              fill="currentColor">
57              <path
58                d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z" />
59            </svg>
60          </div>
61        </a>
62
63        <a href="./granule.html" class="selector-card">
64          <div class="selector-icon">
65            <svg
66              xmlns="http://www.w3.org/2000/svg"
67              viewBox="0 0 24 24"
68              fill="currentColor">
69              <circle cx="12" cy="12" r="3" />
70              <circle cx="6" cy="12" r="2" />
71              <circle cx="18" cy="12" r="2" />
72              <circle cx="12" cy="6" r="2" />
73              <circle cx="12" cy="18" r="2" />
74            </svg>
75          </div>
76          <div class="selector-content">
77            <h2>POÊLES À GRANULÉS</h2>
78            <p>
79              Optez pour le confort et l'efficacité avec nos poêles à granulés
80              modernes.
81            </p>
82          </div>
83          <div class="selector-arrow">
84            <svg
85              xmlns="http://www.w3.org/2000/svg"

86              viewBox="0 0 24 24"
87              fill="currentColor">
88              <path
89                d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z" />
90            </svg>
91          </div>
92        </a>
93
94        <a href="./mixte.html" class="selector-card">
95          <div class="selector-icon">
96            <svg
97              xmlns="http://www.w3.org/2000/svg"
98              viewBox="0 0 24 24"
99              fill="currentColor">
100              <path
101                d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 14H5V5h7v12zm7 0h-5v-5h5v5zm0-7h-5V5h5v5z" />
102            </svg>
103          </div>
104          <div class="selector-content">
105            <h2>POÊLES MIXTES</h2>
106            <p>
107              Profitez du meilleur des deux mondes avec nos poêles mixtes bois
108              et granulés.
109            </p>
110          </div>
111          <div class="selector-arrow">
112            <svg
113              xmlns="http://www.w3.org/2000/svg"
114              viewBox="0 0 24 24"
115              fill="currentColor">
116              <path
117                d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z" />
118            </svg>
119          </div>
120        </a>
121      </div>
122    </main>
123  </body>
124</html>