-
Notifications
You must be signed in to change notification settings - Fork 0
/
possible_uses.html
151 lines (139 loc) · 9.33 KB
/
possible_uses.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Infrasignal</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="/css/styles.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
<script src="/js/script.js"></script>
</head>
<body>
<!-- Modal -->
<div class="modal fade modal-contact" id="modalContact" tabindex="-1" role="dialog" aria-labelledby="ModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="ModalCenterTitle">Contact Us</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form id="contactUsForm" class="needs-validation" novalidate>
<div class="modal-body">
<div class="form-group">
<label for="nameInput">Name</label>
<input type="text" class="form-control" id="nameInput" placeholder="Enter your name">
</div>
<div class="form-group">
<label for="emailInput">Email</label>
<input type="email" class="form-control" id="emailInput" aria-describedby="emailHelp" placeholder="Enter your email" required>
<div class="invalid-feedback">
Please enter your email
</div>
<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
</div>
<div class="form-group">
<label for="messageTextArea">Message</label>
<textarea class="form-control" id="messageTextArea" rows="3" placeholder="Enter your message"></textarea>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="notificationCheck">
<label for="notificationCheck">
Notify me when the Infrasignal Radio is available
</label>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-success" type="submit">Send</button>
</div>
</form>
</div>
</div>
</div>
<div class="landing-wrapper">
<nav class="navbar navbar-expand-sm fixed-top navbar-dark bg-dark">
<a class="navbar-brand" href="#">Infrasignal Radio</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="/index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/product.html">Product</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="possible_uses.html">Possible Uses</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About Us</a>
</li>
<li class="nav-item">
<button class="btn btn-success" data-toggle="modal" data-target="#modalContact">Contact Us</button>
</li>
</ul>
</div>
</nav>
<div class="jumbotron-fluid banner" style="background-image: url('../img/gez-xavier-mansfield-2985-unsplash.jpg')">
<div class="container">
<div class="row d-flex" style="flex-grow: 1">
<div class="col-12 justify-content-center align-self-center">
<p id="title" style="color:#142334;text-align:center"><strong>The Possibilities</strong></p>
<!-- <button class="btn learn" type="button">Learn More</button> -->
</div>
</div>
<div class="row" style="justify-content: center">
<a href="javascript:void(0)" class="learn"><img src="/img/arrow_white.png" class="arrow-image"/></a>
</div>
</div>
</div>
</div>
<div id="content" class="container">
<div class="row sec_wrap">
<div class="col-12">
<h3>Would you be prepared?</h3>
</div>
</div>
<div class="row">
<div class="col-4">
<ul class="list-group">
<button name="#earthquakes" class="list-group-item list-group-item-action nd-link nd-active">Earthquakes</button>
<button name="#mudslides" class="list-group-item list-group-item-action nd-link">Mudslides</button>
<button name="#tsunamis" class="list-group-item list-group-item-action nd-link">Tsunamis</button>
<button name="#flashFloods" class="list-group-item list-group-item-action nd-link">Flash Floods</button>
</ul>
</div>
<div class="col-8">
<p id="earthquakes" class="nd-tab nd-active">If you live in an area that’s prone to deadly earthquakes, this new Infrasignal Radio could save your life. A little knowledge of geology here. When an earthquake occurs, it produces vibrational waves in all directions. The wave that travels mostly horizontal and directly toward a distance point from the epicenter is referred to as the primary wave, while the wave that travels up, down and mostly sideways is referred to as the secondary wave. Because the secondary wave takes a longer route than the primary wave, it arrives later, maybe several seconds later. The primary wave can be very subtle and doesn‘t do much damage, if any. Sometimes it’s not even noticed. Then along comes the secondary wave and rocks your world. This is the one that does the most damage. Now, because the primary wave travels more direct and arrives before the secondary wave, if you had been alerted when the primary wave arrived, you may have been given precious seconds to get to safety before the secondary wave destroyed the building you were in.</p>
<p id="mudslides" class="nd-tab">If you live on a steep slope overlooking a beautiful valley or ocean front and where the local soil permits, there’s always a danger of a mudslide after a heavy rain or when triggered by an earthquake when the ground is saturated with water. In the United States in the past 25 years, most people killed by mudslides were buried alive while they slept in their beds. The mudslides occurred at night and the people didn’t hear them coming. Mudslides and mudflows usually start small and build with debris as they flow downhill. Because of the tremendous weight of the mud, large boulders, trees and other debris flowing downhill, the mudslide creates a very low frequency rumble and vibrates the ground for miles ahead of the flow. This vibration is easily detected by the Infrasignal Radio which sounds the alarm.</p>
<p id="tsunamis" class="nd-tab">If you live along a coast line and close to sea level in many parts of the world, tsunamis are always a possibility. In 2004 a magnitude 9.1-9.3 underwater earthquake near Indonesia created a tsunami that killed an estimated 230,000 to 280,000 people in ten different countries around the Indian Ocean. Noted among the survivors were elephants that were close to the shoreline just before the tsunami hit. The elephants fled to higher ground. It is believed the elephants heard the very low frequency rumble of the surf and felt the vibrations in the ground caused by the rushing seawater over the rough topography of the seabed and reefs. If people could have heard the low frequency rumble or felt the vibrations in the ground, maybe a lot fewer would have died.</p>
<p id="flashFloods" class="nd-tab">According to the National Weather Service website, flash floods are the nation’s #1 weather-related killer in the United States. Flash floods can be caused by several things, heavy rainfall, broken dams, etc. One thing they all have in common, they come in a flash and most of the time, bring debris with them. Similar to mudslides, flash floods contain a lot of mass, they’re heavy and create a lot of vibration in the ground as they flow downhill. Also, flash floods can be much faster than mudslides so people have less time to escape to safety. The earlier the warning, the better.</p>
</div>
</div>
</div>
<footer class="bg-dark">
<div class="container text-white pt-4 pb-4">
<div class="row">
<div class="col-12 col-sm-6 order-sm-2 pb-4">
<h4>Interested?</h4>
<p>If you would like to be notified when the Infrasignal Radio becomes available, please use our contact form at the top of the page</p>
</div>
<div class="col-12 col-sm-6 order-sm-1">
<h4>Infrasignal Radio</h4>
<p>A family business dedicated to providing a refined product that we are proud of. We would love to hear from you with any comments, questions, or suggestions on how to improve.</p>
<p>[email protected]</p>
<p>Infrasignal Radio, LLC<br />411 Walnut St. PMB 652<br />Green Cove Springs, FL 32043</p>
</div>
</div>
</div>
</footer>
</body>
</html>