95 lines
3.7 KiB
HTML
95 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"/>
|
|
<title>Maquette site Aurore</title>
|
|
<link rel="stylesheet" href="/static/css/bootstrap.css"/>
|
|
<style rel="stylesheet">
|
|
#top-section {
|
|
background-image: url("/static/img/network_blur.jpg");
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
}
|
|
.divider {
|
|
height: 3rem;
|
|
background-color: rgba(0, 0, 0, .1);
|
|
border: solid rgba(0, 0, 0, .15);
|
|
border-width: 1px 0;
|
|
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<header>
|
|
<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="#">Aurore</a>
|
|
<ul class="navbar-nav float-md-end">
|
|
<li class="nav-item">
|
|
<a href="#" class="nav-link active">À propos</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="#" class="nav-link">Aide</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="#" class="nav-link">Services</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
<header>
|
|
|
|
<main>
|
|
|
|
<section class="py-5 text-center text-white bg-dark" id="top-section">
|
|
<div class="py-lg-5">
|
|
<h1 class="display-5 fw-bold">Aurore</h1>
|
|
<p class="lead">Fournisseur réseau étudiant de Paris-Saclay</p>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="divider"></div>
|
|
|
|
<div class="container col-xxl-8 px-4 py-5">
|
|
<div class="row flex-lg-row-reverse align-items-center g-5 py-5">
|
|
<h1>À l'aide</h1>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="divider"></div>
|
|
|
|
<div class="container col-xxl-8 px-4 py-5">
|
|
<div class="row flex-lg-row-reverse align-items-center g-5 py-5">
|
|
<div class="col-lg-4">
|
|
<svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"></rect><text x="50%" y="50%" fill="#777" dy=".3em">140x140</text></svg>
|
|
|
|
<h2>Heading</h2>
|
|
<p>Some representative placeholder content for the three columns of text below the carousel. This is the first column.</p>
|
|
<p><a class="btn btn-secondary" href="#">View details »</a></p>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"></rect><text x="50%" y="50%" fill="#777" dy=".3em">140x140</text></svg>
|
|
|
|
<h2>Heading</h2>
|
|
<p>Some representative placeholder content for the three columns of text below the carousel. This is the first column.</p>
|
|
<p><a class="btn btn-secondary" href="#">View details »</a></p>
|
|
</div>
|
|
|
|
<div class="col-lg-4">
|
|
<svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 140x140" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"></rect><text x="50%" y="50%" fill="#777" dy=".3em">140x140</text></svg>
|
|
|
|
<h2>Heading</h2>
|
|
<p>Some representative placeholder content for the three columns of text below the carousel. This is the first column.</p>
|
|
<p><a class="btn btn-secondary" href="#">View details »</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</main>
|
|
|
|
<script src="/static/js/bootstrap.js"></script>
|
|
</body>
|
|
</html>
|