<!DOCTYPE html>
<!--[if lt IE 7]><html class="ie ie6" lang="en"><![endif]-->
<!--[if IE 7]><html class="ie ie7" lang="en"><![endif]-->
<!--[if IE 8]><html class="ie ie8" lang="en"><![endif]-->
<!--[if IE 9]><html class="ie9" lang="en"><![endif]-->
<!--[if (gte IE 10)|!(IE)]><!--><html lang="en"><!--<![endif]-->


<!-- Mirrored from affapress.com/templates/unicom_responsive_multi_purpose_template/html/single-portfolio-video.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 16 Feb 2026 15:42:45 GMT -->
<head>
    
    <!-- Your Basic Site Informations -->
    <title>Unicom Responsive Multi Purpose Template</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="Unicom is a multi-purpose site template that built-in professional fully responsive design, elegant style, smooth-animation and have a slew of features.">
    <meta name="keywords" content="Site Template, One Page Template, Responsive Template, Clean Design, Multi Purpose, Business Template, Corporate Template, App Template, Conversion Template, Smooth Animation, HTML5, CSS3, jQuery">
    <meta name="author" content="Affapress">
    
    <!-- Mobile Specific Meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Montserrat:500,600,700,800|Roboto:100,300,300i,400,400i,500,700,900" rel="stylesheet">
    
    <!-- Stylesheets -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/ionicons.min.css">
    <link rel="stylesheet" href="css/jquery.scrollbar.css">
    <link rel="stylesheet" href="css/slick.css">
    <link rel="stylesheet" href="css/slick-theme.css">
    <link rel="stylesheet" href="css/jquery.fancybox.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/style.css">
    
    <!-- Custom Colors -->
    <!--<link rel="stylesheet" href="css/colors/blue/color.css">-->
    <!--<link rel="stylesheet" href="css/colors/orange/color.css">-->
    <!--<link rel="stylesheet" href="css/colors/pink/color.css">-->
    <!--<link rel="stylesheet" href="css/colors/purple/color.css">-->
    <!--<link rel="stylesheet" href="css/colors/yellow/color.css">-->
    
    <!--[if lt IE 9]>
    	<script src="js/html5.js"></script>
        <script src="js/respond.min.js"></script>
	<![endif]-->
    
    <!--[if lt IE 8]>
    	<link rel="stylesheet" href="css/ie-older.css">
    <![endif]-->
    
    <noscript><link rel="stylesheet" href="css/no-js.css"></noscript>
    
    <!-- Favicons -->
	<link rel="shortcut icon" href="images/favicon.ico">
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
    
</head>
<body>
    
    <!-- #nav-mobile -->
    <nav id="nav-mobile">
        <div class="scrollbar-inner">
            
            <button type="button" class="navbar-btn-close"><i class="ion ion-close"></i>Close</button>
            
            <div class="navbar-menu">
            	<ul class="nav">
                	<li class="menu-item menu-item-has-children">
                    	<a href="#">Home</a><span>+</span>
                        <ul class="sub-menu">
                            <li class="menu-item menu-item-has-children">
                                <a href="#">Home Business</a><span>+</span>
                                <ul class="sub-menu">
                                    <li class="menu-item"><a href="index.html">Home Default</a></li>
									<li class="menu-item"><a href="index-2.html">Home Business 2</a></li>
									<li class="menu-item"><a href="index-3.html">Home Business 3</a></li>
									<li class="menu-item"><a href="index-4.html">Home Business 4</a></li>
									<li class="menu-item"><a href="index-5.html">Home Business 5</a></li>
									<li class="menu-item"><a href="index-6.html">Home Business 6</a></li>
                                </ul>
                            </li>
                            <li class="menu-item"><a href="index-app.html">Home App</a></li>
							<li class="menu-item"><a href="index-blog.html">Home Blog</a></li>
							<li class="menu-item"><a href="index-construction.html">Home Construction</a></li>
							<li class="menu-item"><a href="index-education.html">Home Education</a></li>
							<li class="menu-item"><a href="index-minimalist.html">Home Minimalist</a></li>
							<li class="menu-item"><a href="index-portfolio.html">Home Portfolio</a></li>
							<li class="menu-item"><a href="index-product.html">Home Product</a></li>
							<li class="menu-item"><a href="index-shop.html">Home Shop</a></li>
							<li class="menu-item menu-item-has-children">
								<a href="#">Home Startup</a><span>+</span>
								<ul class="sub-menu">
									<li class="menu-item"><a href="index-startup.html">Home Startup 1</a></li>
									<li class="menu-item"><a href="index-startup-2.html">Home Startup 2</a></li>
								</ul>
							</li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                    	<a href="#">Features</a><span>+</span>
                        <ul class="sub-menu">
                            <li class="menu-item menu-item-has-children">
                                <a href="#">Theme Features 1</a><span>+</span>
                                <ul class="sub-menu">
                                    <li class="menu-item"><a href="#">Fully Responsive</a></li>
									<li class="menu-item"><a href="#">Powered with Bootstrap</a></li>
									<li class="menu-item"><a href="#">One Page &amp; Multiple Pages</a></li>
									<li class="menu-item"><a href="#">Flexible 1170 Grid System</a></li>
									<li class="menu-item"><a href="#">130+ HTML Files</a></li>
									<li class="menu-item"><a href="#">16 Home Pages</a></li>
									<li class="menu-item"><a href="#">7 Header Layouts</a></li>
									<li class="menu-item"><a href="#">6 Footer Styles</a></li>
                                </ul>
                            </li>
                            <li class="menu-item menu-item-has-children">
                                <a href="#">Theme Features 2</a><span>+</span>
                                <ul class="sub-menu">
                                    <li class="menu-item"><a href="#">6 Custom Colors</a></li>
									<li class="menu-item"><a href="#">Sticky Menu</a></li>
									<li class="menu-item"><a href="#">Slick Slider &amp; SliderPro</a></li>
									<li class="menu-item"><a href="#">AJAX Contact &amp; Subscribe</a></li>
									<li class="menu-item"><a href="#">Mailchimp Integrated</a></li>
									<li class="menu-item"><a href="#">Parallax Sections</a></li>
									<li class="menu-item"><a href="#">Smooth Animation</a></li>
									<li class="menu-item"><a href="#">Mega Menu</a></li>
                                </ul>
                            </li>
                            <li class="menu-item menu-item-has-children">
                                <a href="#">Theme Features 3</a><span>+</span>
                                <ul class="sub-menu">
                                    <li class="menu-item"><a href="#">Ionicons Font Pack</a></li>
									<li class="menu-item"><a href="#">Google Maps Integrated</a></li>
									<li class="menu-item"><a href="#">Powerful Shortcodes</a></li>
									<li class="menu-item"><a href="#">Layered PSD Files</a></li>
									<li class="menu-item"><a href="#">Cross Browser IE8+</a></li>
									<li class="menu-item"><a href="#">W3C, Bootlint &amp; JSHint</a></li>
									<li class="menu-item"><a href="#">Well Documented</a></li>
									<li class="menu-item"><a href="#">Support &amp; Updates</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Elements</a><span>+</span>
                        <ul class="sub-menu">
                            <li class="menu-item menu-item-has-children">
                                <a href="#">Headers &amp; Footers</a><span>+</span>
                                <ul class="sub-menu">
                                    <li class="menu-item"><a href="header-1.html">Header 1</a></li>
									<li class="menu-item"><a href="header-2.html">Header 2</a></li>
									<li class="menu-item"><a href="header-3.html">Header 3</a></li>
									<li class="menu-item"><a href="header-4.html">Header 4</a></li>
									<li class="menu-item"><a href="header-5.html">Header 5</a></li>
									<li class="menu-item"><a href="header-6.html">Header 6</a></li>
									<li class="menu-item"><a href="header-7.html">Header 7</a></li>
									<li class="menu-item"><a href="footer-1.html">Footer 1</a></li>
									<li class="menu-item"><a href="footer-2.html">Footer 2</a></li>
									<li class="menu-item"><a href="footer-3.html">Footer 3</a></li>
									<li class="menu-item"><a href="footer-4.html">Footer 4</a></li>
									<li class="menu-item"><a href="footer-5.html">Footer 5</a></li>
									<li class="menu-item"><a href="footer-6.html">Footer 6</a></li>
                                </ul>
                            </li>
                            <li class="menu-item menu-item-has-children">
                                <a href="#">Elements 1</a><span>+</span>
                                <ul class="sub-menu">
                                    <li class="menu-item"><a href="element-accordion.html">Accordion</a></li>
									<li class="menu-item"><a href="element-alert-messages.html">Alert Messages</a></li>
									<li class="menu-item"><a href="element-boxes.html">Boxes</a></li>
									<li class="menu-item"><a href="element-buttons.html">Buttons</a></li>
									<li class="menu-item"><a href="element-callout.html">Callout</a></li>
									<li class="menu-item"><a href="element-carousel.html">Carousel</a></li>
									<li class="menu-item"><a href="element-clients.html">Clients Logo</a></li>
									<li class="menu-item"><a href="element-columns.html">Columns</a></li>
									<li class="menu-item"><a href="element-content-backgrounds.html">Content Backgrounds</a></li>
									<li class="menu-item"><a href="element-countdown.html">Countdown</a></li>
									<li class="menu-item"><a href="element-counters.html">Counters</a></li>
									<li class="menu-item"><a href="element-dialog-box.html">Dialog Box</a></li>
									<li class="menu-item"><a href="element-divider.html">Divider</a></li>
                                </ul>
                            </li>
                            <li class="menu-item menu-item-has-children">
                                <a href="#">Elements 2</a><span>+</span>
                                <ul class="sub-menu">
									<li class="menu-item"><a href="element-dropcaps.html">Dropcaps</a></li>
									<li class="menu-item"><a href="element-forms.html">Forms</a></li>
									<li class="menu-item"><a href="element-google-maps.html">Google Maps</a></li>
									<li class="menu-item"><a href="element-heading.html">Heading</a></li>
									<li class="menu-item"><a href="element-icon-boxes.html">Icon Boxes</a></li>
									<li class="menu-item"><a href="element-icon-list.html">Icons</a></li>
									<li class="menu-item"><a href="element-lists.html">Lists</a></li>
									<li class="menu-item"><a href="element-media-gallery.html">Image Gallery &amp; Lightbox</a></li>
									<li class="menu-item"><a href="element-media-hover.html">Image Hover</a></li>
									<li class="menu-item"><a href="element-pricing-tables.html">Pricing Tables</a></li>
									<li class="menu-item"><a href="element-progress-bar.html">Progress Bar</a></li>
									<li class="menu-item"><a href="element-quotes.html">Quotes</a></li>
									<li class="menu-item"><a href="element-recent-portfolios.html">Recent Portfolios</a></li>
                                </ul>
                            </li>
                            <li class="menu-item menu-item-has-children">
                                <a href="#">Elements 3</a><span>+</span>
                                <ul class="sub-menu">
                                    <li class="menu-item"><a href="element-recent-posts.html">Recent Posts</a></li>
									<li class="menu-item"><a href="element-recent-products.html">Recent Products</a></li>
									<li class="menu-item"><a href="element-recent-tweets.html">Recent Tweets</a></li>
									<li class="menu-item"><a href="element-sliders.html">Sliders</a></li>
									<li class="menu-item"><a href="element-social-media.html">Social Media</a></li>
									<li class="menu-item"><a href="element-styled-tables.html">Styled Tables</a></li>
									<li class="menu-item"><a href="element-tabs.html">Tabs</a></li>
									<li class="menu-item"><a href="element-team.html">Team</a></li>
									<li class="menu-item"><a href="element-testimonials.html">Testimonials</a></li>
									<li class="menu-item"><a href="element-toggles.html">Toggles</a></li>
									<li class="menu-item"><a href="element-tooltips.html">Tooltips</a></li>
									<li class="menu-item"><a href="element-typography.html">Typography</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                    	<a href="#">Pages</a><span>+</span>
                        <ul class="sub-menu">
                            <li class="menu-item menu-item-has-children">
                                <a href="#">Pages 1</a><span>+</span>
                                <ul class="sub-menu">
                                    <li class="menu-item"><a href="page-about-us-1.html">About Us 1</a></li>
									<li class="menu-item"><a href="page-about-us-2.html">About Us 2</a></li>
									<li class="menu-item"><a href="page-about-us-3.html">About Us 3</a></li>
									<li class="menu-item"><a href="page-about-us-4.html">About Us 4</a></li>
									<li class="menu-item"><a href="page-about-us-5.html">About Us 5</a></li>
									<li class="menu-item"><a href="page-about-us-6.html">About Us 6</a></li>
                                </ul>
                            </li>
                            <li class="menu-item menu-item-has-children">
                                <a href="#">Pages 2</a><span>+</span>
                                <ul class="sub-menu">
                                    <li class="menu-item"><a href="page-services-1.html">Services 1</a></li>
									<li class="menu-item"><a href="page-services-2.html">Services 2</a></li>
									<li class="menu-item"><a href="page-services-3.html">Services 3</a></li>
									<li class="menu-item"><a href="page-services-4.html">Services 4</a></li>
									<li class="menu-item"><a href="page-contact-us-1.html">Contact Us 1</a></li>
									<li class="menu-item"><a href="page-contact-us-2.html">Contact Us 2</a></li>
									<li class="menu-item"><a href="page-contact-us-3.html">Contact Us 3</a></li>
                                </ul>
                            </li>
                            <li class="menu-item menu-item-has-children">
                                <a href="#">Special Pages</a><span>+</span>
                                <ul class="sub-menu">
                                    <li class="menu-item"><a href="page-coming-soon.html">Coming Soon</a></li>
									<li class="menu-item"><a href="page-maintenance.html">Maintenance Mode</a></li>
									<li class="menu-item"><a href="page-search.html">Search Results</a></li>
									<li class="menu-item"><a href="page-pricing.html">Pricing</a></li>
									<li class="menu-item"><a href="page-faq.html">FAQ</a></li>
									<li class="menu-item"><a href="page-404.html">404 Page</a></li>
                                </ul>
                            </li>
                            <li class="menu-item menu-item-has-children">
                                <a href="#">Page Templates</a><span>+</span>
                                <ul class="sub-menu">
                                    <li class="menu-item"><a href="page-default.html">Default</a></li>
									<li class="menu-item"><a href="page-fullwidth.html">Full Width</a></li>
									<li class="menu-item"><a href="page-left-sidebar.html">Left Sidebar</a></li>
									<li class="menu-item"><a href="page-right-sidebar.html">Right Sidebar</a></li>
									<li class="menu-item"><a href="page-no-header.html">No Header</a></li>
									<li class="menu-item"><a href="page-header-image.html">Header Image</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children current-menu-item">
                        <a href="#">Portfolio</a><span class="in">-</span>
                        <ul class="sub-menu in">
                            <li class="menu-item menu-item-has-children">
                                <a href="#">Default Layout</a><span>+</span>
                                <ul class="sub-menu">
                                    <li class="menu-item"><a href="portfolio-2.html">2 Columns</a></li>
									<li class="menu-item"><a href="portfolio-3.html">3 Columns</a></li>
									<li class="menu-item"><a href="portfolio-4.html">4 Columns</a></li>
									<li class="menu-item"><a href="portfolio-fullwidth.html">Full Width</a></li>
                                </ul>
                            </li>
                            <li class="menu-item menu-item-has-children">
                                <a href="#">Grid Layout</a><span>+</span>
                                <ul class="sub-menu">
                                    <li class="menu-item"><a href="portfolio-grid.html">Default</a></li>
									<li class="menu-item"><a href="portfolio-grid-nospace.html">No-space</a></li>
									<li class="menu-item"><a href="portfolio-grid-fullwidth.html">Full Width</a></li>
                                </ul>
                            </li>
							<li class="menu-item menu-item-has-children">
                                <a href="#">Masonry Layout</a><span>+</span>
                                <ul class="sub-menu">
                                    <li class="menu-item"><a href="portfolio-masonry.html">Default</a></li>
									<li class="menu-item"><a href="portfolio-masonry-nospace.html">No-space</a></li>
									<li class="menu-item"><a href="portfolio-masonry-fullwidth.html">Full Width</a></li>
                                </ul>
                            </li>
                            <li class="menu-item"><a href="portfolio-custom.html">Custom Layout</a></li>
							<li class="menu-item menu-item-has-children current-menu-item">
                                <a href="#">Single Portfolio</a><span class="in">-</span>
                                <ul class="sub-menu in">
                                    <li class="menu-item"><a href="single-portfolio-image.html">Single Image</a></li>
									<li class="menu-item"><a href="single-portfolio-slideshow.html">Single Slideshow</a></li>
									<li class="menu-item current-menu-item"><a href="single-portfolio-video.html">Single Video</a></li>
									<li class="menu-item"><a href="single-portfolio-gallery.html">Single Gallery</a></li>
									<li class="menu-item"><a href="single-portfolio-left-image.html">Single Left Image</a></li>
									<li class="menu-item"><a href="single-portfolio-left-slideshow.html">Single Left Slideshow</a></li>
									<li class="menu-item"><a href="single-portfolio-left-video.html">Single Left Video</a></li>
									<li class="menu-item"><a href="single-portfolio-extended.html">Single Extended</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Blog</a><span>+</span>
                        <ul class="sub-menu">
                            <li class="menu-item"><a href="blog-left-sidebar.html">Left Sidebar</a></li>
							<li class="menu-item"><a href="blog-right-sidebar.html">Right Sidebar</a></li>
							<li class="menu-item"><a href="blog-no-sidebar.html">No Sidebar</a></li>
							<li class="menu-item"><a href="blog-left-image.html">Left Image</a></li>
							<li class="menu-item"><a href="blog-grid.html">Grid</a></li>
							<li class="menu-item"><a href="blog-masonry.html">Masonry</a></li>
							<li class="menu-item"><a href="blog-masonry-fullwidth.html">Masonry Full Width</a></li>
                            <li class="menu-item menu-item-has-children">
                                <a href="#">Single Post</a><span>+</span>
                                <ul class="sub-menu">
                                    <li class="menu-item"><a href="single-blog-left-sidebar.html">Single Left Sidebar</a></li>
									<li class="menu-item"><a href="single-blog-right-sidebar.html">Single Right Sidebar</a></li>
									<li class="menu-item"><a href="single-blog-no-sidebar.html">Single No Sidebar</a></li>
									<li class="menu-item"><a href="single-blog-slideshow.html">Single Slideshow</a></li>
									<li class="menu-item"><a href="single-blog-video.html">Single Video</a></li>
									<li class="menu-item"><a href="single-blog-audio.html">Single Audio</a></li>
									<li class="menu-item"><a href="single-blog-link.html">Single Link</a></li>
									<li class="menu-item"><a href="single-blog-quote.html">Single Quote</a></li>
									<li class="menu-item"><a href="single-blog-header-image.html">Single Header Image</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Shop</a><span>+</span>
                        <ul class="sub-menu">
                            <li class="menu-item"><a href="shop-sidebar.html">Shop Sidebar</a></li>
							<li class="menu-item"><a href="shop-no-sidebar.html">Shop No Sidebar</a></li>
							<li class="menu-item"><a href="shop-custom.html">Shop Custom</a></li>
							<li class="menu-item"><a href="single-product.html">Single Product</a></li>
							<li class="menu-item"><a href="cart.html">Shopping Cart</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            
        </div>
	</nav>
    <!-- #nav-mobile end -->
    
    <!-- #body-wrap -->
    <div id="body-wrap">
        
        <!-- #header -->
        <header id="header" class="header-page">
            
            <!-- #nav-mobile-top -->
            <div id="nav-mobile-top">
                
                <!-- .container -->
                <div class="container-fluid">
                	<div class="navmenu">
                        
                        <button type="button" class="navbar-btn-toggle"><i class="ion ion-navicon"></i></button>
                        
                        <div class="navbar-logo">
                            <a href="index.html"><img src="images/logo.png" alt="Logo"></a> <!-- site logo -->
                        </div>
                        
                        <div class="navbar-secondary">
                        	<div class="navbar-btn">
                            	<a href="cart.html" class="btn-cart"><i class="ion ion-bag"></i></a>
                                <a href="#" class="btn-search"><i class="ion ion-ios-search-strong"></i></a>
                            </div>
                            <form action="#" method="GET">
                                <input type="text" name="s" placeholder="To Search start typing...." autocomplete="off">
                                <button type="button" class="btn-close"><i class="ion ion-android-close"></i></button>
                            </form>
                            <div class="navbar-cart">
                                <div class="cart-heading">
                                    <p class="cart-count">2 item(s)</p>
                                    <p class="cart-price">$79.00</p>
                                </div>
                                <ul class="cart-list">
                                    <li>
                                        <a href="#" class="cart-btn-close">×</a>
                                        <img src="images/content/portfolios/square/1.jpg" alt="Thumbnail">
                                        <div class="cart-content">
                                            <p>1 x<span>$30</span></p>
                                            <a href="#">Black Leather Dress</a>
                                        </div>
                                    </li>
                                    <li>
                                        <a href="#" class="cart-btn-close">×</a>
                                        <img src="images/content/portfolios/square/2.jpg" alt="Thumbnail">
                                        <div class="cart-content">
                                            <p>1 x<span>$30</span></p>
                                            <a href="#">Black Leather Dress</a>
                                        </div>
                                    </li>
                                </ul>
                                <div class="cart-footer">
                                    <a href="#" class="btn-custom btn-grey">View Cart</a>
                                    <a href="#" class="btn-custom">Checkout</a>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
                <!-- .container end -->
                
            </div>
            <!-- #nav-mobile-top end -->
            
            <!-- #navigation -->
            <nav id="navigation">
                
                <!-- .navtop -->
                <div class="navtop">
                    
                    <!-- .container -->
                    <div class="container">
                        
                        <div class="nav-txt">
                            <p><i class="ion ion-android-phone-portrait"></i> Have Questions? Call For Free: <strong><a href="#">081-254-5678</a></strong></p>
                        </div>
                        
                        <div class="nav-socials">
                            <a href="#" title="Facebook"><i class="ion ion-social-facebook"></i></a>
                            <a href="#" title="Google Plus"><i class="ion ion-social-googleplus"></i></a>
                            <a href="#" title="Twitter"><i class="ion ion-social-twitter"></i></a>
                            <a href="#" title="Instagram"><i class="ion ion-social-instagram"></i></a>
                            <a href="#" title="Pinterest"><i class="ion ion-social-pinterest"></i></a>
                            <a href="#" title="Vimeo"><i class="ion ion-social-vimeo"></i></a>
                            <a href="#" title="Dribbble"><i class="ion ion-social-dribbble"></i></a>
                            <a href="#" title="Youtube"><i class="ion ion-social-youtube"></i></a>
                        </div>
                        
                    </div>
                    <!-- .container end -->
                    
                </div>
                <!-- .navtop end -->
                
                <!-- .navbar -->
                <div class="navbar">
                    
                    <!-- .container -->
                    <div class="container">
                        <div class="navbar-wrap">
                            
                            <div class="navbar-logo">
                                <a href="index.html"><img src="images/logo.png" alt="Logo"></a> <!-- site logo -->
                            </div>
                            
                            <div class="navbar-menu">
                                <ul class="nav">
                                    <li class="menu-item menu-item-has-children">
                                    	<a href="#">Home</a>
                                        <ul class="sub-menu">
                                        	<li class="menu-item menu-item-has-children">
                                            	<a href="#">Home Business</a>
                                                <ul class="sub-menu">
                                                	<li class="menu-item"><a href="index.html">Home Default</a></li>
                                                    <li class="menu-item"><a href="index-2.html">Home Business 2</a></li>
                                                    <li class="menu-item"><a href="index-3.html">Home Business 3</a></li>
                                                    <li class="menu-item"><a href="index-4.html">Home Business 4</a></li>
                                                    <li class="menu-item"><a href="index-5.html">Home Business 5</a></li>
                                                    <li class="menu-item"><a href="index-6.html">Home Business 6</a></li>
                                                </ul>
                                            </li>
                                            <li class="menu-item"><a href="index-app.html">Home App</a></li>
                                            <li class="menu-item"><a href="index-blog.html">Home Blog</a></li>
                                            <li class="menu-item"><a href="index-construction.html">Home Construction</a></li>
                                            <li class="menu-item"><a href="index-education.html">Home Education</a></li>
                                            <li class="menu-item"><a href="index-minimalist.html">Home Minimalist</a></li>
                                            <li class="menu-item"><a href="index-portfolio.html">Home Portfolio</a></li>
                                            <li class="menu-item"><a href="index-product.html">Home Product</a></li>
                                            <li class="menu-item"><a href="index-shop.html">Home Shop</a></li>
                                            <li class="menu-item menu-item-has-children">
                                            	<a href="#">Home Startup</a>
                                                <ul class="sub-menu">
                                                	<li class="menu-item"><a href="index-startup.html">Home Startup 1</a></li>
                                                    <li class="menu-item"><a href="index-startup-2.html">Home Startup 2</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item mega-menu-item menu-item-has-children">
                                    	<a href="#">Features</a>
                                        <div class="sub-mega-menu menu-bg-img" style="background-image:url(images/content/landing/menu-img.png);">
                                            <div class="container">
                                                <ul>
                                                    <li class="menu-item menu-item-has-children">
                                                        <a href="#">Theme Features 1</a>
                                                        <ul>
                                                            <li class="menu-item"><a href="#">Fully Responsive</a></li>
															<li class="menu-item"><a href="#">Powered with Bootstrap</a></li>
															<li class="menu-item"><a href="#">One Page &amp; Multiple Pages</a></li>
															<li class="menu-item"><a href="#">Flexible 1170 Grid System</a></li>
                                                            <li class="menu-item"><a href="#">130+ HTML Files</a></li>
                                                            <li class="menu-item"><a href="#">16 Home Pages</a></li>
                                                            <li class="menu-item"><a href="#">7 Header Layouts</a></li>
                                                            <li class="menu-item"><a href="#">6 Footer Styles</a></li>
                                                        </ul>
                                                    </li>
                                                    <li class="menu-item menu-item-has-children">
                                                        <a href="#">Theme Features 2</a>
                                                        <ul>
															<li class="menu-item"><a href="#">6 Custom Colors</a></li>
                                                            <li class="menu-item"><a href="#">Sticky Menu</a></li>
															<li class="menu-item"><a href="#">Slick Slider &amp; SliderPro</a></li>
                                                            <li class="menu-item"><a href="#">AJAX Contact &amp; Subscribe</a></li>
															<li class="menu-item"><a href="#">Mailchimp Integrated</a></li>
                                                            <li class="menu-item"><a href="#">Parallax Sections</a></li>
                                                            <li class="menu-item"><a href="#">Smooth Animation</a></li>
															<li class="menu-item"><a href="#">Mega Menu</a></li>
                                                        </ul>
                                                    </li>
                                                    <li class="menu-item menu-item-has-children">
                                                        <a href="#">Theme Features 3</a>
                                                        <ul>
                                                            <li class="menu-item"><a href="#">Ionicons Font Pack</a></li>
															<li class="menu-item"><a href="#">Google Maps Integrated</a></li>
															<li class="menu-item"><a href="#">Powerful Shortcodes</a></li>
															<li class="menu-item"><a href="#">Layered PSD Files</a></li>
															<li class="menu-item"><a href="#">Cross Browser IE8+</a></li>
															<li class="menu-item"><a href="#">W3C, Bootlint &amp; JSHint</a></li>
                                                            <li class="menu-item"><a href="#">Well Documented</a></li>
                                                            <li class="menu-item"><a href="#">Support &amp; Updates</a></li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="menu-item mega-menu-item menu-item-has-children">
                                        <a href="#">Elements</a>
                                        <div class="sub-mega-menu">
                                            <div class="container">
                                                <ul>
                                                    <li class="menu-item menu-item-has-children">
                                                        <a href="#">Headers &amp; Footers</a>
                                                        <ul>
                                                            <li class="menu-item"><a href="header-1.html">Header 1</a></li>
															<li class="menu-item"><a href="header-2.html">Header 2</a></li>
															<li class="menu-item"><a href="header-3.html">Header 3</a></li>
															<li class="menu-item"><a href="header-4.html">Header 4</a></li>
															<li class="menu-item"><a href="header-5.html">Header 5</a></li>
															<li class="menu-item"><a href="header-6.html">Header 6</a></li>
															<li class="menu-item"><a href="header-7.html">Header 7</a></li>
															<li class="menu-item"><a href="footer-1.html">Footer 1</a></li>
															<li class="menu-item"><a href="footer-2.html">Footer 2</a></li>
															<li class="menu-item"><a href="footer-3.html">Footer 3</a></li>
															<li class="menu-item"><a href="footer-4.html">Footer 4</a></li>
															<li class="menu-item"><a href="footer-5.html">Footer 5</a></li>
															<li class="menu-item"><a href="footer-6.html">Footer 6</a></li>
                                                        </ul>
                                                    </li>
                                                    <li class="menu-item menu-item-has-children">
                                                        <a href="#">Elements 1</a>
                                                        <ul>
                                                            <li class="menu-item"><a href="element-accordion.html">Accordion</a></li>
															<li class="menu-item"><a href="element-alert-messages.html">Alert Messages</a></li>
															<li class="menu-item"><a href="element-boxes.html">Boxes</a></li>
															<li class="menu-item"><a href="element-buttons.html">Buttons</a></li>
															<li class="menu-item"><a href="element-callout.html">Callout</a></li>
															<li class="menu-item"><a href="element-carousel.html">Carousel</a></li>
															<li class="menu-item"><a href="element-clients.html">Clients Logo</a></li>
															<li class="menu-item"><a href="element-columns.html">Columns</a></li>
															<li class="menu-item"><a href="element-content-backgrounds.html">Content Backgrounds</a></li>
															<li class="menu-item"><a href="element-countdown.html">Countdown</a></li>
                                                            <li class="menu-item"><a href="element-counters.html">Counters</a></li>
															<li class="menu-item"><a href="element-dialog-box.html">Dialog Box</a></li>
															<li class="menu-item"><a href="element-divider.html">Divider</a></li>
                                                        </ul>
                                                    </li>
                                                    <li class="menu-item menu-item-has-children">
                                                        <a href="#">Elements 2</a>
                                                        <ul>
                                                            <li class="menu-item"><a href="element-dropcaps.html">Dropcaps</a></li>
															<li class="menu-item"><a href="element-forms.html">Forms</a></li>
															<li class="menu-item"><a href="element-google-maps.html">Google Maps</a></li>
															<li class="menu-item"><a href="element-heading.html">Heading</a></li>
															<li class="menu-item"><a href="element-icon-boxes.html">Icon Boxes</a></li>
															<li class="menu-item"><a href="element-icon-list.html">Icons</a></li>
															<li class="menu-item"><a href="element-lists.html">Lists</a></li>
															<li class="menu-item"><a href="element-media-gallery.html">Image Gallery &amp; Lightbox</a></li>
															<li class="menu-item"><a href="element-media-hover.html">Image Hover</a></li>
															<li class="menu-item"><a href="element-pricing-tables.html">Pricing Tables</a></li>
															<li class="menu-item"><a href="element-progress-bar.html">Progress Bar</a></li>
															<li class="menu-item"><a href="element-quotes.html">Quotes</a></li>
															<li class="menu-item"><a href="element-recent-portfolios.html">Recent Portfolios</a></li>
                                                        </ul>
                                                    </li>
                                                    <li class="menu-item menu-item-has-children">
                                                        <a href="#">Elements 3</a>
                                                        <ul>
                                                            <li class="menu-item"><a href="element-recent-posts.html">Recent Posts</a></li>
															<li class="menu-item"><a href="element-recent-products.html">Recent Products</a></li>
															<li class="menu-item"><a href="element-recent-tweets.html">Recent Tweets</a></li>
															<li class="menu-item"><a href="element-sliders.html">Sliders</a></li>
															<li class="menu-item"><a href="element-social-media.html">Social Media</a></li>
															<li class="menu-item"><a href="element-styled-tables.html">Styled Tables</a></li>
															<li class="menu-item"><a href="element-tabs.html">Tabs</a></li>
															<li class="menu-item"><a href="element-team.html">Team</a></li>
															<li class="menu-item"><a href="element-testimonials.html">Testimonials</a></li>
															<li class="menu-item"><a href="element-toggles.html">Toggles</a></li>
															<li class="menu-item"><a href="element-tooltips.html">Tooltips</a></li>
															<li class="menu-item"><a href="element-typography.html">Typography</a></li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="menu-item mega-menu-item menu-item-has-children">
                                        <a href="#">Pages</a>
                                        <div class="sub-mega-menu">
                                            <div class="container">
                                                <ul>
                                                    <li class="menu-item menu-item-has-children">
                                                        <a href="#">Pages 1</a>
														<ul>
                                                            <li class="menu-item"><a href="page-about-us-1.html">About Us 1</a></li>
															<li class="menu-item"><a href="page-about-us-2.html">About Us 2</a></li>
															<li class="menu-item"><a href="page-about-us-3.html">About Us 3</a></li>
															<li class="menu-item"><a href="page-about-us-4.html">About Us 4</a></li>
															<li class="menu-item"><a href="page-about-us-5.html">About Us 5</a></li>
															<li class="menu-item"><a href="page-about-us-6.html">About Us 6</a></li>
                                                        </ul>
                                                    </li>
                                                    <li class="menu-item menu-item-has-children">
                                                        <a href="#">Pages 2</a>
														<ul>
															<li class="menu-item"><a href="page-services-1.html">Services 1</a></li>
															<li class="menu-item"><a href="page-services-2.html">Services 2</a></li>
															<li class="menu-item"><a href="page-services-3.html">Services 3</a></li>
															<li class="menu-item"><a href="page-services-4.html">Services 4</a></li>
															<li class="menu-item"><a href="page-contact-us-1.html">Contact Us 1</a></li>
															<li class="menu-item"><a href="page-contact-us-2.html">Contact Us 2</a></li>
															<li class="menu-item"><a href="page-contact-us-3.html">Contact Us 3</a></li>
                                                        </ul>
                                                    </li>
                                                    <li class="menu-item menu-item-has-children">
                                                        <a href="#">Special Pages</a>
														<ul>
															<li class="menu-item"><a href="page-coming-soon.html">Coming Soon</a></li>
															<li class="menu-item"><a href="page-maintenance.html">Maintenance Mode</a></li>
															<li class="menu-item"><a href="page-search.html">Search Results</a></li>
															<li class="menu-item"><a href="page-pricing.html">Pricing</a></li>
															<li class="menu-item"><a href="page-faq.html">FAQ</a></li>
															<li class="menu-item"><a href="page-404.html">404 Page</a></li>
                                                        </ul>
                                                    </li>
                                                    <li class="menu-item menu-item-has-children">
                                                        <a href="#">Page Templates</a>
														<ul>
															<li class="menu-item"><a href="page-default.html">Default</a></li>
															<li class="menu-item"><a href="page-fullwidth.html">Full Width</a></li>
															<li class="menu-item"><a href="page-left-sidebar.html">Left Sidebar</a></li>
															<li class="menu-item"><a href="page-right-sidebar.html">Right Sidebar</a></li>
															<li class="menu-item"><a href="page-no-header.html">No Header</a></li>
															<li class="menu-item"><a href="page-header-image.html">Header Image</a></li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="menu-item menu-item-has-children current-menu-item">
                                        <a href="#">Portfolio</a>
                                        <ul class="sub-menu">
                                            <li class="menu-item menu-item-has-children">
                                            	<a href="#">Default Layout</a>
                                                <ul class="sub-menu">
                                                	<li class="menu-item"><a href="portfolio-2.html">2 Columns</a></li>
													<li class="menu-item"><a href="portfolio-3.html">3 Columns</a></li>
													<li class="menu-item"><a href="portfolio-4.html">4 Columns</a></li>
													<li class="menu-item"><a href="portfolio-fullwidth.html">Full Width</a></li>
                                                </ul>
                                            </li>
											<li class="menu-item menu-item-has-children">
                                            	<a href="#">Grid Layout</a>
                                                <ul class="sub-menu">
                                                	<li class="menu-item"><a href="portfolio-grid.html">Default</a></li>
													<li class="menu-item"><a href="portfolio-grid-nospace.html">No-space</a></li>
													<li class="menu-item"><a href="portfolio-grid-fullwidth.html">Full Width</a></li>
                                                </ul>
                                            </li>
											<li class="menu-item menu-item-has-children">
                                            	<a href="#">Masonry Layout</a>
                                                <ul class="sub-menu">
                                                	<li class="menu-item"><a href="portfolio-masonry.html">Default</a></li>
													<li class="menu-item"><a href="portfolio-masonry-nospace.html">No-space</a></li>
													<li class="menu-item"><a href="portfolio-masonry-fullwidth.html">Full Width</a></li>
                                                </ul>
                                            </li>
											<li class="menu-item"><a href="portfolio-custom.html">Custom Layout</a></li>
                                            <li class="menu-item menu-item-has-children current-menu-item">
                                            	<a href="#">Single Portfolio</a>
                                                <ul class="sub-menu">
                                                	<li class="menu-item"><a href="single-portfolio-image.html">Single Image</a></li>
													<li class="menu-item"><a href="single-portfolio-slideshow.html">Single Slideshow</a></li>
													<li class="menu-item current-menu-item"><a href="single-portfolio-video.html">Single Video</a></li>
													<li class="menu-item"><a href="single-portfolio-gallery.html">Single Gallery</a></li>
													<li class="menu-item"><a href="single-portfolio-left-image.html">Single Left Image</a></li>
													<li class="menu-item"><a href="single-portfolio-left-slideshow.html">Single Left Slideshow</a></li>
													<li class="menu-item"><a href="single-portfolio-left-video.html">Single Left Video</a></li>
													<li class="menu-item"><a href="single-portfolio-extended.html">Single Extended</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item menu-item-has-children">
                                        <a href="#">Blog</a>
                                        <ul class="sub-menu">
											<li class="menu-item"><a href="blog-left-sidebar.html">Left Sidebar</a></li>
											<li class="menu-item"><a href="blog-right-sidebar.html">Right Sidebar</a></li>
											<li class="menu-item"><a href="blog-no-sidebar.html">No Sidebar</a></li>
											<li class="menu-item"><a href="blog-left-image.html">Left Image</a></li>
                                            <li class="menu-item"><a href="blog-grid.html">Grid</a></li>
											<li class="menu-item"><a href="blog-masonry.html">Masonry</a></li>
											<li class="menu-item"><a href="blog-masonry-fullwidth.html">Masonry Full Width</a></li>
                                            <li class="menu-item menu-item-has-children">
                                            	<a href="#">Single Post</a>
                                                <ul class="sub-menu">
                                                	<li class="menu-item"><a href="single-blog-left-sidebar.html">Single Left Sidebar</a></li>
													<li class="menu-item"><a href="single-blog-right-sidebar.html">Single Right Sidebar</a></li>
													<li class="menu-item"><a href="single-blog-no-sidebar.html">Single No Sidebar</a></li>
													<li class="menu-item"><a href="single-blog-slideshow.html">Single Slideshow</a></li>
													<li class="menu-item"><a href="single-blog-video.html">Single Video</a></li>
													<li class="menu-item"><a href="single-blog-audio.html">Single Audio</a></li>
													<li class="menu-item"><a href="single-blog-link.html">Single Link</a></li>
													<li class="menu-item"><a href="single-blog-quote.html">Single Quote</a></li>
													<li class="menu-item"><a href="single-blog-header-image.html">Single Header Image</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item menu-item-has-children">
                                        <a href="#">Shop</a>
                                        <ul class="sub-menu">
                                            <li class="menu-item"><a href="shop-sidebar.html">Shop Sidebar</a></li>
											<li class="menu-item"><a href="shop-no-sidebar.html">Shop No Sidebar</a></li>
											<li class="menu-item"><a href="shop-custom.html">Shop Custom</a></li>
											<li class="menu-item"><a href="single-product.html">Single Product</a></li>
											<li class="menu-item"><a href="cart.html">Shopping Cart</a></li>
                                        </ul>
                                    </li>
                                </ul>
                                
                                <div class="navbar-secondary">
                                	<div class="navbar-btn">
                                    	<a href="cart.html" class="btn-cart"><i class="ion ion-bag"></i></a>
                                        <a href="#" class="btn-search"><i class="ion ion-ios-search-strong"></i></a>
                                    </div>
                                    <form action="#" method="GET">
                                        <input type="text" name="s" placeholder="To Search start typing...." autocomplete="off">
                                        <button type="button" class="btn-close"><i class="ion ion-android-close"></i></button>
                                    </form>
                                    <div class="navbar-cart">
                                    	<div class="cart-heading">
                                        	<p class="cart-count">2 item(s)</p>
                                            <p class="cart-price">$79.00</p>
                                        </div>
                                        <ul class="cart-list">
                                        	<li>
                                            	<a href="#" class="cart-btn-close">×</a>
                                                <img src="images/content/portfolios/square/1.jpg" alt="Thumbnail">
                                                <div class="cart-content">
                                                	<p>1 x<span>$30</span></p>
                                                    <a href="#">Black Leather Dress</a>
                                                </div>
                                            </li>
                                            <li>
                                            	<a href="#" class="cart-btn-close">×</a>
                                                <img src="images/content/portfolios/square/2.jpg" alt="Thumbnail">
                                                <div class="cart-content">
                                                	<p>1 x<span>$30</span></p>
                                                    <a href="#">Black Leather Dress</a>
                                                </div>
                                            </li>
                                        </ul>
                                        <div class="cart-footer">
                                        	<a href="#" class="btn-custom btn-grey">View Cart</a>
                                            <a href="#" class="btn-custom">Checkout</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                    <!-- .container end -->
                    
                </div>
                <!-- .navbar end -->
                
            </nav>
            <!-- #navigation end -->
            
            <!-- .sub-header -->
            <div class="sub-header">
            	
                <!-- .container -->
                <div class="container">
                    
                    <h4 class="header-title">Single Video</h4>
                    <div class="breadcrumbs">
                    	<a href="index.html">Home</a> <span class="sep">/</span> <a href="#">Photography</a> <span class="sep">/</span> <span class="current">Single Portfolio Video</span>
                    </div>
                    
                </div>
                <!-- .container end -->
                
            </div>
            <!-- .sub-header end -->
            
        </header>
        <!-- #header end -->
        
        <!-- #content -->
        <div id="content" class="single-portfolio">
            
            <!-- .container -->
            <div class="container">
            	<div class="main-content">
                    
					<div class="post-single-featured featured-video">
						<iframe width="1280" height="720" src="https://www.youtube.com/embed/BzMLA8YIgG0?rel=0" allowfullscreen></iframe>
					</div>
                    
                    <div class="post-single-nav">
                    	<h1 class="entry-title post-single-title">Vimeo FX Showreel</h1>
                        <div class="post-nav-link">
                        	<a href="#" class="nav-prev"><i class="ion ion-ios-arrow-left"></i></a>
                            <a href="#" class="nav-back"><i class="ion ion-grid"></i></a>
                            <a href="#" class="nav-next"><i class="ion ion-ios-arrow-right"></i></a>
                        </div>
                    </div>
                    
                    <!-- .row -->
                    <div class="post-single-txt row">
                    	
                        <div class="col-sm-8">
                        	<div class="entry-content post-single-content">
                            	<p>Vestibulum posuere placerat suscipit. Nam sed maximus quam. Cras neque nulla, porttitor et ipsum, mattis fermentum est. Nam ante elit, auctor id mi ut, cursus mattis felis. Etiam nisi mauris, eleifend eu placerat eua, vestibulum nisl. Mauris pharetra leo aliquet, consequat elit malesuada, placerat nulla. Sed urna felis, vehicula elit amet, scelerisque elementum risus. Etiam rhoncus lacinia urna. Sed mattis lacus, sit venenatis ipsum. Quisque ornare pretium nisl, aliquet rutrum mi congue quis. Ut vitae dignissim sem.</p>
                                <p>Vestibulum posuere placerat suscipit. Nam sed maximus quam. Cras neque nulla, porttitor et ipsum, mattis fermentum est. Nam ante elit, auctor id mi ut, cursus mattis felis. Etiam nisi mauris, eleifend eu placerat eua, vestibulum nisl. Mauris pharetra leo aliquet, consequat elit malesuada, placerat nulla. Sed urna felis, vehicula elit amet, scelerisque elementum risus. Etiam rhoncus lacinia urna. Sed mattis lacus, sit venenatis ipsum. Quisque ornare pretium nisl, aliquet rutrum mi congue quis. Ut vitae dignissim sem.</p>
                                <p>Vestibulum posuere placerat suscipit. Nam sed maximus quam. Cras neque nulla, porttitor et ipsum, mattis fermentum est. Nam ante elit, auctor id mi ut, cursus mattis felis. Etiam nisi mauris, eleifend eu placerat eua, vestibulum nisl. Mauris pharetra leo aliquet, consequat elit malesuada, placerat nulla. Sed urna felis, vehicula elit amet, scelerisque elementum risus. Etiam rhoncus lacinia urna. Sed mattis lacus, sit venenatis ipsum. Quisque ornare pretium nisl, aliquet rutrum mi congue quis. Ut vitae dignissim sem. Mauris rhoncus lacus et luctus euismod. Donec sed urna eu metus mollis viverra.</p>
                            </div>
                        </div>
                        
                        <div class="col-sm-4">
                        	<div class="entry-meta post-single-meta">
                            	<h3>Project Details</h3>
                                <ul>
                                	<li>
                                    	<h4><i class="ion ion-android-person"></i> Clients</h4>
                                        <p>ABC Technologies</p>
                                    </li>
                                    <li>
                                    	<h4><i class="ion ion-ios-paper-outline"></i> Project Summary</h4>
                                        <p>Lorem ipsum dolor amet, adipiscing elit aenean augue tincidunt augue, cursus convallis.</p>
                                    </li>
                                    <li>
                                    	<h4><i class="ion ion-calendar"></i> Date</h4>
                                        <p>March 10, 2017</p>
                                    </li>
                                    <li>
                                    	<h4><i class="ion ion-ios-pricetags-outline"></i> Categories</h4>
                                        <p><a href="#">HTML5</a>, <a href="#">CSS3</a>, <a href="#">jQuery</a>, <a href="#">Twitter Bootstrap v3.3.4</a>, <a href="#">WordPress</a>, <a href="#">Photoshop</a></p>
                                    </li>
                                </ul>
                                <a href="#" class="btn-custom">Launch Website</a>
                            </div>
                        </div>
                        
                    </div>
                    <!-- .row end -->
                    
                    <!-- .post-single-related -->
                    <div class="post-single-related">
                    	
                        <div class="post-related-nav carousel-nav-btn">
                        	<h4>You May Also Likes</h4>
                            <div class="post-nav-link">
                            	<a href="#" class="nav-prev"><i class="ion ion-ios-arrow-left"></i></a>
                                <a href="#" class="nav-next"><i class="ion ion-ios-arrow-right"></i></a>
                            </div>
                        </div>
                        
						<!-- .carousel-slider -->
                        <div class="carousel-slider carousel-nav-content post-related-slider row">
                        	
							<div class="col-sm-3"> <!-- 1 -->
                            	<div class="post-item">
                                	<figure class="post-thumbnail post-item-thumbnail img-hover3">
                                        <img src="images/content/portfolios/thumb/1.jpg" alt="Olivera Note">
                                        <div class="overlay-masked">
                                            <a href="#" class="link-left" title="Live Preview"><i class="ion ion-eye"></i></a>
                                            <a href="#" class="link-right" title="More Details"><i class="ion ion-android-open"></i></a>
                                        </div>
                                    </figure>
                                    <div class="post-item-txt">
                                    	<h4 class="entry-title post-item-title">
                                            <a href="#">Olivera Note</a>
                                        </h4>
                                        <div class="entry-meta post-item-meta">
                                            <a href="#">Print</a> <span>/</span> <a href="#">Web Design</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-sm-3"> <!-- 2 -->
                            	<div class="post-item">
                                	<figure class="post-thumbnail post-item-thumbnail img-hover3">
                                        <img src="images/content/portfolios/thumb/2.jpg" alt="Stockholm Fashion">
                                        <div class="overlay-masked">
                                            <a href="#" class="link-left" title="Live Preview"><i class="ion ion-eye"></i></a>
                                            <a href="#" class="link-right" title="More Details"><i class="ion ion-android-open"></i></a>
                                        </div>
                                    </figure>
                                    <div class="post-item-txt">
                                    	<h4 class="entry-title post-item-title">
                                            <a href="#">Stockholm Fashion</a>
                                        </h4>
                                        <div class="entry-meta post-item-meta">
                                        	<a href="#">Art</a> <span>/</span> <a href="#">Photography</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-sm-3"> <!-- 3 -->
                            	<div class="post-item">
                                	<figure class="post-thumbnail post-item-thumbnail img-hover3">
                                        <img src="images/content/portfolios/thumb/3.jpg" alt="Tablet Smart Cover">
                                        <div class="overlay-masked">
                                            <a href="#" class="link-left" title="Live Preview"><i class="ion ion-eye"></i></a>
                                            <a href="#" class="link-right" title="More Details"><i class="ion ion-android-open"></i></a>
                                        </div>
                                    </figure>
                                    <div class="post-item-txt">
                                    	<h4 class="entry-title post-item-title">
                                            <a href="#">Tablet Smart Cover</a>
                                        </h4>
                                        <div class="entry-meta post-item-meta">
                                            <a href="#">Goodies</a> <span>/</span> <a href="#">Photography</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-sm-3"> <!-- 4 -->
                            	<div class="post-item">
                                	<figure class="post-thumbnail post-item-thumbnail img-hover3">
                                        <img src="images/content/portfolios/thumb/4.jpg" alt="Maniac Typeface">
                                        <div class="overlay-masked">
                                            <a href="#" class="link-left" title="Live Preview"><i class="ion ion-eye"></i></a>
                                            <a href="#" class="link-right" title="More Details"><i class="ion ion-android-open"></i></a>
                                        </div>
                                    </figure>
                                    <div class="post-item-txt">
                                    	<h4 class="entry-title post-item-title">
                                            <a href="#">Maniac Typeface</a>
                                        </h4>
                                        <div class="entry-meta post-item-meta">
                                            <a href="#">Print</a> <span>/</span> <a href="#">Typography</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-sm-3"> <!-- 5 -->
                            	<div class="post-item">
                                	<figure class="post-thumbnail post-item-thumbnail img-hover3">
                                        <img src="images/content/portfolios/thumb/5.jpg" alt="Pale Skin Apparel">
                                        <div class="overlay-masked">
                                            <a href="#" class="link-left" title="Live Preview"><i class="ion ion-eye"></i></a>
                                            <a href="#" class="link-right" title="More Details"><i class="ion ion-android-open"></i></a>
                                        </div>
                                    </figure>
                                    <div class="post-item-txt">
                                    	<h4 class="entry-title post-item-title">
                                            <a href="#">Pale Skin Apparel</a>
                                        </h4>
                                        <div class="entry-meta post-item-meta">
                                            <a href="#">Web Design</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-sm-3"> <!-- 6 -->
                            	<div class="post-item">
                                	<figure class="post-thumbnail post-item-thumbnail img-hover3">
                                        <img src="images/content/portfolios/thumb/6.jpg" alt="Vimeo FX Showreel">
                                        <div class="overlay-masked">
                                            <a href="#" class="link-left" title="Live Preview"><i class="ion ion-eye"></i></a>
                                            <a href="#" class="link-right" title="More Details"><i class="ion ion-android-open"></i></a>
                                        </div>
                                    </figure>
                                    <div class="post-item-txt">
                                    	<h4 class="entry-title post-item-title">
                                            <a href="#">Vimeo FX Showreel</a>
                                        </h4>
                                        <div class="entry-meta post-item-meta">
                                            <a href="#">Art</a> <span>/</span> <a href="#">Goodies</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-sm-3"> <!-- 7 -->
                            	<div class="post-item">
                                	<figure class="post-thumbnail post-item-thumbnail img-hover3">
                                        <img src="images/content/portfolios/thumb/7.jpg" alt="Stockholm Fashion">
                                        <div class="overlay-masked">
                                            <a href="#" class="link-left" title="Live Preview"><i class="ion ion-eye"></i></a>
                                            <a href="#" class="link-right" title="More Details"><i class="ion ion-android-open"></i></a>
                                        </div>
                                    </figure>
                                    <div class="post-item-txt">
                                    	<h4 class="entry-title post-item-title">
                                            <a href="#">Stockholm Fashion</a>
                                        </h4>
                                        <div class="entry-meta post-item-meta">
                                        	<a href="#">Art</a> <span>/</span> <a href="#">Photography</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-sm-3"> <!-- 8 -->
                            	<div class="post-item">
                                	<figure class="post-thumbnail post-item-thumbnail img-hover3">
                                        <img src="images/content/portfolios/thumb/8.jpg" alt="Maniac Typeface">
                                        <div class="overlay-masked">
                                            <a href="#" class="link-left" title="Live Preview"><i class="ion ion-eye"></i></a>
                                            <a href="#" class="link-right" title="More Details"><i class="ion ion-android-open"></i></a>
                                        </div>
                                    </figure>
                                    <div class="post-item-txt">
                                    	<h4 class="entry-title post-item-title">
                                            <a href="#">Maniac Typeface</a>
                                        </h4>
                                        <div class="entry-meta post-item-meta">
                                            <a href="#">Print</a> <span>/</span> <a href="#">Typography</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
							
                        </div>
                        <!-- .carousel-slider end -->
						
                    </div>
                    <!-- .post-single-related end -->
                    
                </div>
            </div>
            <!-- .container end -->
            
        </div>
        <!-- #content end -->
        
        <!-- #bottom -->
        <div id="bottom">
            
            <!-- .container -->
            <div class="container">
                
                <!-- .footer-widgets -->
                <div class="footer-widgets">
                    
                    <!-- .row -->
                    <div class="row">
                        
                        <div class="col-sm-4">
                            <div class="widget">
                                <div class="widget_text">
                                    <img src="images/logo-white.png" alt="Logo" class="margin-bottom20">
                                    <p>Pellentesque eget molestie turpis curabitur gravida vestibulum sapien, id tempor orci vestibulum imper. Praesent id eros sit amet nisl eleifend lacinia velexim nunc quis dolor sodales, tempor nunc sed, ullamis corper ligula faucibus eleifend.</p>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-sm-4">
                            <div class="widget">
                                <div class="widget_recent_entries">
                                    <h4 class="widget-title">Latest News</h4>
                                    <ul>
                                        <li><a href="#">Transitions In UX Design</a></li>
                                        <li><a href="#">Supernatural FX Showreel</a></li>
                                        <li><a href="#">Recent Storytelling Trends</a></li>
                                        <li><a href="#">Portugal 2017 Trip Gallery</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-sm-4">
                            <div class="widget">
                                <div class="affa-portfolios-list-widget">
                                    <h4 class="widget-title">Recent Projects</h4>
                                    <ul>
                                        <li> <!-- 1 -->
                                            <figure class="img-hover hover-white">
                                                <a href="#">
                                                    <img src="images/content/portfolios/square/1.jpg" alt="Thumbnail">
                                                    <div class="overlay-masked">
                                                        <i class="ion ion-plus"></i>
                                                    </div>
                                                </a>
                                            </figure>
                                        </li>
                                        <li> <!-- 2 -->
                                            <figure class="img-hover hover-white">
                                                <a href="#">
                                                    <img src="images/content/portfolios/square/2.jpg" alt="Thumbnail">
                                                    <div class="overlay-masked">
                                                        <i class="ion ion-plus"></i>
                                                    </div>
                                                </a>
                                            </figure>
                                        </li>
                                        <li> <!-- 3 -->
                                            <figure class="img-hover hover-white">
                                                <a href="#">
                                                    <img src="images/content/portfolios/square/3.jpg" alt="Thumbnail">
                                                    <div class="overlay-masked">
                                                        <i class="ion ion-plus"></i>
                                                    </div>
                                                </a>
                                            </figure>
                                        </li>
                                        <li> <!-- 4 -->
                                            <figure class="img-hover hover-white">
                                                <a href="#">
                                                    <img src="images/content/portfolios/square/4.jpg" alt="Thumbnail">
                                                    <div class="overlay-masked">
                                                        <i class="ion ion-plus"></i>
                                                    </div>
                                                </a>
                                            </figure>
                                        </li>
                                        <li> <!-- 5 -->
                                            <figure class="img-hover hover-white">
                                                <a href="#">
                                                    <img src="images/content/portfolios/square/5.jpg" alt="Thumbnail">
                                                    <div class="overlay-masked">
                                                        <i class="ion ion-plus"></i>
                                                    </div>
                                                </a>
                                            </figure>
                                        </li>
                                        <li> <!-- 6 -->
                                            <figure class="img-hover hover-white">
                                                <a href="#">
                                                    <img src="images/content/portfolios/square/6.jpg" alt="Thumbnail">
                                                    <div class="overlay-masked">
                                                        <i class="ion ion-plus"></i>
                                                    </div>
                                                </a>
                                            </figure>
                                        </li>
                                        <li> <!-- 7 -->
                                            <figure class="img-hover hover-white">
                                                <a href="#">
                                                    <img src="images/content/portfolios/square/7.jpg" alt="Thumbnail">
                                                    <div class="overlay-masked">
                                                        <i class="ion ion-plus"></i>
                                                    </div>
                                                </a>
                                            </figure>
                                        </li>
                                        <li> <!-- 8 -->
                                            <figure class="img-hover hover-white">
                                                <a href="#">
                                                    <img src="images/content/portfolios/square/8.jpg" alt="Thumbnail">
                                                    <div class="overlay-masked">
                                                        <i class="ion ion-plus"></i>
                                                    </div>
                                                </a>
                                            </figure>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                    <!-- .row end -->
                    
                    <!-- .row -->
                    <div class="row">
                        
                        <div class="col-sm-4">
                            <div class="widget">
                                <div class="widget_text">
                                    <h4 class="widget-title">About Unicom</h4>
                                    <p>Morbi scelerisque, eros vel posuere consequat, quam nibh blandit, condimentum ligula purus.</p>
                                    <p>Vivamus tortor justo, tincidunt ac odio sed, egestas euismod velit. Maecenas cursus pulvinar iaculis sed risus nunc, cursus non tellus rhoncus felis.</p>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-sm-4">
                            <div class="widget">
                                <div class="affa-subscribe-widget">
                                    <h4 class="widget-title">Newsletter</h4>
                                    <p>Enter your email and we will send you a coupon with 10% off your next order.</p>
                                    <form method="post" action="#" class="affa-form-subscribe">
                                        <input type="text" name="email" placeholder="Email address">
                                        <input type="submit" name="submit" value="Send">
                                    </form>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-sm-4">
                            <div class="widget">
                                <div class="widget_text">
                                    <h4 class="widget-title">Contact Info</h4>
                                    <div class="list-icon">
                                        <ul>
                                            <li><i class="ion ion-ios-telephone"></i>(081) 254 5678</li>
                                            <li><i class="ion ion-ios-email"></i><a href="#">support@affapress.com</a></li>
                                            <li><i class="ion ion-map"></i>256/15 Second Street United States</li>
                                            <li><i class="ion ion-android-phone-portrait"></i>(081) 254 5678</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                    <!-- .row end -->
                    
                </div>
                <!-- .footer-widgets end -->
                
            </div>
            <!-- .container end -->
            
        </div>
        <!-- #bottom end -->
        
        <!-- #footer -->
        <footer id="footer">
            
            <!-- .container -->
            <div class="container">
                
                <div class="footer-nav">
                    <ul>
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Support</a></li>
                        <li><a href="#">Privacy</a></li>
                        <li><a href="#">Contact Us</a></li>
                    </ul>
                    <p>Unicom - All rights reserved &copy; 2017 by <a href="http://affapress.com/" target="_blank">Affapress</a></p>
                </div>
                
                <div class="footer-socials">
                    <ul>
                        <li><a href="#" title="Facebook"><i class="ion ion-social-facebook"></i></a></li>
                        <li><a href="#" title="Twitter"><i class="ion ion-social-twitter"></i></a></li>
                        <li><a href="#" title="Google Plus"><i class="ion ion-social-googleplus"></i></a></li>
                        <li><a href="#" title="Pinterest"><i class="ion ion-social-pinterest"></i></a></li>
                        <li><a href="#" title="Instagram"><i class="ion ion-social-instagram"></i></a></li>
                        <li><a href="#" title="Dribbble"><i class="ion ion-social-dribbble"></i></a></li>
                    </ul>
                </div>
                
            </div>
            <!-- .container end -->
            
        </footer>
        <!-- #footer end -->
        
    </div>
    <!-- #body-wrap end -->
    
    <a href="#" class="scrollup" title="Back to Top!"><i class="ion ion-android-arrow-up"></i></a> <!-- Back to Top -->
    
    <!-- #customize -->
    <div id="customize">
    	
        <!-- .scrollbar-inner -->
        <div class="scrollbar-inner">
            <div class="customize-wrap">
                
                <div class="customize-btn">
                    <a href="#" class="btn-custom">Buy Now!</a>
                </div>
                
                <h5>Color Options</h5>
                <div class="customize-color">
                    <a href="#" class="blue" title="Blue">blue</a>
                    <a href="#" class="green" title="Green">green</a>
                    <a href="#" class="orange" title="Orange">orange</a>
                    <a href="#" class="pink" title="Pink">pink</a>
                    <a href="#" class="purple" title="Purple">purple</a>
                    <a href="#" class="yellow" title="Yellow">yellow</a>
                </div>
                
                <h5>Homepages</h5>
                <div class="customize-row">
                    <a href="index.html" title="Default Business">
                        <figure><img src="images/content/demos/thumb/1.jpg" alt="Default Business"></figure>
                    </a>
                    <a href="index-2.html" title="Business 2">
                        <figure><img src="images/content/demos/thumb/2.jpg" alt="Business 2"></figure>
                    </a>
                    <a href="index-3.html" title="Business 3">
                        <figure><img src="images/content/demos/thumb/3.jpg" alt="Business 3"></figure>
                    </a>
                    <a href="index-4.html" title="Business 4">
                        <figure><img src="images/content/demos/thumb/4.jpg" alt="Business 4"></figure>
                    </a>
                    <a href="index-5.html" title="Business 5">
                        <figure><img src="images/content/demos/thumb/5.jpg" alt="Business 5"></figure>
                    </a>
                    <a href="index-6.html" title="Business 6">
                        <figure><img src="images/content/demos/thumb/6.jpg" alt="Business 6"></figure>
                    </a>
                    <a href="index-app.html" title="App Showcase">
                        <figure><img src="images/content/demos/thumb/7.jpg" alt="App Showcase"></figure>
                    </a>
                    <a href="index-blog.html" title="Blog">
                        <figure><img src="images/content/demos/thumb/8.jpg" alt="Blog"></figure>
                    </a>
                    <a href="index-construction.html" title="Construction">
                        <figure><img src="images/content/demos/thumb/9.jpg" alt="Construction"></figure>
                    </a>
                    <a href="index-education.html" title="Education">
                        <figure><img src="images/content/demos/thumb/10.jpg" alt="Education"></figure>
                    </a>
                    <a href="index-minimalist.html" title="Minimalist">
                        <figure><img src="images/content/demos/thumb/11.jpg" alt="Minimalist"></figure>
                    </a>
                    <a href="index-portfolio.html" title="Portfolio">
                        <figure><img src="images/content/demos/thumb/12.jpg" alt="Portfolio"></figure>
                    </a>
                    <a href="index-product.html" title="Product Showcase">
                        <figure><img src="images/content/demos/thumb/13.jpg" alt="Product Showcase"></figure>
                    </a>
                    <a href="index-shop.html" title="Shop">
                        <figure><img src="images/content/demos/thumb/14.jpg" alt="Shop"></figure>
                    </a>
                    <a href="index-startup.html" title="Startup">
                        <figure><img src="images/content/demos/thumb/15.jpg" alt="Startup"></figure>
                    </a>
                    <a href="index-startup-2.html" title="Startup 2">
                        <figure><img src="images/content/demos/thumb/16.jpg" alt="Startup 2"></figure>
                    </a>
                </div>
                
            </div>
        </div>
        <!-- .scrollbar-inner end -->
        
        <div class="popup-open"><i class="ion ion-ios-gear"></i></div>
        
	</div>
    <!-- #customize end -->
    
    <!--[if lt IE 8]>
    	<div class="browser-notice">
            <div class="container">
            	<div class="text">
                    <h1>Internet Explorer Out To Date</h1>
                    <p>Please update your Internet Explorer browser with a newer version (Internet Explorer 8 above) now!</p>
                    <span>You can download it <a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie" target="_blank">here....</a></span>
                </div>
            </div>
        </div>
	<![endif]-->
    
    <!-- JavaScripts -->
	<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
	<script type="text/javascript" src="js/jquery-migrate-1.4.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.easing.min.js"></script>
	<script type="text/javascript" src="js/jquery.plugin.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/response.min.js"></script>
	<script type="text/javascript" src="js/waypoints.min.js"></script>
	<script type="text/javascript" src="js/jquery.scroll-with-ease.js"></script>
	<script type="text/javascript" src="js/jquery.placeholder.min.js"></script>
	<script type="text/javascript" src="js/jquery.fitvids.js"></script>
	<script type="text/javascript" src="js/jquery.mousewheel-3.0.6.pack.js"></script>
	<script type="text/javascript" src="js/jquery.scrollbar.min.js"></script>
	<script type="text/javascript" src="js/parallax.min.js"></script>
	<script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
	<script type="text/javascript" src="js/slick.min.js"></script>
	<script type="text/javascript" src="js/jquery.fancybox.pack.js"></script>
	<script type="text/javascript" src="js/jquery.fancybox-media.js"></script>
	<script type="text/javascript" src="js/jquery.counterup.min.js"></script>
    <script type="text/javascript" src="js/jquery.countdown.min.js"></script>
	<script type="text/javascript" src="js/script.js"></script>
	
</body>

<!-- Mirrored from affapress.com/templates/unicom_responsive_multi_purpose_template/html/single-portfolio-video.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 16 Feb 2026 15:42:45 GMT -->
</html>