Ex 1
This commit is contained in:
Binary file not shown.
|
After Width: | Height: | Size: 8.2 KiB |
+94
-3
@@ -1,13 +1,104 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>oui</title>
|
||||
<title>Accueil</title>
|
||||
<!-- Bootstrat css cdn -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
||||
</head>
|
||||
|
||||
<header>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-2">
|
||||
<br>
|
||||
<img src="img.png"/>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<h1>CENTRE DE</h1>
|
||||
<h1>FORMATION</h1>
|
||||
<h1>À LA RÉUNION DEPUIS 2002 !</h1>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<br>
|
||||
<button type="button" class="btn btn-warning">DEMANDE DE DEVIS</button>
|
||||
<br>
|
||||
<br>
|
||||
<button type="button" class="btn btn-warning">DÉCOUVREZ NOTRE ÉCOLE</button>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="nav justify-content-center" style="background-color: #009DE0;">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link disabled" href="#">LISTE ELEVES CDA8</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link disabled" href="#">NOTRE CENTRE</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link disabled" href="#">FORMATIONS</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link disabled" href="#">PLANNING</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link disabled" href="#">DIGITAL-LEARNING</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link disabled" href="#">BLOG</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<body>
|
||||
<h1>lessgo</h1>
|
||||
<p>test</p>
|
||||
<div class="container">
|
||||
<h1>Se connecter</h1>
|
||||
</div>
|
||||
<div class="container">
|
||||
<form style>
|
||||
<div class="form-group">
|
||||
<label for="exampleInputEmail1">Adresse Email</label>
|
||||
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Entrez votre Email">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="exampleInputPassword1">Mot de passe</label>
|
||||
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Mot de passe">
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input type="checkbox" class="form-check-input" id="exampleCheck1">
|
||||
<label class="form-check-label" for="exampleCheck1">Se souvenir de moi</label>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary" style="background-color: #009DE0; color: rgb(0, 0, 0);" >Valider</button>
|
||||
</form>
|
||||
<br>
|
||||
<a href="./liste.html">Se connecter anonymement</a>
|
||||
</div>
|
||||
<!-- <div class="container">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-4" style="background-color: aqua;">
|
||||
<span>Case 1</span>
|
||||
</div>
|
||||
<div class="col-md-4" style="background-color: white;">
|
||||
<span>Case 2</span>
|
||||
</div>
|
||||
<div class="col-md-4" style="background-color: rgb(255, 0, 212);">
|
||||
<span>Case 3</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-3" style="background-color: aqua;">
|
||||
<span>Case 4</span>
|
||||
</div>
|
||||
<div class="col-4" style="background-color: white;">
|
||||
<span>Case 5</span>
|
||||
</div>
|
||||
<div class="col-5" style="background-color: rgb(255, 0, 212);">
|
||||
<span>Case 6</span>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<!-- jquery cdn -->
|
||||
<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script>
|
||||
<!-- Js cdn -->
|
||||
|
||||
@@ -0,0 +1,83 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>Liste élèves</title>
|
||||
<!-- Bootstrat css cdn -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
||||
</head>
|
||||
|
||||
<header>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-2">
|
||||
<br>
|
||||
<img src="img.png"/>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<h1>CENTRE DE</h1>
|
||||
<h1>FORMATION</h1>
|
||||
<h1>À LA RÉUNION DEPUIS 2002 !</h1>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<br>
|
||||
<button type="button" class="btn btn-warning">DEMANDE DE DEVIS</button>
|
||||
<br>
|
||||
<br>
|
||||
<button type="button" class="btn btn-warning">DÉCOUVREZ NOTRE ÉCOLE</button>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="nav justify-content-center" style="background-color: #009DE0;">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link disabled" href="#">LISTE ELEVES CDA8</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link disabled" href="#">NOTRE CENTRE</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link disabled" href="#">FORMATIONS</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link disabled" href="#">PLANNING</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link disabled" href="#">DIGITAL-LEARNING</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link disabled" href="#">BLOG</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<body>
|
||||
<br>
|
||||
<div class="container">
|
||||
<h1>Liste des élèves de CDA8</h1>
|
||||
</div>
|
||||
<div class="container">
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item">Gaby</li>
|
||||
<li class="list-group-item">Dorian</li>
|
||||
<li class="list-group-item">Julien</li>
|
||||
<li class="list-group-item">Lou</li>
|
||||
<li class="list-group-item">Saint-George</li>
|
||||
<li class="list-group-item">Toma</li>
|
||||
<li class="list-group-item">Théo</li>
|
||||
<li class="list-group-item">Cheun</li>
|
||||
<li class="list-group-item">Matisse</li>
|
||||
<li class="list-group-item">Clarel</li>
|
||||
<li class="list-group-item">Jeremy</li>
|
||||
<li class="list-group-item">Jerome</li>
|
||||
<li class="list-group-item">Gabriel</li>
|
||||
<li class="list-group-item">Thomy</li>
|
||||
<li class="list-group-item">Emjy</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- jquery cdn -->
|
||||
<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script>
|
||||
<!-- Js cdn -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user