Skip to content
This repository has been archived by the owner on Oct 29, 2023. It is now read-only.

Added Contact Management System Project in HTML #580

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Added Contact Management System Project in HTML #580

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
046c957
Create Readme.md
AnushreeHazra Oct 27, 2023
95a709f
Add files via upload
AnushreeHazra Oct 27, 2023
8f877f2
Update Readme.md
AnushreeHazra Oct 27, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
82 changes: 82 additions & 0 deletions Contact Management System/Contact..html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,82 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Contact us Page</title>
</head>

<body>
<!-- Header section -->
<header>
<button class="hamburger" id="hamburger-icon">
<span onclick="openNavbar()"> ☰</span>
</button>
<div class="logo">Your Logo</div>
<nav id="nav-menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Enquiry</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
</ul>
</nav>
<button class="reachUs-button">Call us</button>
</header>

<!-- banner section -->
<section class="banner">
<img src=
"section class="banner">
<img src="https://media.geeksforgeeks.org/wp-content/uploads/20230822131732/images.png"
alt="Welcome to our Contact Us page">"

<h1>Get in Touch With Us</h1>
<p>We're here to answer any questions you may have.</p>
</section>

<!-- Contact form -->
<section class="contact-form">
<div class="form-container">
<h2>Your Details</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="phone">Phone: </label>
<input type="tel" id="phone" name="phone">

<label for="message">Message: </label>
<textarea id="message" name="message" rows="4" required></textarea>

<button type="submit" class="submit-button">Submit</button>
</form>
</div>
</section>

<!-- Company contact info -->
<section class="contact-info">
<h2>Contact Information</h2>
<address>
Great Chance<br>
123 Main Street<br>
Kolkata,709453<br>
Phone: <a href="tel:6785632108">678-563-2108</a><br>
Email: <a href="mail:[email protected]">[email protected]</a>
</address>
</section>

<!-- Footer section -->
<footer>
<p>© 2023 Your Company. All rights reserved.</p>
</footer>
<script src="script.js"></script>
</body>

</html>
1 change: 1 addition & 0 deletions Contact Management System/Readme.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
This is a Contact Management System Project in HTML made by me.