-
Notifications
You must be signed in to change notification settings - Fork 0
/
francais.html
133 lines (116 loc) · 5.2 KB
/
francais.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Le Barbu du Bonheur - Français</title>
<!-- Bootstrap -->
<link href="../css/bootstrap.min.css" rel="stylesheet">
<!-- CSS custom -->
<link href="../css/main.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<!-- Entête et navigation -->
<header class="navbar navbar-default navbar-static-top">
<nav class='container' role='navigation'>
<div class='navbar-header'>
<a href="francais.html" class="navbar-brand">Le Barbu du Bonheur</a>
<button type='button' class='navbar-toggle collapsed' data-toggle='collapse' data-target='.navbar-collapse'>
<span class='sr-only'>Toggle navigation</span>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
</button>
</div>
<ul class="nav navbar-nav navbar-right collapse navbar-collapse">
<li><a href="apropos.html">A propos</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="https://www.facebook.com/pages/Le-Barbu-du-Bonheur/339974726019065">Facebook</a></li>
</ul>
</nav>
</header>
<body>
<!-- Principal contenu -->
<section>
<!-- Grosse bulle d'information -->
<div class="container">
<div class="row well well-lg">
<div class="col-sm-6">
<h2>Quelques pouces de plus vers votre bonheur!</h2>
<p>Massage shiatsu complet, humain et paisible. Grâce à moi, prenez votre santé en main!</p>
<button type="button" class='btn btn-lg btn-primary'><a href="portfolio.html">Un aperçu</a></button>
<button type="button" class='btn btn-lg btn-success'><a href="contact.html">Prenez rendez-vous!</a></button>
</div>
<div="col-sm-6 visible-md">
<img src="../images/mini/17.jpg" class="img-responsive" alt="Massage cou">
</div>
</div>
<!-- 3 points d'information -->
<div class="row text-center features">
<div class="col-sm-4 col-xs-6 col-xs-offset-1 col-sm-offset-0"
<i class="glyphicon glyphicon-plus">
<h3>Fait pour vous</h3>
<p>Lorem ipsum</p>
</div>
<div class="col-sm-4 col-xs-6 col-xs-offset-1 col-sm-offset-0"
<i class="glyphicon glyphicon-plus">
<h3>Vision holistique</h3>
<p>Lorem ipsum</p>
</div>
<div class="col-sm-4 col-xs-10 col-xs-offset-1 col-sm-offset-0"
<i class="glyphicon glyphicon-plus">
<h3>Prenez rendez-vous aujourd'hui!</h3>
<p>Plages horaires disponibles du lundi au dimanche entre 11h et 22h</p>
</div>
</div>
</div>
</section>
<!-- Pied de page -->
<footer>
<div class="container">
<div class="row">
<!-- A propos -->
<div class="col-sm-4 col-xs-6">
<h4>A propos du Barbu du Bonheur</h4>
<p><i>Le Barbu du Bonheur</i> (Xavier Vachon) est un massothérapeute agrée (FQM) pratiquant le massage shiatsu à Montréal.</p>
<ul class="list-unstyled">
<li><i class="glyphicon glyphicon-ok"></i><a href='contact.html'> Prenez rendez-vous!</a></li>
<li><i class="glyphicon glyphicon-plus"></i><a href="apropos.html"> En savoir plus</a></li>
</ul>
</div>
<!-- Navigation -->
<div class="col-sm-3 col-sm-offset-1 col-xs-6">
<h4>Navigation</h4>
<ul class="list-unstyled">
<li><a href="apropos.html">A propos</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="https://www.facebook.com/pages/Le-Barbu-du-Bonheur/339974726019065">Facebook</a></li>
</ul>
</div>
<!-- Informations -->
<div class="col-sm-3 col-sm-offset-1 col-xs-6">
<h4>Informations</h4>
<ul class="list-unstyled">
<li><i class="glyphicon glyphicon-globe"></i> Montréal, QC, Canada</li>
<li><i class="glyphicon glyphicon-phone"></i> 1-514-123-4567</li>
<li><i class="glyphicon glyphicon-envelope"></i> [email protected]</li>
</ul>
<p>© 2015 Le Barbu du Bonheur
</div>
</div>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>