ChatGPT Test
/* Basic Reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: ‘Segoe UI’, sans-serif;
background-color: #f9f7f2;
color: #2e2e2e;
line-height: 1.6;
padding: 2rem;
}
/* Hero Section */
header.hero {
text-align: center;
padding: 3rem 1rem;
background-color: #d2e3c8;
border-radius: 8px;
}
header.hero h1 {
font-size: 2rem;
color: #235734;
margin-bottom: 1rem;
}
header.hero p {
font-size: 1.1rem;
margin-bottom: 1.5rem;
}
.btn-primary {
background-color: #3c8d2f;
color: #fff;
padding: 0.8rem 1.4rem;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
}
/* Sections */
section {
margin-top: 3rem;
}
section h2 {
font-size: 1.6rem;
margin-bottom: 1rem;
color: #3f613c;
}
section ul {
list-style: none;
padding-left: 0;
}
section ul li {
margin: 0.5rem 0;
}
/* Buttons */
.btn-secondary {
background-color: #6f8d3c;
color: #fff;
padding: 0.6rem 1.2rem;
text-decoration: none;
border-radius: 4px;
display: inline-block;
margin-top: 1rem;
}
/* Testimonials & Proof */
section.proof blockquote {
font-style: italic;
background-color: #edf5e1;
border-left: 4px solid #88b04b;
padding: 1rem;
margin-bottom: 1rem;
}
.badges img {
height: 40px;
margin-right: 1rem;
vertical-align: middle;
}
/* Gallery */
.gallery img {
width: 100%;
max-width: 600px;
display: block;
margin: 1rem auto;
border-radius: 6px;
}
/* Footer */
footer {
text-align: center;
margin-top: 4rem;
font-size: 0.9rem;
color: #7c7c7c;
}
/* Basic Reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: ‘Segoe UI’, sans-serif;
background-color: #f9f7f2;
color: #2e2e2e;
line-height: 1.6;
padding: 2rem;
}
/* Hero Section */
header.hero {
text-align: center;
padding: 3rem 1rem;
background-color: #d2e3c8;
border-radius: 8px;
}
header.hero h1 {
font-size: 2rem;
color: #235734;
margin-bottom: 1rem;
}
header.hero p {
font-size: 1.1rem;
margin-bottom: 1.5rem;
}
.btn-primary {
background-color: #3c8d2f;
color: #fff;
padding: 0.8rem 1.4rem;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
}
/* Sections */
section {
margin-top: 3rem;
}
section h2 {
font-size: 1.6rem;
margin-bottom: 1rem;
color: #3f613c;
}
section ul {
list-style: none;
padding-left: 0;
}
section ul li {
margin: 0.5rem 0;
}
/* Buttons */
.btn-secondary {
background-color: #6f8d3c;
color: #fff;
padding: 0.6rem 1.2rem;
text-decoration: none;
border-radius: 4px;
display: inline-block;
margin-top: 1rem;
}
/* Testimonials & Proof */
section.proof blockquote {
font-style: italic;
background-color: #edf5e1;
border-left: 4px solid #88b04b;
padding: 1rem;
margin-bottom: 1rem;
}
.badges img {
height: 40px;
margin-right: 1rem;
vertical-align: middle;
}
/* Gallery */
.gallery img {
width: 100%;
max-width: 600px;
display: block;
margin: 1rem auto;
border-radius: 6px;
}
/* Footer */
footer {
text-align: center;
margin-top: 4rem;
font-size: 0.9rem;
color: #7c7c7c;
}