ajout menu déroulant + bouton +

This commit is contained in:
2024-06-05 11:14:54 +02:00
parent ee261d214e
commit f8cb928280
16 changed files with 230 additions and 51 deletions

View File

@@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Connexion Spotify</title>
<link rel="stylesheet" href="assets/connexion.css">
</head>
<body>
<div class="container">
<div class="login-box">
<h1>Se connecter à Spotify</h1>
<form action="/login" method="post">
<div class="textbox">
<input type="email" placeholder="Adresse e-mail" name="email" required>
</div>
<div class="textbox">
<input type="password" placeholder="Mot de passe" name="password" required>
</div>
<button type="submit" class="btn">Se connecter</button>
</form>
<hr>
<div class="alt-login">
<p>Ou se connecter avec</p>
<button class="btn social-btn apple">Apple</button>
<button class="btn social-btn google">Google</button>
<button class="btn social-btn facebook">Facebook</button>
</div>
</div>
</div>
</body>
</html>

View File

@@ -17,20 +17,34 @@
<nav class="menu">
<ul>
<li><?= anchor('https://dwarves.iut-fbleau.fr/~boutaric/SAEWEB2.2/ci/','Home'); ?></li>
<li><?= anchor('albums','Albums'); ?></li>
<li><?= anchor('artistes','Artistes'); ?></li>
<li class="menu_déroulant"><?= anchor('albums','Albums'); ?>
<div class="menu_déroulant_content">
<?= anchor('https://dwarves.iut-fbleau.fr/~boutaric/SAEWEB2.2/ci/index.php/Song/view/196','New Masters'); ?>
<?= anchor('https://dwarves.iut-fbleau.fr/~boutaric/SAEWEB2.2/ci/index.php/Song/view/88','Joe Cocker!'); ?>
<?= anchor('https://dwarves.iut-fbleau.fr/~boutaric/SAEWEB2.2/ci/index.php/Song/view/213','Dylan'); ?>
<?= anchor('https://dwarves.iut-fbleau.fr/~boutaric/SAEWEB2.2/ci/index.php/Song/view/142','Mothers Milk'); ?>
</div>
</li>
<li class="menu_déroulant"><?= anchor('artistes','Artistes'); ?>
<div class="menu_déroulant_content">
<?= anchor('https://dwarves.iut-fbleau.fr/~boutaric/SAEWEB2.2/ci/index.php/artistes/view/34','Queen'); ?>
<?= anchor('https://dwarves.iut-fbleau.fr/~boutaric/SAEWEB2.2/ci/index.php/Song/view/21','Slayer'); ?>
<?= anchor('https://dwarves.iut-fbleau.fr/~boutaric/SAEWEB2.2/ci/index.php/Song/view/63','Muse'); ?>
<?= anchor('https://dwarves.iut-fbleau.fr/~boutaric/SAEWEB2.2/ci/index.php/Song/view/62','Tool'); ?>
</div>
</li>
<li><?= anchor('playlist','Playlist'); ?></li>
</ul>
</nav>
<div class="user">
<a class="bouton" href="html/Connexion.html">Connexion</a>
<a class="bouton" href="html/Inscription.html">S'inscrire</a>
</div>
</header>
<a class="bouton" href="connexion.php">Connexion</a>
<a class="bouton" href="html/Inscription.html">S'inscrire</a>
</div>
</header>
</main>
<script src="../assets/bouton.js"></script>
<button id="scrollTopBtn" onclick="scrollToTop()">
<span>&#8593;</span>
</button>593;</span>
</button>
</body>
</html>
<button id="scrollTopBtn" onclick="scrollToTop()">
<span>&#8593;</span>
</button>
</body>
</html>