-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcontact.html
114 lines (111 loc) · 5 KB
/
contact.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Arogya Sampark</title>
<link rel="icon" type="image/png" href="./assets/favicon.png">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./styling/style.css">
<link rel="stylesheet" href="./styling/contact.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="./index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./department.html">Departments</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./appointment.html">Appointment</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./news.html">News</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About Us</a>
</li>
<a class="navbar-brand" href="#">
<img src="./assets/favicon.png" width="35" height="35" class="d-inline-block align-top" alt="">
Arogya Sampark
</a>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="./login.html">Log In / Sign Up</a>
</li>
<li class="nav-item-emergency">
<a class="nav-link" href="./emergency.html">Emergency</a>
</li>
</ul>
</div>
</nav>
<div class="row">
<div class="contact-container">
<div class="star" data-tilt data-tilt-scale="1.1">
<img src="./assets/star.png" alt="IMG">
</div>
<h1>Leave a Review</h1>
<p>Your Feedback would be of Great Help</p>
<form>
<label for="name">Name:</label>
<input type="text" id="name" name="name" placeholder="Enter Name" spellcheck="false" autocomplete="off" required>
<label for="rating">Give your Rating:</label>
<div class="rate" id="star-rating">
<input type="radio" id="star5" name="rate" value="5" />
<label for="star5" title="text">5 stars</label>
<input type="radio" id="star4" name="rate" value="4" />
<label for="star4" title="text">4 stars</label>
<input type="radio" id="star3" name="rate" value="3" />
<label for="star3" title="text">3 stars</label>
<input type="radio" id="star2" name="rate" value="2" />
<label for="star2" title="text">2 stars</label>
<input type="radio" id="star1" name="rate" value="1" />
<label for="star1" title="text">1 star</label>
</div>
<br><br>
<label for="feedback">Feedback:</label>
<textarea id="feedback" name="feedback" placeholder="Give your Feedback" autocomplete="off" required></textarea>
<button type="submit">Submit</button>
</form>
</div>
<div class="about">
<img src="./assets/logo.png" alt="IMG" class="logo" width="300px">
<h2>Arogya Sampark</h2>
<div class="about-us">
<h2>About Us</h2>
<p><b>Arogya Sampark</b> is a one-stop platform for finding and booking appointments with doctors in the Hospital of your Choice. We provide a wide network of doctors to choose from, and our easy-to-use booking system makes it easy to schedule an appointment, even in case of any Emergency.</p>
<p>    We're committed to providing our patients with the best possible care, and we're always looking to improve our services. If you have any feedback or suggestion, please don't hesitate to Contact Us.</p>
</div>
</div>
<div class="contact-container">
<div class="mail" data-tilt data-tilt-scale="1.02">
<img src="./assets/mail.webp" alt="IMG">
</div>
<h1>Contact Us</h1>
<p>We'd love to hear from you!</p>
<form>
<label for="name">Name:</label>
<input type="text" id="name" name="name" placeholder="Enter Name" spellcheck="false" autocomplete="off" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" placeholder="Enter Email" spellcheck="false" autocomplete="off"
required>
<label for="message">Message:</label>
<textarea id="message" name="message" placeholder="Write your Message" autocomplete="off" required></textarea>
<button type="submit">Submit</button>
</form>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
<script src="./tilt/tilt.jquery.min.js"></script>
</body>
</html>