1
+ <!Doctype html>
2
+ < html class ="no-js " lang ="">
3
+ < head >
4
+ < meta charset ="utf-8 ">
5
+ < meta http-equiv ="x-ua-compatible " content ="ie=edge ">
6
+ < title > Ruby - Responsive Corporate Tempalte</ title >
7
+ < meta name ="description " content ="">
8
+ < meta name ="viewport " content ="width=device-width, initial-scale=1 ">
9
+
10
+ < link rel ="icon " href ="img/header-logo1.png ">
11
+ <!-- Place favicon.ico in the root directory -->
12
+
13
+ <!-- Google Fonts -->
14
+ < link href ="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i " rel ="stylesheet ">
15
+
16
+ < link rel ="stylesheet " href ="css/bootstrap.min.css ">
17
+ < link rel ="stylesheet " href ="css/slicknav.min.css ">
18
+ < link rel ="stylesheet " href ="css/bootstrap-theme.min.css ">
19
+ < link rel ="stylesheet " href ="css/owl.carousel.min.css ">
20
+ < link rel ="stylesheet " href ="css/owl.theme.default.min.css ">
21
+ < link rel ="stylesheet " href ="css/animate.min.css ">
22
+ < link rel ="stylesheet " href ="css/animate-text.css ">
23
+ < link rel ="stylesheet " href ="css/magnific-popup.css ">
24
+ < link rel ="stylesheet " href ="css/font-awesome.min.css ">
25
+
26
+ <!-- Ruby CSS -->
27
+ < link rel ="stylesheet " href ="css/normalize.css ">
28
+ < link rel ="stylesheet " href ="style.css ">
29
+ < link rel ="stylesheet " href ="css/responsive.css ">
30
+
31
+ <!-- Color CSS -->
32
+ < link rel ="stylesheet " href ="css/color/color7.css ">
33
+ <!--<link rel="stylesheet" href="css/color/color1.css">-->
34
+ <!--<link rel="stylesheet" href="css/color/color2.css">-->
35
+ <!--<link rel="stylesheet" href="css/color/color3.css">-->
36
+ <!--<link rel="stylesheet" href="css/color/color4.css">-->
37
+ <!--<link rel="stylesheet" href="css/color/color5.css">-->
38
+ <!--<link rel="stylesheet" href="css/color/color6.css">-->
39
+ <!--<link rel="stylesheet" href="css/color/color8.css">-->
40
+ <!--<link rel="stylesheet" href="css/color/color9.css">-->
41
+
42
+ < link rel ="stylesheet " href ="# " id ="colors ">
43
+
44
+ </ head >
45
+ < body >
46
+
47
+ < div class ="color-plate ">
48
+ < a class ="icon "> < i class ="fa fa-cog fa-spin "> </ i > </ a >
49
+ < h2 > Ruby Color</ h2 >
50
+ < div class ="color-head ">
51
+ < span class ="color1 "> </ span >
52
+ < span class ="color2 "> </ span >
53
+ < span class ="color3 "> </ span >
54
+ < span class ="color4 "> </ span >
55
+ < span class ="color5 "> </ span >
56
+ < span class ="color6 "> </ span >
57
+ < span class ="color7 "> </ span >
58
+ < span class ="color8 "> </ span >
59
+ < span class ="color9 "> </ span >
60
+ </ div >
61
+ </ div >
62
+
63
+ <!-- Header Area -->
64
+ < header id ="header " class ="header ">
65
+ <!-- Header Inner -->
66
+ < div class ="header-inner ">
67
+ < div class ="container ">
68
+ < div class ="row ">
69
+ < div class ="col-md-3 col-sm-2 col-xs-2 ">
70
+ < div class ="logo ">
71
+ < a href ="index.html "> < img src ="img/logo.png " alt ="logo.png "> </ a >
72
+ </ div >
73
+ </ div >
74
+ < div class ="col-md-9 col-sm-10 ">
75
+ < div class ="mobile-menu "> </ div >
76
+ < nav class ="navbar navbar-default ">
77
+ < div class ="collapse navbar-collapse ">
78
+ < ul id ="nav " class ="nav navbar-nav ">
79
+ < li class ="current "> < a href ="#slider "> home</ a >
80
+ </ li >
81
+ < li > < a href ="#Services "> Services</ a > </ li >
82
+ < li > < a href ="#latest-works "> portfolio< i class ="fa fa-caret-down " aria-hidden ="true "> </ i > </ a >
83
+ < ul class ="dropdown ">
84
+ < li > < a href ="portfolio.html "> Portfolio</ a > </ li >
85
+ < li > < a href ="portfolio-single.html "> portfolio-single</ a > </ li >
86
+ </ ul >
87
+ </ li >
88
+ < li > < a href ="#blog "> Blogs< i class ="fa fa-caret-down " aria-hidden ="true "> </ i > </ a >
89
+ < ul class ="dropdown ">
90
+ < li > < a href ="blog.html "> Blog Archive</ a > </ li >
91
+ < li > < a href ="blog-single.html "> Blog Single</ a > </ li >
92
+ </ ul >
93
+ </ li >
94
+ < li > < a href ="#team "> Team</ a > </ li >
95
+ < li > < a href ="# "> Pages < i class ="fa fa-caret-down " aria-hidden ="true "> </ i > </ a >
96
+ < ul class ="dropdown ">
97
+ < li > < a href ="404.html "> Error 404</ a > </ li >
98
+ < li > < a href ="mail-success.html "> Mail Success</ a > </ li >
99
+ </ ul >
100
+ </ li >
101
+ < li > < a href ="#contact "> Contact</ a > </ li >
102
+ </ ul >
103
+ </ div >
104
+ </ nav >
105
+ </ div >
106
+ </ div >
107
+ </ div >
108
+ </ div >
109
+ </ header >
110
+ <!--/ End Header Area -->
111
+
112
+
113
+ <!--breadcrumb -->
114
+ < div class ="breadcrumb " data-stellar-background-ratio ="0.5 ">
115
+ < div class ="container ">
116
+ < div class ="row ">
117
+ < div class ="col-md-12 ">
118
+ < div class ="breadcrumb-text ">
119
+ < h2 > error 404</ h2 >
120
+ < ul >
121
+ < li > < a href ="index.html "> Home</ a > < i class ="fa fa-long-arrow-right " aria-hidden ="true "> </ i > </ li >
122
+ < li > < a href ="blog-archive.html "> error 404</ a > </ li >
123
+ </ ul >
124
+ </ div >
125
+ </ div >
126
+ </ div >
127
+ </ div >
128
+ </ div >
129
+ <!--/ End breadcrumb -->
130
+
131
+
132
+ <!-- 404 Error Page -->
133
+ < section class ="error section ">
134
+ < div class ="table ">
135
+ < div class ="table-cell ">
136
+ < div class ="container ">
137
+ < div class ="row ">
138
+ < div class ="col-md-6 col-sm-6 col-xs-12 ">
139
+ < div class ="error-left ">
140
+ < h2 > 404</ h2 >
141
+ < p > < span > Opps!</ span > Page Not Found!</ p >
142
+ < p class ="p2 "> Sorry the Page Could not be Found here.< br > Try using the button below to go to main page of the site</ p >
143
+ < div class ="button-head ">
144
+ < div class ="button ">
145
+ < span > </ span >
146
+ < a href ="# " class ="btn "> Go Back</ a >
147
+ </ div >
148
+ </ div >
149
+ </ div >
150
+ </ div >
151
+ < div class ="col-md-6 col-sm-6 col-xs-12 ">
152
+ < div class ="error-right ">
153
+ < img class ="img " src ="img/error-img.png " alt ="# ">
154
+ </ div >
155
+ </ div >
156
+ </ div >
157
+ </ div >
158
+ </ div >
159
+ </ div >
160
+ </ section >
161
+ <!-- End 404 Error Page -->
162
+
163
+
164
+ <!-- Footer Area -->
165
+ < footer id ="footer " class ="footer section ">
166
+ <!-- Footer Top -->
167
+ < div class ="footer-top ">
168
+ < div class ="container ">
169
+ < div class ="row ">
170
+ < div class ="col-md-3 col-sm-3 col-xs-12 ">
171
+ < div class ="single-footer ">
172
+ < div class ="logo ">
173
+ < img src ="img/ruby.png " alt ="# ">
174
+ </ div >
175
+ < p > Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit, </ p >
176
+ < div class ="contact ">
177
+ < p class ="location "> < i class ="fa fa-map-marker " aria-hidden ="true "> </ i > Mirpur, dhaka-bangledesh</ p >
178
+ < p class ="
mail-add "
> < i class ="
fa fa-envelope-o "
aria-hidden ="
true "
> </ i > [email protected] </ p >
179
+ < p class ="call "> < i class ="fa fa-phone-square " aria-hidden ="true "> </ i > call:900-200-2315</ p >
180
+ </ div >
181
+ </ div >
182
+ </ div >
183
+ < div class ="col-md-3 col-sm-3 col-xs-12 ">
184
+ < div class ="single-footer ">
185
+ < h2 > < i class ="fa fa-sliders " aria-hidden ="true "> </ i > setra site map</ h2 >
186
+ < span > < i class ="fa fa-caret-right " aria-hidden ="true "> </ i > home</ span >
187
+ < span > < i class ="fa fa-caret-right " aria-hidden ="true "> </ i > our shop</ span >
188
+ < span > < i class ="fa fa-caret-right " aria-hidden ="true "> </ i > about us</ span >
189
+ < span > < i class ="fa fa-caret-right " aria-hidden ="true "> </ i > blog</ span >
190
+ < span > < i class ="fa fa-caret-right " aria-hidden ="true "> </ i > your account</ span >
191
+ < span > < i class ="fa fa-caret-right " aria-hidden ="true "> </ i > our guarantee</ span >
192
+ </ div >
193
+ </ div >
194
+ < div class ="col-md-3 col-sm-3 col-xs-12 ">
195
+ < div class ="single-footer ">
196
+ < h2 > < i class ="fa fa-cogs " aria-hidden ="true "> </ i > our company</ h2 >
197
+ < span > < i class ="fa fa-caret-right " aria-hidden ="true "> </ i > shipping policy</ span >
198
+ < span > < i class ="fa fa-caret-right " aria-hidden ="true "> </ i > international shipping</ span >
199
+ < span > < i class ="fa fa-caret-right " aria-hidden ="true "> </ i > affiliates</ span >
200
+ < span > < i class ="fa fa-caret-right " aria-hidden ="true "> </ i > our sponsors</ span >
201
+ < span > < i class ="fa fa-caret-right " aria-hidden ="true "> </ i > team & conditions</ span >
202
+ < span > < i class ="fa fa-caret-right " aria-hidden ="true "> </ i > cash on delivery</ span >
203
+ </ div >
204
+ </ div >
205
+ < div class ="col-md-3 col-sm-3 col-xs-12 ">
206
+ < div class ="single-footer ">
207
+ < h2 > newsletter subscription</ h2 >
208
+ < p > subscribe to our newsletter to get allour news in your inbox</ p >
209
+ < div class ="mail ">
210
+ < input type ="email " placeholder ="Enter your email ">
211
+ < button class ="button "> < a href ="# "> subscribe us</ a > </ button >
212
+ < i class ="fa fa-lock " class ="icon "> </ i >
213
+ < p > Your email address is 100% safe to us</ p >
214
+ </ div >
215
+ </ div >
216
+ </ div >
217
+ </ div >
218
+ </ div >
219
+ </ div >
220
+ <!--/ End Footer Top -->
221
+
222
+ <!-- Copyright -->
223
+ < div class ="copyright ">
224
+ < div class ="container ">
225
+ < div class ="row ">
226
+ < div class ="col-md-6 col-sm-6 col-xs-12 ">
227
+ < div class ="copyright-content ">
228
+ < p > Copyright 2018 | Ruby Limtied | All Rights Reserved</ p >
229
+ </ div >
230
+ </ div >
231
+ < div class ="col-md-6 col-sm-6 col-xs-12 ">
232
+ < ul class ="social ">
233
+ < li > < a href =""> < i class ="fa fa-facebook "> </ i > </ a > </ li >
234
+ < li > < a href =""> < i class ="fa fa-twitter "> </ i > </ a > </ li >
235
+ < li > < a href =""> < i class ="fa fa-instagram "> </ i > </ a > </ li >
236
+ < li > < a href =""> < i class ="fa fa-linkedin "> </ i > </ a > </ li >
237
+ < li > < a href =""> < i class ="fa fa-youtube "> </ i > </ a > </ li >
238
+ </ ul >
239
+ </ div >
240
+ </ div >
241
+ </ div >
242
+ </ div >
243
+ <!--/ End Copyright -->
244
+ </ footer >
245
+ <!--/ End Footer Area -->
246
+
247
+
248
+ < script src ="js/jquery.min.js "> </ script >
249
+ < script src ="js/bootstrap.min.js "> </ script >
250
+ < script src ="js/colors.js "> </ script >
251
+ < script src ="js/jquery.nav.js "> </ script >
252
+ < script src ="js/jquery.scrollUp.min.js "> </ script >
253
+ < script src ="js/jquery.slicknav.min.js "> </ script >
254
+ < script src ="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js "> </ script >
255
+ < script src ="js/owl.carousel.min.js "> </ script >
256
+ < script src ="js/isotope.pkgd.min.js "> </ script >
257
+ < script src ="js/wow.min.js "> </ script >
258
+ < script src ="js/jquery.stellar.min.js "> </ script >
259
+ < script src ="js/jquery.magnific-popup.min.js "> </ script >
260
+ < script src ="js/animate-text.js "> </ script >
261
+ < script src ="js/particles.min.js "> </ script >
262
+ < script src ="js/particle-code.js "> </ script >
263
+ < script src ="js/jquery.counterup.min.js "> </ script >
264
+ < script type ="text/javascript " src ="http://maps.google.com/maps/api/js?key=AIzaSyC0RqLa90WDfoJedoE3Z_Gy7a7o8PCL2jw "> </ script >
265
+ < script type ="text/javascript " src ="js/gmaps.min.js "> </ script >
266
+ < script src ="js/main.js "> </ script >
267
+ </ body >
268
+ </ html >
0 commit comments