84 lines
2.5 KiB
HTML
Executable File
84 lines
2.5 KiB
HTML
Executable File
<!DOCTYPE HTML>
|
|
<html lang="fr">
|
|
<head>
|
|
<!-- titre de la page -->
|
|
<title>Société Dutoit</title>
|
|
<!-- type d'encodage de la page -->
|
|
<meta charset="utf-8" />
|
|
|
|
<!-- taille et échelle de la page -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<!-- liens avec les fichiers css de bootstrap -->
|
|
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
|
|
|
|
<link rel="stylesheet" href="styles/style.css">
|
|
<!-- par défaut les tableaux occupent 100% de la page; le width fixe la largeur à 600 pixels -->
|
|
<style> .boite {width: 600px; } </style>
|
|
</head>
|
|
|
|
<!-- corps du document -->
|
|
<body>
|
|
|
|
<!-- barre de navigation -->
|
|
<div class="navbar navbar-default">
|
|
<div class="collapse navbar-collapse">
|
|
<ul class="nav navbar-nav">
|
|
<li><a href="index.html">Accueil</a></li>
|
|
<li><a href="stage.html">Stages</a></li>
|
|
<li class="active"><a href="contact.html">Contacts</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div id=contenu>
|
|
<h2>Contacts</h2>
|
|
|
|
<h4>Voici les différents moyens de nous contacter :</h4>
|
|
|
|
<p>Par <b>mail</b> auprès de notre conseiller <b>Pascal Durand </b> : </p>
|
|
<!-- élément blockquote mis en forme par bootstrap -->
|
|
<blockquote>
|
|
<blockquote>
|
|
<a href="formulaire.html">durand@wanadoo.fr</a>
|
|
</blockquote>
|
|
</blockquote>
|
|
<br><br>
|
|
|
|
<p>ou par <b>courrier</b> :</p>
|
|
<!-- mise en oeuvre d'un tableau à 2 colonnes (td) et une seule ligne (tr) -->
|
|
<div class="boite" >
|
|
<table class="table" >
|
|
<tr>
|
|
<!-- contenu de la 1ère colonne du tableau -->
|
|
<td>
|
|
<p><img src="images/batiment.jpg" class="img-circle" alt="Logo Dutoit" ></p>
|
|
</td>
|
|
|
|
<!-- contenu de la 2ème colonne du tableau -->
|
|
<td>
|
|
<blockquote><blockquote>
|
|
<address>
|
|
<strong>Société Dutoit</strong><br />
|
|
Monsieur Pascal Durand<br />
|
|
30 avenue du Père Goriot<br />
|
|
69008 LYON
|
|
</address>
|
|
</blockquote></blockquote>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<p id=footer>- Société Dutoit -</p>
|
|
|
|
<!-- Obligatoirement avant la balise de fermeture de l'élément body -->
|
|
<!-- Intégration de la libraire jQuery -->
|
|
<script src="bootstrap/js/jquery.js"></script>
|
|
<!-- Intégration de la libraire de composants du Bootstrap -->
|
|
<script src="bootstrap/js/bootstrap.min.js"></script>
|
|
|
|
</body>
|
|
</html>
|