Sar_Tron/Bidule
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

index

Browse Source
This commit is contained in:
Krolaf
2024-10-22 13:24:41 +02:00
parent 2c74eac61e
commit a6fb52c624
5 changed files with 181 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
MUNIERJerome/index.html
+77 -2
View File
@@ -4,11 +4,86 @@
<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'>
<script src='script.js'></script>
</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="list.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>
MUNIERJerome/jerome.txt
-1
View File
@@ -1 +0,0 @@
ouais c'est moiiii
MUNIERJerome/script.js → MUNIERJerome/liste.html
View File
MUNIERJerome/logo.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.0 KiB

MUNIERJerome/style.css
+104
View File
@@ -0,0 +1,104 @@
body{
padding: 0;
margin: 0;
}
a{
text-decoration: none;
}
.logo_social{
padding: 5px;
position: absolute;
right: 1vw;
font-size: 25px;
}
.fb_logo, .lk_logo {
padding: 2px;
}
.header_2{
display: flex;
padding: 15px;
align-items: center;
justify-content: space-evenly;
gap: 20px;
}
.logo_zone{
display: flex;
padding: 10px;
font-size: 20px;
}
h1{
padding: 1vw;
max-width: 35vw;
}
.button_zone{
justify-content: space-around;
display: flex;
gap: 5px;
flex-direction: column;
}
.btn_exper{
padding: 5px;
background: orange;
font-weight: bold;
border-radius: 5px;
border: none;
padding: 10px;
}
.contact_zone{
display: flex;
padding: 15px;
align-items: center;
justify-content: space-evenly;
gap: 20px;
}
.contact_title{
color: #009de0 ;
}
.navBar {
display: flex;
flex-direction: row;
background-color: #009de0;
justify-content: space-evenly;
height: 60px;
width: 100vw;
align-items: center;
font-size: 15px;
font-weight: bold;
}
.navBar a{
text-decoration: none;
color: white;
}
.dropdown{
border: none;
background-color: #009de0;
color: white;
font-size:15px;
font-weight: bold;
}
.container-fluid{
padding: 0;
}
.form_div{
display: flex;
flex-direction: column;
align-items: center;
padding: 1vw;
}
.forgot-password{
padding: 1vw;
}