HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/excellenceproduction/
Current File : /home/htlwork.com/www/dev/excellenceproduction/travel.html
<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Excellence Production</title>
  <!-- Bootstrap Core CSS -->
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">
  <link href="css/grid.min.css" rel="stylesheet" type="text/css">

  <link rel="stylesheet" href="dist/aos.css" />

  <!-- Custom CSS -->
  <link href="style.css" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap"
    rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap"
    rel="stylesheet">
  <link
    href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
    rel="stylesheet">

  <!-- Owl Carousel Assets -->
  <link href="css/owl.carousel.css" rel="stylesheet">
  <link href="css/owl.theme.css" rel="stylesheet">

  <!-- Custom Fonts -->
  <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

  <link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet" media="all">

  <!--If you want to change #bootstrap-touch-slider id then you have to change Carousel-indicators and Carousel-Control  #bootstrap-touch-slider slide as well
        Slide effect: slide, fade
        Text Align: slide_style_center, slide_style_left, slide_style_right
        Add Text Animation: https://daneden.github.io/animate.css/
        -->


  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

  <script>
    $(window).scroll(function () {
      if ($(this).scrollTop() > 20) {
        $('.header').addClass("sticky");
      }
      else {
        $('.header').removeClass("sticky");
      }
    });

    $(window).scroll(function () {
      if ($(this).scrollTop() > 20) {
        $('.back-to-top').addClass("scroll");
      }
      else {
        $('.back-to-top').removeClass("scroll");
      }
    });
  </script>

</head>

<body data-aos-easing="ease-out-back" data-aos-duration="1000" data-aos-delay="0">
  <header class="header">
    <div class="menu-head">
      <div class="container">
        <nav class="navbar navbar-default">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
              data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
              <span class="sr-only">Menu</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand nav-logo" href="index.html"><img src="images/logo.png" alt="image" /></a>
          </div>

          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
              <li class="current-menu-item"><a href="index.html">Home</a></li>
              <li><a href="about-us.html">About Us</a></li>
              <li class="sub-drop"><a href="#">Our Service</a>
                <ul class="sub-menu">
                  <li><a href="film.html">Film Production</a></li>
                  <li><a href="animation.html">Animation Production</a></li>
                  <li><a href="coorporate.html">Co-orporate Videos</a></li>
                  <li><a href="tv.html">Tv Commercials</a></li>
                  <li><a href="digital.html">Digital Films</a></li>
                  <li><a href="travel.html">Travel Series</a></li>
                  <li><a href="line.html">Line Production</a></li>
                  <li><a href="post.html">Post Production</a></li>
                </ul>
              </li>
              <li><a href="company.html">Company Approach</a></li>
              <li><a href="contact-us.html">Contact Us</a></li>
            </ul>
          </div><!-- /.navbar-collapse -->
        </nav>

      </div>
      <!--/ menu-head -->
    </div>
    <!--/ container -->
  </header>

  <section class="banner-inner">
    <div class="textblock">
      <div class="block">
        <div class="container">

          <div class="page-title">
            <div class="holder">
              <h1>Travel Series</h1>
            </div>
          </div>
          <!--/ page-title -->

          <!-- breadcrumb -->
          <ol class="breadcrumb text-capitalize">
            <li><a href="index.html"><span class="fa fa-home"></span></a><a href="#" class="home"><span
                  property="name">Home</span></a>
              <meta property="position" content="1">&nbsp; &nbsp; + &nbsp; &nbsp;<span property="itemListElement"
                typeof="ListItem"><span property="name">Travel</span>
                <meta property="position" content="2">
              </span>
            </li>
          </ol>

        </div>
        <!--/ block -->
      </div>
    </div>
  </section>
  <!--/ banner-inner -->

  <section class="mid-inner">
    <div class="container">
      <div class="row">
        <div class="col-sm-12 mid-full">

          <section class="about-sec about-page">
            <div class="row row2">
              <div class="col-sm-6 about-left aos-init aos-animate" data-aos="zoom-in">
                <div class="about-padd">
                  <h2><small>Company</small>Super Excellence Motion<span> Picture Production LLC </span></h2>
                  <p>We all need a bit of inspiration for travel and these are some of the best travel documentaries
                    that will give you some wanderlust, and understanding, of the regions of the world involved. If you
                    love travelling, that time between when you come home and your next trip often feels never ending.
                  </p>

                  <p>You sit at home reminiscing about all the great memories from your last trip, and day dreaming
                    about the next time you’ll step on a plane.</p>

                  <p>At the moment we’re all spending a lot more time at home, and keeping that wanderlust and travel
                    feeling alive can be hard. Watching some fun travel TV shows can be a great way to travel without
                    leaving the house whether they do it in a funny or inspirational way, they’re all shows guaranteed
                    to fuel your wanderlust. The best shows that take you around the world - whether they focus on food,
                    the people, or the journey. The best travel shows inspire us to venture out into the unknown. They
                    allow everyone to enjoy exploring some of the most interesting locations on the planet, without ever
                    leaving the couch. </p>

                </div>
                <!--/ col-sm -->
              </div>
              <!--/ col-sm -->

              <div class="col-sm-6 about-right aos-init aos-animate" data-aos="zoom-in">
                <div class="aboutImg">
                  <div class="shape1"><img src="images/4-1.png" alt="Shape 01"></div>
                  <div class="shape2"><img src="images/5.png" alt="Shape 02"></div>
                  <div class="shape3 move_anim_two"><img src="images/6.png" alt="Shape 03"></div>
                  <div class="abImg"><img src="images/about.jpg" alt=""></div>
                </div>
              </div>

            </div>
            <!--/ row -->
          </section>
          <!--/ about-page -->

        </div>
        <!--/ mid-full -->
      </div>
    </div>
  </section>
  <!--/ mid-inner -->



  <footer class="footer">
    <div class="layer_img move_anim_two"><img src="images/footer.png" alt="Makeover"></div>
    
    <div class="back-to-top"><a href="#Home" class="BackTo scroll"><i class="fa fa-angle-double-up" aria-hidden="true"></i></a></div>
     <script>
    $(document).ready(function(){
     let scroll_link = $('.scroll');
    
    //smooth scrolling -----------------------
    scroll_link.click(function(e){
      e.preventDefault();
      let url = $('body').find($(this).attr('href')).offset().top;
      $('html, body').animate({
        scrollTop : url
      },700);
      $(this).parent().addClass('active');
      $(this).parent().siblings().removeClass('active');
      return false;	
     });
    });
    </script>
    
    <div class="container">    
      <div class="row">
    
      <div class="col-sm-3 cl1 aos-init aos-animate" data-aos="zoom-in">
        <div class="wg-1">
        <div class="ft-logo"><a href="#"><img src="images/logo.png" alt="image"></a></div>
        <p>Our experienced staff can ensure that the entire filmmaking process runs smoothly and can help with everything you need through all five phases of production.</p>
        <div class="icon-ft">
          <a target="_blank" href="https://www.facebook.com/profile.php?id=100086068838709"><i class="fa fa-facebook"></i></a>
          <a target="_blank" href="https://www.instagram.com/excellenceproduction1/"><i class="fa fa-instagram"></i></a>
          <a target="_blank" href="https://wa.me/00971561851309?text="><i class="fa fa-whatsapp"></i></a>
          <a target="_blank" href="#"><i class="fa fa-youtube"></i></a>
          <a target="_blank" href="#"><i class="fa fa-twitter"></i></a>
        </div>
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 -->
      
      <div class="col-sm-3 cl2 aos-init aos-animate" data-aos="zoom-in">
        <div class="wg-1">
        <h4>Quick Link</h4>
        <ul>
          <li><a href="index.html">Home</a></li>
          <li><a href="about-us.html">About Us</a></li>
          <li><a href="film.html">Our Service</a></li>
          <li><a href="company.html">Company Approach</a></li>
          <li><a href="contact-us.html">Contact Us</a></li>
        </ul>
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 --> 
      
      <div class="col-sm-3 cl3 aos-init aos-animate" data-aos="zoom-in">
        <div class="wg-1">
        <h4>Contact us</h4>		          	  		
        <address>
          <i class="fa fa-map-marker" aria-hidden="true"></i>
          <div><p>P.O Box:233510,<br> Office No.205 Bushra Obaid Mohammad,<br> Dubai - UAE</div>
        </address>
        <address>
          <i class="fa fa-phone" aria-hidden="true"></i>
          <div><p><a href="tel:+971 4 881 6993">+971 4 881 6993</a></p></div>
        </address>
      <address>
          <i class="fa fa-phone" aria-hidden="true"></i>
          <div><p><a href="tel:+971 56 18 51309">+971 56 18 51309</a></p></div>
        </address>
        <address>
          <i class="fa fa-envelope" aria-hidden="true"></i>
          <div><p><a href="mailto:info@excellentproduction.com">info@excellentproduction.com</a></p></div>
        </address>		       		  	 
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 --> 
      
      <div class="col-sm-3 cl4 aos-init aos-animate" data-aos="zoom-in">
        <div class="wg-1">
        <h4>Open Time</h4>		          	  		
        <p><strong>Opening Day:</strong><br> Monday - Friday: 09:00 AM - 05:00 PM<br> Saturday: 09:00 AM - 01:00 PM</p>
        <p><strong>Vacation:</strong><br> Sunday Closed</p>		       		  	 
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 -->
         
      </div><!-- row -->            
    </div><!--/ container -->     
    
    <div class="ft-bottom">
      <div class="container">
      <div class="row">
      
        <div class="col-sm-6"><p class="copyright">Copy © 2020 All rights reserved by excellenceproduction.com </p></div>
        
        <div class="col-sm-6">
        <p class="text-right">Website Designed by <a href="http://htlogics.com/" target="_blank">H T Logics PVT. LTD</a></p>
        </div>		
        
      </div><!--/ row -->
      </div>
    </div><!--/ ft-bottom -->
    </footer>
  <!-- Bootstrap Core JavaScript -->
  <script src="js/bootstrap.min.js"></script>
  <script src="js/script.js"></script>
  <script src="js/owl.carousel.js"></script>
  <script src="dist/aos.js"></script>
  <script>
    $('.counter-count').each(function () {
      $(this).prop('Counter', 0).animate({
        Counter: $(this).text()
      }, {
        duration: 5000,
        easing: 'swing',
        step: function (now) {
          $(this).text(Math.ceil(now));
        }
      });
    });
  </script>

  <script>
    $(document).ready(function () {
      $("#owl-demo").owlCarousel({
        autoPlay: 3000,
        items: 2,
        itemsDesktop: [1199, 2],
        navigation: true,
        itemsDesktopSmall: [979, 2],
        itemsMobile: [767, 1]
      });

    });

    $(document).ready(function () {
      $("#owl-demo-2").owlCarousel({
        autoPlay: 3000,
        items: 4,
        itemsDesktop: [1199, 2],
        navigation: true,
        itemsDesktopSmall: [979, 2],
        itemsMobile: [767, 1]
      });

    });

    $(document).ready(function () {
      $("#owl-demo-3").owlCarousel({
        autoPlay: 3000,
        items: 1,
        itemsDesktop: [1199, 2],
        navigation: true,
        itemsDesktopSmall: [979, 2],
        itemsMobile: [767, 1]
      });

    });

    // When the DOM is ready, run this function
    $(document).ready(function () {
      //Set the carousel options
      $('#quote-carousel').carousel({
        pause: true,
        interval: 4000,
      });
    });
  </script>

</body>
<script>
  AOS.init();
</script>

</html>