forked from guoyu07/les-ziags
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.php
98 lines (82 loc) · 5.55 KB
/
contact.php
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
<!DOCTYPE html>
<!--
╭──────────────────────────────────────────╮
│ ≡ Design & Front-end │
╞══════════════════════════════════════════╡
│ │
│ EVAN SUAU │
├──────────┬───────────────────────────────┤
│ Email │ [email protected] │
├──────────┼───────────────────────────────┤
│ Location │ Sucy-en-Brie, FR │
╰──────────┴───────────────────────────────╯
╭──────────────────────────────────────────╮
│ ≡ Back-end │
╞══════════════════════════════════════════╡
│ │
│ ALEX BENOIT │
├──────────┬───────────────────────────────┤
│ Email │ [email protected] │
├──────────┼───────────────────────────────┤
│ Location │ Paris, FR │
╰──────────┴───────────────────────────────╯
-->
<html lang="fr">
<head>
<!-- META -->
<meta charset="utf-8" />
<title>Hôtel Les Ziags | Contactez-nous</title>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- STYLES -->
<!-- CSS -->
<link href="/content/css/main.css" rel="stylesheet" type="text/css" media="screen" />
<link href="/content/css/contact.css" rel="stylesheet" type="text/css" media="screen" />
<!-- Favicon -->
<link rel="shortcut icon" href="/favicon.ico" />
<!--[if IE]>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<![endif]-->
<!-- SCRIPTS -->
<script type="text/javascript" src="/content/js/jquery-1.12.1.min.js"></script>
<script type="text/javascript" src="/content/js/modernizr-3.3.1.min.js"></script>
</head>
<body>
<!-- Wrapper -->
<div class="wrapper">
<!-- Header -->
<?php include 'view/headerView.php'; ?>
<!-- Content -->
<div class="content contact">
<div class="content-overlay">
<!-- Container -->
<div class="container container-main">
<table>
<tr>
<td>
<form action="" method="post" id="contact-form">
<h1>Ecrivez-nous</h1>
<div class="input-container input-container-mail-object"><input type="text" name="contact-email-object" placeholder="Sujet" required /></div>
<textarea form="contact-form" id="contact-message" required></textarea>
<div class="input-container input-container-user"><input type="text" placeholder="Nom" name="contact-name" id="contact-name" required /></div>
<div class="input-container input-container-username"><input type="email" placeholder="Email" name="contact-email" id="contact-email" pattern="[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?" oninput="try {if ($(this).val().match(new RegExp(this.getAttribute('pattern')))) { this.setCustomValidity(''); } else { this.setCustomValidity('Veuillez entrer une adresse valide'); }} catch(e) {}" required /></div><br />
<button class="button-submit" id="contact-submit-message">Envoyer</button>
</form>
</td>
<td>
<div id="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2628.3084971519574!2d2.441690315178635!3d48.795090513116385!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e673363672b631%3A0xf674dbebdbbe5ff9!2s%C3%89cole+Sup%C3%A9rieure+d'Informatique+Appliqu%C3%A9e+%C3%A0+la+Gestion!5e0!3m2!1sfr!2sfr!4v1457381397040" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</td>
</tr>
</table>
</div>
</div>
</div>
<!-- Footer -->
<?php include 'view/footerView.php'; ?>
</div>
<script type="text/javascript" src="/content/js/script.js"></script>
</body>
</html>