HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/excellenceproduction/
Current File : /home/htlwork.com/www/dev/excellenceproduction/about-us.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>About Us</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">About Us</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>About Us</small>Super Excellence Motion<span> Picture Production LLC  </span></h2>
          <h5>We at Super Excellence Motion Picture Production LLC, offer range of production services</h5>
				  <p>Super Excellence Motion Picture Production LLC is a leading film production services company based in the Dubai. We’ve worked around the world and have partnered with top media outlets, filmmakers, and brands. Over the last several years, we’ve helped create a diverse body of work for our clients.</p>
  		    <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. Our commitment to understanding each client's needs drives us to create powerful and purposeful marketing pieces that accurately and effectively communicate our clients' corporate image and message. Our relentless pursuit of excellence has resulted in industry awards and client recommendations.</p>
          <p>We at <strong>Super Excellence Motion Picture Production LLC,</strong> offer range of production services be it Film Production, Animation Production, Corporate Videos, TV Commercials, Digital Films, Travel Series, Line Production and Post Production etc. While our services are fully customisable and we adapt to the needs of every client and project, below is a brief summary of the services we provide. </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>Office Number 205, <br>Building Name Bushra Obaid Mohammad, <br>Land Area Naif, <br>Plot Number 477-0, <br>Land DM No (Affection Plan) 188-411</div>
		  </address>
		  <address>
		    <i class="fa fa-phone" aria-hidden="true"></i>
			<div><p><a href="tel:00971-56-1851309">00971-56-1851309</a></p></div>
		  </address>
		  <address>
		    <i class="fa fa-envelope" aria-hidden="true"></i>
			<div><p><a href="mailto:excellenceproduction123@gmail.com">excellenceproduction123@gmail.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>