Amélioration de la page home seh maintenant c est style et j en ai marre d être le goat sérieux 💪

pull/11/head
Emre KARTAL 2 years ago
parent 2f754ae7a8
commit eb62c61f2a

@ -0,0 +1,15 @@
.button-home{
color: white;
background-color: transparent;
font-family: JetBrains Mono,Menlo,Droid Sans Mono,monospace;
border-color: transparent;
font-weight: 600;
}
.button-home:hover{
color: #6a52fd;
}
.navbar-home{
margin-left: 10%;
}

@ -23,6 +23,7 @@ body::before {
z-index: -1;
}
/* Model */
.model {
@ -266,6 +267,29 @@ body::before {
transform: scale(1.1);
}
/* Button */
.button{
border-color: #38b6ff;
height: 2rem;
width: 5rem;
margin-left: 21rem;
margin-bottom: 1rem;
font-size: 90%;
align-items: center;
border-radius: 12px;
background-color: #38b6ff;
color: white;
display: flex;
justify-content: center;
}
.button:hover {
background-color: #6fc7fa;
}
/* Responsive */
@media (max-width: 768px) {

@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Home Page</title>
<!-- CSS only -->
<link rel="stylesheet" href="./Vue/css/home.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<!-- JavaScript Bundle with Popper -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
@ -14,28 +15,112 @@
</head>
<body>
<nav class="navbar navbar-expand-lg bg-info justify-content-between">
<nav class="navbar navbar-expand-lg bg-info">
<img src="./Vue/Images/LogoForHome.png" width="200">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="collapse navbar-collapse navbar-home" id="navbarNavAltMarkup">
<div class="navbar-nav">
<form method="post">
<button type="submit" class="btn btn-outline-primary">Profil</Button>
<button type="submit" class="button-home">Profil</Button>
<input type="hidden" name="action" value="redirectionLogin">
</form>
<form method="post">
<button type="submit" class="btn btn-outline-primary">Mes tâches</Button>
<button type="submit" class="button-home">Mes tâches</Button>
<input type="hidden" name="action" value="">
</form>
<form method="post">
<button type="submit" class="btn btn-outline-primary">Les tâches publics</Button>
<button type="submit" class="button-home">Les tâches publics</Button>
<input type="hidden" name="action" value="">
</form>
</div>
</div>
</nav>
<br>
<nav aria-label="Page navigation example">
<ul class="pagination justify-content-center >
<li class="page-item"><a class="page-link" href="#">Previous</a></li>
<li class="page-item"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item"><a class="page-link" href="#">Next</a></li>
</ul>
</nav>
</body>
<!-- Footer -->
<footer class="text-center text-lg-start bg-light ">
<!-- Section: Links -->
<section class="">
<div class="container text-center text-md-start mt-5">
<!-- Grid row -->
<div class="row mt-3">
<!-- Grid column -->
<div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
<!-- Content -->
<h6 class="text-uppercase fw-bold mb-4">
<i class="fas fa-gem me-3"></i>Project
</h6>
<p>
2nd year project, consisting of making a To do List in php
, which contains visitors or users, who can add,
delete, see tasks...
</p>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4">
<!-- Links -->
<h6 class="text-uppercase fw-bold mb-4">
Products
</h6>
<p>
<a href="#!" class="text-reset">Html</a>
</p>
<p>
<a href="#!" class="text-reset">Css</a>
</p>
<p>
<a href="#!" class="text-reset">Php</a>
</p>
<p>
<a href="#!" class="text-reset">JavaScript</a>
</p>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
<!-- Links -->
<h6 class="text-uppercase fw-bold mb-4">Contact</h6>
<p>
<i class="fas fa-envelope me-3"></i>
emre.kartal@etu.uca.fr
</p>
<p>
<i class="fas fa-envelope me-3"></i>
rayhan.hassou@etu.uca.fr
</p>
<p><i class="fas fa-phone me-3"></i> Groupe 4</p>
</div>
<!-- Grid column -->
</div>
<!-- Grid row -->
</div>
</section>
<!-- Section: Links -->
<!-- Copyright -->
<div class="text-center p-4" style="background-color: rgba(0, 0, 0, 0.05);">
© 2021 Copyright:
<a class="text-reset fw-bold" href="#">ToDoList.com</a>
</div>
<!-- Copyright -->
</footer>
</html>

@ -15,8 +15,8 @@
<div class="main">
<form method="post" >
<Button type="submit">Entrer quand même</Button>
<input type="hidden" name="action" value="redirectionInscription">
<Button type="submit" class="button">Sortir</Button>
<input type="hidden" name="action" value="redirectionHome">
</form>
<div class="model">
<div class="main-logo">
@ -52,7 +52,7 @@
<input type="hidden" name="action" value="seConnecter">
</form>
<div class="login-card-footer">
Pas de compte? <a href="inscription.html">Creer un compte</a>
Pas de compte? <a href="./Vue/html/inscription.html">Creer un compte</a>
</div>
</div>
<div class="social">

Loading…
Cancel
Save