KEMBAR78
New Text Document | PDF
Scribd
Upload
34 views2 pages

New Text Document

The document contains CSS styling for a webpage, defining the layout and appearance of various elements such as the body, header, navigation, and footer. It includes styles for a newsletter section, gallery, and social media links, ensuring a visually appealing and user-friendly design. The overall theme emphasizes a clean and modern aesthetic with a focus on readability and accessibility.

Uploaded by

quarcooaaron60
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
34 views2 pages

New Text Document

The document contains CSS styling for a webpage, defining the layout and appearance of various elements such as the body, header, navigation, and footer. It includes styles for a newsletter section, gallery, and social media links, ensuring a visually appealing and user-friendly design. The overall theme emphasizes a clean and modern aesthetic with a focus on readability and accessibility.

Uploaded by

quarcooaaron60
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/ 2

<style>

body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f9f9f9;
}
header {
background-color: #333333;
color: #fff;
padding: 1rem;
text-align: center;
}
nav {
background-color: #444;
padding: 0.5rem;
text-align: center;
}
nav a {
color: #fff;
margin: 0 1rem;
text-decoration: none;
}
.container {
max-width: 900px;
margin: 2rem auto;
padding: 1rem;
background: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
article {
margin-bottom: 2rem;
}
h2 {
color: #333;
}
footer {
background: #333;
color: #fff;
text-align: center;
padding: 1rem;
margin-top: 2rem;
}
.newsletter, .gallery, .social-media {
margin-top: 2rem;
padding: 1rem;
background-color: #f0f0f0;
}
.newsletter input[type="email"] {
padding: 0.5rem;
width: 70%;
margin-right: 1rem;
}
.newsletter button {
padding: 0.5rem 1rem;
}
.gallery img {
width: 100px;
height: 100px;
margin: 0.5rem;
object-fit: cover;
}
.social-media a {
margin-right: 1rem;
color: #333;
text-decoration: none;
}
</style>

You might also like