Simple Landing Page

Your Logo

Welcome to Our Service

A brief description of what you offer.

Key Features

Feature One

Detail about feature one.

Feature Two

Detail about feature two.

Feature Three

Detail about feature three.

About Us

Information about your company or service.

Contact Us

How to get in touch.

body { font-family: sans-serif; margin: 0; line-height: 1.6; color: #333; } .container { width: 80%; margin: auto; overflow: hidden; padding: 0 20px; } header { background: #f4f4f4; padding: 10px 0; border-bottom: #ccc 1px solid; } header h1 { float: left; margin: 0; } header nav { float: right; } header ul { padding: 0; list-style: none; margin: 0; } header li { display: inline; margin-left: 20px; } header a { text-decoration: none; color: #333; } section { padding: 60px 0; text-align: center; } #hero { background: #e2e2e2; } #features { background: #fff; } #about { background: #f4f4f4; } #contact { background: #e2e2e2; } .feature-list { display: flex; justify-content: space-around; margin-top: 30px; flex-wrap: wrap; } .feature-item { flex: 1; margin: 10px; padding: 20px; border: 1px solid #ccc; min-width: 250px; } form input, form textarea { display: block; width: calc(100% - 22px); padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; } button { background: #333; color: #fff; padding: 10px 20px; border: none; cursor: pointer; } footer { background: #333; color: #fff; text-align: center; padding: 20px 0; }