-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
134 lines (126 loc) · 4.42 KB
/
contact.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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta
name="description"
content="La Panthère, agence de Web-Design sur Lyon vous accueille ! Ouvert aux professionnels et particuliers, notre agence saura créer le design dont vous avez besoin. Conseil, audit et devis sont disponible ici."
/>
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, viewport-fit=cover"
/>
<link rel="shortcut icon" type="image/png" href="favicon.jpg" />
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="./css/et-line.css" />
<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css" />
<script
src="https://kit.fontawesome.com/945944857b.js"
crossorigin="anonymous"
></script>
<title>La Panthère, Agence de Web-design - Contact</title>
<!-- Analytics -->
<!-- Analytics END -->
</head>
<body>
<!-- bloc-0 -->
<header>
<a href="index.html" class="logo__container"
><img
class="logo__image"
src="img/agence-la-panthere-monochrome.svg"
alt="paris web design logo agence web meilleure agence"
/></a>
<nav class="navigation">
<a href="index.html">Accueil</a>
<a href="contact.html">Contact</a>
</nav>
</header>
<!-- bloc-0 END -->
<!-- bloc-6 -->
<div class="contact__header">
<div class="contact__header-texture">
<h1 class="contact__header-title">Parlons web design !</h1>
<p class="contact__header-text">
Nous sommes ravis que vous souhaitiez collaborer avec notre agence.<br />
Parlez-nous de votre projet en complétant le formulaire ci-dessous.
</p>
</div>
</div>
<!-- bloc-6 END -->
<!-- bloc-7 -->
<section class="form-container">
<form class="form" novalidate>
<div class="form__column">
<div class="form__group">
<label for="name"> Nom </label>
<input id="name" class="form-control" required />
</div>
<div class="form__group">
<label for="email"> Adresse email </label>
<input id="email" class="form-control" type="email" required />
</div>
<div class="form__group">
<label for="answer"> Comment nous avez-vous connu ? </label>
<input id="answer" class="form-control" type="email" required />
</div>
</div>
<div class="form__column">
<div class="form__group">
<label for="message">
Brief de votre projet <br /> (Ajoutez autant de détails que
nécessaire)</label
><textarea
id="message"
class="form_control"
rows="8"
cols="50"
required
></textarea>
</div>
</div>
</form>
<div class="form__button-container">
<button class="form__button" type="submit">Envoyer</button>
</div>
<p class="form__adress">
contact@agencelapanthere.com<br />2 place Sathonay 69001 Lyon<br />Ouvert
de 9h à 18h, du lundi au vendredi<br />
</p>
</section>
<!-- bloc-7 END -->
<!-- Footer - bloc-8 -->
<footer class="footer">
<p class="footer__title">
Agence La Panthère - Agence web basée à Lyon.<br />
</p>
<div class="footer__networks">
<div class="footer__social-container">
<a class="footer__social" href="#"
><span class="fa fa-twitter icon-md"></span>
<p class="footer__social-text">Twitter</p>
</a>
</div>
<div class="footer__social-container">
<a class="footer__social" href="#"
><span class="fa fa-facebook icon-md"></span>
<p class="footer__social-text">Facebook</p>
</a>
</div>
<div class="footer__social-container">
<a class="footer__social" href="#"
><span class="fa fa-dribbble icon-md"></span>
<p class="footer__social-text">Dribble</p>
</a>
</div>
<div class="footer__social-container">
<a class="footer__social" href="#"
><span class="fa fa-instagram icon-md"></span>
<p class="footer__social-text">Instagram</p>
</a>
</div>
</div>
</footer>
<!-- Footer - bloc-8 END -->
</body>
</html>