Created
January 23, 2019 13:12
-
-
Save tomsihap/06014bc246886eda63f6db39a8a2a04c to your computer and use it in GitHub Desktop.
Template WP
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html> | |
<html lang="fr"> | |
<head> | |
<!-- Required meta tags --> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
<!-- Bootstrap CSS --> | |
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous"> | |
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous"> | |
<title>Office de tourisme de la ville de La Motte Servolex</title> | |
</head> | |
<body> | |
<div class="container-fluid"> | |
<section id="header" class="mx-5 my-2"> | |
<h1>Le blog de l'Office de tourisme de la ville de La Motte Servolex</h1> | |
</section> | |
<section id="navbar"> | |
<nav class="nav"> | |
<a class="nav-link active" href="#">Articles</a> | |
<a class="nav-link" href="#">Agenda</a> | |
<a class="nav-link" href="#">Contactez-nous</a> | |
<a class="nav-link" href="#">Les adresses utiles</a> | |
</nav> | |
<hr> | |
</section> | |
</div> | |
<div class="container"> | |
<div class="row"> | |
<div class="col-8"> | |
<section id="content"> | |
<h4>Les dernières nouvelles</h4> | |
<div class="card mb-3"> | |
<div class="card-body"> | |
<h5 class="card-title">L'ascension du grand Mornand</h5> | |
<h6 class="card-subtitle mb-2 text-muted">Des alpinistes ont joué à la Xbox sur le Mont Blanc</h6> | |
<p class="card-text">Lorem ipsum dolor, sit amet consectetur adipisicing elit...</p> | |
<a href="#" class="card-link float-right">Voir plus <i class="fas fa-arrow-right"></i></a> | |
</div> | |
</div> | |
<div class="card mb-3"> | |
<div class="card-body"> | |
<h5 class="card-title">L'ascension du grand Mornand</h5> | |
<h6 class="card-subtitle mb-2 text-muted">Des alpinistes ont joué à la Xbox sur le Mont Blanc</h6> | |
<p class="card-text">Lorem ipsum dolor, sit amet consectetur adipisicing elit...</p> | |
<a href="#" class="card-link float-right">Voir plus <i class="fas fa-arrow-right"></i></a> | |
</div> | |
</div> | |
<div class="card mb-3"> | |
<div class="card-body"> | |
<h5 class="card-title">L'ascension du grand Mornand</h5> | |
<h6 class="card-subtitle mb-2 text-muted">Des alpinistes ont joué à la Xbox sur le Mont Blanc</h6> | |
<p class="card-text">Lorem ipsum dolor, sit amet consectetur adipisicing elit...</p> | |
<a href="#" class="card-link float-right">Voir plus <i class="fas fa-arrow-right"></i></a> | |
</div> | |
</div> | |
</section> | |
</div> | |
<div class="col-4"> | |
<section id="sidebar"> | |
<h4>Nos activités</h4> | |
<ul class="list-group"> | |
<li class="list-group-item active">Cras justo odio</li> | |
<li class="list-group-item">Dapibus ac facilisis in</li> | |
<li class="list-group-item">Morbi leo risus</li> | |
<li class="list-group-item">Porta ac consectetur ac</li> | |
<li class="list-group-item">Vestibulum at eros</li> | |
</ul> | |
<h4>Nos menus Best-Of</h4> | |
<ul class="list-group"> | |
<li class="list-group-item active">Cras justo odio</li> | |
<li class="list-group-item">Dapibus ac facilisis in</li> | |
<li class="list-group-item">Morbi leo risus</li> | |
<li class="list-group-item">Porta ac consectetur ac</li> | |
<li class="list-group-item">Vestibulum at eros</li> | |
</ul> | |
</section> | |
</div> | |
<div class="col-12"> | |
<section id="footer"> | |
<footer class="ml-5 pt-4 mr-5 my-md-5 pt-md-5 border-top"> | |
<div class="row"> | |
<div class="col-12"> | |
<img class="mb-2" src="/docs/4.2/assets/brand/bootstrap-solid.svg" alt="" width="24" height="24"> | |
<small class="d-block mb-3 text-muted">© 2017-2018</small> | |
</div> | |
<div class="col-6 col-md"> | |
<h5>Features</h5> | |
<ul class="list-unstyled text-small"> | |
<li><a class="text-muted" href="#">Cool stuff</a></li> | |
<li><a class="text-muted" href="#">Random feature</a></li> | |
<li><a class="text-muted" href="#">Team feature</a></li> | |
<li><a class="text-muted" href="#">Stuff for developers</a></li> | |
<li><a class="text-muted" href="#">Another one</a></li> | |
<li><a class="text-muted" href="#">Last time</a></li> | |
</ul> | |
</div> | |
<div class="col-6 col-md"> | |
<h5>Resources</h5> | |
<ul class="list-unstyled text-small"> | |
<li><a class="text-muted" href="#">Resource</a></li> | |
<li><a class="text-muted" href="#">Resource name</a></li> | |
<li><a class="text-muted" href="#">Another resource</a></li> | |
<li><a class="text-muted" href="#">Final resource</a></li> | |
</ul> | |
</div> | |
<div class="col-6 col-md"> | |
<h5>About</h5> | |
<ul class="list-unstyled text-small"> | |
<li><a class="text-muted" href="#">Team</a></li> | |
<li><a class="text-muted" href="#">Locations</a></li> | |
<li><a class="text-muted" href="#">Privacy</a></li> | |
<li><a class="text-muted" href="#">Terms</a></li> | |
</ul> | |
</div> | |
</div> | |
</footer> | |
</section> | |
</div> | |
</div> | |
</div> | |
<!-- Optional JavaScript --> | |
<!-- jQuery first, then Popper.js, then Bootstrap JS --> | |
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script> | |
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment