AH-YONG Emjy
108 lines
4.7 KiB
HTML
108 lines
4.7 KiB
HTML
<html>
|
|
<head>
|
|
<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>
|
|
<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 -->
|
|
<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> |