Contact

<section class=”contact-section”>
<h2>Contact Us</h2>
<p>Have a question or suggestion? Send us a message.</p>

<form action=”#” method=”post”>
<label for=”name”>Full Name</label>
<input type=”text” id=”name” name=”name”
placeholder=”Enter your full name” required>

<label for=”email”>Email Address</label>
<input type=”email” id=”email” name=”email”
placeholder=”Enter your email address” required>

<label for=”subject”>Subject</label>
<input type=”text” id=”subject” name=”subject”
placeholder=”Enter message subject” required>

<label for=”message”>Your Message</label>
<textarea id=”message” name=”message” rows=”6″
placeholder=”Write your message here…” required></textarea>

<button type=”submit”>Send Message</button>
</form>
</section>

<style>
.contact-section {
max-width: 650px;
margin: 30px auto;
padding: 25px;
font-family: Arial, sans-serif;
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 12px;
}
.contact-section h2 { color: #123b65; }
.contact-section p { color: #555; }
.contact-section label {
display: block;
margin-top: 16px;
font-weight: bold;
}
.contact-section input,
.contact-section textarea {
box-sizing: border-box;
width: 100%;
padding: 12px;
margin-top: 7px;
border: 1px solid #ccc;
border-radius: 6px;
font: inherit;
}
.contact-section button {
margin-top: 20px;
padding: 12px 22px;
background: #123b65;
color: white;
border: none;
border-radius: 6px;
cursor: pointer;
}
.contact-section button:hover { background: #0b2947; }
</style>