-
Notifications
You must be signed in to change notification settings - Fork 216
/
index.html
128 lines (126 loc) · 4.84 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
<!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="./assets/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:contact@print-it.tld">Devis</a>
</header>
<main>
<div id="banner">
<img class="banner-img" src="./assets/images/slideshow/slide1.jpg" alt="Banner Print-it">
<p>Impressions tous formats <span>en boutique et en ligne</span></p>
<div class="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:contact@print-it.tld" 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:contact@print-it.tld" 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:contact@print-it.tld" class="btn">Nous écrire</a>
<a href="mailto:contact@print-it.tld?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>
<script src="./assets/script.js"></script>
</body>
</html>