0% found this document useful (0 votes)
4 views2 pages

Crochet

The document provides CSS styles for a webpage, including general resets and specific styles for the header, navigation, main content, and buttons. It emphasizes a clean layout with a focus on usability and aesthetics, using flexbox for alignment and hover effects for buttons. Key elements include a responsive design for images and a consistent font style throughout.

Uploaded by

aouakeita372
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
4 views2 pages

Crochet

The document provides CSS styles for a webpage, including general resets and specific styles for the header, navigation, main content, and buttons. It emphasizes a clean layout with a focus on usability and aesthetics, using flexbox for alignment and hover effects for buttons. Key elements include a responsive design for images and a consistent font style throughout.

Uploaded by

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

/* Reset général */

* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: Arial, sans-serif;
}

/* Style du header */
header {
background: white;
padding: 15px 50px;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #ddd;
}

nav ul {
list-style: none;
display: flex;
gap: 20px;
}

nav ul li a {
text-decoration: none;
color: black;
font-weight: bold;
}

.second {
display: flex;
align-items: center;
gap: 20px;
}

button.start {
background: green;
color: white;
padding: 10px 15px;
border: none;
border-radius: 5px;
cursor: pointer;
font-weight: bold;
}

button.start:hover {
background: darkgreen;
}

/* Style du corps principal */


main {
text-align: center;
padding: 50px 20px;
}

h1.show {
font-size: 2em;
margin-bottom: 15px;
}

p.ab, p.abo {
font-size: 1.2em;
color: #555;
margin-bottom: 15px;
}

button.free {
background: green;
color: white;
padding: 15px 25px;
border: none;
border-radius: 5px;
font-size: 1.2em;
cursor: pointer;
font-weight: bold;
}

button.free:hover {
background: darkgreen;
}

h6.credit {
margin-top: 10px;
color: gray;
font-size: 0.9em;
}

/* Image décorative */
.fun img {
width: 100%;
max-width: 600px;
margin-top: 20px;
}

You might also like