-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtour-category.html
139 lines (138 loc) · 5.67 KB
/
tour-category.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
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>hidden hungary</title>
<link rel="stylesheet" href="owl-carousel/owl.carousel.css">
<link rel="stylesheet" href="owl-carousel/owl.theme.css">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/jquery.jscrollpane.css" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
</head>
<!-- styles needed by jScrollPane -->
<link type="text/css" href="css/jquery.jscrollpane.css" rel="stylesheet" media="all" />
<!-- the mousewheel plugin - optional to provide mousewheel support -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/mwheelIntent.js"></script>
<!-- the jScrollPane script -->
<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>
<!-- <script type="text/javascript" id="sourcecode">
$(function()
{
$('.contentRight').jScrollPane();
});
</script>
--><header>
<div class="brand-BG">
<div class="brand-wrapper">
<img src="images/hidden-hungary-brand-header.svg" alt="" class="center-block">
<h1>hidden<span class="logoColor">hungary</span></h1>
</div>
</div>
<nav class="navbar navbar-default">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="#">About us <span class="sr-only">(current)</span></a></li>
<li><a href="#">Destinations</a></li>
<li><a class="activeSub" href="#">Wine Tours</a>
<ul class="navSubItems">
<li><a href="#">Budapest Tours</a></li>
<li><a href="#">Countryside Tours</a></li>
</ul>
</li>
<li><a href="#">Blog</a></li>
<li><a href="#">FAQs</a></li>
<li class="active"><a href="#">Contact</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</nav><!--nav-->
<footer class="hidden-xs hidden-sm">
<div class="social">
<ul class="soc">
<li class="facebook"><a href="#">facebook</a></li>
<li class="twitter"><a href="#">twitter</a></li>
<li class="instagram"><a href="#">instagram</a></li>
</ul>
</div>
</footer> <!--header footer-->
</header><!--header-->
<main>
<div id="carousel-example-generic" class="carousel fade" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner fullheight subpages" role="listbox">
<div class="item active">
<img src="images/hiddenHungary-slide-01.jpg" alt="...">
</div>
<div class="item">
<img src="images/hiddenHungary-slide-02.jpg" alt="...">
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div><!--carousel-->
<div class="container contentRight tour">
<div class="row paddingContent">
<h1 class="sectionTitleBig">
<span>
Wine tours
</span>
</h1>
<ul class="media-list">
<li class="media">
<div class="media-left media-middle">
<a href="#">
<img class="media-object img-circle" src="images/hidden-hungary-places-temp-03.jpg" width="134" alt="...">
</a>
</div>
<div class="media-body media-middle">
<h4 class="media-heading">Budapest Tours</h4>
<button class="btn btn-default submit">Details</button>
</div>
</li>
</ul> <!--row blog list item-->
<ul class="media-list">
<li class="media">
<div class="media-left media-middle">
<a href="#">
<img class="media-object img-circle" src="images/hidden-hungary-places-temp-08.jpg" width="134" alt="...">
</a>
</div>
<div class="media-body media-middle">
<h4 class="media-heading">Countryside Tours</h4>
<button class="btn btn-default submit">Details</button>
</div>
</li>
</ul> <!--row blog list item-->
</div><!--row blog-->
</div><!--container-->
</main><!--main-->
<footer>
</footer><!--footer-->
<script src="js/respond.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
<script src="owl-carousel/owl.carousel.js"></script>
<body>
<script src="http://localhost:35729/livereload.js"></script>
</body>
</html>