-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
131 lines (129 loc) · 5.12 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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Print it ! - Impressions d'entreprise</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css"
integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w=="
crossorigin="anonymous" referrerpolicy="no-referrer">
<script src="./js/script.js" defer></script>
<link rel="stylesheet" href="./css/style.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=Roboto:wght@400;700&family=Roboto+Slab:wght@400;900&display=swap" rel="stylesheet">
</head>
<body>
<header class="container">
<h1>
<img class="logo" src="./assets/images/logo.png" alt="Print it ! Impressions d'entreprises" >
</h1>
<a class="btn devis" href="mailto:[email protected]">Devis</a>
</header>
<main>
<div id="banner">
<div id="banner-images"></div>
<i class="fa-solid fa-chevron-left arrow" id="arrow-left"></i>
<i class="fa-solid fa-chevron-right arrow" id="arrow-right"></i>
<div id="dots"></div>
</div>
<section id="about-us" class="container">
<div>
<h2>Qui sommes-nous ?</h2>
<ul>
<li>Depuis près de 60 ans nous sommes un imprimeur familial spécialisé dans les besoins d’entreprises de petite et grande taille. Implantés à Rennes dans le quartier Bréquigny, nous accompagnons nos clients dans leurs projets d’impression.</li>
<li>De la création de vos fichiers à la livraison de vos imprimés, nous mettons tout notre savoir-faire à votre disposition afin de répondre au mieux à vos attentes.</li>
</ul>
</div>
<aside>
<img src="./assets/images/colors.jpg" alt="palette multicolore">
</aside>
</section>
<section id="products" class="container">
<div>
<h2>Nos produits</h2>
<p>Grâce à nos nombreuses années d'expérience dans l'impression de produits évènementiels et supports de communication, nous ne cessons d'innover et de perfectionner nos services afin de satisfaire au mieux nos clients. Vous pourrez parcourir les différentes rubriques du site afin de découvrir notre large gamme de papiers et finitions, pour des produits aussi divers que les dépliants ou plaquettes promotionnelles, les brochures, les flyers, les goodies d’entreprises, les autocollants de toutes tailles... </p>
</div>
<aside>
<img src="./assets/images/yellow-book.jpg" alt="Imprimeur avec un livre jaune dans les mains">
</aside>
</section>
<section id="question" class="bg-yellow">
<h2>Une question? Un devis?</h2>
<p>Appelez-nous au 02 12 34 56 78 ou faites une demande de devis ici :</p>
<a href="mailto:[email protected]" class="btn devis">Devis</a>
</section>
<section id="why-us" class="container">
<h2>Pourquoi faire appel à nous?</h2>
<div>
<article>
<img src="./assets/images/proximity-icon.png" alt="Icone Proximité">
<h3>Proximité</h3>
<p>Facile d’accès, une équipe compétente et à l'écoute des clients vous attend pour tous vos besoins d'impression et en communication visuelle.</p>
</article>
<article>
<img src="./assets/images/quality-icon.png" alt="Icone Qualité">
<h3>Qualité</h3>
<p>Qu'il s'agisse de copies simples, de brochures, de cartes de visite ou de conception, nous vous garantissons toujours des résultats optimaux.</p>
</article>
<article>
<img src="./assets/images/speedy-icon.png" alt="Rapidité Qualité">
<h3>Rapidité</h3>
<p>Vous pouvez compter sur nous pour répondre à vos sollicitations en temps et en heure.</p>
</article>
</div>
</section>
<section id="contact" class="bg-lightblue">
<div class="container">
<div>
<h2>Contact</h2>
<div>
<h3>Par téléphone</h3>
<ul>
<li>Appelez-nous au 02 12 34 56 78</li>
<li>Lun-Ven : 9h30-18h30</li>
<li>Sam : 10h-13h et 14h-18h30</li>
</ul>
</div>
<div>
<h3>Par e-mail</h3>
<p>
<a href="mailto:[email protected]" class="btn">Nous écrire</a>
</p>
</div>
<div>
<h3>Se rendre en boutique</h3>
<p>5, rue Yves Noël,<br>
35200 Rennes<br>
<img class="inline-icon" src="./assets/images/metro.png" alt="metro"/> Clémenceau</p>
</div>
</div>
<div>
<img src="./assets/images/magnifying-glass.jpg" alt="Loupe avec palette bleue">
</div>
</div>
</section>
</main>
<footer>
<div>
<p class="footer-contact">Contact</p>
<ul>
<li>Appelez-nous au 02 12 34 56 78</li>
<li>Lun-Ven : 9h30-18h30</li>
<li>Sam : 10h-13h et 14h-18h30</li>
</ul>
</div>
<div>
<p>5, rue Yves Noël,35200 Rennes<br>
<img src="./assets/images/metro.png" alt="metro"/> Clémenceau</p>
</div>
<div>
<a href="mailto:[email protected]" class="btn">Nous écrire</a>
<a href="mailto:[email protected]?subject=Demande de devis" class="btn devis">Devis</a>
</div>
<div>
<img class="footer-logo" src="./assets/images/logo.png" alt="Print it ! Impressions d'entreprises" >
</div>
</footer>
</body>
</html>