| Server IP : 104.21.21.239 / Your IP : 216.73.216.11 Web Server : Apache/2.4.68 (Amazon Linux) OpenSSL/3.5.5 System : Linux ip-172-31-69-123.ec2.internal 6.1.176-223.369.amzn2023.x86_64 #1 SMP PREEMPT_DYNAMIC Fri Jul 24 13:34:27 UTC 2026 x86_64 User : ec2-user ( 1000) PHP Version : 8.4.23 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/home2/cgny/public_html/2019/unused/extra-pages/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Citytours - Premium site template for city tours agencies, transfers and tickets.">
<meta name="author" content="Ansonika">
<title>CITY TOURS - City tours and travel site template by Ansonika</title>
<!-- Favicons-->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" type="image/x-icon" href="img/apple-touch-icon-57x57-precomposed.png">
<link rel="apple-touch-icon" type="image/x-icon" sizes="72x72" href="img/apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon" type="image/x-icon" sizes="114x114" href="img/apple-touch-icon-114x114-precomposed.png">
<link rel="apple-touch-icon" type="image/x-icon" sizes="144x144" href="img/apple-touch-icon-144x144-precomposed.png">
<!-- COMMON CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/vendors.css" rel="stylesheet">
<!-- CUSTOM CSS -->
<link href="css/custom.css" rel="stylesheet">
<style>
ul.tooltips_demo {
list-style:none;
margin:0;
padding:0;
}
ul.tooltips_demo li{
margin-right:20px;
display:inline-block;
}
</style>
</head>
<body>
<div id="preloader">
<div class="sk-spinner sk-spinner-wave">
<div class="sk-rect1"></div>
<div class="sk-rect2"></div>
<div class="sk-rect3"></div>
<div class="sk-rect4"></div>
<div class="sk-rect5"></div>
</div>
</div>
<!-- End Preload -->
<div class="layer"></div>
<!-- Mobile menu overlay mask -->
<header>
<div id="top_line">
<div class="container">
<div class="row">
<div class="col-6"><i class="icon-phone"></i><strong>0045 043204434</strong></div>
<div class="col-6">
<ul id="top_links">
<li><a href="#sign-in-dialog" id="access_link">Sign in</a></li>
<li><a href="wishlist.html" id="wishlist_link">Wishlist</a></li>
<li><a href="http://themeforest.net/item/citytours-city-tours-tour-tickets-and-guides/10715647?ref=ansonika">Purchase this template</a></li>
</ul>
</div>
</div>
</div><!-- End container-->
</div>
<div class="container">
<div class="row">
<div class="col-3">
<div id="logo_home">
<h1><a href="index.html" title="City tours travel template">City Tours travel template</a></h1>
</div>
</div>
<nav class="col-9">
<a class="cmn-toggle-switch cmn-toggle-switch__htx open_close" href="javascript:void(0);"><span>Menu mobile</span></a>
<div class="main-menu">
<div id="header_menu">
<img src="img/logo_sticky.png" width="160" height="34" alt="City tours" data-retina="true">
</div>
<a href="#" class="open_close" id="close_in"><i class="icon_set_1_icon-77"></i></a>
<ul>
<li class="submenu">
<a href="javascript:void(0);" class="show-submenu">Home <i class="icon-down-open-mini"></i></a>
<ul>
<li><a href="javascript:void(0);">Revolution slider</a>
<ul>
<li><a href="index.html">Default slider</a></li>
<li><a href="index_20.html">Basic slider</a></li>
<li><a href="index_14.html">Youtube Hero</a></li>
<li><a href="index_15.html">Vimeo Hero</a></li>
<li><a href="index_17.html">Youtube 4K</a></li>
<li><a href="index_16.html">Carousel</a></li>
<li><a href="index_19.html">Mailchimp Newsletter</a></li>
<li><a href="index_18.html">Fixed Caption</a></li>
</ul>
</li>
<li><a href="index_12.html">Layer slider</a></li>
<li><a href="index_2.html">With Only tours</a></li>
<li><a href="index_3.html">Single image</a></li>
<li><a href="index_4.html">Header video</a></li>
<li><a href="index_7.html">With search panel</a></li>
<li><a href="index_13.html">With tabs</a></li>
<li><a href="index_5.html">With map</a></li>
<li><a href="index_6.html">With search bar</a></li>
<li><a href="index_8.html">Search bar + Video</a></li>
<li><a href="index_9.html">With Text Rotator</a></li>
<li><a href="index_10.html">With Cookie Bar (EU law)</a></li>
<li><a href="index_11.html">Popup Advertising</a></li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);" class="show-submenu">Tours <i class="icon-down-open-mini"></i></a>
<ul>
<li><a href="all_tours_list.html">All tours list</a></li>
<li><a href="all_tours_grid.html">All tours grid</a></li>
<li><a href="all_tours_map_listing.html">All tours map listing</a></li>
<li><a href="single_tour.html">Single tour page</a></li>
<li><a href="single_tour_with_gallery.html">Single tour with gallery</a></li>
<li><a href="javascript:void(0);">Single tour fixed sidebar</a>
<ul>
<li><a href="single_tour_fixed_sidebar.html">Single tour fixed sidebar</a></li>
<li><a href="single_tour_with_gallery_fixed_sidebar.html">Single tour 2 Fixed Sidebar</a></li>
<li><a href="cart_fixed_sidebar.html">Cart Fixed Sidebar</a></li>
<li><a href="payment_fixed_sidebar.html">Payment Fixed Sidebar</a></li>
<li><a href="confirmation_fixed_sidebar.html">Confirmation Fixed Sidebar</a></li>
</ul>
</li>
<li><a href="single_tour_working_booking.php">Single tour working booking</a></li>
<li><a href="single_tour_datepicker_v2.html">Date and time picker V2</a></li>
<li><a href="cart.html">Single tour cart</a></li>
<li><a href="payment.html">Single tour booking</a></li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);" class="show-submenu">Hotels <i class="icon-down-open-mini"></i></a><ul>
<li><a href="all_hotels_list.html">All hotels list</a></li>
<li><a href="all_hotels_grid.html">All hotels grid</a></li>
<li><a href="all_hotels_map_listing.html">All hotels map listing</a></li>
<li><a href="single_hotel.html">Single hotel page</a></li>
<li><a href="single_hotel_datepicker_adv.html">Single hotel datepicker adv</a></li>
<li><a href="single_hotel_datepicker_v2.html">Date and time picker V2</a></li>
<li><a href="single_hotel_working_booking.php">Single hotel working booking</a></li>
<li><a href="single_hotel_contact.php">Single hotel contact working</a></li>
<li><a href="cart_hotel.html">Cart hotel</a></li>
<li><a href="payment_hotel.html">Booking hotel</a></li>
<li><a href="confirmation_hotel.html">Confirmation hotel</a></li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);" class="show-submenu">Transfers <i class="icon-down-open-mini"></i></a>
<ul>
<li><a href="all_transfer_list.html">All transfers list</a></li>
<li><a href="all_transfer_grid.html">All transfers grid</a></li>
<li><a href="single_transfer.html">Single transfer page</a></li>
<li><a href="single_transfer_datepicker_v2.html">Date and time picker V2</a></li>
<li><a href="cart_transfer.html">Cart transfers</a></li>
<li><a href="payment_transfer.html">Booking transfers</a></li>
<li><a href="confirmation_transfer.html">Confirmation transfers</a></li>
</ul>
</li>
<li class="submenu">
<a href="javascript:void(0);" class="show-submenu">Restaurants <i class="icon-down-open-mini"></i></a>
<ul>
<li><a href="all_restaurants_list.html">All restaurants list</a></li>
<li><a href="all_restaurants_grid.html">All restaurants grid</a></li>
<li><a href="all_restaurants_map_listing.html">All restaurants map listing</a></li>
<li><a href="single_restaurant.html">Single restaurant page</a></li>
<li><a href="single_restaurant_datepicker_v2.html">Date and time picker V2</a></li>
<li><a href="payment_restaurant.html">Booking restaurant</a></li>
<li><a href="confirmation_restaurant.html">Confirmation transfers</a></li>
</ul>
</li>
<li class="megamenu submenu">
<a href="javascript:void(0);" class="show-submenu-mega">Bonus<i class="icon-down-open-mini"></i></a>
<div class="menu-wrapper">
<div class="row">
<div class="col-lg-4">
<h3>Header styles</h3>
<ul>
<li><a href="index.html">Default transparent</a></li>
<li><a href="header_2.html">Plain color</a></li>
<li><a href="header_3.html">Plain color on scroll</a></li>
<li><a href="header_4.html">With socials on top</a></li>
<li><a href="header_5.html">With language selection</a></li>
<li><a href="header_6.html">With lang and conversion</a></li>
<li><a href="header_7.html">With full horizontal menu</a></li>
</ul>
</div>
<div class="col-lg-4">
<h3>Footer styles</h3>
<ul>
<li><a href="index.html">Footer default</a></li>
<li><a href="footer_2.html">Footer style 2</a></li>
<li><a href="footer_3.html">Footer style 3</a></li>
<li><a href="footer_4.html">Footer style 4</a></li>
<li><a href="footer_5.html">Footer style 5</a></li>
<li><a href="footer_6.html">Footer style 6</a></li>
<li><a href="footer_7.html">Footer style 7</a></li>
</ul>
</div>
<div class="col-lg-4">
<h3>Shop section</h3>
<ul>
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-single.html">Shop single</a></li>
<li><a href="shopping-cart.html">Shop cart</a></li>
<li><a href="checkout.html">Shop Checkout</a></li>
</ul>
</div>
</div>
</div><!-- End menu-wrapper -->
</li>
<li class="megamenu submenu">
<a href="javascript:void(0);" class="show-submenu-mega">Pages<i class="icon-down-open-mini"></i></a>
<div class="menu-wrapper">
<div class="row">
<div class="col-lg-4">
<h3>Pages</h3>
<ul>
<li><a href="about.html">About us</a></li>
<li><a href="general_page.html">General page</a></li>
<li><a href="tourist_guide.html">Tourist guide</a></li>
<li><a href="wishlist.html">Wishlist page</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="faq_2.html">Faq smooth scroll</a></li>
<li><a href="pricing_tables.html">Pricing tables</a></li>
<li><a href="gallery_3_columns.html">Gallery 3 columns</a></li>
<li><a href="gallery_4_columns.html">Gallery 4 columns</a></li>
<li><a href="grid_gallery_1.html">Grid gallery</a></li>
<li><a href="grid_gallery_2.html">Grid gallery with filters</a></li>
</ul>
</div>
<div class="col-lg-4">
<h3>Pages</h3>
<ul>
<li><a href="contact_us_1.html">Contact us 1</a></li>
<li><a href="contact_us_2.html">Contact us 2</a></li>
<li><a href="blog_right_sidebar.html">Blog</a></li>
<li><a href="blog.html">Blog left sidebar</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="register.html">Register</a></li>
<li><a href="invoice.html" target="_blank">Invoice</a></li>
<li><a href="404.html">404 Error page</a></li>
<li><a href="site_launch/index.html">Site launch / Coming soon</a></li>
<li><a href="timeline.html">Tour timeline</a></li>
<li><a href="page_with_map.html"><i class="icon-map"></i> Full screen map</a></li>
</ul>
</div>
<div class="col-lg-4">
<h3>Elements</h3>
<ul>
<li><a href="footer_2.html"><i class="icon-columns"></i> Footer with working newsletter</a></li>
<li><a href="footer_5.html"><i class="icon-columns"></i> Footer with Twitter feed</a></li>
<li><a href="icon_pack_1.html"><i class="icon-inbox-alt"></i> Icon pack 1 (1900)</a></li>
<li><a href="icon_pack_2.html"><i class="icon-inbox-alt"></i> Icon pack 2 (100)</a></li>
<li><a href="icon_pack_3.html"><i class="icon-inbox-alt"></i> Icon pack 3 (30)</a></li>
<li><a href="icon_pack_4.html"><i class="icon-inbox-alt"></i> Icon pack 4 (200)</a></li>
<li><a href="icon_pack_5.html"><i class="icon-inbox-alt"></i> Icon pack 5 (360)</a></li>
<li><a href="shortcodes.html"><i class="icon-tools"></i> Shortcodes</a></li>
<li><a href="newsletter_template/newsletter.html" target="blank"><i class=" icon-mail"></i> Responsive email template</a></li>
<li><a href="admin.html"><i class="icon-cog-1"></i> Admin area</a></li>
<li><a href="general_page.html"><i class="icon-light-up"></i> Weather Forecast</a></li>
</ul>
</div>
</div>
</div><!-- End menu-wrapper -->
</li>
</ul>
</div><!-- End main-menu -->
<ul id="top_tools">
<li>
<a href="javascript:void(0);" class="search-overlay-menu-btn"><i class="icon_search"></i></a>
</li>
<li>
<div class="dropdown dropdown-cart">
<a href="#" data-toggle="dropdown" class="cart_bt"><i class="icon_bag_alt"></i><strong>3</strong></a>
<ul class="dropdown-menu" id="cart_items">
<li>
<div class="image"><img src="img/thumb_cart_1.jpg" alt="image"></div>
<strong><a href="#">Louvre museum</a>1x $36.00 </strong>
<a href="#" class="action"><i class="icon-trash"></i></a>
</li>
<li>
<div class="image"><img src="img/thumb_cart_2.jpg" alt="image"></div>
<strong><a href="#">Versailles tour</a>2x $36.00 </strong>
<a href="#" class="action"><i class="icon-trash"></i></a>
</li>
<li>
<div class="image"><img src="img/thumb_cart_3.jpg" alt="image"></div>
<strong><a href="#">Versailles tour</a>1x $36.00 </strong>
<a href="#" class="action"><i class="icon-trash"></i></a>
</li>
<li>
<div>Total: <span>$120.00</span></div>
<a href="cart.html" class="button_drop">Go to cart</a>
<a href="payment.html" class="button_drop outline">Check out</a>
</li>
</ul>
</div><!-- End dropdown-cart-->
</li>
</ul>
</nav>
</div>
</div>
</header>
<section class="parallax-window" data-parallax="scroll" data-image-src="img/header_bg.jpg" data-natural-width="1400" data-natural-height="470">
<div class="parallax-content-1">
<div class="animated fadeInDown">
<h1>Shortcodes</h1>
<p>Ridiculus sociosqu cursus neque cursus curae ante scelerisque vehicula.</p>
</div>
</div>
</section><!-- End Section -->
<main>
<div id="position">
<div class="container">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Category</a></li>
<li>Page active</li>
</ul>
</div>
</div>
<!-- End Position -->
<div class="container margin_60">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="row">
<div class="col-md-12">
<!-- Headings & Paragraph Copy -->
<h1>h1. Heading 1</h1>
<p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
<h2>h2. Heading 2</h2>
<p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
<h3>h3. Heading 3</h3>
<p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
<h4>h4. Heading 4</h4>
<p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
<h5>h5. Heading 5</h5>
<p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
<h6>h6. Heading 6</h6>
<p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
<br>
</div>
</div><!-- Edn row -->
<hr>
<div class="row">
<div class="col-md-12">
<!-- Blockquotes -->
<h3>Blockquotes</h3>
<p>To include a blockquote, wrap <code><blockquote class="styled"></code> around any <abbr title="HyperText Markup Language">HTML</abbr> as the quote. For straight quotes we recommend a <code><p></code>.
Include an optional <code><small></code> element to cite your source and you'll get an em dash <code>&mdash;</code> before it for styling purposes.</p>
<blockquote class="styled">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
<small>Someone famous in <cite title="">Body of work</cite></small>
</blockquote>
<br>
<p>To float your blockquote to the right, add <code>class="styled pull-right"</code>:</p>
<blockquote class="styled pull-right">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
<small>Someone famous in <cite title="">Body of work</cite></small>
</blockquote>
</div>
</div><!-- Edn row -->
<hr>
<div class="row">
<div class="col-md-12 add_bottom_30">
<h3>Buttons</h3>
<a href="#" class="btn_1">Button</a> <a href="#" class="btn_1 outline">Button</a> <a href="#" class="btn_1 white">Button</a>
<a href="#" class="btn_1 green">Button</a> <a href="#" class="btn_1 medium">Button</a> <br><br>
<a href="#" class=" btn_full">Button</a> <a href="#" class="btn_full_outline">Button</a>
</div>
</div>
<hr>
<h3>Banners</h3>
<div class="banner colored ">
<h4>Discover our Top tours <span>from $34</span></h4>
<p>Lorem ipsum dolor sit amet, vix erat audiam ei. Cum doctus civibus efficiantur in.</p>
<a href="single_tour.html" class="btn_1 white">Read more</a>
</div>
<div class="banner">
<h4>Discover our Top tours <span>from $34</span></h4>
<p>Lorem ipsum dolor sit amet, vix erat audiam ei. Cum doctus civibus efficiantur in.</p>
<a href="single_tour.html" class="btn_1 white">Read more</a>
</div>
<hr>
<div class="row">
<div class="col-md-6 add_bottom_30 clearfix">
<h3>Your list</h3>
<ul class="list_ok">
<li><strong>Certified</strong> and expert teachers</li>
<li><strong>Extensive</strong> doumentation provided</li>
<li><strong>Money back</strong> garantee</li>
<li><strong>Became an exeprt</strong> in only 6 days</li>
</ul>
</div>
<div class="col-md-6">
<h3>Your list with links</h3>
<ul class="list_ok">
<li><a href="#">Ceteros mediocritatem</a></li>
<li><a href="#">Labore nostrum</a></li>
<li><a href="#">Primis bonorum</a></li>
</ul>
</div>
</div><!-- End row-->
<hr>
<!-- Containers -->
<h3>Containers</h3>
<div class="row">
<div class="col-md-6">
<div class="box_style_2">
<i class="icon_set_1_icon-57"></i>
<h4>Need <span>Help?</span></h4>
<a href="tel://004542344599" class="phone">+45 423 445 99</a>
<small>Monday to Friday 9.00am - 7.30pm</small>
</div>
</div><!-- End col-md-6-->
<div class="col-md-6">
<div class="box_style_4">
<i class="icon_set_1_icon-90"></i>
<h4><span>Book</span> by phone</h4>
<a href="tel://004542344599" class="phone">+45 423 445 99</a>
<small>Monday to Friday 9.00am - 7.30pm</small>
</div>
</div><!-- End col-md-6-->
</div><!-- End row-->
<hr>
<div class="row">
<div class="col-md-12">
<h3>Html Tabs</h3>
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Profile</a>
</li>
<li class="nav-item">
<a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">Contact</a>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Nullam mollis.. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapiPhasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapi
</div>
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Nullam mollis.. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapiPhasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapi
</div>
<div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Nullam mollis.. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapiPhasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapi
</div>
</div>
</div><!-- End col-md-12-->
</div><!-- End row-->
<hr>
<div class="row">
<div class="col-md-12">
<h3 >Tables</h3>
<p>Tables are automatically styled with only a few borders to ensure readability and maintain structure. With 2.0, the <code>class="table"</code> class is required.</p>
<table class="table">
<thead>
<tr>
<th>#</th>
<th>First Name</th>
<th>Last Name</th>
<th>Username</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<td>2</td>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<td>3</td>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
<p>Get a little fancy with your tables by adding zebra-striping—just add the <code>class="table table-striped"</code> class.
<br><strong>Note:</strong> Striped tables use the <code>:nth-child</code> CSS selector and is not available in IE7-IE8.</p>
<table class="table table-striped">
<thead>
<tr>
<th>#</th>
<th>First Name</th>
<th>Last Name</th>
<th>Username</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<td>2</td>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<td>3</td>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
<p>Add borders around the entire table and rounded corners for aesthetic purposes <code>class="table table-bordered"</code>.</p>
<table class="table table-bordered">
<thead>
<tr>
<th>#</th>
<th>First Name</th>
<th>Last Name</th>
<th>Username</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2">1</td>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<td>Mark</td>
<td>Otto</td>
<td>@TwBootstrap</td>
</tr>
<tr>
<td>2</td>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<td>3</td>
<td colspan="2">Larry the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
<p>Make your tables more compact by adding the <code>class="table table-condensed"</code> class to cut table cell padding in half.</p>
<table class="table table-condensed">
<thead>
<tr>
<th>#</th>
<th>First Name</th>
<th>Last Name</th>
<th>Username</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<td>2</td>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<td>3</td>
<td colspan="2">Larry the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
<p>Create responsive tables by wrapping any <code>.table</code> in <code>.table-responsive</code> to make them scroll horizontally up to small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.</p>
<div class=" table-responsive">
<table class="table">
<thead>
<tr>
<th>#</th>
<th>Table heading</th>
<th>Table heading</th>
<th>Table heading</th>
<th>Table heading</th>
<th>Table heading</th>
<th>Table heading</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
</tr>
<tr>
<td>2</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
</tr>
<tr>
<td>3</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
<td>Table cell</td>
</tr>
</tbody>
</table>
</div>
<p>Feel free to combine any of the table classes to achieve different looks by utilizing any of the available classes .</p>
<table class="table table-striped table-bordered table-condensed">
<thead>
<tr>
<th>#</th>
<th>First Name</th>
<th>Last Name</th>
<th>Username</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<td>2</td>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<td>3</td>
<td colspan="2">Larry the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
</div><!-- End col-md-12-->
</div><!-- End row-->
<hr>
<h3>Tooltips</h3>
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-6">
<ul>
<li><a href="#" class="tooltip-1" data-placement="top" title="Default tooltip">Tooltip on top</a></li>
<li><a href="#" class="tooltip-1" data-placement="right" title="Default tooltip">Tooltip on right</a></li>
<li><a href="#" class="tooltip-1" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</a></li>
<li><a href="#" class="tooltip-1" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</a></li>
</ul>
</div><!-- End col-md-6-->
<div class="col-md-6 col-sm-6 col-xs-6">
<ul class="tooltips_demo">
<li>
<div class="tooltip_styled tooltip-effect-1">
<span class="tooltip-item">Effect 1</span>
<div class="tooltip-content">Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi.</div>
</div>
</li>
<li>
<div class="tooltip_styled tooltip-effect-2">
<span class="tooltip-item">Effect 1</span>
<div class="tooltip-content">Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi.</div>
</div>
</li>
<li>
<div class="tooltip_styled tooltip-effect-3">
<span class="tooltip-item">Effect 1</span>
<div class="tooltip-content">Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi.</div>
</div>
</li>
<li>
<div class="tooltip_styled tooltip-effect-4">
<span class="tooltip-item">Effect 1</span>
<div class="tooltip-content">Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi.</div>
</div>
</li>
</ul>
</div><!-- End col-md-6-->
</div><!-- End row-->
<hr>
<div class="row">
<div class="col-md-12">
<h3>Collapse</h3>
<div class="accordion_styled" id="accordion">
<div class="card">
<div class="card-header">
<h4>
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne_payment">Anim pariatur cliche reprehenderit?<i class="indicator icon-minus float-right"></i></a>
</h4>
</div>
<div id="collapseOne_payment" class="collapse show" data-parent="#accordion">
<div class="card-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<h4>
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo_payment">Parsnip lotus root celery?<i class="indicator icon-plus float-right"></i></a>
</h4>
</div>
<div id="collapseTwo_payment" class="collapse" data-parent="#accordion">
<div class="card-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<h4>
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseThree_payment">Beet greens peanut salad?<i class="indicator icon-plus float-right"></i></a>
</h4>
</div>
<div id="collapseThree_payment" class="collapse" data-parent="#accordion">
<div class="card-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
</div>
</div>
</div>
</div>
<!--End payment -->
</div><!-- End col-md-12-->
</div><!-- End row-->
<h3>Mangnifc popup images</h3>
<p>Simply add the class magnific-gallery to the parent container like the example below.</p>
<div class="row magnific-gallery">
<div class="col-md-6">
<a href="img/notredame.jpg" title="Photo title" data-effect="mfp-zoom-in"><img src="img/notredame.jpg" alt="Image" class="img-fluid"></a>
</div>
<div class="col-md-6">
<a href="img/senna.jpg" title="Photo title" data-effect="mfp-zoom-in"><img src="img/senna.jpg" alt="Image" class="img-fluid"></a>
</div>
</div><!-- End row-->
<h3>Mangnifc popup video (Youtube/Vimeo)</h3>
<p>Simply add the class magnific to the parent container like the example below plus the class video in the href .</p>
<div class="row magnific">
<div class="col-md-6">
<a href="https://vimeo.com/45830194" class="video" title="Video title"><img src="img/notredame.jpg" alt="Image" class="img-fluid"></a>
</div>
<div class="col-md-6">
<a href="https://www.youtube.com/watch?v=Zz5cu72Gv5Y" class="video" title="Video title"><img src="img/senna.jpg" alt="Image" class="img-fluid"></a>
</div>
</div><!-- End row-->
</div><!-- End col-lg-9-->
</div>
</div>
</main><!-- End main -->
<footer class="revealed">
<div class="container">
<div class="row">
<div class="col-md-4">
<h3>Need help?</h3>
<a href="tel://004542344599" id="phone">+45 423 445 99</a>
<a href="mailto:[email protected]" id="email_footer">[email protected]</a>
</div>
<div class="col-md-3">
<h3>About</h3>
<ul>
<li><a href="#">About us</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Login</a></li>
<li><a href="#">Register</a></li>
<li><a href="#">Terms and condition</a></li>
</ul>
</div>
<div class="col-md-3">
<h3>Discover</h3>
<ul>
<li><a href="#">Community blog</a></li>
<li><a href="#">Tour guide</a></li>
<li><a href="#">Wishlist</a></li>
<li><a href="#">Gallery</a></li>
</ul>
</div>
<div class="col-md-2">
<h3>Settings</h3>
<div class="styled-select">
<select name="lang" id="lang">
<option value="English" selected>English</option>
<option value="French">French</option>
<option value="Spanish">Spanish</option>
<option value="Russian">Russian</option>
</select>
</div>
<div class="styled-select">
<select name="currency" id="currency">
<option value="USD" selected>USD</option>
<option value="EUR">EUR</option>
<option value="GBP">GBP</option>
<option value="RUB">RUB</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div id="social_footer">
<ul>
<li><a href="#"><i class="icon-facebook"></i></a></li>
<li><a href="#"><i class="icon-twitter"></i></a></li>
<li><a href="#"><i class="icon-google"></i></a></li>
<li><a href="#"><i class="icon-instagram"></i></a></li>
<li><a href="#"><i class="icon-pinterest"></i></a></li>
<li><a href="#"><i class="icon-vimeo"></i></a></li>
<li><a href="#"><i class="icon-youtube-play"></i></a></li>
</ul>
<p>© Citytours 2018</p>
</div>
</div>
</div>
</div>
</footer>
<div id="toTop"></div><!-- Back to top button -->
<!-- Search Menu -->
<div class="search-overlay-menu">
<span class="search-overlay-close"><i class="icon_set_1_icon-77"></i></span>
<form role="search" id="searchform" method="get">
<input value="" name="q" type="search" placeholder="Search..." />
<button type="submit"><i class="icon_set_1_icon-78"></i>
</button>
</form>
</div><!-- End Search Menu -->
<!-- Sign In Popup -->
<div id="sign-in-dialog" class="zoom-anim-dialog mfp-hide">
<div class="small-dialog-header">
<h3>Sign In</h3>
</div>
<form>
<div class="sign-in-wrapper">
<a href="#0" class="social_bt facebook">Login with Facebook</a>
<a href="#0" class="social_bt google">Login with Google</a>
<div class="divider"><span>Or</span></div>
<div class="form-group">
<label>Email</label>
<input type="email" class="form-control" name="email" id="email">
<i class="icon_mail_alt"></i>
</div>
<div class="form-group">
<label>Password</label>
<input type="password" class="form-control" name="password" id="password" value="">
<i class="icon_lock_alt"></i>
</div>
<div class="clearfix add_bottom_15">
<div class="checkboxes float-left">
<input id="remember-me" type="checkbox" name="check">
<label for="remember-me">Remember Me</label>
</div>
<div class="float-right"><a id="forgot" href="javascript:void(0);">Forgot Password?</a></div>
</div>
<div class="text-center"><input type="submit" value="Log In" class="btn_login"></div>
<div class="text-center">
Don’t have an account? <a href="javascript:void(0);">Sign up</a>
</div>
<div id="forgot_pw">
<div class="form-group">
<label>Please confirm login email below</label>
<input type="email" class="form-control" name="email_forgot" id="email_forgot">
<i class="icon_mail_alt"></i>
</div>
<p>You will receive an email containing a link allowing you to reset your password to a new preferred one.</p>
<div class="text-center"><input type="submit" value="Reset Password" class="btn_1"></div>
</div>
</div>
</form>
<!--form -->
</div>
<!-- /Sign In Popup -->
<!-- Common scripts -->
<script src="js/jquery-2.2.4.min.js"></script>
<script src="js/common_scripts_min.js"></script>
<script src="js/functions.js"></script>
<!-- Cat nav mobile -->
<script src="js/cat_nav_mobile.js"></script>
<script>
$('#cat_nav').mobileMenu();
</script>
</body>
</html>