71 lines
2.6 KiB
HTML
Executable File
71 lines
2.6 KiB
HTML
Executable File
<!DOCTYPE HTML>
|
|
<!-- le navigateur utilisera les règles d'écriture de la DTD selon le standard W3C -->
|
|
<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 vers les fichiers css de bootstrap -->
|
|
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
|
|
|
|
<!-- liens vers la feuille css perso -->
|
|
<link rel="stylesheet" href="styles/style.css">
|
|
</head>
|
|
|
|
<!-- corps du document -->
|
|
<body>
|
|
|
|
<section>
|
|
<!-- barre de navigation -->
|
|
<div class="navbar navbar-default">
|
|
<div class="collapse navbar-collapse">
|
|
<!-- plusieurs présentations sont possibles : simple (navbar-nav), onglet (nav-tabs), onglet-bouton (nav-pills) -->
|
|
<!-- onglet-bouton vertical(nav-pills nav-stacked), onglet-bouton justifié(nav-pills nav-justified) -->
|
|
<ul class="nav navbar-nav">
|
|
<li class="active"><a href="index.html">Accueil</a></li>
|
|
<li><a href="stage.html">Stages</a></li>
|
|
<li><a href="contact.html">Contacts</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Bannière Bienvenue -->
|
|
<!-- le texte sera centré -->
|
|
<div class="text-center" >
|
|
<h1>Bienvenue sur notre site ! </h1>
|
|
</div>
|
|
|
|
|
|
<div id=contenu>
|
|
<h2>Editorial</h2>
|
|
<!-- l'image peut avoir plusieurs formes : rounded (coins arrondi), ovale (circle), cadre(thumbnail) -->
|
|
<img src="images/logo.jpg" class="img-circle" alt="Logo Dutoit" />
|
|
|
|
<!-- la balise <br> unique permet le passage à la ligne du texte -->
|
|
<p>Nous sommes heureux de vous accueillir sur le site de la société de formation continue Dutoit. </p>
|
|
<p>Nos stages s'adressent aussi bien à des débutants qu'à des personnes souhaitant se perfectionner sur des logiciels de bureautique
|
|
MicroSoft principalement.</p>
|
|
|
|
<h2>Information</h2>
|
|
<p>La liste de nos stages est mise à jour régulièment, n'hésitez pas à la consulter et à nous contacter.</p>
|
|
</div>
|
|
|
|
|
|
<!-- pied de page avec lien feuille de style-->
|
|
<p id="footer">- Société Dutoit -</p>
|
|
</section>
|
|
|
|
|
|
<!-- 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>
|