-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
159 lines (148 loc) · 6.48 KB
/
index.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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>SirenSync</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav class="navbar bg-white">
<div class="container">
<div class="brand-and-toggler">
<a href="index.html" class="navbar-brand">
<img src="ambulance.png" alt="" class="navbar-brand-icon">
<span class="navbar-brand-text">Siren<span>Sync</span></span>
</a>
<button type="button" class="navbar-toggler-btn">
</button>
</div>
<div class="nav-items">
<div class="nav-home">
<a href="index.html">Home</a>
</div>
<div class="nav-about">
<a href="#About">About</a>
</div>
<div class="nav-services">
<a href="#Services">Services</a>
</div>
<div class="nav-contact">
<a href="#Contact">Contact</a>
</div>
<button type="button" name="button" class="btn-primary btn1">Sign Up</button>
<button type="button" name="button" class="btn-secondary btn2">Log In</button>
</div>
</div>
</nav>
<div class="Header-rec">
<div class="text1">
Book Your Lifesaving <br /> Ride Now!
</div>
<div class="text2">
Click to Reserve an Ambulance Instantly and Ensure Rapid <br> Emergency Response. Your Quick Booking Can Make a <br />Life-Changing Impact – Book with SirenSync!
</div>
<button type="button" name="button" class="btn-primary btn3"> Sign Up</button>
<button type="button" name="button" class="btn-secondary btn4">Log In</button>
<div class="header-img">
<img src="headerimg.png" alt="">
</div>
</div>
<section id="About">
<div class="section-one">
<div class="container">
<div class="section-one-content">
<div class="section-one-l">
<img src="section1.png" alt="Image description">
</div>
<div class="section-one-r text-left">
<h2 class="lg-title"> SirenSync - Where Sirens and <br>Technology Unite for Your Safety!</h2>
<p class="text3">
Welcome to SirenSync, where every heartbeat matters, <br>and every second counts. In a world where emergencies <br>demand immediate attention, we have crafted a platform <br>that synchronizes the urgency of sirens with the swiftness <br>of technology.
We are dedicated to transforming the scope <br>of emergency response. With a vision rooted in compassion <br> and efficiency, we bring you a seamless experience that <br>transcends traditional ambulance booking.
</p>
</div>
</div>
</div>
</div>
</section>
<section id="Services">
<div class = "section-two bg-bright">
<div class="container">
<div class="section-two-content tr">
<div class = "section-items">
<div class = "section-item">
<div class = "section-item-icon">
<img src = "siren.png" alt = "">
</div>
<h5 class = "section-item-title text-center">Swift Booking</h5>
<p class = "text text-center "> Activate the sirens with a single click and connect instantly with the nearest available ambulance. Experience unparalleled speed in ambulance dispatch for urgent medical situations.</p>
</div>
<div class = "section-item">
<div class = "section-item-icon">
<img src = "online-tracking.png" alt = "">
</div>
<h5 class = "section-item-title text-center">Real-Time Tracking</h5>
<p class = "text text-center">Stay informed and in control with our real-time tracking feature. Track the precise location of your dispatched ambulance, ensuring you have constant updates on its arrival time.</p>
</div>
<div class = "section-item">
<div class = "section-item-icon">
<img src = "healthcare.png" alt = "">
</div>
<h5 class = "section-item-title text-center">Emergency Assistance</h5>
<p class = "text text-center">Access your resume builder on the go!
Access a network of highly trained and qualified medical professionals. Ensure you receive the necessary medical attention during transit to the hospital.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="Contact">
<div class="contact-text text-red">
Want to know more about SirenSync?
</div>
<div class="contact-innertext text-red">
Let's Connect and Create a Healthier, <br>Happier Tomorrow Together!
</div>
<img src="hospital.png" alt="" class="contact-img">
<div class="container1">
<form action="contact-form.php">
<label for="fname">Full Name</label>
<input type="text" id="fname" name="firstname" placeholder="Your name..">
<label for="mail">Email Address</label>
<input type="text" id="mail" name="email" placeholder="Your email address..">
<label for="country">Country</label>
<select id="country" name="country">
<option value="australia">India</option>
<option value="canada">Canada</option>
<option value="usa">USA</option>
</select>
<label for="subject">Message</label>
<textarea id="subject" name="subject" placeholder="Write something.." style="height:200px"></textarea>
<input type="submit" value="Submit">
</form>
</div>
</section>
<section>
<div class="footer-rec bg-red-dark">
<img src="ambulance.png" alt="" class="footer-img">
<div class="logo-txt">
SirenSync
</div>
<div class="foot-txt">
Trust in SirenSync for Your <br> Journey to a Vibrant Life!
</div>
<div class="foot-txt1">
Email us at [email protected] for more queries.
</div>
<img src="ambulance (1).png" alt="" class="foot-img">
<img src="doctor.png" alt="" class="footimg1">
<div class="foot-line" >
<div class="copy">
2023SirenSync Inc. All Rights Reserved
</div>
</div>
</div>
</section>
</body>
</html>