0% found this document useful (0 votes)
2 views3 pages

Styles

This document is a CSS stylesheet that defines the styling for a webpage. It includes styles for the body, header, navigation, home section, features, feature cards, form section, and footer. The styles specify properties such as background colors, text alignment, padding, and layout for various elements.

Uploaded by

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

Styles

This document is a CSS stylesheet that defines the styling for a webpage. It includes styles for the body, header, navigation, home section, features, feature cards, form section, and footer. The styles specify properties such as background colors, text alignment, padding, and layout for various elements.

Uploaded by

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

/* styles.

css */

body {

font-family: Arial, sans-serif;

margin: 0;

padding: 0;

line-height: 1.6;

.header {

background: #333;

color: #fff;

padding: 1rem;

text-align: center;

.header nav ul {

list-style: none;

padding: 0;

.header nav ul li {

display: inline;

margin: 0 10px;

.header nav ul li a {

color: #fff;

text-decoration: none;

.home {
text-align: center;

padding: 2rem;

background: #f4f4f4;

.home .btn {

background: #333;

color: #fff;

padding: 0.5rem 1rem;

text-decoration: none;

border-radius: 5px;

.features {

background: #fff;

text-align: center;

padding: 2rem;

.feature-cards {

display: flex;

justify-content: center;

gap: 1rem;

margin-top: 1rem;

.card {

background: #f4f4f4;

padding: 1rem;

border-radius: 5px;

width: 250px;
}

.form-section {

padding: 2rem;

background: #f9f9f9;

text-align: center;

form input {

display: block;

margin: 1rem auto;

padding: 0.5rem;

width: 80%;

max-width: 300px;

form button {

background: #333;

color: #fff;

padding: 0.5rem 1rem;

border: none;

border-radius: 5px;

cursor: pointer;

.footer {

background: #333;

color: #fff;

text-align: center;

padding: 1rem;

You might also like