1
+ <!DOCTYPE html>
2
+ < html lang ="en ">
3
+ < head >
4
+ < title > WebHost - Free Bootstrap 4 Template by Colorlib</ title >
5
+ < meta charset ="utf-8 ">
6
+ < meta name ="viewport " content ="width=device-width, initial-scale=1, shrink-to-fit=no ">
7
+
8
+ < link href ="https://fonts.googleapis.com/css?family=Work+Sans:300,400,,500,600,700 " rel ="stylesheet ">
9
+
10
+ < link rel ="stylesheet " href ="css/open-iconic-bootstrap.min.css ">
11
+ < link rel ="stylesheet " href ="css/animate.css ">
12
+
13
+ < link rel ="stylesheet " href ="css/owl.carousel.min.css ">
14
+ < link rel ="stylesheet " href ="css/owl.theme.default.min.css ">
15
+ < link rel ="stylesheet " href ="css/magnific-popup.css ">
16
+
17
+ < link rel ="stylesheet " href ="css/aos.css ">
18
+
19
+ < link rel ="stylesheet " href ="css/ionicons.min.css ">
20
+
21
+ < link rel ="stylesheet " href ="css/bootstrap-datepicker.css ">
22
+ < link rel ="stylesheet " href ="css/jquery.timepicker.css ">
23
+
24
+
25
+ < link rel ="stylesheet " href ="css/flaticon.css ">
26
+ < link rel ="stylesheet " href ="css/icomoon.css ">
27
+ < link rel ="stylesheet " href ="css/style.css ">
28
+ </ head >
29
+ < body >
30
+
31
+ < nav class ="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light " id ="ftco-navbar ">
32
+ < div class ="container ">
33
+ < a class ="navbar-brand " href ="index.html "> WebHost</ a >
34
+ < button class ="navbar-toggler " type ="button " data-toggle ="collapse " data-target ="#ftco-nav " aria-controls ="ftco-nav " aria-expanded ="false " aria-label ="Toggle navigation ">
35
+ < span class ="oi oi-menu "> </ span > Menu
36
+ </ button >
37
+
38
+ < div class ="collapse navbar-collapse " id ="ftco-nav ">
39
+ < ul class ="navbar-nav ml-auto ">
40
+ < li class ="nav-item "> < a href ="index.html " class ="nav-link "> Home</ a > </ li >
41
+ < li class ="nav-item "> < a href ="about.html " class ="nav-link "> About</ a > </ li >
42
+ < li class ="nav-item "> < a href ="domain.html " class ="nav-link "> Domain</ a > </ li >
43
+ < li class ="nav-item "> < a class ="nav-link " href ="hosting.html "> Hosting</ a > </ li >
44
+ < li class ="nav-item active "> < a href ="blog.html " class ="nav-link "> Blog</ a > </ li >
45
+ < li class ="nav-item "> < a href ="contact.html " class ="nav-link "> Contact</ a > </ li >
46
+ < li class ="nav-item cta "> < a href ="contact.html " class ="nav-link "> < span > Get started</ span > </ a > </ li >
47
+ </ ul >
48
+ </ div >
49
+ </ div >
50
+ </ nav >
51
+ <!-- END nav -->
52
+
53
+ < section class ="home-slider owl-carousel ">
54
+ < div class ="slider-item bread-item " style ="background-image: url(images/bg_1.jpg); " data-stellar-background-ratio ="0.5 ">
55
+ < div class ="overlay "> </ div >
56
+ < div class ="container-fluid ">
57
+ < div class ="row slider-text align-items-center justify-content-center " data-scrollax-parent ="true ">
58
+
59
+ < div class ="col-md-8 mt-5 text-center col-sm-12 ftco-animate " data-scrollax =" properties: { translateY: '70%' } ">
60
+ < p class ="breadcrumbs " data-scrollax ="properties: { translateY: '30%', opacity: 1.6 } "> < span class ="mr-2 "> < a href ="index.html "> Home</ a > </ span > < span > Blog</ span > </ p >
61
+ < h1 class ="mb-3 bread " data-scrollax ="properties: { translateY: '30%', opacity: 1.6 } "> Read Blog</ h1 >
62
+ </ div >
63
+ </ div >
64
+ </ div >
65
+ </ div >
66
+ </ section >
67
+
68
+ < section class ="ftco-section bg-light ">
69
+ < div class ="container ">
70
+ < div class ="row ">
71
+ < div class ="col-md-4 ftco-animate ">
72
+ < div class ="blog-entry ">
73
+ < a href ="blog-single.html " class ="block-20 " style ="background-image: url('images/image_1.jpg'); ">
74
+ </ a >
75
+ < div class ="text d-flex py-4 ">
76
+ < div class ="meta mb-3 ">
77
+ < div > < a href ="# "> Sep. 20, 2018</ a > </ div >
78
+ < div > < a href ="# "> Admin</ a > </ div >
79
+ < div > < a href ="# " class ="meta-chat "> < span class ="icon-chat "> </ span > 3</ a > </ div >
80
+ </ div >
81
+ < div class ="desc pl-3 ">
82
+ < h3 class ="heading "> < a href ="# "> Even the all-powerful Pointing has no control about the blind texts</ a > </ h3 >
83
+ </ div >
84
+ </ div >
85
+ </ div >
86
+ </ div >
87
+ < div class ="col-md-4 ftco-animate ">
88
+ < div class ="blog-entry ">
89
+ < a href ="blog-single.html " class ="block-20 " style ="background-image: url('images/image_2.jpg'); ">
90
+ </ a >
91
+ < div class ="text d-flex py-4 ">
92
+ < div class ="meta mb-3 ">
93
+ < div > < a href ="# "> Sep. 20, 2018</ a > </ div >
94
+ < div > < a href ="# "> Admin</ a > </ div >
95
+ < div > < a href ="# " class ="meta-chat "> < span class ="icon-chat "> </ span > 3</ a > </ div >
96
+ </ div >
97
+ < div class ="desc pl-3 ">
98
+ < h3 class ="heading "> < a href ="# "> Even the all-powerful Pointing has no control about the blind texts</ a > </ h3 >
99
+ </ div >
100
+ </ div >
101
+ </ div >
102
+ </ div >
103
+ < div class ="col-md-4 ftco-animate ">
104
+ < div class ="blog-entry ">
105
+ < a href ="blog-single.html " class ="block-20 " style ="background-image: url('images/image_3.jpg'); ">
106
+ </ a >
107
+ < div class ="text d-flex py-4 ">
108
+ < div class ="meta mb-3 ">
109
+ < div > < a href ="# "> Sep. 20, 2018</ a > </ div >
110
+ < div > < a href ="# "> Admin</ a > </ div >
111
+ < div > < a href ="# " class ="meta-chat "> < span class ="icon-chat "> </ span > 3</ a > </ div >
112
+ </ div >
113
+ < div class ="desc pl-3 ">
114
+ < h3 class ="heading "> < a href ="# "> Even the all-powerful Pointing has no control about the blind texts</ a > </ h3 >
115
+ </ div >
116
+ </ div >
117
+ </ div >
118
+ </ div >
119
+ < div class ="col-md-4 ftco-animate ">
120
+ < div class ="blog-entry ">
121
+ < a href ="blog-single.html " class ="block-20 " style ="background-image: url('images/image_4.jpg'); ">
122
+ </ a >
123
+ < div class ="text d-flex py-4 ">
124
+ < div class ="meta mb-3 ">
125
+ < div > < a href ="# "> Sep. 20, 2018</ a > </ div >
126
+ < div > < a href ="# "> Admin</ a > </ div >
127
+ < div > < a href ="# " class ="meta-chat "> < span class ="icon-chat "> </ span > 3</ a > </ div >
128
+ </ div >
129
+ < div class ="desc pl-3 ">
130
+ < h3 class ="heading "> < a href ="# "> Even the all-powerful Pointing has no control about the blind texts</ a > </ h3 >
131
+ </ div >
132
+ </ div >
133
+ </ div >
134
+ </ div >
135
+ < div class ="col-md-4 ftco-animate ">
136
+ < div class ="blog-entry ">
137
+ < a href ="blog-single.html " class ="block-20 " style ="background-image: url('images/image_5.jpg'); ">
138
+ </ a >
139
+ < div class ="text d-flex py-4 ">
140
+ < div class ="meta mb-3 ">
141
+ < div > < a href ="# "> Sep. 20, 2018</ a > </ div >
142
+ < div > < a href ="# "> Admin</ a > </ div >
143
+ < div > < a href ="# " class ="meta-chat "> < span class ="icon-chat "> </ span > 3</ a > </ div >
144
+ </ div >
145
+ < div class ="desc pl-3 ">
146
+ < h3 class ="heading "> < a href ="# "> Even the all-powerful Pointing has no control about the blind texts</ a > </ h3 >
147
+ </ div >
148
+ </ div >
149
+ </ div >
150
+ </ div >
151
+ < div class ="col-md-4 ftco-animate ">
152
+ < div class ="blog-entry ">
153
+ < a href ="blog-single.html " class ="block-20 " style ="background-image: url('images/image_6.jpg'); ">
154
+ </ a >
155
+ < div class ="text d-flex py-4 ">
156
+ < div class ="meta mb-3 ">
157
+ < div > < a href ="# "> Sep. 20, 2018</ a > </ div >
158
+ < div > < a href ="# "> Admin</ a > </ div >
159
+ < div > < a href ="# " class ="meta-chat "> < span class ="icon-chat "> </ span > 3</ a > </ div >
160
+ </ div >
161
+ < div class ="desc pl-3 ">
162
+ < h3 class ="heading "> < a href ="# "> Even the all-powerful Pointing has no control about the blind texts</ a > </ h3 >
163
+ </ div >
164
+ </ div >
165
+ </ div >
166
+ </ div >
167
+ </ div >
168
+ < div class ="row mt-5 ">
169
+ < div class ="col text-center ">
170
+ < div class ="block-27 ">
171
+ < ul >
172
+ < li > < a href ="# "> <</ a > </ li >
173
+ < li class ="active "> < span > 1</ span > </ li >
174
+ < li > < a href ="# "> 2</ a > </ li >
175
+ < li > < a href ="# "> 3</ a > </ li >
176
+ < li > < a href ="# "> 4</ a > </ li >
177
+ < li > < a href ="# "> 5</ a > </ li >
178
+ < li > < a href ="# "> ></ a > </ li >
179
+ </ ul >
180
+ </ div >
181
+ </ div >
182
+ </ div >
183
+ </ div >
184
+ </ section >
185
+
186
+ < footer class ="ftco-footer ftco-bg-dark ftco-section ">
187
+ < div class ="container ">
188
+ < div class ="row mb-5 ">
189
+ < div class ="col-md ">
190
+ < div class ="ftco-footer-widget mb-4 ">
191
+ < h2 class ="ftco-heading-2 "> WebHost</ h2 >
192
+ < p > Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</ p >
193
+ < ul class ="ftco-footer-social list-unstyled float-md-left float-lft mt-5 ">
194
+ < li class ="ftco-animate "> < a href ="# "> < span class ="icon-twitter "> </ span > </ a > </ li >
195
+ < li class ="ftco-animate "> < a href ="# "> < span class ="icon-facebook "> </ span > </ a > </ li >
196
+ < li class ="ftco-animate "> < a href ="# "> < span class ="icon-instagram "> </ span > </ a > </ li >
197
+ </ ul >
198
+ </ div >
199
+ </ div >
200
+ < div class ="col-md ">
201
+ < div class ="ftco-footer-widget mb-4 ml-md-5 ">
202
+ < h2 class ="ftco-heading-2 "> Unseful Links</ h2 >
203
+ < ul class ="list-unstyled ">
204
+ < li > < a href ="# " class ="py-2 d-block "> Servers</ a > </ li >
205
+ < li > < a href ="# " class ="py-2 d-block "> Windos Hosting</ a > </ li >
206
+ < li > < a href ="# " class ="py-2 d-block "> Cloud Hosting</ a > </ li >
207
+ < li > < a href ="# " class ="py-2 d-block "> OS Servers</ a > </ li >
208
+ < li > < a href ="# " class ="py-2 d-block "> Linux Servers</ a > </ li >
209
+ < li > < a href ="# " class ="py-2 d-block "> Policy</ a > </ li >
210
+ </ ul >
211
+ </ div >
212
+ </ div >
213
+ < div class ="col-md ">
214
+ < div class ="ftco-footer-widget mb-4 ">
215
+ < h2 class ="ftco-heading-2 "> Navigational</ h2 >
216
+ < ul class ="list-unstyled ">
217
+ < li > < a href ="# " class ="py-2 d-block "> Home</ a > </ li >
218
+ < li > < a href ="# " class ="py-2 d-block "> Domain</ a > </ li >
219
+ < li > < a href ="# " class ="py-2 d-block "> Hosting</ a > </ li >
220
+ < li > < a href ="# " class ="py-2 d-block "> About</ a > </ li >
221
+ < li > < a href ="# " class ="py-2 d-block "> Blog</ a > </ li >
222
+ < li > < a href ="# " class ="py-2 d-block "> Contact</ a > </ li >
223
+ </ ul >
224
+ </ div >
225
+ </ div >
226
+ < div class ="col-md ">
227
+ < div class ="ftco-footer-widget mb-4 ">
228
+ < h2 class ="ftco-heading-2 "> Office</ h2 >
229
+ < div class ="block-23 mb-3 ">
230
+ < ul >
231
+ < li > < span class ="icon icon-map-marker "> </ span > < span class ="text "> 203 Fake St. Mountain View, San Francisco, California, USA</ span > </ li >
232
+ < li > < a href ="# "> < span class ="icon icon-phone "> </ span > < span class ="text "> +2 392 3929 210</ span > </ a > </ li >
233
+ < li > < a href ="
# "
> < span class ="
icon icon-envelope "
> </ span > < span class ="
text "
> [email protected] </ span > </ a > </ li >
234
+ </ ul >
235
+ </ div >
236
+ </ div >
237
+ </ div >
238
+ </ div >
239
+ < div class ="row ">
240
+ < div class ="col-md-12 text-center ">
241
+
242
+ < p > <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
243
+ Copyright ©< script > document . write ( new Date ( ) . getFullYear ( ) ) ; </ script > All rights reserved | This template is made with < i class ="icon-heart " aria-hidden ="true "> </ i > by < a href ="https://colorlib.com " target ="_blank "> Colorlib</ a >
244
+ <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --> </ p >
245
+ </ div >
246
+ </ div >
247
+ </ div >
248
+ </ footer >
249
+
250
+
251
+
252
+ <!-- loader -->
253
+ < div id ="ftco-loader " class ="show fullscreen "> < svg class ="circular " width ="48px " height ="48px "> < circle class ="path-bg " cx ="24 " cy ="24 " r ="22 " fill ="none " stroke-width ="4 " stroke ="#eeeeee "/> < circle class ="path " cx ="24 " cy ="24 " r ="22 " fill ="none " stroke-width ="4 " stroke-miterlimit ="10 " stroke ="#F96D00 "/> </ svg > </ div >
254
+
255
+
256
+ < script src ="js/jquery.min.js "> </ script >
257
+ < script src ="js/jquery-migrate-3.0.1.min.js "> </ script >
258
+ < script src ="js/popper.min.js "> </ script >
259
+ < script src ="js/bootstrap.min.js "> </ script >
260
+ < script src ="js/jquery.easing.1.3.js "> </ script >
261
+ < script src ="js/jquery.waypoints.min.js "> </ script >
262
+ < script src ="js/jquery.stellar.min.js "> </ script >
263
+ < script src ="js/owl.carousel.min.js "> </ script >
264
+ < script src ="js/jquery.magnific-popup.min.js "> </ script >
265
+ < script src ="js/aos.js "> </ script >
266
+ < script src ="js/jquery.animateNumber.min.js "> </ script >
267
+ < script src ="js/bootstrap-datepicker.js "> </ script >
268
+ < script src ="js/jquery.timepicker.min.js "> </ script >
269
+ < script src ="js/scrollax.min.js "> </ script >
270
+ < script src ="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false "> </ script >
271
+ < script src ="js/google-map.js "> </ script >
272
+ < script src ="js/main.js "> </ script >
273
+
274
+ </ body >
275
+ </ html >
0 commit comments