-
Notifications
You must be signed in to change notification settings - Fork 0
/
solutions.html
140 lines (113 loc) · 5.72 KB
/
solutions.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>SafeTec Fire & Safety Services</title>
<link rel="icon" href="logo.png" type="image/png">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
<link href="md/css/bootstrap.min.css" rel="stylesheet">
<link href="md/css/mdb.min.css" rel="stylesheet">
<link href="md/css/style.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" integrity="sha512-1cK78a1o+ht2JcaW6g8OXYwqpev9+6GqOkz9xmBN9iUUhIndKtxwILGWYOSibOKjLsEdjyjZvYDq/cZwNeak0w==" crossorigin="anonymous" />
<link href="./style.css" rel="stylesheet">
</head>
<body class="smooth-scroll" >
<!--Navbar and slider for large screen-->
<div class="animated fadeIn slow" id="header-section">
<nav id="navbar" class="navbar navbar-expand-lg pt-3 navbar-dark" style="background-color:black;box-shadow: none;z-index: 99;" >
<div class="container">
<!-- Navbar brand -->
<a class="navbar-brand" href="index.html">
<img src="logo.png" class="logo"/>
<span class="logo-title" ><span style="color: orange;font-weight: 400;" >SafeTec</span><br> Fire & Safety Services</span>
</a>
<!-- Collapse button -->
<button class="navbar-toggler" id="menu-btn" type="button">
<span class="navbar-toggler-icon " ></span>
</button>
<!-- Collapsible content -->
<div class="collapse navbar-collapse show " id="basicExampleNav" style="z-index: 99 !important;">
<!-- Links -->
<ul class="navbar-nav list-unstyled ml-auto">
<!-- close menu btn -->
<button class="navbar-toggler d-lg-none" id="close-menu-btn" type="button">
<i class="fas fa-times" style="color: rgba(255,255,255,0.8);" ></i>
</button>
<li class="nav-item">
<a class="nav-link home-link" href="index.html">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link services-link" href="services.html">Services</a>
</li>
<li class="nav-item">
<a class="nav-link active solutions-link " href="#">Solutions</a>
</li>
<li class="nav-item">
<a class="nav-link amc-link" href="amc.html">AMC</a>
</li>
<li class="nav-item">
<a class="nav-link about-link" href="about.html">About Us</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="container py-5" >
<p class="section-heading text-center my-4" >Solutions</p>
<h5 class="py-3">Fire Supression</h5>
<h6 class="py-1">Fire Detection and Fire Alarm System</h6>
<h6 class="py-1">Fire Supression System</h6>
<h6 class="py-1">High Sensitivity Smoke Detection System</h6>
<h5 class="py-3" >Security Systems</h5>
<h6 class="py-1">Biometrics and Access Control</h6>
<h6 class="py-1">Video Surveillance </h6>
<h6 class="py-1">PA System</h6>
<h5 class="py-3" >Infrastructure Setup</h5>
<h6 class="py-1">Fire Hydrant System and Structured Piping System</h6>
<h6 class="py-1">Fire Sprinkler System</h6>
<h6 class="py-1">Structured Cabling System</h6>
</div>
<!-- Footer -->
<footer class="page-footer font-small unique-color-dark py-4 mt-3" style="z-index: -1;">
<div class="container">
<div class="row align-items-center">
<div class="col-md-12 col-lg-6 d-flex justify-content-lg-start justify-content-center mb-lg-0 mb-2">
<div class="footer-copyright text-center bg-transparent" style="letter-spacing: 0.5px !important; font-size: 15px; " >
© 2020 Copyright:
<a href="#header-section">SafeTec Fire & Safety Services</a>
</div>
</div>
<div class="col-md-12 col-lg-6 d-flex justify-content-lg-end justify-content-center align-items-center ">
<ul class="list-unstyled d-flex mb-0" style="font-size: 17px;" >
<li>
<a class="mr-3" role="button"><i class="fab fa-facebook-f"></i></a>
</li>
<li>
<a class="mr-3" role="button"><i class="fab fa-linkedin"></i></a>
</li>
<li>
<a class="mr-3" role="button"><i class="fab fa-instagram"></i></a>
</li>
<li>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Scroll to top btn -->
<a href="#header-section" id="scrollToTop" class="animated fadeIn" ><button class="scroll-top z-depth-1 " id="scrollToTopBtn"><i class="fas arrow-icon fa-arrow-up"></i></button></a>
<!-- SCRIPTS -->
<script type="text/javascript" src="md/js/jquery.min.js"></script>
<script type="text/javascript" src="md/js/popper.min.js"></script>
<script type="text/javascript" src="md/js/bootstrap.min.js"></script>
<script type="text/javascript" src="md/js/mdb.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js" integrity="sha512-A7AYk1fGKX6S2SsHywmPkrnzTZHrgiVT7GcQkLGDe2ev0aWb8zejytzS8wjo7PGEXKqJOrjQ4oORtnimIRZBtw==" crossorigin="anonymous"></script>
<!-- custom scripts -->
<script src="./main.js" type="text/javascript" ></script>
</body>
</html>