mirror of
https://grond.iut-fbleau.fr/stiti/SAE_2.02
synced 2024-12-27 17:22:17 +01:00
TEST V2
This commit is contained in:
parent
107ff40d52
commit
d84c6c0d09
@ -1,11 +1,68 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<?php include 'layout/header_not_logged_dark.php';?>
|
||||
<?php include 'layout/header_not_logged_dark.php'; ?>
|
||||
<head>
|
||||
<link rel="stylesheet" href="assets/css/accueil.css">
|
||||
<link rel="icon" type="image/x-icon" href="assets/img/Logo_ONZEUR.png">
|
||||
<title>Page d'accueil</title>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<h1>Bienvenue sur notre site !</h1>
|
||||
<p>Ceci est la page d'accueil de notre application.</p>
|
||||
<div class="hero">
|
||||
<h1>Bienvenue sur Onzeur !</h1>
|
||||
<p>Le service de streaming musical numéro 1 en France.</p>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="features">
|
||||
<h2>Fonctionnalités</h2>
|
||||
<div class="feature">
|
||||
<h3>Fonctionnalité N°1</h3>
|
||||
<p>Description de la fonctionnalité 1. Cette fonctionnalité permet de ...</p>
|
||||
</div>
|
||||
<div class="feature">
|
||||
<h3>Fonctionnalité N°2</h3>
|
||||
<p>Description de la fonctionnalité 2. Cette fonctionnalité permet de ...</p>
|
||||
</div>
|
||||
<div class="feature">
|
||||
<h3>Fonctionnalité N°3</h3>
|
||||
<p>Description de la fonctionnalité 3. Cette fonctionnalité permet de ...</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="testimonials">
|
||||
<h2>Témoignages</h2>
|
||||
<div class="testimonial">
|
||||
<p>"Ce site est incroyable! J'ai pu accomplir tant de choses grâce à lui."</p>
|
||||
<p>- Mike</p>
|
||||
</div>
|
||||
<div class="testimonial">
|
||||
<p>"Une expérience utilisateur fantastique. Je recommande vivement."</p>
|
||||
<p>- Laura</p>
|
||||
</div>
|
||||
<div class="testimonial">
|
||||
<p>"Service client exceptionnel et fonctionnalités géniales."</p>
|
||||
<p>- Joe</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="gallery">
|
||||
<h2>Ils nous font confiance :</h2>
|
||||
<img src="assets/img/gallerie/pnl.png" alt="PNL">
|
||||
<img src="assets/img/gallerie/booba.png" alt="BOOBA">
|
||||
<img src="assets/img/gallerie/niska.png" alt="NISKA">
|
||||
</div>
|
||||
|
||||
<div class="contact">
|
||||
<h2>Contactez-nous</h2>
|
||||
<form action="#" method="post">
|
||||
<input type="text" name="name" placeholder="Votre nom" required>
|
||||
<input type="email" name="email" placeholder="Votre email" required>
|
||||
<textarea name="message" rows="5" placeholder="Votre message" required></textarea>
|
||||
<button type="submit">Envoyer</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<?php include 'layout/footer_dark.php'; ?>
|
||||
</body>
|
||||
</html>
|
||||
|
@ -3,17 +3,17 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="../../../assets/css/footer_dark.css">
|
||||
<link rel="stylesheet" href="assets/css/footer_dark.css">
|
||||
<title>Musique</title>
|
||||
</head>
|
||||
<body>
|
||||
<footer class="footer">
|
||||
<div class="footer-content">
|
||||
<div class="social-links">
|
||||
<a href="https://www.instagram.com" class="social-icon"><img src="../../../assets/img/reseaux_sociaux/instagram.png" alt="Instagram"></a>
|
||||
<a href="https://www.facebook.com" class="social-icon"><img src="../../../assets/img/reseaux_sociaux/facebook.png" alt="Facebook"></a>
|
||||
<a href="https://www.snapchat.com" class="social-icon"><img src="../../../assets/img/reseaux_sociaux/snapchat.png" alt="Snapchat"></a>
|
||||
<a href="https://www.youtube.com" class="social-icon"><img src="../../../assets/img/reseaux_sociaux/youtube.png" alt="Youtube"></a>
|
||||
<a href="https://www.instagram.com" class="social-icon"><img src="assets/img/reseaux_sociaux/instagram.png" alt="Instagram"></a>
|
||||
<a href="https://www.facebook.com" class="social-icon"><img src="assets/img/reseaux_sociaux/facebook.png" alt="Facebook"></a>
|
||||
<a href="https://www.snapchat.com" class="social-icon"><img src="assets/img/reseaux_sociaux/snapchat.png" alt="Snapchat"></a>
|
||||
<a href="https://www.youtube.com" class="social-icon"><img src="assets/img/reseaux_sociaux/youtube.png" alt="Youtube"></a>
|
||||
</div>
|
||||
<div class="legal">
|
||||
<a href="#" class="legal-link">Mentions légales</a>
|
||||
|
55
CodeIgniter-3.1.13/assets/css/accueil.css
Normal file
55
CodeIgniter-3.1.13/assets/css/accueil.css
Normal file
@ -0,0 +1,55 @@
|
||||
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
background-color: #f4f4f4;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #333;
|
||||
}
|
||||
.container {
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
}
|
||||
h1, h2, h3 {
|
||||
color: #444;
|
||||
}
|
||||
.hero {
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
padding: 50px 20px;
|
||||
text-align: center;
|
||||
}
|
||||
.features, .testimonials, .gallery, .contact {
|
||||
margin: 20px 0;
|
||||
padding: 20px;
|
||||
background: #fff;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 0 10px rgba(0,0,0,0.1);
|
||||
}
|
||||
.features h2, .testimonials h2, .gallery h2, .contact h2 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.features .feature, .testimonials .testimonial {
|
||||
margin: 10px 0;
|
||||
}
|
||||
.gallery img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.contact form input, .contact form textarea {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
margin: 10px 0;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.contact form button {
|
||||
padding: 10px 20px;
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
}
|
BIN
CodeIgniter-3.1.13/assets/img/gallerie/booba.png
Normal file
BIN
CodeIgniter-3.1.13/assets/img/gallerie/booba.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 120 KiB |
BIN
CodeIgniter-3.1.13/assets/img/gallerie/niska.png
Normal file
BIN
CodeIgniter-3.1.13/assets/img/gallerie/niska.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.3 MiB |
BIN
CodeIgniter-3.1.13/assets/img/gallerie/pnl.png
Normal file
BIN
CodeIgniter-3.1.13/assets/img/gallerie/pnl.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 761 KiB |
Loading…
Reference in New Issue
Block a user