-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
165 lines (154 loc) · 7.33 KB
/
about.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
160
161
162
163
164
165
<!DOCTYPE html>
<html>
<title>VHS INFOTECH PVT LTD</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src='https://kit.fontawesome.com/a076d05399.js'></script>
<script async defer
src= "https://maps.googleapis.com/maps/api/js?key=AIzaSyB2bXKNDezDf6YNVc-SauobynNHPo4RJb8&callback=initMap">
</script>
<style>
body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
body, html {
height: 100%;
line-height: 1.8;
}
#map {
height: 400px;
width: 100%;
}
/* Full height image header */
.bgimg-1 {
background-position: center;
background-size: cover;
background-image: url("/w3images/mac.jpg");
min-height: 100%;
}
.w3-bar .w3-button {
padding: 16px;
}
</style>
<body>
<div class="w3-top">
<div class="w3-bar w3-white w3-card" id="myNavbar">
<a href="\vhsinfotech" class="w3-bar-item w3-button w3-wide">VHS INFOTECH PVT. LTD.</a>
<!-- Right-sided navbar links -->
<div class="w3-right w3-hide-small">
<a href="\vhsinfotech\about.html" class="w3-bar-item w3-button">ABOUT</a>
<a href="\vhsinfotech\review.html" class="w3-bar-item w3-button"><i class="fa fa-user"></i> REVIEWS</a>
<a href="\vhsinfotech\product.html" class="w3-bar-item w3-button"><i class="fa fa-th"></i> PRODUCTS</a>
<a href="\vhsinfotech\offer.html" class="w3-bar-item w3-button"><i class="fa fa-usd"></i> OFFERS</a>
<a href="\vhsinfotech\contact.html" class="w3-bar-item w3-button"><i class="fa fa-envelope"></i> CONTACT</a>
</div>
<!-- Hide right-floated links on small screens and replace them with a menu icon -->
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-right w3-hide-large w3-hide-medium" onclick="w3_open()">
<i class="fa fa-bars"></i>
</a>
</div>
</div>
<!-- Sidebar on small screens when clicking the menu icon -->
<nav class="w3-sidebar w3-bar-block w3-black w3-card w3-animate-left w3-hide-medium w3-hide-large" style="display:none" id="mySidebar">
<a href="javascript:void(0)" onclick="w3_close()" class="w3-bar-item w3-button w3-large w3-padding-16">Close ×</a>
<a href="\vhsinfotech\about.html" onclick="w3_close()" class="w3-bar-item w3-button">ABOUT</a>
<a href="\vhsinfotech\review.html" onclick="w3_close()" class="w3-bar-item w3-button">REVIEWS</a>
<a href="\vhsinfotech\product.html" onclick="w3_close()" class="w3-bar-item w3-button">PRODUCTS</a>
<a href="\vhsinfotech\offer.html" onclick="w3_close()" class="w3-bar-item w3-button">OFFERS</a>
<a href="\vhsinfotech\contact.html" onclick="w3_close()" class="w3-bar-item w3-button">CONTACT</a>
</nav>
<!--About section-->
<div class="w3-container" style="padding:128px 16px" id="about">
<h3 class="w3-center">ABOUT THE COMPANY</h3>
<p class="w3-center w3-large">Key features of our company</p>
<div class="w3-row-padding w3-center" style="margin-top:64px">
<div class="w3-quarter">
<i class="fa fa-desktop w3-margin-bottom w3-jumbo w3-center"></i>
<p class="w3-large">IT Products</p>
<p>We provide end-to-end IT solutions with the latest range of technology and devices for
computer desktops, Laptops, tablets, Printers, Logistics etc.</p>
</div>
<div class="w3-quarter">
<i class="fa fa-mobile-phone w3-margin-bottom w3-jumbo"></i>
<p class="w3-large">Mobility</p>
<p>We are authorised partners of Samsung mobility, providing best and pocket friendly devices</p>
</div>
<div class="w3-quarter">
<i class="fa fa-heart w3-margin-bottom w3-jumbo"></i>
<p class="w3-large">Passion</p>
<p>We have enormous experience that is reflected in every way we serve the other organizations.
Our technical expertise, and highly skilled manpower masters in satisfying our customers</p>
</div>
<div class="w3-quarter">
<i class="fa fa-cog w3-margin-bottom w3-jumbo"></i>
<p class="w3-large">Support</p>
<p>We provide effective support services to our customers. You can
<a href="\vhsinfotech\contact.html" title="VHS INFOTECH PVT LTD" target="_blank" class="w3-hover-text-green">
<b>contact us</b></a>
for furthur support queries</p>
</div>
</div>
</div>
<div class="w3-container" style="padding:8px 16px" id="about">
<div class="w3-center">
<i class="fas fa-box-open w3-margin-bottom w3-jumbo"></i>
<h3 class="w3-center">Everything We do</h3>
<p>Along with IT and Mobility, we serve in lifestyles and many more things.<br>
<a href="\vhsinfotech\product.html" title="VHS INFOTECH PVT LTD" target="_blank" class="w3-hover-text-green">
<b>Take a look at what we do!</b></a></p>
</div>
</div>
<br>
<br>
<div class="w3-container" style="padding:8px 16px" id="about">
<h3 class="w3-center">VISION AND MISSION</h3>
<div class="w3-center">
<i class="far fa-building w3-margin-bottom w3-jumbo"></i>
<p>We aim to be the leader in providing fast response, informed expertise and building sustainable relationships with our customers for future growth.
Our mission looks forward to our development along with our customer's growth.
We are proven to be a social asset for the respective community and environment.</p>
</div>
</div>
<!--MAP-->
<div id="map"></div>
<!--Footer-->
<footer class="w3-center w3-black w3-padding-64">
<a href="\vhsinfotech\about.html" class="w3-button w3-light-grey"><i class="fa fa-arrow-up w3-margin-right"></i>To the top</a>
<div class="w3-xlarge w3-section">
<a href="https://www.facebook.com/VHS-Infotech-Private-Limited-102878834785182"><i class="fab fa-facebook w3-hover-opacity"></a></i>
<a href="https://wa.me/919910240869"> <i class="fab fa-whatsapp w3-hover-opacity"></a></i>
<a href="https://www.instagram.com/vhsinfotech2020?r=nametag"><i class="fab fa-instagram w3-hover-opacity"></a></i>
<a href="https://www.linkedin.com/in/vhs-infotech-9aa99a1aa/"><i class="fab fa-linkedin w3-hover-opacity">
</i>
</a></div>
<p>We acknowledge to have taken contents form respective Parent company websites for their respective product promotion only.
We respect their trademarks, patents, web contents, etc.<br>
<a href="\vhsinfotech\contact.html" title="VHS INFOTECH PVT LTD" target="_blank" class="w3-hover-text-green">Contact us </a>for more details</p>
</footer>
<script>
// Toggle between showing and hiding the sidebar when clicking the menu icon
var mySidebar = document.getElementById("mySidebar");
function w3_open() {
if (mySidebar.style.display === 'block') {
mySidebar.style.display = 'none';
} else {
mySidebar.style.display = 'block';
}
}
// Close the sidebar with the close button
function w3_close() {
mySidebar.style.display = "none";
}
function initMap() {
// The location of Uluru
var uluru = {lat: 28.60541, lng: 77.10321};
// The map, centered at Uluru
var map = new google.maps.Map(
document.getElementById('map'), {zoom: 4, center: uluru});
// The marker, positioned at Uluru
var marker = new google.maps.Marker({position: uluru, map: map});
}
</script>
</body>
</html>