SAEWEB2.2/ci/application/views/layout/header.php

<!doctype html>
<html lang="en" class="has-navbar-fixed-top">
<head>
    <meta charset="UTF-8" />
    <title>MUSIC APP</title>
    <link rel="stylesheet" href="<?= base_url('assets/style.css') ?>">
</head>
<body>
    <main class='container'>
        <header class="navbar">
            <div class="logo">
                <img src="assets/img/SpotiFly.png" alt="SpotiFly">
            </div>
            <nav class="menu">
                <ul>
                    <li><?= anchor('https://dwarves.iut-fbleau.fr/~boutaric/test/ci/','Home'); ?></li>
                    <li><?= anchor('albums','Albums'); ?></li>
                    <li><?= anchor('artistes','Artistes'); ?></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>
        <div id="Page">
        <div class="content">
        <img src="assets/img/SpotiFly.png" alt="SpotiFly">
        <div class="text-page">
            <h2>SpotiFly : envole-toi au rythme de la musique !</h2>
        </div>
    </div>
    </div>
    <div id="header"> </div>
    <div class="content">
        <section id="about" class="box">
            <div class="box-content">
                <img src="assets/img/argent.png" alt="Description de l'image 2">
                <div class="text-content">
                    <h2>1 mois gratuit?</h2>
                    <p>"Découvrez une expérience musicale sans limites avec notre offre exclusive : abonnez-vous dès aujourd'hui et bénéficiez d'un mois complet GRATUIT pour explorer notre vaste catalogue de musique. Plongez dans un univers de sonorités variées et profitez d'un accès illimité à vos artistes préférés, sans engagement ! Rejoignez-nous dès maintenant pour un mois d'exploration musicale sans pareil."</p>
                </div>
            </div>
        </section>
        <section id="product" class="box">
            <div class="box-img">
            <img src="assets/img/argent.png" alt="Description de l'image 3">
            <div class="text-content">
            <h2>La Cognition</h2>
            <p>Découvrez notre nouveaux cube v3 qui peut avoir la voix de votre choix.</p>
            <p>Plongez dans une réalité où la cognition rencontre la technologie. Notre cube connecté va au-delà de l'ordinaire, réagissant à votre pensée et intégrant la puissance de la cognition pour une expérience holographique incomparable.</p>
         </div>
        </div>
        </section>
        <section id="sale" class="box">
            <div class="box-content">
            <img src="assets/img/Statistique.png" alt="Description de l'image 4">
            <div class="text-content">
            <h2>Statistiques</h2>
            <p>"Découvrez les statistiques de notre application de musique : des millions d'utilisateurs s'immergent dans une expérience audio immersive, créant des milliers de playlists et explorant une multitude de genres musicaux, tout en bénéficiant d'un mois gratuit dès l'abonnement !"</p>
        </div>
    </div>
    </section>
</div>
<script src="assets/bouton.js"></script>
<button id="scrollTopBtn" onclick="scrollToTop()">
    <span>&#8593;</span>
</button>
</body>
</html>
codeigniter 2024-05-21 15:05:29 +02:00			`<!doctype html>`
			`<html lang="en" class="has-navbar-fixed-top">`
css + resolution de bug php 2024-05-30 10:05:37 +02:00			`<head>`
			`<meta charset="UTF-8" />`
			`<title>MUSIC APP</title>`
			`<link rel="stylesheet" href="<?= base_url('assets/style.css') ?>">`
			`</head>`
			`<body>`
			`<main class='container'>`
			`<header class="navbar">`
			`<div class="logo">`
			`<img src="assets/img/SpotiFly.png" alt="SpotiFly">`
			`</div>`
			`<nav class="menu">`
			`<ul>`
			`<li><?= anchor('https://dwarves.iut-fbleau.fr/~boutaric/test/ci/','Home'); ?></li>`
			`<li><?= anchor('albums','Albums'); ?></li>`
			`<li><?= anchor('artistes','Artistes'); ?></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>`
			`<div id="Page">`
			`<div class="content">`
			`<img src="assets/img/SpotiFly.png" alt="SpotiFly">`
			`<div class="text-page">`
			`<h2>SpotiFly : envole-toi au rythme de la musique !</h2>`
			`</div>`
			`</div>`
			`</div>`
			`<div id="header"> </div>`
			`<div class="content">`
			`<section id="about" class="box">`
			`<div class="box-content">`
			`<img src="assets/img/argent.png" alt="Description de l'image 2">`
			`<div class="text-content">`
			`<h2>1 mois gratuit?</h2>`
			`<p>"Découvrez une expérience musicale sans limites avec notre offre exclusive : abonnez-vous dès aujourd'hui et bénéficiez d'un mois complet GRATUIT pour explorer notre vaste catalogue de musique. Plongez dans un univers de sonorités variées et profitez d'un accès illimité à vos artistes préférés, sans engagement ! Rejoignez-nous dès maintenant pour un mois d'exploration musicale sans pareil."</p>`
			`</div>`
			`</div>`
			`</section>`
			`<section id="product" class="box">`
			`<div class="box-img">`
			`<img src="assets/img/argent.png" alt="Description de l'image 3">`
			`<div class="text-content">`
			`<h2>La Cognition</h2>`
			`<p>Découvrez notre nouveaux cube v3 qui peut avoir la voix de votre choix.</p>`
			`<p>Plongez dans une réalité où la cognition rencontre la technologie. Notre cube connecté va au-delà de l'ordinaire, réagissant à votre pensée et intégrant la puissance de la cognition pour une expérience holographique incomparable.</p>`
			`</div>`
			`</div>`
			`</section>`
			`<section id="sale" class="box">`
			`<div class="box-content">`
			`<img src="assets/img/Statistique.png" alt="Description de l'image 4">`
			`<div class="text-content">`
			`<h2>Statistiques</h2>`
			`<p>"Découvrez les statistiques de notre application de musique : des millions d'utilisateurs s'immergent dans une expérience audio immersive, créant des milliers de playlists et explorant une multitude de genres musicaux, tout en bénéficiant d'un mois gratuit dès l'abonnement !"</p>`
			`</div>`
			`</div>`
			`</section>`
			`</div>`
			`<script src="assets/bouton.js"></script>`
			`<button id="scrollTopBtn" onclick="scrollToTop()">`
			`<span>↑</span>`
			`</button>`
			`</body>`
			`</html>`