-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathFirst_project.html
113 lines (105 loc) · 5.52 KB
/
First_project.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
<!DOCTYPE HTML>
<html>
<head>
<title>Fire Emergency System</title>
<link rel="icon" href="images/sitelogo.jpg">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" type="text/css" href="assets/css/social_media.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css" integrity="sha384-KA6wR/X5RY4zFAHpv/CnoG2UW1uogYfdnP67Uv7eULvTveboZJg0qUpmJZb5VqzN" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body class="subpage">
<!-- The social media icon bar -->
<div class="icon-bar">
<a href="https://www.facebook.com/spCETrum/" class="facebook" target=”_blank”><i class="fa fa-facebook"></i></a>
<a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
<a href="https://www.instagram.com/spectrum.cetb/?hl=en" class="instagram" target=”_blank”><i class="fa fa-instagram"></i></a>
<a href="https://www.youtube.com/channel/UCFJdttLXjuUyd6tpMAW2Hhw" class="youtube" target=”_blank”><i class="fa fa-youtube"></i></a>
</div>
<!-- Header -->
<header id="header">
<div class="inner">
<nav id="nav">
<a href="index.php">Home</a>
<a href="contact_us.html">Contact Us</a>
</nav>
<a href="#navPanel" class="navPanelToggle"><span class="fa fa-bars"></span></a>
</div>
</header>
<!-- Three -->
<section id="three" class="wrapper">
<div class="inner">
<header class="align-center">
<h2>Fire Emergency System</h2>
</header>
<p>Fires in general are a big problem and risk to major public operations, as well as to life. According to India Risk Survey 2016, fire outbreak was ranked 8th biggest risk to businesses. Similarly according to a recent study, over 21 cities in India recorded 80% deaths due to fire outbreaks. Having a device which can point the location of fire and alarm the officials of it, as well as cure it before it turns into a major fire would be a big step to decrease it's impact. Our fire emergency system helps to cure this problem.</p>
<p>During a fire outbreak, the gas sensors present in each room would alarm the officials of that building about the fire outbreak. The officials, after confirming if the alarm is true or not, could open the door or the respective block/room through a control keypad, and help to resolve the fire before it turns out into a major outbreak. The keypad would prevent opening the door automatically in case of a false alarm, and the fire cure systems inside every room shall help to put it out before it even begins spreading.</p>
<p>
In the case of a fault and an outbreak still, the officials will be able to open all the doors of the respective floor/whole building so as to carry a smooth evacuation process, while simultaneously activating the fire extinguishing mechanism.
</p><br/><br/>
<!--<div class="flex flex-2">
<article>
<div class="image fit">
<img src="images/pic01.jpg" alt="Pic 01" />
</div>
<header>
<h3>Praesent placerat magna</h3>
</header>
<p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor lorem ipsum.</p>
<footer>
<a href="#" class="button special">More</a>
</footer>
</article>
<article>
<div class="image fit">
<img src="images/pic02.jpg" alt="Pic 02" />
</div>
<header>
<h3>Fusce pellentesque tempus</h3>
</header>
<p>Sed adipiscing ornare risus. Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit. Pellentesque egestas sem. Suspendisse commodo ullamcorper magna non comodo sodales tempus.</p>
<footer>
<a href="#" class="button special">More</a>
</footer>
</article>
</div>
</div>
</section>-->
<style>
img {
border: 1px solid #ddd;
border-radius: 4px;
padding: 5px;
width: 150px;
}
</style>
<img src="images/fes4.jpg" style="width: 100%; height: 100%;">
<!-- Footer -->
<footer id="footer">
<div class="inner">
<div class="flex">
<div class="copyright">
© Untitled. Design: <a href="https://templated.co">TEMPLATED</a>. Images: <a href="https://unsplash.com">Unsplash</a>
</div>
<div style="margin-left:-18%;">
<p><a href="web_team.html#two" style="color: #000;">Designed by Spectrum Web Team</a></p>
</div>
<!--<ul class="icons">
<li><a href="https://www.facebook.com/spCETrum/" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/spectrum.cetb/?hl=en"><i class="fab fa-instagram"></i></a></li>
</ul>-->
</div>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>