-
Notifications
You must be signed in to change notification settings - Fork 0
/
inner.html
192 lines (171 loc) · 8.35 KB
/
inner.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
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!doctype html>
<html lang="en-US">
<head>
<title>Falkirk Hireboats</title>
<meta charset="utf-8">
<!-- Meta -->
<meta name="keywords" content="Falkirk Hireboats" />
<meta name="description" content="Falkirk Hireboats" />
<meta name="author" content="">
<meta name="robots" content="" />
<!-- Responsive View -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.ico">
<!-- Google fonts-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600italic,600,400italic,300italic,300,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--hover effect-->
<link href="css/hover.css" rel="stylesheet" media="all">
<!-- FONT awesome STYLES -->
<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css" />
<!-- Menu CSS -->
<link rel="stylesheet" type="text/css" href="css/menu.css" media="all" />
<!-- BOOTSTRAP STYLES -->
<link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
<!-- CSS STYLES -->
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link rel="stylesheet" href="css/template.css" type="text/css" />
<!-- Responsive Devices Styles -->
<link rel="stylesheet" media="screen" href="css/responsive-leyouts.css" type="text/css" />
</head>
<body>
<!--header starts-->
<header>
<div class="container">
<div class="row">
<div class="social_bookmarks">
<a href="#"><img src="images/fb.png" alt="facebook"></a>
<a href="#"><img src="images/twt.png" alt="twitter"></a>
</div>
<div class="logo text-center">
<p>Choose your Adventure with.. </p>
<a href="index.html"><img src="images/logo.png" alt="logo"></a>
</div>
<div class="nav dnt3-menu">
<ul class="dropdown clear">
<li><a href="inner.html" class="padding-right hvr-float">about</a></li>
<li><a href="inner.html" class="padding-right hvr-sink">OUR boats</a></li>
<li><a href="inner.html" class="hvr-float">routes</a></li>
<li><a href="inner.html" class="padding-left2 hvr-sink">book</a></li>
<li><a href="inner.html" class="padding-left hvr-float">TESTIMONIALS </a></li>
<li><a href="inner.html" class="padding-left hvr-sink">contact</a></li>
</ul>
</div>
</div>
</div>
</header>
<!--header ends-->
<!--main-content starts-->
<section class="slider-content">
<div class="container">
<div class="row">
<div class="col-md-12">
<div id="myCarousel" class="carousel slide carousel-fade" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="images/slider1.jpg" alt="slider1">
<div class="carousel-caption">
<h1>Title here..</h1>
</div>
</div>
<div class="item">
<img src="images/slider2.jpg" alt="slider2">
<div class="carousel-caption">
<h1>Title here..</h1>
</div>
</div>
<div class="item">
<img src="images/slider1.jpg" alt="Flower">
<div class="carousel-caption">
<h1>Title here..</h1>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--main-content ends-->
<section class="innerpage-content">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="content-detail">
<h2>title inside of here</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus ultrices arcu
eu vulputate. Donec quis dui imperdiet, mollis tortor quis, porttitor risus. Nam aliquam
rutrum efficitur. Sed egestas nisl turpis, eget maximus leo egestas vitae. Fusce tincidunt
accumsan tempor. Morbi quis leo faucibus, aliquet lorem vitae, ultricies tortor. Mauris mattis
fermentum turpis et eleifend. Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. </p>
<p>Donec quis eros vitae tellus rutrum finibus in sit amet mi. Cum sociis natoque penatibus
et magnis dis parturient montes, nascetur ridiculus mus.</p>
<ul>
<li><img src="images/dot.png" alt="list-icon"> Fusce in justo eget ex dapibus elementum.</li>
<li><img src="images/dot.png" alt="list-icon"> Suspendisse sed ultrices dolor. </li>
<li><img src="images/dot.png" alt="list-icon"> Vivamus consequat est et mollis varius.</li>
<li><img src="images/dot.png" alt="list-icon"> Quisque ac odio et felis dignissim varius sit amet non libero.</li>
</ul>
<p>Pellentesque dolor felis, congue nec mi sed, commodo pellentesque magna.</p>
</div>
</div>
<div class="col-md-4">
<div class="content-img1">
<p class="content-top1">coming soon</p>
<p class="content-bottom1">GLAMPING</p>
<a href="#"><img src="images/bottom-img2.jpg" class="img-responsive" alt="Wheel"></a>
</div>
<div class="content-img1">
<p class="content-bottom1">GLAMPING</p>
<a href="#"><img src="images/bottom-img2.jpg" class="img-responsive" alt="Wheel"></a>
</div>
</div>
</div>
</div>
</section>
<!--footer starts-->
<footer>
<div class="container">
<div class="row">
<div class="col-md-12 ft-menu-padding">
<div class="footer-menu">
<ul>
<li><a href="inner.html">About Us</a></li>
<li><a href="inner.html">Our Boats</a></li>
<li><a href="inner.html">Routes</a></li>
<li><a href="inner.html">Booking</a></li>
<li><a href="inner.html">Dry Dock</a></li>
<li><a href="inner.html">Services</a></li>
<li><a href="inner.html">Testimonials</a></li>
<li><a href="inner.html">Contact</a></li>
<li class="book-res"><a href="#" class="book">Book Online</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="copy">
<p>© Copyright 2015 Falkirk Hireboats</p>
</div>
</footer>
<!--footer ends-->
<!-- **** JS(Java Script) FILES****** -->
<!-- Lib -->
<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
<!-- BOOTSTRAP js -->
<script type="text/javascript" src="js/bootstrap.js"></script>
<!-- Menu JS -->
<script type="text/javascript" src="js/menu-responsive.js"></script>
</body>
</html>