Krolaf
88 lines
4.7 KiB
HTML
88 lines
4.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Document</title>
|
|
<!-- bootstrap 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">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
|
|
<link rel='stylesheet' type='text/css' media='screen' href='style.css'>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="container-fluid">
|
|
<div class="logo_social ">
|
|
<a class="fb_logo" href="https://www.facebook.com/EXPERNETFORMATION"> <i class="fas fa-linkedin-square"></i></a>
|
|
<a class="lk_logo" href="https://www.linkedin.com/in/expernet-centre-de-formation/"><i class="fas fa-facebook-square"></i></a>
|
|
</div>
|
|
|
|
<div class="header_2">
|
|
<div class="logo_zone">
|
|
<a href="#"><img src="logo.png" alt="Superbe logo dexpernet"></a>
|
|
<h1>CENTRE DE FORMATION INFORMATIQUE
|
|
À LA RÉUNION DEPUIS 2002 !</h1>
|
|
</div>
|
|
<div class="button_zone">
|
|
<button class="btn_exper"><i class="fas fa-graduation-cap"></i>Demande de devis</button>
|
|
<button class="btn_exper"><i class="fas fa-calculator"></i>Découvrez notre ecole</button>
|
|
</div>
|
|
</div>
|
|
<div class="contact_zone">
|
|
|
|
<h3 class="contact_title"><i class="fas fa-envelope">02 62 21 90 45</i></h3>
|
|
|
|
<h3 class="contact_title"><i class="fas fa-phone-square"></i><a href="mailto:#">formation@expernet.re</a></h3>
|
|
</div>
|
|
<nav class="navBar">
|
|
<div class="dropdown">
|
|
<button class="dropdown" type="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
notre centre <i class="fa fa-chevron-down" aria-hidden="true"></i>
|
|
</button>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item text-dark" href="#">Action</a></li>
|
|
<li><a class="dropdown-item text-dark" href="#">Another action</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="dropdown">
|
|
<button class="dropdown" type="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
formation <i class="fa fa-chevron-down" aria-hidden="true"></i>
|
|
</button>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item text-dark" href="#">Action</a></li>
|
|
<li><a class="dropdown-item text-dark" href="#">Another action</a></li>
|
|
</ul>
|
|
</div>
|
|
<span class="forgot-password"><a href="#">planning</a></span>
|
|
<span class="forgot-password"><a href="#">financement</a></span>
|
|
<div class="dropdown">
|
|
<button class="dropdown" type="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
digital learning <i class="fa fa-chevron-down" aria-hidden="true"></i>
|
|
</button>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item text-dark" href="#">Action</a></li>
|
|
<li><a class="dropdown-item text-dark" href="#">Another action</a></li>
|
|
</ul>
|
|
</div>
|
|
<span class="forgot-password"><a href="#">BLOG</a></span>
|
|
</nav>
|
|
</div>
|
|
|
|
<div class="form_div">
|
|
<form action="#" class="form">
|
|
<input required="" class="input" type="email" name="email" id="email" placeholder="E-mail">
|
|
<input required="" class="input" type="password" name="password" id="password" placeholder="Password">
|
|
<span class="forgot-password"><a href="#">Forgot Password ?</a></span>
|
|
<input class="login-button" type="submit" value="Sign In">
|
|
</form>
|
|
<span class="forgot-password"><a href="liste.html">La liste de nos apprenants</a></span>
|
|
</div>
|
|
|
|
<!-- jquery cdn-->
|
|
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
|
|
<!-- bootstrap 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> |