
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Basic page needs
	============================================ -->
	<title>Black Friday 2020 Sale! Up to 50% Off Storewide</title>

	<meta charset="utf-8">
	<meta id="metaDes" name="description" content="Super Black Friday Sale up to 50% Off on any single purchase, memberships & renewals. Share it with your friend & get an extra discount now." />
    <meta name="keywords" content="black friday, black friday 2020, black friday sale, smartaddons, joomla offer, opencart offer, shopify offer, discount, sale" />
    <meta name="author" content="Magentech">
    <meta name="robots" content="index, follow" />
   
	<!-- Mobile specific metas
	============================================ -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	
	<!-- Favicon
	============================================ -->
    <link href="https://www.smartaddons.com/templates/youtech-company/favicon.ico" rel="shortcut icon" type="image/x-icon" />
	
	<!-- Google web fonts
	============================================ -->
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Roboto:400,900,700,500' rel='stylesheet' type='text/css'>
	<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">

    <!-- Libs CSS
	============================================ -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://www.smartaddons.com/templates/youtech-company/css/jquery.mmenu.all.css" type="text/css" />
	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
	<link rel="stylesheet" href="https://www.smartaddons.com/media/system/css/modal.css" type="text/css" />
	<!-- Theme CSS
	============================================ -->
	<link id="color_scheme" href="css/theme.css" rel="stylesheet">
	
   
	<!-- Include Libs & Plugins
	============================================ -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script type="text/javascript" src="https://www.smartaddons.com/media/k2/assets/js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="https://www.smartaddons.com/media/system/js/mootools.js"></script>
	<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
	<script src="js/jquery.countdown.min.js"></script>
	<script src="js/jQuery-sharedcount.js"></script>
	<script type="text/javascript" src="https://www.smartaddons.com/media/system/js/modal.js"></script>
	<script type="text/javascript" src="https://www.smartaddons.com/templates/youtech-company/js/jsmart.noconflict.js"></script>
  <script type="text/javascript" src="https://www.smartaddons.com/templates/youtech-company/js/yt_menuscript.js"></script>
	<script type="text/javascript" src="https://www.smartaddons.com/templates/youtech-company/js/jquery.mmenu.min.all.js"></script>
  	<script type="text/javascript" src="https://www.smartaddons.com/templates/youtech-company/menusys/class/mega/assets/megalib15.js"></script>
	<!-- Theme files
	============================================ -->
	<script type="text/javascript">
		window.addEvent('domready',function() {
			new YTMega(
				$('meganavigator'),
				{
					duration: 300,
					transition: Fx.Transitions.Circ.easeOut,
					slide: 1,
					wrapperClass: 'yt-main',
					activeSlider: 0,
					debug: false
				});
		});
	</script>
	

</head>

<body class="common-home res">
    <div id="wrapper" class="wrapper-full">
	<!-- Header Container  -->
	<header id="header" class="variantleft">
		<!-- Header center -->
		<div id="yt-header" class="header-center ">
			<div class="container">
				<div class="row">
					<!-- Logo -->
					<div class="header__logo col-md-3 col-sm-3 col-xs-12">
						<a href="http://www.smartaddons.com/"><img src="image/demo/logo.png" title="smartaddons" alt="smartaddons" /></a>
					</div>
					<!-- //end Logo -->
					
					<!-- Main Menu -->
					<div class="header__menu col-md-7 col-sm-7 col-xs-12 text-right">
						<ul id="meganavigator" class="navi list-inline">
							<li class="level1 havechild"><a class="level1 havechild" href="https://www.smartaddons.com/joomla-templates"  target="_blank"><span class="menu-title">Joomla</span></a>
								<div class="level2 mega-content">
									<div class="mega-content-inner">
										<div class="mega-col first" >
										</div>
										<ul class="subnavi level2">
											<li class="level2 first "><a class="level2 first " href="https://www.smartaddons.com/joomla-templates"><span class="menu-title">Joomla Templates</span></a></li>
											<li class="level2 first "><a class="level2 first " href="https://www.smartaddons.com/joomla-extensions"  target="_blank"><span class="menu-title">Joomla Extensions</span></a></li>
										</ul>
									</div>
								</div>	
							</li>
							<li class="level1"><a class="level1" href="https://www.smartaddons.com/opencart-themes/premium-themes"  target="_blank"><span class="menu-title">OpenCart Themes</span></a></li>
							<li class="level1"><a class="level1" href="https://www.smartaddons.com/shopify-themes/premium-themes"  target="_blank"><span class="menu-title">Shopify Themes</span></a></li>
						</ul>
						<div id="yt-responivemenu" class="yt-resmenu menu-sidebar">
							<a  href="#yt-off-resmenu">
								<i class="fa fa-bars"></i> 
							</a>
							<div id="yt_resmenu_sidebar">
	        					<ul class="blank">
	        						<li><a href='/joomla-templates'>Joomla</a>            
	        							<ul class="nav">
	        								<li><a href='https://www.smartaddons.com/joomla-templates'>Joomla Templates</a>        </li>
	        								<li><a href='https://www.smartaddons.com/joomla-extensions'>Joomla Extensions</a>        </li>
	        							</ul>
	        						</li>	
	        						<li><a href='https://www.smartaddons.com/opencart-themes/premium-themes'>Opencart Themes</a>        </li>
	        						<li><a href='https://www.smartaddons.com/shopify-themes/premium-themes'>Shopify Themes</a>        </li>
	        					</ul>	
							</div>
						</div>	
							<script type="text/javascript">
							jQuery(document).ready(function($){
								if($('#yt-off-resmenu ')){
									$('#yt-off-resmenu').html($('#yt_resmenu_sidebar').html());
									$("#yt_resmenu_sidebar").remove();
								}
								$('#yt-off-resmenu').mmenu({});

							});
						</script>
					</div>
					<!-- //Main Menu -->
					<!-- Shop Now -->
					<div class="shopnow col-md-2 col-sm-2 col-xs-12">
						<a id="purchase" class="pull-right" target="_blank" href="https://www.smartaddons.com/pricing">Shop Now <i class="fa fa-angle-double-right"></i></a>
					</div>
					<!-- //Shop Now -->
				</div>
			</div>
		</div>
		<!-- //Header center -->
		<div class="header-bottom ">
			<div class="container">
				<div class="row">
					<!-- TEXT -->
					<div class="slider__right col-md-6 col-sm-12 ">
						<div class="slider__discount text-left">
							<div class="slider__discount--date">
								20<span class="hat__symbol">th </span>Nov - 2<span class="hat__symbol">nd </span> Dec 2020
							</div>
					
							<h2>Enjoy Our Exciting Sale Season!</h2>
							<div class="slider__discount--content">
								This offer applies to all our products including <span class="text">Joomla Templates, Joomla Extensions, OpenCart Themes</span> and <span class="text">Shopify themes </span> which are being sold on <em>SmartAddons.Com</em> and SA Membership Clubs. SHARE and get BIG extra discount!
							</div>
							<div class="slider__coupon">
								<div class="slider__coupon-content">
									<div class="title-coupon alt"><span>30% OFF</span></div>
									<div class="number-coupon">Coupon <span class="text-color">: BLACK2020</span></div>
								</div>
							</div>
							<div class="slider__coundown">
								<div class="title-coundown">
									<b>It will end in:</b>
								</div>
								<div class="countdown_box">
									<div class="countdown_inner">
										
										<script type="text/javascript"><!--
										 jQuery(function ($) {
										var austDay = new Date(2020, 12-1 , +3);
											$('.defaultCountdown').countdown(austDay, function(event) {
												var $this = $(this).html(event.strftime(''
												   + '<div class="time-item time-day"><div class="num-time">%D</div><div class="name-time">Days </div></div>'
												   + '<div class="time-item time-hour"><div class="num-time">%H</div><div class="name-time">Hours </div></div>'
												   + '<div class="time-item time-min"><div class="num-time">%M</div><div class="name-time">Mins </div></div>'
												   + '<div class="time-item time-sec"><div class="num-time">%S</div><div class="name-time">Secs </div></div>'));
											});
										});
										//--></script>
										<div class="defaultCountdown"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- //TEXT -->

					<!-- Theme sale -->
					<div class="slider__left col-md-6 col-sm-12 col-xs-12">
						<img class="slider__left--bigsale" src="image/demo/theme-sale.png" title="bigsale" alt="bigsale" />
					</div>
					<!-- //end Theme sale -->
					
				</div>
			</div>
		</div>
		<!-- Header Bottom -->
		
		<!-- //Header Bottom -->
	</header>
	<!-- //Header Container  -->
	
	<!-- Main Container  -->
	<div class="main-landing-page">
		<div class="backtotop"><i class="fa fa-arrow-down"></i></div>
		<div class=" container">
			<div class="row">
				<div id="content" class="col-sm-12">
					<div class="check-bonus">
						<h5 class="tini-title">What We Have for You</h5>
						<h3 class="title">High Quality Products</h3>
						<div class="row modcontent clear clearfix">
							<div class="item-mod item-joomla-temp col-lg-4 col-md-3 col-sm-3 col-xs-6">
								<div class="iconimg">
									<img src="image/demo/logo_joomla.png" alt="Joomla"/>
								</div>
								<div class="item-mod-content">
									<a href="https://www.smartaddons.com/joomla-templates" title="100+ Joomla Templates">
										<h4> 100+ </h4>
										<div class="sub-mod">
											Joomla Templates
										</div>
									</a>
								</div>
								<div class="mod-content">100+ Responsive Joomla Templates for Latest Joomla 3.x and cover all topics. Regularly releases, updates.</div>
							</div>
							<div class="item-mod item-joomla-ext col-lg-4 col-md-3 col-sm-3 col-xs-6">
								<div class="iconimg">
									<img src="image/demo/logo_extension.png" alt="Joomla Extensions"/>
								</div>
								<div class="item-mod-content">
									<a href="https://www.smartaddons.com/joomla-extensions" title="300+ Joomla Extensions">
									<h4> 200+ </h4>
									<div class="sub-mod">
										Joomla Extensions
									</div>
									</a>
								</div>
								<div class="mod-content">Various of Joomla extensions that will help you easily, quickly build and improve your Joomla websites.</div>
							</div>
							<div class="item-mod item-oc-temp col-lg-4 col-md-3 col-sm-3 col-xs-6">
								<div class="iconimg">
									<img src="image/demo/logo_opencart.png" alt="Opencart Themes"/>
								</div>
								<div class="item-mod-content">
									<a href="https://www.smartaddons.com/opencart-themes/premium-themes" title="Opencart Themes">
										<h4> 18+ </h4>
										<div class="sub-mod">
											Opencart Themes
										</div>
									</a>
								</div>
								<div class="mod-content">Feature-rich OpenCart themes on SmartAddons.Com. Highly customization, Mobile layouts ready.</div>
							</div>
							
						</div>
						<div class="row modcontent clear clearfix">
							<div class="item-mod item-shopify-temp col-lg-6 col-md-3 col-sm-3 col-xs-6">
								<div class="iconimg">
									<img src="image/demo/logo_shopify.png" alt="Shopify Themes"/>
								</div>
								<div class="item-mod-content">
									<a href="https://www.smartaddons.com/shopify-themes/premium-themes" title="Premium Shopify Themes">
										<h4> 08+ </h4>
										<div class="sub-mod">
											Shopify Themes
										</div>
									</a>
								</div>
								<div class="mod-content">Strategic eCommerce designs associated with users' demands. Effectively promote your online stores with affordable cost.</div>
							</div>
							<div class="item-mod item-plans col-lg-6 col-md-3 col-sm-3 col-xs-6">
								<div class="iconimg">
									<img src="image/demo/logo_member.png" alt="Membership Plans"/>
								</div>
								<div class="item-mod-content">
									<a href="https://www.smartaddons.com/pricing" title="Membership Plans">
										<h4> Premium  </h4>
										<div class="sub-mod">
											Membership Plans
										</div>
									</a>
								</div>
								<div class="mod-content">Instantly afford all current & future themes, extensions at a really low price & save a BULK of money.</div>
							</div>
						</div>
					</div>
						
				</div>
			</div>
		</div>
	</div>
	<!-- //Main Container -->
	
	<!-- Footer Container -->
	<footer class="footer-container">
		<!-- Footer Bottom Container -->
		<div class="container">
			<div class="row">
				
				<div class="col-sm-12 item-bonus"> 
					<h2>CRAZY BONUS</h2>
					<h3>Share this news to your friends to unlock the new coupon with <span class="text-color">10 - 20%</span> extra discount.</h3>
					<h3>The <b>EARLIER</b> you share it, the <b>MORE</b> extra discount you get!</h3>
					<div class="unlock-share">
						<a class="btn-popup-share" href="#" data-toggle="modal" data-target="#myModal" >Unlock Extra Coupon Code</a>
					</div>
					<div class="number-share">
					</div>
					<div class="note">
						<em>Note: From 20th - 27th Nov, you can get a <span class="text-color">20%</span> extra discount. From 28th Nov - 2nd Dec, you can get a <span class="text-color">10%</span> extra discount.</em>
					</div>
						
				</div>				
			</div>
		</div>
		<!-- /Footer Bottom Container -->		
		<!-- Footer Bottom Container -->
		<div class="footer-bottom">
			<div class="container">
				<div class="row">
					<div class="col-md-2">
						<ul class="social inlineBlock">
							<li><a href="https://www.facebook.com/smartaddons.page"><span class="elementor-icon-list-icon"><i class="fa fa-facebook-f" aria-hidden="true"></i></span></a></li>
							<li><a href="https://twitter.com/smartaddons"><span class="elementor-icon-list-icon"><i class="fa fa-twitter" aria-hidden="true"></i>
							</span></a></li>
							<li><a href="http://www.linkedin.com/in/smartaddons"><span class="elementor-icon-list-icon"><i class="fa fa-linkedin" aria-hidden="true"></i>
							</span></a></li>
						</ul>
					</div>
					<div class="col-md-6 copyright">Copyright © 2009 - 2020 <a href="http://www.smartaddons.com/">SmartAddons.Com</a>. All Rights Reserved.</div>
					<div class="col-md-4">
						<ul class="menu inlineBlock">
							<li><a href="https://www.smartaddons.com/terms-of-use"><span>Terms Of Use</span></a></li>
							<li><a href="https://www.smartaddons.com/privacy-policy"><span>Privacy Policy</span></a></li>
							<li><a href="https://www.smartaddons.com/about-us"><span>About Us</span></a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- /Footer Bottom Container -->
	</footer>
	<!-- //end Footer Container -->
    </div>	
	<!-- Modal -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	  <div class="modal-dialog" role="document">
		<div class="modal-content">
			<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		  <div class="modal-body">				
				<h4 class="modal-title" id="myModalLabel">Share to unlock</h4>
				<p class="desc">Share this good news to your friends & unlock the extra coupon code.</p>
			    <!-- Facebook -->
			    <a data-service="facebook" class="btn-share share-face" href="http://www.facebook.com/sharer.php?u=https://www.smartaddons.com/black-friday-2020/" target="_blank">
			        <i class="fa fa-facebook"></i><span>Facebook</span>
			    </a>
		       	<!-- Twitter -->
			    <a data-service="twitter" class="btn-share share-twitter" href="https://twitter.com/share?url=https://www.smartaddons.com/black-friday-2020&text=Biggest%20Thanksgiving,%20Black%20Friday%20and%20Cyber%20Monday%20Sale%20from%20@SmartAddons!%20Up%20to%20Fifty%20Percent%20OFF%20Storewide.%20Check%20it%20now!%20#sablackfriday20%20" target="_blank">			        
			        <i class="fa fa-twitter"></i><span>Twitter</span>
			    </a>
			 	
			    <!-- Pinterest -->
			    <a data-service="pinterest" class="btn-share share-pinter" href="http://pinterest.com/pin/create/button/?url=https://www.smartaddons.com/black-friday-2020">
			        <i class="fa fa-pinterest"></i><span>Pinterest</span>
			    </a>
		  </div>		  
		</div>
	  </div>
	</div>
	<script type="text/javascript">
	jQuery(document).ready(function($) {
		var shareUrl = "https://smartaddons.com";
		var numShare = 0;
		function loadCount(){
			$.getJSON('https://share-count.appspot.com/?url=' + encodeURIComponent(shareUrl) + "&callback=?", function (data) {
				shares = data.shares;
				shares.total = data.total;
				$('.number-share .nb-share').html(shares.total);
				numShare = data.total;
				$(".nb-share").each(function (index, el) {
		            service = $(el).parents(".number-share").attr("data-service");
		            count = shares[service];
		            if(count>1000) {
		                count = (count / 1000).toFixed(1);
		                if(count>1000) count = (count / 1000).toFixed(1) + "M";
		                else count = count + "k";
		            }
		            $(el).html(count);
		        });
			});
		}
		loadCount();
		$('.share-face,.share-twitter,.share-pinter').click(function(e) {
			e.preventDefault();
			window.open($(this).attr('href'), 'fbShareWindow', 'height='+$(window).height()+', width='+$(window).width()+', toolbar=0, location=0, menubar=0, directories=0, scrollbars=0');
			var numShareOld = $(".number-share .nb-share").html();
			var interval = setInterval(function() {
				loadCount();
				if(parseInt(numShare) > parseInt(numShareOld)) {
					clearInterval(interval);
					$('.unlock-share a').hide();
					$('.unlock-share').html('<span class="btn-popup-share" style="font-size: 34px; font-weight: bold;">BLACKEXTRA</span>');
				}    
			}, 100);			
			setTimeout(function(){
				clearInterval(interval);
				$('.unlock-share a').hide();
				$('.unlock-share').html('<span class="btn-popup-share" style="font-size: 34px; font-weight: bold;">BLACKEXTRA</span>');
			}, 10000);
			return false;
		});
	});
			
	</script>
</body>
</html>