-
Notifications
You must be signed in to change notification settings - Fork 0
/
header.php
138 lines (121 loc) · 6.07 KB
/
header.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
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
135
136
137
<?php
error_reporting(E_ALL^E_NOTICE);
ini_set("display_errors", 1);
$error = array();
$sent = false;
if($_POST['envoiMessage']) {
if(strlen($_POST['nom']) < 2) {
$error['nom'] = '<div style="padding:5px; margin-top:10px;" class="alert alert-danger"><i class="fa fa-warning"></i> Le champ nom est <strong>videou inférieur à deux caractères</strong></div>';
}
if(!filter_var($_POST['mail'], FILTER_VALIDATE_EMAIL)){
$error['mail'] = '<div style="padding:5px; margin-top:10px;" class="alert alert-danger"><i class="fa fa-warning"></i> Le champ mail est <strong>vide ou incorrect</strong></div>';
}
if(strlen($_POST['message'])<10) {
$error['message'] = '<div style="padding:5px; margin-top:10px;" class="alert alert-danger"><i class="fa fa-warning"></i> Le champ message doit <strong>comporter</strong> au moins <strong>10 caractères</strong>.</div>';
}
if($_POST['captcha']!='42') {
$error['captcha'] = '<div style="padding:5px; margin-top:10px;" class="alert alert-danger"><i class="fa fa-warning"></i> Veuillez répondre à la question de <strong>vérification</strong>.</div>';
}
if(count($error) == 0) {
$headers = 'From: '. htmlspecialchars($_POST['nom']).' <'.$_POST['mail'].'>';
$to = "[email protected]";
$subject = 'Contact osteopathie par site';
if(mail($to,$subject,htmlspecialchars($_POST['message']),$headers)) {
$sent = true;
unset($_POST);
}
else{
$error['notsent'] = '<div style="padding:5px; margin-top:10px;" class="alert alert-danger"><i class="fa fa-warning"></i> Une erreur temporaire empèche l\'envoi de votre message.<br />Vous pouvez directement contacter fayolle [point] marie [point] osteo [arobase] gmail [point] com</div>';
}
}
}
?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;
charset=UTF-8"/>
<title>La Brède Ostéopathie</title>
<!--[if lt IE 9]>
<script
src="http://html5shim.googlecode.com/svn/trunk/html5.js"
type="text/javascript"></script>
<![endif]-->
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="//rawgithub.com/ashleydw/lightbox/master/dist/ekko-lightbox.css">
</head>
<body>
<header id="index">
<nav class="navbar navbar-default navbar-fixed-top osteo-nav" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle"
data-toggle="collapse"
data-target="#osteo-navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#index">Cabinet d'Ostéopathie de La Brède</a>
</div>
<div class="collapse navbar-collapse" id="osteo-navbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="#osteopathie">L'Ostéopathie</a></li>
<li class="dropdown">
<a data-toggle="dropdown" class="dropdown-toggle">Une séance
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li role="presentation"><a href="#votre-osteo">Votre ostéopathe</a></li>
<li role="presentation"><a href="#cabinet">Le cabinet</a></li>
<li role="presentation"><a href="#seance">La séance</a></li>
</ul>
</li>
<li class="dropdown">
<a data-toggle="dropdown" class="dropdown-toggle">Quand Consulter ?
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li role="presentation" class="dropdown-header">Adultes</li>
<li role="presentation"><a href="#adulte">Femmes enceintes</a></li>
<li role="presentation"><a href="#adulte">Problèmes articulaires</a></li>
<li role="presentation" class="dropdown-header">Nourrisons</li>
<li role="presentation"><a href="#nourrisson">Nutrission</a></li>
<li role="presentation"><a href="#nourrisson">Sommeil</a></li>
<li role="presentation"><a href="#nourrisson">Pleurs</a></li>
</ul>
</li>
<li class="dropdown">
<a data-toggle="dropdown" class="dropdown-toggle">Renseignements
<span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
<li role="presentation"><a href="#tarifs">Les tarifs</a></li>
<li role="presentation"><a href="#horaires">Les horaires</a></li>
<li role="presentation"><a href="#plan">Plan d'accès</a></li>
</ul>
</li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
</header>
<div class="sub_head drop-shadow-header">
<div class="container">
<div class="row">
<div class="col-lg-2 col-md-2 col-lg-2 col-xs-2 vcenter">
<img src="images/bebe.jpg" id="thumb-osteo" class="img-thumbnail" alt="Ostéopathie">
</div>
<div class="col-lg-10 col-md-10 col-lg-10 col-xs-10 vcenter text-right">
<h1>Cabinet d'Ostéopathie de La Brède</h1>
<p><strong>Marie Fayolle</strong>, diplômée du Collège Ostéopathique Sutherland de Bordeaux.</p>
<p><i class="fa fa-phone"></i> 06.22.21.12.42</p>
<p><i class="fa fa-home"></i> 18 Place Montesquieu, 33650 Brede (la)</p>
</div>
</div>
</div>
</div>