Current Path : /var/www/html/ |
|
Current File : /var/www/html/index_new.html |
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link rel="stylesheet" href="css_new/bootstrap.css" type="text/css" >
<link rel="stylesheet" href="css_new/bootstrap.min.css" type="text/css" >
<link rel="stylesheet" href="css_new/bootstrap-theme.css" type="text/css" >
<link rel="stylesheet" href="css_new/bootstrap-theme.min.css" type="text/css" >
<link rel="stylesheet" href="css_new/style.css" type="text/css" >
<script type="text/javascript" src="js_new/bootstrap.js"></script>
<script type="text/javascript" src="js_new/bootstrap.min.js"></script>
<script type="text/javascript" src="js_new/jquery.js"></script>
<script type="text/javascript" src="js_new/jquery-ui.js"></script>
<script type="text/javascript" src="js_new/jMenu.jquery.js"></script>
</head>
<!--<div class="top-border"></div>-->
<header>
<div class="container">
<div class="row">
<div class="col-lg-2">
<img src="images/logo.jpg" alt="logo">
</div>
<div class="col-lg-5">
<ul class="jMenu">
<li>
<a>Broadcast</a>
<ul>
<li><a>Plan</a></li>
<li><a>Trip</a></li>
<li><a>Places</a></li>
</ul>
</li>
<li>
<a>Explore</a>
<ul>
<li><a>Plan</a></li>
<li><a>Trip</a></li>
<li><a>Places</a></li>
</ul>
</li>
</ul>
</div>
<div class="col-lg-5">
<div class="navgation">
<ul class="jMenu">
<li>
<a class="segmenu">Segment</a>
<ul>
<li><a class="segmenu">Adventure</a>
<ul>
<div class="content">
<li><a>Plan</a></li>
<li><a>Trip</a></li>
<li><a>Places</a></li>
<li><a>Plan</a></li>
<li><a>Trip</a></li>
<li><a>Places</a></li>
<li><a>Plan</a></li>
<li><a>Trip</a></li>
<li><a>Places</a></li>
<li><a>Trip</a></li>
<li><a>Places</a></li>
<li><a>Trip</a></li>
<li><a>Places</a></li>
<li><a>Trip</a></li>
<li><a>Places</a></li>
</div>
</ul>
</li>
<li><a>Sports</a>
<ul>
<div class="content">
<li><a>Plan</a></li>
<li><a>Trip</a></li>
<li><a>Places</a></li>
<li><a>Plan</a></li>
<li><a>Trip</a></li>
<li><a>Places</a></li>
<li><a>Plan</a></li>
<li><a>Trip</a></li>
<li><a>Places</a></li>
<li><a>Plan</a></li>
<li><a>Trip</a></li>
<li><a>Places</a></li>
<li><a>Plan</a></li>
<li><a>Trip</a></li>
<li><a>Places</a></li>
<li><a>Plan</a></li>
<li><a>Trip</a></li>
<li><a>Places</a></li>
</div>
</ul>
</li>
</ul>
</li>
<li><a>Feeds</a></li>
<li><a>Blog</a></li>
</ul>
</div>
<div class="login">
<ul>
<li><a href="">Login</a></li>
<li><a href="">SignUp</a></li>
</ul>
</div>
</div>
</div>
</div>
</header>
<div id="banner-slide">
<img src="images/banner03.jpg" alt="">
<div class="search">
<h1>Broadcast your trips, plans and queries and get responses from people around and meet the locals</h1>
<div class="search-field">
<input type="text" placeholder="Search in location"><input type="button">
</div>
</div>
<div class="shad"></div>
</div>
<section class="body-container">
<div class="container">
<div class="row">
<div class="col-lg-9">
<div class="sec-top">
<h1>“India’s first location based crowd sourcing travel platform” </h1>
<ul>
<li>
<h2>Plans</h2>
<img src="images/img1.jpg" alt="">
<p>The best itinerary, place in best timeand share it.</p>
</li>
<li>
<h2>Trips</h2>
<img src="images/img2.jpg" alt="">
<p>To the best places and meetup with enthusiast</p>
</li>
<li>
<h2>Places</h2>
<img src="images/img3.jpg" alt="">
<p>The best itinerary, place in best timeand share it.</p>
</li>
</ul>
</div>
</div>
<div class="col-lg-3 recently">
<h2>Recently on 365 hops</h2>
<ul class="recent-post">
<li>
<img src="images/post-img.jpg" alt="">
<p><strong>Divya</strong> shared an Event</p>
</li>
<li>
<img src="images/post-img.jpg" alt="">
<p><strong>Divya</strong> shared an Event</p>
</li>
<li>
<img src="images/post-img.jpg" alt="">
<p><strong>Divya</strong> shared an Event</p>
</li>
<li>
<img src="images/post-img.jpg" alt="">
<p><strong>Divya</strong> shared an Event</p>
</li>
<li>
<img src="images/post-img.jpg" alt="">
<p><strong>Divya</strong> shared an Event</p>
</li>
<li>
<img src="images/post-img.jpg" alt="">
<p><strong>Divya</strong> shared an Event</p>
</li>
<li>
<img src="images/post-img.jpg" alt="">
<p><strong>Divya</strong> shared an Event</p>
</li>
<li>
<img src="images/post-img.jpg" alt="">
<p><strong>Divya</strong> shared an Event</p>
</li>
<li>
<img src="images/post-img.jpg" alt="">
<p><strong>Divya</strong> shared an Event</p>
</li>
<li>
<img src="images/post-img.jpg" alt="">
<p><strong>Divya</strong> shared an Event</p>
</li>
</ul>
</div>
</div>
</div>
</section>
<script src="js/GScroll.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".jMenu").jMenu({
openClick : false,
ulWidth :'auto',
TimeBeforeOpening : 100,
TimeBeforeClosing : 11,
animatedText : false,
paddingLeft: 1,
effects : {
effectSpeedOpen : 150,
effectSpeedClose : 150,
effectTypeOpen : 'slide',
effectTypeClose : 'slide',
effectOpen : 'swing',
effectClose : 'swing'
}
});
$('.content').GScroll();
$('#content3').GScroll({height: 100});
$('<a href=""></a>')
});
</script>
<body>
</body>
</html>
,