Scribd
Upload
8 views4 pages

Message

Uploaded by

momozrood
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
8 views4 pages

Message

Uploaded by

momozrood
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 4

<!

DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Nous Sommes</title>
<style>
/* Réinitialisation des styles par défaut */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

/* Style général du body */


body {
background-size: cover; /* Cela s'assure que l'image couvre tout l'écran */
font-family: 'Arial', sans-serif;
line-height: 1.6;
color: #e9e6e6;
background-color: #0e0f11e1;
}

/* En-tête */
header {
background-color: #131212;
color: #fff;
padding: 10px 0;
}

nav ul {
display: flex;
justify-content: center;
list-style-type: none;
}

nav ul li {
margin: 0 15px;
}

nav ul li a {
color: #fff;
text-decoration: none;
font-size: 18px;
transition: color 0.3s ease;
}

nav ul li a:hover {
color: #050505;
}

/* Sections */
section {
padding: 60px 20px;
text-align: center;
}

.section-home {
background-color: #0e0f11e1;
color: #fff;
}

.section-about {
background-color: #0e0f11e1;
color: #fff;
}

.section-services {
background-color: #0e0f11e1;
color: #fff;
}

.section-contact {
background-color: #0e0f11e1;
color: #fff;
}

/* Styles des titres */


h1, h2 {
font-size: 36px;
margin-bottom: 20px;
}

/* Contenu */
.content {
max-width: 800px;
margin: 0 auto;
}

footer {
text-align: center;
background-color: #0e0f11e1;
color: #dfd3d3;
padding: 20px 0;
position: fixed;
bottom: 0;
width: 100%;
}

footer p {
font-size: 14px;
}

/* Styles pour les cartes de profil */


.container {
display: flex;
gap: 20px;
justify-content: center;
margin-top: 50px;
}

.card {
background-color: #1e1e2d;
border-radius: 10px;
padding: 20px;
text-align: center;
width: 200px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.profile-pic {
width: 100px;
height: 100px;
border-radius: 50%;
margin-bottom: 15px;
}

h3 {
margin: 10px 0;
}

.badges {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}

.badge {
padding: 5px 10px;
border-radius: 20px;
font-size: 12px;
font-weight: bold;
color: #fff;
}

.badge.purple {
background-color: #8e44ad;
}

.badge.red {
background-color: #e74c3c;
}

.badge.gray {
background-color: #7f8c8d;
}

.badge.orange {
background-color: #e67e22;
}

</style>
</head>
<body>
<header>
<nav>
<ul>
<li><a href="index.html">Accueil</a>
<li><a href="reglement.html">Règlement</a>
<li><a href="organisateur.html">Organisateur</a>
<li><a href="lebut.html">Le But</a>
<li><a href="noussommes.html">Nous Sommes</a>
</ul>
</nav>
</header>
<div class="container">
<div class="card">
<img
src="https://cdn.discordapp.com/attachments/1172941551048077463/1312151779613610004
/image_resized_100x100_1.png?
ex=674b7412&is=674a2292&hm=022874b917440c01596a071e79b7ef2b57487a675fbed8a0075b3333
71d38d33&">
<h3>sidi-mohamed</h3>
<div class="badges">
<span class="badge purple">Fondateur</span>
<span class="badge red">Développeur</span>
</div>
</div>
<div class="card">
<img
src="https://cdn.discordapp.com/attachments/1283810253141577748/1312151575317450914
/image_2024-11-29_212112226.png?
ex=674b73e2&is=674a2262&hm=255f42a2a366e06c7386cbc561a5dfad6f70284f504bd6697c6c7374
85fb3f0a&" alt="toprak" class="profile-pic">
<h3>toprak</h3>
<div class="badges">
<span class="badge purple">Fondateur</span>
</div>
</div>
</div>
<footer>
<p>&copy; dev by sidi-mohamed</p>
</footer>
</body>
</html>

You might also like