-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
175 lines (171 loc) · 7.93 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
166
167
168
169
170
171
172
173
174
175
<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Desire Host a Web Hosting Flat Bootstarp Resposive Website Template | About :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Desire Host Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<link href="css/popup.css" rel='stylesheet' type='text/css' />
<script src="js/jquery.min.js"> </script>
<!--webfonts-->
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,100italic,400italic,700italic|Abril+Fatface|Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!--//webfonts-->
</head>
<body>
<!--start-home-->
<div id="home" class="header">
<div class="strip">
<div class="container">
<p class="location"><i class="location"></i>16A, Honey Street (Green Door)</p>
<p class="phonenum">+ 655 7758 2068 54892</p>
<div class="clearfix"></div>
</div>
</div>
<div class="header-bottom two">
<div class="container">
<div class="logo">
<a href="index.html"><h1>DESIRE <span>HOST</span></h1></a>
</div>
<span class="menu"></span>
<div class="top-menu">
<ul>
<nav class="cl-effect-5">
<li><a href="index.html"><span data-hover="Home">Home</span></a></li>
<li><a class="active" href="about.html"><span data-hover="About">About</span></a></li>
<li><a href="service.html"><span data-hover="SERVICES">SERVICES</span></a></li>
<li><a href="plans.html"><span data-hover="PLANS">PLANS</span></a></li>
<li><a href="domain.html"><span data-hover="DOMAIN">DOMAIN</span></a></li>
<li><a href="contact.html"><span data-hover="Contact">Contact</span></a></li>
</nav>
</ul>
</div>
<!-- script for menu -->
<script>
$( "span.menu" ).click(function() {
$( ".top-menu" ).slideToggle( "slow", function() {
// Animation complete.
});
});
</script>
<!-- script for menu -->
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="about_two">
<div class="container">
<h3>A FEW WORDS ABOUT US</h3>
<div class="col-md-5 ab-pic">
<img src="images/ab-pic.jpg" />
</div>
<div class="col-md-7 ab-text">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eu erat lacus, vel congue mauris. Fusce velit justo, faucibus eu sagittis ac, gravida quis tortor. Suspendisse non urna mi, quis tincidunt eros. Nullam tellus turpis, fringilla sit amet congue ut, luctus a nulla. Donec sit amet sapien neque, id ullamcorper diam. Nulla facilisi. Pellentesque pellentesque arcu a elit congue lacinia.</p>
<span>Nullam tellus turpis, fringilla sit amet congue ut, luctus a nulla. Donec sit amet sapien neque, id ullamcorper diam. Nulla facilisi. Pellentesque pellentesque arcu a elit congue lacinia. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eu erat lacus, vel congue mauris. Fusce velit justo, faucibus eu sagittis ac, gravida quis tortor. Suspendisse non urna mi, quis tincidunt eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
</div>
<div class="clerfix"></div>
</div>
</div>
<!--list-performance-->
<div class="list-performance">
<div class="container">
<div class="performance-inner">
<div class="col-md-6 provide">
<h3>What We Provide</h3>
<ul>
<li><a href="#"><i class="tick"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing</li>
<li><a href="#"><i class="tick"></i></a>Cras bibendum ornare mauris porta aliquam</li>
<li><a href="#"><i class="tick"></i></a>Maecenas quis rutrum quam</li>
<li><a href="#"><i class="tick"></i></a>Suspendisse imperdiet sapien eu metus adipiscing</li>
<li><a href="#"><i class="tick"></i></a>Maecenas quis rutrum quam, ut vulputate quam.</li>
<li><a href="#"><i class="tick"></i></a>Mauris accumsan at leo ut fringilla. In bibendum varius nulla at ornare.</li>
</ul>
</div>
<div class="col-md-6 bars">
<h3>Performance</h3>
<ul class="progress-bars">
<li><div class="progress">
<div class="bar" style="width:90%;"></div>
</div>
</li>
<li><div class="progress">
<div class="bar" style="width:95%;"></div>
</div></li>
<li><div class="progress">
<div class="bar" style="width:90%;"></div>
</div></li>
<li><div class="progress">
<div class="bar" style="width:88%;"></div>
</div></li>
</ul>
</div>
</div>
</div>
</div>
<div class="team-section">
<div class="container"">
<div class="team-grids">
<h3>OUR TEAM</h3>
<div class="col-md-4 team">
<img src="images/team-3.jpg" class="img-responsive" alt="" />
<h4>Bruce wayne</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
</div>
<div class="col-md-4 team">
<img src="images/team-4.jpg" class="img-responsive" alt="" />
<h4>Tony Stark</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
</div>
<div class="col-md-4 team lost">
<img src="images/team-1.jpg" class="img-responsive" alt="" />
<h4>Selina Kyle</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!---- footer --->
<div class="footer text-center">
<div class="container">
<div class="copy">
<p>© 2015 All Rights Reserved Design by <a href="http://w3layouts.com/">W3layouts</a> </p>
</div>
</div>
</div>
<!--start-smoth-scrolling-->
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!--start-smoth-scrolling-->
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
</body>
</html>