0% ont trouvé ce document utile (0 vote)
117 vues2 pages

Blog Scientifique : Articles et Médias

Le document présente la structure d'un blog scientifique avec des sections pour des articles, des podcasts et des vidéos. Chaque section contient des liens vers deux éléments respectifs. Le design est simple et moderne, avec un en-tête et un pied de page informatifs.

Transféré par

antoine.pivard
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats TXT, PDF, TXT ou lisez en ligne sur Scribd
0% ont trouvé ce document utile (0 vote)
117 vues2 pages

Blog Scientifique : Articles et Médias

Le document présente la structure d'un blog scientifique avec des sections pour des articles, des podcasts et des vidéos. Chaque section contient des liens vers deux éléments respectifs. Le design est simple et moderne, avec un en-tête et un pied de page informatifs.

Transféré par

antoine.pivard
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats TXT, PDF, TXT ou lisez en ligne sur Scribd

<!

DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mon Blog Scientifique</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 20px;
background-color: #f5f5f5;
color: #333;
}
header {
text-align: center;
padding: 20px;
background-color: #4CAF50;
color: white;
}
h1 {
margin: 0;
}
section {
margin: 20px 0;
padding: 20px;
background-color: white;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
h2 {
color: #4CAF50;
}
.item {
margin-bottom: 10px;
}
footer {
text-align: center;
margin-top: 40px;
font-size: 0.9em;
color: #777;
}
</style>
</head>
<body>

<header>
<h1>Mon Blog Scientifique</h1>
<p>Articles, Podcasts et Vidéos sur des sujets passionnants</p>
</header>

<section>
<h2>Articles</h2>
<div class="item"><strong>Article 1:</strong> <a href="#">Titre de l'article
1</a></div>
<div class="item"><strong>Article 2:</strong> <a href="#">Titre de l'article
2</a></div>
</section>

<section>
<h2>Podcasts</h2>
<div class="item"><strong>Podcast 1:</strong> <a href="#">Titre du podcast
1</a></div>
<div class="item"><strong>Podcast 2:</strong> <a href="#">Titre du podcast
2</a></div>
</section>

<section>
<h2>Vidéos</h2>
<div class="item"><strong>Vidéo 1:</strong> <a href="#">Titre de la vidéo
1</a></div>
<div class="item"><strong>Vidéo 2:</strong> <a href="#">Titre de la vidéo
2</a></div>
</section>

<footer>
<p>&copy; 2024 Mon Blog Scientifique. Tous droits réservés.</p>
</footer>

</body>
</html>

Vous aimerez peut-être aussi