-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
136 lines (119 loc) · 5.78 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
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://cdn.tailwindcss.com"></script>
<title>ANTENNA | The Emergency Notification App</title>
<!-- wideley used favicon -->
<link rel="icon" href="cp1img.html/house.png" sizes="32x32" type="image/png">
<link rel="stylesheet" href="index1.css">
</head>
<kbd>
<body>
<hr>
<header class="text-[#39FF14] body-font" id="background">
<div class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center">
<a class="flex title-font font-medium items-center text-[#39FF14] mb-4 md:mb-0">
<img src="cp1img.html/Antennanew.png" height="50px" width="50px">
</img>
<span class="ml-3 text-xl">ANTENNA</span>
</a>
<nav
class="md:mr-auto md:ml-4 md:py-1 md:pl-4 md:border-l md:border-gray-400 flex flex-wrap items-center text-base justify-center">
<a href="index.html" class="mr-5 hover:text-[#0062FF]">Home</a>
<a href="About.html" class="mr-5 hover:text-[#0062FF]">About</a>
<a href="EmergencyResponse.html" target="_blank" class="mr-5 hover:text-[#0062FF]">Emergency Procedures</a>
<a href="contactpage2.html" target="_blank" class="mr-5 hover:text-[#0062FF]">Contact</a>
</nav>
<a href="download.html"> <button
class="inline-flex items-center bg-gray-100 border-0 py-1 px-3 focus:outline-none hover:bg-[#0033FF] rounded text-base mt-4 md:mt-0">Download
app
<svg fill="none" stroke="#4CAF50" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
class="w-4 h-4 ml-1" viewBox="0 0 24 24">
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</button>
</a>
</div>
</header>
<hr>
<section class="text-[#39FF14] body-font" id="sections">
<div class="container mx-auto flex px-5 py-24 md:flex-row flex-col items-center">
<div
class="lg:flex-grow md:w-1/2 lg:pr-24 md:pr-16 flex flex-col md:items-start md:text-left mb-16 md:mb-0 items-center text-center">
<marquee behavior="scroll" scrolldelay="1" scrollamount="15" direction="left">
<h1 class="title-font sm:text-4xl text-3xl mb-4 font-medium text-[#39FF14">Take Safety to the Next Level
<br class="hidden lg:inline-block"> with ANTENNA
</h1>
</marquee>
<p class="mb-8 leading-relaxed">ANTENNA (The Emergency Notification App) allows you to secure your
school,college or office campus against any disaster, Secure your workspace now.</p>
</div>
<div class="lg:max-w-lg lg:w-full md:w-1/2 w-5/6">
<img class="object-cover object-center rounded" src="cp1img.html/satelliteg.gif">
</div>
</div>
<hr>
</section>
<section class="bg-[#86b3d1]" id="sections2">
<style>
</style>
<br>
<br>
<a href="download.html"><button class="button button1" id="hello">Download The App now</button></a>
<br>
<br>
<br>
</section>
<hr>
<section class="text-[#39FF14] body-font " id="sections3">
<div class="container mx-auto flex px-5 py-24 md:flex-row flex-col items-center">
<div class="lg:max-w-lg lg:w-full md:w-1/2 w-5/6 mb-10 md:mb-0">
<img class="object-cover object-center rounded" src="cp1img.html/ground.gif">
</div>
<div
class="lg:flex-grow md:w-1/2 lg:pl-24 md:pl-16 flex flex-col md:items-start md:text-left items-center text-center">
<marquee behavior="scroll" scrolldelay="1" scrollamount="15" direction="left">
<h1 class="title-font sm:text-4xl text-3xl mb-4 font-medium text-[#39FF14]">Be smart,know the safety
procedure beforehand
</marquee>
</h1>
<p class="mb-8 leading-relaxed">Read the safety procedure to be followed during Emergency conditions.It is
better to know the procedures beforehand.</p>
<div class="flex justify-center">
<a href="EmergencyResponse.html"><button
class="border-4 border-[#4CAF50]-500/75 bg-[#FFFFFF] inline-flex text-[#3f3f46] border-3 py-2 px-6 focus:outline-none hover:bg-green-600 rounded text-lg">Read
now</button></a>
</div>
</div>
</div>
</section>
<hr>
<footer class="text-[#39FF14] body-font" id="background">
<div class="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col">
<a class="flex title-font font-medium items-center md:justify-start justify-center text-[#39FF14]">
<!--SVG starts here-->
<img src="cp1img.html/Antennanew.png" height="50px" width="50px"></img>
<!--SVG ends here-->
<span class="ml-3 text-xl">ANTENNA</span>
</a>
<a href="https://forms.gle/AydDfLBPhna1Qwis5" target="_blank">
<p
class="text-sm text-[#39FF14] hover:text-[#0062FF] sm:ml-4 sm:pl-4 sm:border-l-2 sm:border-gray-200 sm:py-2 sm:mt-0 mt-4 mr-5">
Give us a review
</p>
</a>
<span class="inline-flex sm:ml-auto sm:mt-0 mt-4 justify-center sm:justify-start">
<a class="ml-3 text-gray-500" href="https://www.instagram.com/antenna621/" target="_blank">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
class="w-5 h-5" viewBox="0 0 24 24">
<rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect>
<path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37zm1.5-4.87h.01"></path>
</svg>
</a>
</span>
</div>
</footer>
<hr>
</kbd>
</body>
</html>