Untitled
unknown
plain_text
a month ago
2.5 kB
6
Indexable
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 0; padding: 0; background-color: #f7f5ef; color: #2e3d2f; } .logo { max-width: 160px; height: auto; margin-bottom: 1rem; } header { background-color: #3e5c47; color: white; text-align: center; padding: 2rem; } .slogan { font-size: 1.5rem; font-weight: bold; font-style: italic; color: #c8e6c9; margin-bottom: 0.5rem; } .hero img { width: 100%; height: auto; display: block; } main { padding: 2rem; } section { margin-bottom: 3rem; } h2 { color: #3e5c47; } .highlight { font-weight: bold; color: #7da642; } .services ul { list-style: square; padding-left: 2rem; } .image-row { display: flex; gap: 1rem; margin-top: 1rem; flex-wrap: wrap; justify-content: center; } .image-row img { width: 300px; height: 200px; object-fit: cover; border-radius: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); } .about { background-color: #f1f0e7; padding: 2rem; border-radius: 10px; } .contact-form { background-color: #f1f0e7; padding: 2rem; border-radius: 10px; max-width: 500px; margin: 0 auto 3rem auto; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); } .contact-form h2 { text-align: center; color: #3e5c47; margin-bottom: 1.5rem; } .contact-form form { display: flex; flex-direction: column; align-items: stretch; gap: 1rem; } .contact-form label { font-weight: bold; margin-bottom: 0.25rem; } .contact-form input, .contact-form textarea { padding: 12px; border: 1px solid #ccc; border-radius: 5px; font-family: inherit; font-size: 1rem; } .contact-form button { margin-top: 1rem; background-color: #2e7d32; color: white; border: none; padding: 12px; font-size: 16px; border-radius: 5px; cursor: pointer; align-self: center; width: 50%; } .contact-form button:hover { background-color: #1b5e20; } .success-message { text-align: center; color: #2e7d32; font-weight: bold; margin-top: 1rem; } .call-to-action { text-align: center; background-color: #eef3ee; padding: 2rem; border-radius: 10px; } .call-to-action a { color: #2e7d32; text-decoration: none; font-weight: bold; } .call-to-action a:hover { text-decoration: underline; } footer { background-color: #3e5c47; color: white; text-align: center; padding: 1.5rem; }
Editor is loading...
Leave a Comment