<!DOCTYPE html>
<!-- saved from url=(0045)http://gonearby.com/demo/gonearby/details.html -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script async="" src="https://cdn.api.twitter.com/1/urls/count.json?url=http://labs.carsonshold.com/social-sharing-buttons&amp;callback=jQuery1111011956321743050702_1556861593574&amp;_=1556861593575"></script>
    
  
  <title>
    gonearby - Deals and Coupons bootstrap template
  </title>
  <meta name="generator" content="#">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link href="./deals_details_files/bootstrap.min.css" rel="stylesheet">
  <link href="./deals_details_files/themify-icons.css" rel="stylesheet">
  <link href="./deals_details_files/font-awesome.css" rel="stylesheet">
  <link href="./deals_details_files/owl.carousel.css" rel="stylesheet">
  <link href="./deals_details_files/animate.min.css" rel="stylesheet">
  <link href="./deals_details_files/animsition.css" rel="stylesheet">
  <link href="./deals_details_files/plugins.min.css" rel="stylesheet">
  <link href="./deals_details_files/style.css" rel="stylesheet">
  <link href="https://cdn.jsdelivr.net/npm/ti-icons@0.1.2/css/themify-icons.css" rel="stylesheet">

  
  <style id="fit-vids-style">.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}</style>
    <style>
  @media (min-width: 1200px)
  {
    .container {
      width: 90%;
    }
  .site-wrapper.animsition {
    width: 80%;
    margin-left: 10%;
    border: 4px solid #8080804d;
  box-shadow: 5px 120px 120px orange, darkgrey 20px 120px 120px inset;
}
}
.search-form.bg-white {
    background-image: linear-gradient(to right, rgba(152, 142, 142, 0.85), orange);
}
.navbar-brand img {
    margin-top: -17px !important;
}
  </style>
</head>
  
  <body>
    <div class="site-wrapper animsition" data-animsition-in="fade-in" data-animsition-out="fade-out" style="animation-duration: 0.8s; opacity: 1;">
      <header>
        <div class="top-bar bg-light hdden-xs">
          <div class="container">
            <div class="row">
              <div class="col-sm-6 list-inline list-unstyled no-margin hidden-xs">
                <p class="no-margin">
                  Have any questions?
                  <strong>
                    +080 124 880
                              </strong>
                              or mail@gonearby.com
                          </p>
                      </div>
                      <div class="pull-right col-sm-6">
                        <ul class="list-inline list-unstyled pull-right">
                          <li class="active">
                            <a href="http://gonearby.com/demo/gonearby/details.html#">
                              <i class="ti-cart">
                              </i>
                              Faq
                            </a>
                          </li>
                          <li>
                            <a href="http://gonearby.com/demo/gonearby/details.html#">
                              Sign In
                            </a>
                          </li>
                          <li>
                            <a href="http://gonearby.com/demo/gonearby/details.html#">
                              Sign Up
                            </a>
                          </li>
                          <li>
                            <a href="http://gonearby.com/demo/gonearby/details.html#">
                              <i class="ti-shopping-cart">
                              </i>
                              Cart
                            </a>
                          </li>
                        </ul>
                      </div>
                  </div>
              </div>
          </div>
          <div id="nav-wrap">
            <div class="nav-wrap-holder">
              <div class="container" id="nav_wrapper">
                <nav class="navbar navbar-static-top nav-white" id="main_navbar" role="navigation">
                  <!-- Brand and toggle get grouped for better mobile display -->
                  <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#Navbar">
                      <span class="sr-only">
                        Toggle navigation
                                  </span>
                                  <span class="icon-bar">
                                  </span>
                                  <span class="icon-bar">
                                  </span>
                                  <span class="icon-bar">
                                  </span>
                              </button>
                              <a href="http://gonearby.com/demo/gonearby/index.html" class="navbar-brand logo col-sm-3">
                                <img src="./deals_details_files/logo.png" alt="" class="img-responsive">
                              </a>
                          </div>
                          <!-- Collect the nav links, forms, and other content for toggling -->
                          <div class="collapse navbar-collapse" id="Navbar">
                            <!-- regular link -->
                            <ul class="nav navbar-nav navbar-right">
                              <li class="dropdown">
                                <a href="http://gonearby.com/demo/gonearby/details.html#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                                  <i class="ti-home">
                                  </i>
                                  Home
                                  <span class="caret">
                                  </span>
                                </a>
                                <ul class="dropdown-menu" role="menu">
                                  <li>
                                    <a href="http://gonearby.com/demo/gonearby/index.html">
                                      Primary
                                    </a>
                                  </li>
                                  <li>
                                    <a href="http://gonearby.com/demo/gonearby/index_2.html">
                                      Secondary
                                    </a>
                                  </li>
                                </ul>
                              </li>
                              <li class="dropdown">
                                <a href="http://gonearby.com/demo/gonearby/details.html#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                                  Pages 
                                  <span class="caret">
                                  </span>
                                </a>
                                <ul class="dropdown-menu" role="menu">
                                  <li>
                                    <a href="http://gonearby.com/demo/gonearby/details_2.html">
                                      Deal Page 1
                                    </a>
                                  </li>
                                  <li>
                                    <a href="http://gonearby.com/demo/gonearby/details.html">
                                      Deal Page 2
                                    </a>
                                  </li>
                                  <li>
                                    <a href="http://gonearby.com/demo/gonearby/results.html">
                                      Search Results
                                    </a>
                                  </li>
                                  <li>
                                    <a href="http://gonearby.com/demo/gonearby/contact.html">
                                      Contact
                                    </a>
                                  </li>
                                  <li>
                                    <a href="http://gonearby.com/demo/gonearby/faq.html">
                                      FAQ page
                                    </a>
                                  </li>
                                  <li>
                                    <a href="http://gonearby.com/demo/gonearby/sumbit.html">
                                      Submit deal
                                    </a>
                                  </li>
                                  <li>
                                    <a href="http://gonearby.com/demo/gonearby/registration.html">
                                      Registration
                                    </a>
                                  </li>
                                  <li>
                                    <a href="http://gonearby.com/demo/gonearby/cart.html">
                                      Cart Page
                                    </a>
                                  </li>
                                  <li>
                                    <a href="http://gonearby.com/demo/gonearby/checkout.html">
                                      Checkout
                                    </a>
                                  </li>
                                  <li>
                                    <a href="http://gonearby.com/demo/gonearby/features.html">
                                      Shortcodes
                                    </a>
                                  </li>
                                </ul>
                              </li>
                              <li>
                                <a href="http://gonearby.com/demo/gonearby/results.html">
                                  Categories
                                </a>
                              </li>
                              <li>
                                <a href="http://gonearby.com/demo/gonearby/sumbit.html">
                                  Sumbit
                                </a>
                              </li>
                              <li>
                                <a href="http://gonearby.com/demo/gonearby/contact.html">
                                  Contact
                                </a>
                              </li>
                            </ul>
                          </div>
                      </nav>
                  </div>
              </div>
              <!-- /.div nav wrap holder -->
          </div>
          <!-- /#nav wrap -->
      </header>
      <div class="search-form bg-white">
        <div class="container">
          <div class="row">
            <div class="col-sm-4">
              <div class="row">
                <div class="col-md-12">
                  <input class="form-control" placeholder="Search Deals &amp; Coupons" type="text">
                </div>
              </div>
            </div>
            <!-- /.col 4 -->
            <div class="col-sm-3">
              <div class="form-group">
                <select class="form-control" id="departments" name="departments">
                  <option value="0" selected="selected">
                    Deals
                  </option>
                  <option value="1">
                    Coupons
                  </option>
                  <option value="2">
                    Getaways
                  </option>
                  <option value="3">
                    Clearance
                  </option>
                  <option value="4">
                    Something
                  </option>
                </select>
              </div>
            </div>
            <!-- /. col 3 -->
            <div class="col-sm-3">
              <select class="form-control sm-margin-bottom-10">
                <option value="0" selected="selected">
                  Select your categorie
                </option>
                <option value="1">
                  All
                </option>
                <option value="2">
                  Travel
                </option>
                <option value="3">
                  Beauty &amp; Spas
                </option>
                <option value="4">
                  Career &amp; skills
                </option>
                <option value="5">
                  Food &amp; Drinks
                </option>
                <option value="6">
                  Health &amp; Beauty
                </option>
              </select>
            </div>
            <!-- /.col 3 -->
            <div class="col-sm-2">
              <a class="btn btn-raised ripple-effect btn-success btn-block" href="http://gonearby.com/demo/gonearby/results.html">
                Search Deals
              </a>
            </div>
            <!-- /.col 1 -->
          </div>
        </div>
      </div>
      <!-- /.search form -->
      
      
      <section id="inner-page" class="container">
        <div class="row">
          <div class="col-lg-8 col-sm-7">
            <div class="post-media">
              <div id="slider" class="flexslider">
                
              <div class="flex-viewport" style="overflow: hidden; position: relative;"><ul class="slides" style="width: 1600%; transition-duration: 0.6s; transform: translate3d(-4500px, 0px, 0px);"><li class="clone" aria-hidden="true" style="width: 750px; float: left; display: block;">
                    <img class="img-responsive" alt="" src="./deals_details_files/deal-6.jpg" draggable="false">
                  </li>
                  <li style="width: 750px; float: left; display: block;" class="">
                    <img class="img-responsive" alt="" src="./deals_details_files/deal-1.jpg" draggable="false">
                  </li>
                  <li style="width: 750px; float: left; display: block;" class="">
                    <img class="img-responsive" alt="" src="./deals_details_files/deal-2.jpg" draggable="false">
                  </li>
                  <li style="width: 750px; float: left; display: block;" class="">
                    <img class="img-responsive" alt="" src="./deals_details_files/deal-3.jpg" draggable="false">
                  </li>
                  <li style="width: 750px; float: left; display: block;" class="">
                    <img class="img-responsive" alt="" src="./deals_details_files/deal-4.jpg" draggable="false">
                  </li>
                  <li style="width: 750px; float: left; display: block;" class="">
                    <img class="img-responsive" alt="" src="./deals_details_files/deal-5.jpg" draggable="false">
                  </li>
                  <li style="width: 750px; float: left; display: block;" class="flex-active-slide">
                    <img class="img-responsive" alt="" src="./deals_details_files/deal-6.jpg" draggable="false">
                  </li>
                <li style="width: 750px; float: left; display: block;" class="clone" aria-hidden="true">
                    <img class="img-responsive" alt="" src="./deals_details_files/deal-1.jpg" draggable="false">
                  </li></ul></div><ul class="flex-direction-nav"><li class="flex-nav-prev"><a class="flex-prev" href="http://gonearby.com/demo/gonearby/details.html#">Previous</a></li><li class="flex-nav-next"><a class="flex-next" href="http://gonearby.com/demo/gonearby/details.html#">Next</a></li></ul></div>
              <!--/slider -->
              <div id="carousel" class="flexslider">
                
              <div class="flex-viewport" style="overflow: hidden; position: relative;"><ul class="slides" style="width: 1200%; transition-duration: 0s; transform: translate3d(-175px, 0px, 0px);">
                  <li class="" style="width: 150px; float: left; display: block;">
                    <img src="./deals_details_files/deal-1-thumb.jpg" alt="" draggable="false">
                  </li>
                  <li style="width: 150px; float: left; display: block;" class="">
                    <img src="./deals_details_files/deal-2-thumb.jpg" alt="" draggable="false">
                  </li>
                  <li style="width: 150px; float: left; display: block;" class="">
                    <img src="./deals_details_files/deal-3-thumb.jpg" alt="" draggable="false">
                  </li>
                  <li style="width: 150px; float: left; display: block;" class="">
                    <img src="./deals_details_files/deal-4-thumb.jpg" alt="" draggable="false">
                  </li>
                  <li style="width: 150px; float: left; display: block;" class="">
                    <img src="./deals_details_files/deal-5-thumb.jpg" alt="" draggable="false">
                  </li>
                  <li style="width: 150px; float: left; display: block;" class="flex-active-slide">
                    <img src="./deals_details_files/deal-6-thumb.jpg" alt="" draggable="false">
                  </li>
                </ul></div><ul class="flex-direction-nav"><li class="flex-nav-prev"><a class="flex-prev" href="http://gonearby.com/demo/gonearby/details.html#" tabindex="-1">Previous</a></li><li class="flex-nav-next"><a class="flex-next flex-disabled" href="http://gonearby.com/demo/gonearby/details.html#" tabindex="-1">Next</a></li></ul></div>
              <!--/.carousel sinc -->
            </div>
            <!--/.post media -->
            <div class="row mTop-20">
              
              <div class="col-sm-4 col-lg-3 bg-light">
                <article class="side-details">
                  
                  <div class="what-you-get">
                    <h4 class="border">
                      What You Get
                    </h4>
                    <ul>
                      <li>
                        Stay for two in a traditional king or double room
                      </li>
                      <li>
                        Dates into September
                      </li>
                    </ul>
                    
                    <p>
                      <strong>
                        Included in room-only stays:
                      </strong>
                    </p>
                    
                    <ul>
                      <li>
                        Daily continental breakfast for two
                      </li>
                      <li>
                        One bottle of rum per stay
                      </li>
                    </ul>
                    
                    <p>
                      <strong>
                        Included in all-inclusive stays:
                      </strong>
                    </p>
                    
                    <ul>
                      <li>
                        Daily breakfast, lunch, and dinner for two from the regular menus at the Circle Wine Bar and Cellar, Amalgama, Ginger Pool Bar, and Vieques del Mar Beach restaurants
                      </li>
                      <li>
                        Unlimited house-brand cocktails, domestic beer, and nonalcoholic beverages
                      </li>
                      <li>
                        Use of beach towels, fun zone, and fitness center
                      </li>
                      <li>
                        Use of business station
                      </li>
                      <li>
                        Shuttle transportation within Palmas del Mar
                      </li>
                      <li>
                        WiFi
                      </li>
                      <li>
                        All hotel taxes and fees
                      </li>
                    </ul>
                    
                    <hr>
                    
                    <p>
                      <strong>
                        Policies and Fees
                      </strong>
                    </p>
                    
                    
                    
                    
                  </div>
                  
                </article>
                
                
              </div>
              <!-- /col 5 -->
              <div class="col-sm-5 col-lg-9">
                
                <div class="widget-inner bg-white shadow mBtm-20">
                  <div role="tabpanel" id="tabs" class="tabbable responsive">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs" role="tablist"><li class="dropdown pull-right tabdrop hide"><a class="dropdown-toggle" data-toggle="dropdown" href="http://gonearby.com/demo/gonearby/details.html#"><i class="ti-menu"></i> <b class="caret"></b></a><ul class="dropdown-menu"></ul></li>
                      <li role="presentation" class="active">
                        <a href="http://gonearby.com/demo/gonearby/details.html#tab-1" aria-controls="home" role="tab" data-toggle="tab">
                          Overview
                        </a>
                      </li>
                      <li role="presentation">
                        <a href="http://gonearby.com/demo/gonearby/details.html#reviews" aria-controls="reviews" role="tab" data-toggle="tab">
                          reviews
                        </a>
                      </li>
                      <li role="presentation">
                        <a href="http://gonearby.com/demo/gonearby/details.html#map" aria-controls="map" role="tab" data-toggle="tab">
                          Map &amp; Directions
                        </a>
                      </li>
                    </ul>
                    <!-- Tab panes -->
                    <div class="tab-content">
                      <div role="tabpanel" class="tab-pane active" id="home">
                        <div class="tab-content">
                          <div class="tab-pane fade active in" id="tab-1">
                            <h4>
                              Description
                                                  </h4>
                                                  <p class="lead">
                                                    <i>
                                                      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper 
                                                    </i>
                                                  </p>
                                                  <p>
                                                    Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
                                                  </p>
                                                  <div class="section-title-wr">
                                                    <h4 class="section-title left">
                                                      Additional details
                                                    </h4>
                                                  </div>
                                                  <table class="table table-bordered table-striped table-hover table-responsive">
                                                    <tbody>
                                                      <tr>
                                                        <td>
                                                          <strong>
                                                            Property Size:
                                                          </strong>
                                                          2300 Sq Ft
                                                        </td>
                                                        <td>
                                                          <strong>
                                                            Lot size:
                                                          </strong>
                                                          5000 Sq Ft
                                                        </td>
                                                        <td>
                                                          <strong>
                                                            Price:
                                                          </strong>
                                                          $23000
                                                        </td>
                                                      </tr>
                                                      <tr>
                                                        <td>
                                                          <strong>
                                                            Rooms:
                                                          </strong>
                                                          5
                                                        </td>
                                                        <td>
                                                          <strong>
                                                            Bedrooms:
                                                          </strong>
                                                          4
                                                        </td>
                                                        <td>
                                                          <strong>
                                                            Bathrooms:
                                                          </strong>
                                                          2
                                                        </td>
                                                      </tr>
                                                      <tr>
                                                        <td>
                                                          <strong>
                                                            Garages:
                                                          </strong>
                                                          2
                                                        </td>
                                                        <td>
                                                          <strong>
                                                            Roofing:
                                                          </strong>
                                                          New
                                                        </td>
                                                        <td>
                                                          <strong>
                                                            Structure Type:
                                                          </strong>
                                                          Bricks
                                                        </td>
                                                      </tr>
                                                      <tr>
                                                        <td>
                                                          <strong>
                                                            Year built:
                                                          </strong>
                                                          1991
                                                        </td>
                                                        <td>
                                                          <strong>
                                                            Available from:
                                                          </strong>
                                                          1 August 2014
                                                        </td>
                                                        <td>
                                                        </td>
                                                      </tr>
                                                    </tbody>
                                                  </table>
                                                  <div class="section-title-wr">
                                                    <h4 class="section-title left">
                                                      Location details
                                                    </h4>
                                                  </div>
                                                  <table class="table table-bordered table-striped table-hover table-responsive">
                                                    <tbody>
                                                      <tr>
                                                        <td>
                                                          <strong>
                                                            <strong>
                                                              Property Size:
                                                            </strong>
                                                            2300 Sq Ft
                                                          </strong>
                                                        </td>
                                                        <td>
                                                          <strong>
                                                            Lot size:
                                                          </strong>
                                                          5000 Sq Ft
                                                        </td>
                                                        <td>
                                                          <strong>
                                                            Price:
                                                          </strong>
                                                          $23000
                                                        </td>
                                                      </tr>
                                                      <tr>
                                                        <td>
                                                          <strong>
                                                            Rooms:
                                                          </strong>
                                                          5
                                                        </td>
                                                        <td>
                                                          <strong>
                                                            Bedrooms:
                                                          </strong>
                                                          4
                                                        </td>
                                                        <td>
                                                          <strong>
                                                            Bathrooms:
                                                          </strong>
                                                          2
                                                        </td>
                                                      </tr>
                                                      <tr>
                                                        <td>
                                                          <strong>
                                                            Garages:
                                                          </strong>
                                                          2
                                                        </td>
                                                        <td>
                                                          <strong>
                                                            Roofing:
                                                          </strong>
                                                          New
                                                        </td>
                                                        <td>
                                                          <strong>
                                                            Structure Type:
                                                          </strong>
                                                          Bricks
                                                        </td>
                                                      </tr>
                                                      <tr>
                                                        <td>
                                                          <strong>
                                                            Year built:
                                                          </strong>
                                                          1991
                                                        </td>
                                                        <td>
                                                          <strong>
                                                            Available from:
                                                          </strong>
                                                          1 August 2014
                                                        </td>
                                                        <td>
                                                        </td>
                                                      </tr>
                                                    </tbody>
                                                  </table>
                                              </div>
                                              <!-- /tab content -->
                                              <div role="tabpanel" class="tab-pane" id="reviews">
                                                <section class="tab-content">
                                                  <!-- comment start -->
                                                  <div class="comment clearfix">
                                                    <div class="comment-avatar">
                                                      <img src="./deals_details_files/avatar-2.jpg" alt="avatar">
                                                    </div>
                                                    <header>
                                                      <h3>
                                                        Really Nice!
                                                      </h3>
                                                      <div class="comment-meta stars">
                                                        <i class="ti-star">
                                                        </i>
                                                        <i class="ti-star">
                                                        </i>
                                                        <i class="ti-star">
                                                        </i>
                                                        <i class="ti-start">
                                                        </i>
                                                        <i class="ti-star">
                                                        </i>
                                                        | Today, 10:31
                                                      </div>
                                                      <!--/.stars -->
                                                    </header>
                                                    <div class="comment-content">
                                                      <div class="comment-body clearfix">
                                                        <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, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                                                        </p>
                                                        <a href="http://gonearby.com/demo/gonearby/details.html#l" class="btn btn-sm btn-default  btn-raised ripple-effect pull-right">
                                                          <i class="fa fa-reply">
                                                          </i>
                                                          Reply
                                                        </a>
                                                      </div>
                                                    </div>
                                                  </div>
                                                  <!-- comment end -->
                                                  <!-- comment start -->
                                                  <div class="comment clearfix">
                                                    <div class="comment-avatar">
                                                      <img src="./deals_details_files/avatar-1.jpg" alt="avatar">
                                                    </div>
                                                    <header>
                                                      <h3>
                                                        Worth to Buy!
                                                      </h3>
                                                      <div class="comment-meta stars">
                                                        <i class="ti-star">
                                                        </i>
                                                        <i class="ti-star">
                                                        </i>
                                                        <i class="ti-star">
                                                        </i>
                                                        <i class="ti-start">
                                                        </i>
                                                        <i class="ti-star">
                                                        </i>
                                                        | Today, 10:31
                                                      </div>
                                                      <!--/.stars -->
                                                    </header>
                                                    <div class="comment-content">
                                                      <div class="comment-body clearfix">
                                                        <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, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                                                        </p>
                                                        <a href="http://gonearby.com/demo/gonearby/details.html#l" class="btn btn-sm btn-default  btn-raised ripple-effect pull-right">
                                                          <i class="fa fa-reply">
                                                          </i>
                                                          Reply
                                                        </a>
                                                      </div>
                                                    </div>
                                                  </div>
                                                  <!-- comment end -->
                                                  <h4 class="margin-bottom-20">
                                                    Post a Comment
                                                  </h4>
                                                  <form action="http://gonearby.com/demo/gonearby/details.html#" method="post" id="comment-form" class="comments" novalidate="novalidate">
                                                    <fieldset>
                                                      <div class="row space-xs">
                                                        <div class="col-md-6">
                                                          <div>
                                                            <input type="text" name="name" id="name" placeholder="Name" class="form-control">
                                                          </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                          <div>
                                                            <input type="text" name="email" id="email" placeholder="Email" class="form-control">
                                                          </div>
                                                        </div>
                                                      </div>
                                                      <div class="space-xs">
                                                        <div>
                                                          <textarea rows="8" name="message" id="message" placeholder="Write comment here ..." class="form-control">                                                          </textarea>
                                                        </div>
                                                      </div>
                                                      <p>
                                                        <button type="submit" class="btn btn-green btn-raised ripple-effect">
                                                          Submit Comment
                                                        </button>
                                                      </p>
                                                    </fieldset>
                                                    <p class="form-allowed-tags">
                                                      You may use these
                                                      <abbr>
                                                        HTML
                                                      </abbr>
                                                      tags and attributes:
                                                      <br>
                                                      <br>
                                                      
                                                      <code>
                                                        &lt;a href="" title=""&gt; &lt;abbr title=""&gt; &lt;acronym title=""&gt; &lt;b&gt; &lt;blockquote cite=""&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=""&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=""&gt; &lt;strike&gt; &lt;strong&gt; 
                                                      </code>
                                                    </p>
                                                  </form>
                                                </section>
                                              </div>
                                              <div role="tabpanel" class="tab-pane" id="map">
                                                <!-- Google map, just iframe for now -->
                                                <div class="google-maps">
                                                  <iframe src="./deals_details_files/embed.html" width="600" height="450" frameborder="0" style="border:0">
                                                  </iframe>
                                                </div>
                                                <!-- /google map -->
                                              </div>
                                              <!-- /tab -->
                                          </div>
                                      </div>
                                      <!--/tabs -->
                                  </div>
                                  <!-- /inner widget -->
                              </div>
                          </div>
                          
                          
                      </div>
                      <!-- col 7 -->
                  </div>
              </div>
              <!-- /col 8 -->
              <div class="col-sm-4">
                <div class="widget-inner bg-white shadow">
                  <div class="buyPanel animated fadeInLeft bg-white Aligner text-center">
                    <div class="content">
                      <div class="deal-content">
                        <h3>
                          Wyndham Garden at Palmas del Mar - Puerto Rico
                        </h3>
                        <p>
                          Stay for two, with optional all-inclusive package. Dates into September
                        </p>
                      </div>
                      <div class="price">
                        <h1>
                          $999
                        </h1>
                      </div>
                      <div class="buy-now mBtm-30">
                        <a class="btn btn-success btn-lg btn-raised ripple-effect btn-block" data-toggle="modal" data-target="#myModal">
                          BUY NOW
                          <span class="ink animate" style="height: 330px; width: 330px; top: -142.25px; left: -45.5px;">
                          </span>
                        </a>
                      </div>
                      <div class="dealAttributes">
                        <div class="valueInfo bg-light shadow">
                          <div class="value">
                            <p class="value">
                              $2,475
                            </p>
                            <p class="text">
                              Value
                            </p>
                          </div>
                          <div class="discount">
                            <p class="value">
                              59%
                            </p>
                            <p class="text">
                              Discount
                            </p>
                          </div>
                          <div class="save">
                            <p class="value">
                              $1,476
                            </p>
                            <p class="text">
                              SAVINGS
                            </p>
                          </div>
                        </div>
                        <div class="timeLeft text-center">
                          <p>
                            Požuri, DO ISTEKA PONUDE JE PREOSTALO:
                          </p>
                          <span class="time">
                            <i class="ti-timer color-green">
                            </i>
                            <b>
                              8
                            </b>
                            d. 
                            <b>
                              20
                            </b>
                            st. 
                            <b>
                              58
                            </b>
                            min.
                          </span>
                        </div>
                        <div class="social-sharing text-center" data-permalink="http://labs.carsonshold.com/social-sharing-buttons">
                          <!-- https://developers.facebook.com/docs/plugins/share-button/ -->
                          <a target="_blank" href="http://www.facebook.com/sharer.php?u=http://themeforest.net/user/gonearby" class="share-facebook">
                            <span class="icon icon-facebook">
                            </span>
                            <span class="share-title">
                              Share
                            </span>
                            
                          </a>
                          <!-- https://dev.twitter.com/docs/intents -->
                          <a target="_blank" href="http://twitter.com/share?url=http://themeforest.net/user/gonearby" class="share-twitter">
                            <span class="icon icon-twitter">
                            </span>
                            <span class="share-title">
                              Tweet
                            </span>
                            <span class="share-count is-loaded">
                              62
                            </span>
                          </a>
                          <!--
https://developers.pinterest.com/pin_it/
Pinterest get data from the same Open Graph meta tags Facebook uses
-->
                        </div>
                        <!--/.social sharing -->
                      </div>
                    </div>
                  </div>
                </div>
                <!--/inner widget -->
                <div class="smallFrame shadow bg-white">
                  <i class="ti-shopping-cart">
                  </i>
                  <div class="content">
                    <strong>
                      12 deals
                    </strong>
                    Purchased
                  </div>
                </div>
                <div class="terms-and-conditions bg-white shadow mTop-20">
                  <div class="widget-inner">
                    <hr data-symbol="ADDITIONAL INFO">
                    <div class="content">
                      <ul class="tick">
                        <li>
                          Stay
                          <strong>
                            for four 
                          </strong>
                          in a studio or one-bedroom villa
                        </li>
                        <li>
                          The offer includes:
                          <strong>
                            3 night at hotel ***
                          </strong>
                        </li>
                        <li>
                          Buy deal as a gift to other person easy
                        </li>
                        <li>
                          <strong>
                            Breakfast included
                          </strong>
                        </li>
                        <li>
                          Additional fees:
                          <strong>
                            $15 resort fee per night 
                          </strong>
                          paid at check-in. $100 refundable security deposit required on major credit card at check-in.
                        </li>
                        <li>
                          <strong>
                            Private balconies
                          </strong>
                          are available in the tastefully decorated studios and one-bedroom villas.
                        </li>
                        <li>
                          <strong>
                            Stay cool
                          </strong>
                          as you swim beneath a cascading waterfall in the outdoor pool, where you can watch dive-in movies on Wednesday, Thursday, and Saturday nights.
                        </li>
                        <li>
                          Deal valid:
                          <b>
                            15.10.2015.
                          </b>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <!-- /widget inner -->
                </div>
                <div class="widget">
                  <div class="deal-entry green deal-entry-sm mTop-20">
                    <div class="offer-discount">
                      -71%
                    </div>
                    <div class="image ripple-effect">
                      <a href="http://gonearby.com/demo/gonearby/details.html#" target="_blank" title="#">
                        <img src="./deals_details_files/affiliate-12.jpg" alt="#" class="img-responsive">
                      </a>
                      <span class="bought">
                        <i class="ti-tag">
                        </i>
                        21
                      </span>
                      <div class="caption">
                        <h5 class="media-heading">
                          <a href="http://gonearby.com/demo/gonearby/details.html#">
                            Plaza Resort Hotel &amp; SPA
                          </a>
                        </h5>
                      </div>
                    </div>
                    <footer class="info_bar clearfix">
                      <div class="prices clearfix">
                        <div class="procent">
                          -71%
                        </div>
                        <div class="price">
                          <i class="ti-money">
                          </i>
                          
                          <b>
                            54,00
                          </b>
                        </div>
                        <div class="old-price">
                          <span>
                            <i class="ti-money">
                            </i>
                            171,00
                          </span>
                        </div>
                      </div>
                    </footer>
                  </div>
                  <!-- /deal entry -->
                  <div class="deal-entry green deal-entry-sm">
                    <div class="offer-discount">
                      -71%
                    </div>
                    <div class="image ripple-effect">
                      <a href="http://gonearby.com/demo/gonearby/details.html#" target="_blank" title="#">
                        <img src="./deals_details_files/affiliate-13.jpg" alt="#" class="img-responsive">
                      </a>
                      <span class="bought">
                        <i class="ti-tag">
                        </i>
                        21
                      </span>
                      <div class="caption">
                        <h5 class="media-heading">
                          <a href="http://gonearby.com/demo/gonearby/details.html#">
                            Plaza Resort Hotel &amp; SPA
                          </a>
                        </h5>
                      </div>
                    </div>
                    <footer class="info_bar clearfix">
                      <div class="prices clearfix">
                        <div class="procent">
                          -71%
                        </div>
                        <div class="price">
                          <i class="ti-money">
                          </i>
                          
                          <b>
                            54,00
                          </b>
                        </div>
                        <div class="old-price">
                          <span>
                            <i class="ti-money">
                            </i>
                            171,00
                          </span>
                        </div>
                      </div>
                    </footer>
                  </div>
                  <!-- /deal entry -->
                </div>
                <!-- /.widget -->
              </div>
              <!-- /col 4 - sidebar -->
              
          </div>
          <!-- /main row -->
      </section>
      <!-- /#page ends -->
      <div class="cta-box bg-blue-1 clearfix">
        <div class="container">
          <div class="row">
            <div class="col-md-3 col-sm-3 col-xs-12 pull-right">
              <a href="http://gonearby.com/demo/gonearby/details.html#" class="btn btn-raised btn-primary ripple-effect btn-lg" data-original-title="" title="">
                <i class="ti-shopping-cart">
                </i>
                &nbsp; Purchase Now
              </a>
            </div>
            <div class="col-md-9 col-sm-9 col-xs-12">
              <h3>
                Welcome to gonearby. Responsive Deal Template
              </h3>
              <p>
                Carefully designed to bring you the best performance, usage and customization experience!
              </p>
            </div>
          </div>
        </div>
      </div>
      <!-- /.CTA -->
      <footer id="footer">
        <div class="container">
          <div class="col-sm-4">
            <img src="./deals_details_files/logo.png" alt="#" class="img-responsive logo">
            <p>
              gonearby,travel deals &amp; publishing,with minimal design. We provide you with the latest fresh inspiration straight from the industrie.
            </p>
          </div>
          <div class="col-sm-4">
            <h5>
              COMMON TAGS
            </h5>
            <ul class="tags">
              <li>
                <a href="http://gonearby.com/demo/gonearby/details.html#" class="tag">
                  Vacation
                </a>
              </li>
              <li>
                <a href="http://gonearby.com/demo/gonearby/details.html#" class="tag">
                  Rentals
                </a>
              </li>
              <li>
                <a href="http://gonearby.com/demo/gonearby/details.html#" class="tag">
                  Deals
                </a>
              </li>
              <li>
                <a href="http://gonearby.com/demo/gonearby/details.html#" class="tag">
                  Travel deals
                </a>
              </li>
              <li>
                <a href="http://gonearby.com/demo/gonearby/details.html#" class="tag">
                  Vacation deals
                </a>
              </li>
              <li>
                <a href="http://gonearby.com/demo/gonearby/details.html#" class="tag">
                  Adriatic coast
                </a>
              </li>
              <li>
                <a href="http://gonearby.com/demo/gonearby/details.html#" class="tag">
                  Europe
                </a>
              </li>
              <li>
                <a href="http://gonearby.com/demo/gonearby/details.html#" class="tag">
                  Island
                </a>
              </li>
            </ul>
          </div>
          <div class="col-sm-2">
            <h5>
              CATEGORIES
            </h5>
            <ul class="list-unstyled">
              <li>
                Vacation Deals
              </li>
              <li>
                Online Deals
              </li>
              <li>
                Digital goods
              </li>
              <li>
                Travel Deals
              </li>
              <li>
                Hotel deals
              </li>
              <li>
                Featured
              </li>
              <li>
                All Categories ..
              </li>
            </ul>
          </div>
          <div class="col-sm-2">
            <h5>
              ABOUT US
            </h5>
            <ul class="list-unstyled">
              <li>
                Available Jobs
              </li>
              <li>
                Sumbit Deal
              </li>
              <li>
                Contact Us
              </li>
              <li>
                History
              </li>
              <li>
                Impressium
              </li>
            </ul>
          </div>
        </div>
        <div class="btmFooter">
          <div class="container">
            <div class="col-sm-7">
              <p>
                <strong>
                  Copyright 2015 
                </strong>
                gonearby- deals and Coupons template made with
                <i class="ti-heart">
                </i>
                <strong>
                  by gonearby
                </strong>
              </p>
            </div>
            <div class="col-sm-5">
              <ul class="pay-opt pull-right list-inline list-unstyled">
                <li>
                  <a href="http://gonearby.com/demo/gonearby/details.html#" title="#">
                    <img src="./deals_details_files/amz-icon.png" class="img-responsive" alt="">
                  </a>
                </li>
                <li>
                  <a href="http://gonearby.com/demo/gonearby/details.html#" title="#">
                    <img src="./deals_details_files/paypal-icon.png" class="img-responsive" alt="">
                  </a>
                </li>
                <li>
                  <a href="http://gonearby.com/demo/gonearby/details.html#" title="#">
                    <img src="./deals_details_files/ax-icon.png" class="img-responsive" alt="">
                  </a>
                </li>
                <li>
                  <a href="http://gonearby.com/demo/gonearby/details.html#" title="#">
                    <img src="./deals_details_files/mb-icon.png" class="img-responsive" alt="">
                  </a>
                </li>
                <li>
                  <a href="http://gonearby.com/demo/gonearby/details.html#" title="#">
                    <img src="./deals_details_files/mst-icon.png" class="img-responsive" alt="">
                  </a>
                </li>
                <li>
                  <a href="http://gonearby.com/demo/gonearby/details.html#" title="#">
                    <img src="./deals_details_files/mstr-icon.png" class="img-responsive" alt="">
                  </a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </footer>
  </div>
  <!-- /animitsion -->
  <!-- JS files -->
  <script src="./deals_details_files/jquery.min.js.download">
  </script>
  <script src="./deals_details_files/gonearby.js.download">
  </script>
  <script src="./deals_details_files/bootstrap.min.js.download">
  </script>
  <script src="./deals_details_files/jquery.animsition.min.js.download">
  </script>
  <script src="./deals_details_files/owl.carousel.js.download">
  </script>
  <script src="./deals_details_files/jquery.flexslider-min.js.download">
  </script>
  <script src="./deals_details_files/plugins.js.download">
  </script>
  
  
  
</body></html>