Skip to content

Conversation

uxannah
Copy link

@uxannah uxannah commented Jul 11, 2025

/* Basic Reset & Font */
body {
margin: 0;
font-family: Arial, sans-serif;
line-height: 1.6;
color: #333;
}

h1, h2 {
color: #b30000; /* Pure red - your brand color */
}

a {
text-decoration: none;
}

/* Hero Section /
.hero {
background: #001f4d; /
Navy blue - your brand color */
color: #fff;
text-align: center;
padding: 100px 20px;
}

.hero .btn {
display: inline-block;
margin: 10px;
background: #b30000; /* Pure red */
color: #fff;
padding: 12px 24px;
border-radius: 5px;
}

.hero .btn:hover {
background: #800000;
}

/* Sections */
section {
padding: 50px 20px;
max-width: 800px;
margin: 0 auto;
}

.services ul {
list-style: none;
padding: 0;
}

.services li {
background: #f4f4f4;
margin: 10px 0;
padding: 10px;
border-left: 5px solid #b30000;
}

.testimonials blockquote {
font-style: italic;
margin: 20px 0;
border-left: 4px solid #001f4d;
padding-left: 15px;
}

.cta {
background: #f4f4f4;
text-align: center;
}

.cta .btn {
background: #001f4d;
}

.cta .btn:hover {
background: #000c2e;
}

/* Footer */
footer {
text-align: center;
padding: 20px;
background: #001f4d;
color: #fff;
}

/* Basic Reset & Font */
body {
  margin: 0;
  font-family: Arial, sans-serif;
  line-height: 1.6;
  color: #333;
}

h1, h2 {
  color: #b30000; /* Pure red - your brand color */
}

a {
  text-decoration: none;
}

/* Hero Section */
.hero {
  background: #001f4d; /* Navy blue - your brand color */
  color: #fff;
  text-align: center;
  padding: 100px 20px;
}

.hero .btn {
  display: inline-block;
  margin: 10px;
  background: #b30000; /* Pure red */
  color: #fff;
  padding: 12px 24px;
  border-radius: 5px;
}

.hero .btn:hover {
  background: #800000;
}

/* Sections */
section {
  padding: 50px 20px;
  max-width: 800px;
  margin: 0 auto;
}

.services ul {
  list-style: none;
  padding: 0;
}

.services li {
  background: #f4f4f4;
  margin: 10px 0;
  padding: 10px;
  border-left: 5px solid #b30000;
}

.testimonials blockquote {
  font-style: italic;
  margin: 20px 0;
  border-left: 4px solid #001f4d;
  padding-left: 15px;
}

.cta {
  background: #f4f4f4;
  text-align: center;
}

.cta .btn {
  background: #001f4d;
}

.cta .btn:hover {
  background: #000c2e;
}

/* Footer */
footer {
  text-align: center;
  padding: 20px;
  background: #001f4d;
  color: #fff;
}
Copy link
Author

@uxannah uxannah left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant