62 lines
2.6 KiB
HTML
62 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>CréaTyve</title>
|
||
<link rel="stylesheet" href="style.css"> <!-- Importing the CSS file -->
|
||
</head>
|
||
<body>
|
||
<header class="video-header"> <!-- Added a class for styling -->
|
||
<video autoplay loop muted playsinline class="backVideo">
|
||
<source src="fond.mp4" type="video/mp4">
|
||
</video>
|
||
<div class="header-content"> <!-- Wrapper for text content -->
|
||
<h1>Envie de créer votre site ?</h1>
|
||
<h2>Une idée, Un site, Un clic</h2>
|
||
<nav class="navigation-panel">
|
||
<ul>
|
||
<li class="active"> <!-- Active state for Assistant IA -->
|
||
<a href="#about">
|
||
<img src="assistant-ia.png" alt="Assistant IA" class="icon" />
|
||
<span class="text">Assistant IA</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#examples">
|
||
<img src="examples.png" alt="Exemples" class="icon" />
|
||
<span class="text">Exemples</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#services">
|
||
<img src="dons.png" alt="Dons" class="icon" />
|
||
<span class="text">Dons</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#partners">
|
||
<img src="partners.png" alt="Partenaires" class="icon" />
|
||
<span class="text">Partenaires</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#company">
|
||
<img src="company.png" alt="Entreprise" class="icon" />
|
||
<span class="text">Entreprise</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
<main>
|
||
<p>Vous avez une entreprise à promouvoir ? Oubliez les années d’études ! En quelques clics et 10 secondes top chrono, devenez votre propre développeur web. Créez, lancez, rayonnez — c’est aussi simple que ça.</p>
|
||
<button type="button">Générer avec l'IA</button>
|
||
<button type="button">Connexion</button>
|
||
<button type="button">Inscription</button>
|
||
</main>
|
||
<footer>
|
||
<p>© 2025 CreaTyve. All rights reserved.</p>
|
||
</footer>
|
||
</body>
|
||
</html> |