You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
125 lines
5.2 KiB
HTML
125 lines
5.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Des photos de chat</title>
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdn.jsdelivr.net/npm/bulma@1.0.0/css/bulma.min.css">
|
|
<link rel="stylesheet" href="css/style.css"/>
|
|
<script rel="javascript/text" href="./static/js/script.js"></script>
|
|
<!-- <script src="./static/js/script.js"></script> -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/>
|
|
</head>
|
|
<body>
|
|
<div class="content">
|
|
<!-- Toggle Switch -->
|
|
<div class="switch">
|
|
<input type="checkbox" id="switch" /><br>
|
|
<label for="switch">
|
|
<i class="fas fa-sun"></i>
|
|
<i class="fas fa-moon"></i>
|
|
<span class="ball"></span>
|
|
</label>
|
|
</div>
|
|
<!--<nav class="navbar" role="navigation" aria-label="main navigation">
|
|
<div class="navbar-brand">
|
|
<a class="navbar-item" href="/">
|
|
<img src="image/logo.jpg" alt="logo chat">
|
|
</a>
|
|
|
|
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="My-navbar">
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
</a>
|
|
</div>
|
|
<div id="My-navbar" class="navbar-menu">
|
|
<div class="navbar-start">
|
|
<a class="navbar-link" href="races.html">Races de Chats</a>
|
|
<a class="navbar-link" href="contact.html">Contact</a>
|
|
<a class="navbar-link" href="alimentation.html">Alimentation</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
|
|
NAV DANS HERO
|
|
|
|
-->
|
|
<section>
|
|
<div class="hero is-primary">
|
|
<nav class="navbar" role="navigation" aria-label="main navigation">
|
|
<div class="navbar-brand">
|
|
<a class="navbar-item" href="/">
|
|
<img src="image/logo.jpg" alt="logo chat">
|
|
</a>
|
|
|
|
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="My-navbar">
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
</a>
|
|
</div>
|
|
<div id="My-navbar" class="navbar-menu">
|
|
<div class="navbar-start">
|
|
<a class="navbar-link" href="races.html">Races de Chats</a>
|
|
<a class="navbar-link" href="contac.html">Contact</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div class="hero-body">
|
|
<p class="title">Bienvenue sur le site des Chats </p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!--<section class="hero is-primary">
|
|
<div class="hero-body">
|
|
<p class="title">Bienvenue sur le site des Chats </p>
|
|
<img src="image/principal-chats.jpg" alt="Photo de chat principale">
|
|
</div>
|
|
</section>
|
|
<ol>
|
|
<li><a href="races.html">Races de Chats</a></li>
|
|
<li><a href="photos.html">Photos de Chats</a></li>
|
|
<li><a href="contact.html">Contact</a></li>
|
|
<li><a href="races.html">Races de Chats</a></li>
|
|
|
|
</ol>-->
|
|
<img src="image/principal-chats.jpg" alt="Image principal de chats" id="primage">
|
|
<main>
|
|
<h2>Découvrez le monde fascinant des chats</h2>
|
|
<p>Bienvenue sur notre site dédié aux amoureux des chats ! Que vous soyez un propriétaire de chat passionné, un amateur de races de chats exotiques ou simplement quelqu'un qui apprécie la compagnie féline, vous trouverez ici tout ce dont vous avez besoin pour nourrir votre fascination pour ces merveilleuses créatures.</p>
|
|
<p>Les chats ont captivé l'humanité depuis des millénaires avec leur grâce, leur mystère et leur indépendance. Ils sont venus dans nos foyers et ont conquis nos cœurs, devenant des membres précieux de nos familles et des compagnons fidèles dans nos vies quotidiennes.</p>
|
|
<p>Sur ce site, nous vous offrons une plongée profonde dans l'univers des chats, explorant les différentes races, leurs traits distinctifs, leurs origines fascinantes et leurs personnalités uniques.
|
|
<li id="libon"><em>Bonne visite !</em></li></p>
|
|
<h3>À vous, passionnés des félins, je vous invite à savourer cette vidéo dédiée exclusivement aux chats.</h3>
|
|
<iframe width="560" height="315" src="https://www.youtube.com/embed/hbMSt-hEZmU?si=qI-NSB54ar7McUFf" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
|
|
|
|
</main>
|
|
|
|
|
|
<footer>
|
|
<p>© 2024 Site sur les Chats - Tous droits réservés</p>
|
|
</footer>
|
|
</div>
|
|
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
const switchTheme = document.querySelector("#switch");
|
|
|
|
switchTheme.addEventListener("click", function () {
|
|
document.body.classList.toggle("dark-mode");
|
|
});
|
|
});
|
|
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|