Scribd
Upload
3 views

html Webpage

This document is an HTML template for a 'Contact Us' page, featuring contact information and a contact form. It includes details such as email, phone number, address, business hours, and social media links. The contact form allows users to submit their name, email, and message.

Uploaded by

johnboysilvano
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
3 views

html Webpage

This document is an HTML template for a 'Contact Us' page, featuring contact information and a contact form. It includes details such as email, phone number, address, business hours, and social media links. The contact form allows users to submit their name, email, and message.

Uploaded by

johnboysilvano
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Contact Us</title>

<style>

body {

font-family: Arial, sans-serif;

.container {

max-width: 800px;

margin: 50px auto;

padding: 20px;

border: 1px solid #ccc;

border-radius: 5px;

box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

.contact-info {

margin-bottom: 20px;

.contact-form {

margin-bottom: 20px;

.contact-info p {

margin: 5px 0;

.contact-form label {

display: block;

margin-bottom: 5px;
}

.contact-form input,

.contact-form textarea {

width: 100%;

padding: 8px;

margin-bottom: 10px;

box-sizing: border-box;

.contact-form button {

padding: 8px 20px;

background-color: #007bff;

color: #fff;

border: none;

border-radius: 3px;

cursor: pointer;

.contact-form button:hover {

background-color: #0056b3;

</style>

</head>

<body>

<div class="container">

<div class="contact-info">

<h2>Contact Information</h2>

<p>Email: [email protected] </p>

<p>Phone: 09382139061</p>

<p>Address: Simangan Sto. Niño, Isabel, Leyte</p>

<p>Business Hours: Monday-Friday, 10am-5pm</p>


<p>Follow Us: <a href="#">Facebook</a>, <a href="#">Twitter</a>, <a
href="#">Instagram</a></p>

</div>

<div class="contact-form">

<h2>Contact Form</h2>

<form action="#" method="POST">

<label for="name">Name:</label>

<input type="text" id="name" name="name" required>

<label for="email">Email:</label>

<input type="email" id="email" name="email" required>

<label for="message">Message:</label>

<textarea id="message" name="message" rows="4" required></textarea>

<button type="submit">Send Message</button>

</form>

</div>

</div>

</body>

</html>

You might also like