Skip to content

Instantly share code, notes, and snippets.

@tomsihap
Created January 23, 2019 13:12
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tomsihap/06014bc246886eda63f6db39a8a2a04c to your computer and use it in GitHub Desktop.
Save tomsihap/06014bc246886eda63f6db39a8a2a04c to your computer and use it in GitHub Desktop.
Template WP
<!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">&copy; 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