Skip to content

Instantly share code, notes, and snippets.

@ardianferdianto

ardianferdianto/HTML snippet of promo page template

Created January 16, 2017 00:56
Show Gist options
  • Save ardianferdianto/2103d11a5df544bda81848e1f42c11cc to your computer and use it in GitHub Desktop.
Save ardianferdianto/2103d11a5df544bda81848e1f42c11cc to your computer and use it in GitHub Desktop.
Download ZIP
Raw
HTML snippet of promo page template
<p style="text-align: center;">&nbsp;<img alt="Clearance" src="{{media url="wysiwyg/Promo-Banners/CLEARANCE/showcase2.jpg"}}" /></p>
<p style="text-align: center;">&nbsp;</p>
<!-- Start ROW -->
<div class="promo row">
<div class="col-sm-1">&nbsp;</div>
<div class="col-sm-4">
<div class="product-item">
<div class="product-shop-top"><a class="product-image " title="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " href="http://www.vitaminshower.com.au/cartridge-pack-of-3-vitamin-c-shower-filter-longer-lasting-cartridges.html"><br /><img class="img-responsive" alt="Vapir Prima Portable Vaporizer" src="{{media url="wysiwyg/Promo-Banners/CLEARANCE/Vapir_Prima_Portable_Vaporizer.jpg"}}" height="400" width="400" /> </a></div>
<div class="product-shop">
<div class="f-fix"><!--product name-->
<h3 class="product-name" style="min-height: 42px; text-align: center;"><strong><a title="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " href="http://www.vitaminshower.com.au/cartridge-pack-of-3-vitamin-c-shower-filter-longer-lasting-cartridges.html">Prima Portable Vaporizer </a></strong></h3>
<!--product detail-->
<div class="detail-box">
<ul>
<li>Lorem ipsum</li>
<li><span>dolor sit amet</span></li>
<li><span><span>consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</span></span></li>
</ul>
</div>
<!--product detail--></div>
</div>
</div>
</div>
<div class="col-sm-2">&nbsp;</div>
<div class="col-sm-4">
<div class="product-item">
<div class="product-shop-top"><a class="product-image " title="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " href="http://www.vitaminshower.com.au/cartridge-pack-of-3-vitamin-c-shower-filter-longer-lasting-cartridges.html"><br /><img class="img-responsive" alt="VapirRise2.0 Ultimate Desktop Vaporizer" src="{{media url="wysiwyg/Promo-Banners/CLEARANCE/VapirRise2.0_Desktop_Vaporizer.jpg"}}" height="400" width="400" /> </a></div>
<div class="product-shop">
<div class="f-fix"><!--product name-->
<h3 class="product-name" style="min-height: 42px; text-align: center;"><strong><a title="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " href="http://www.vitaminshower.com.au/cartridge-pack-of-3-vitamin-c-shower-filter-longer-lasting-cartridges.html">VapirRise2.0 Ultimate Desktop Vaporizer </a></strong></h3>
<!--product detail-->
<div class="detail-box">
<ul>
<li>Lorem ipsum</li>
<li><span>dolor sit amet</span></li>
<li><span><span>consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</span></span></li>
</ul>
</div>
<!--product detail--></div>
</div>
</div>
</div>
<div class="col-sm-1">&nbsp;</div>
</div>
<!-- END ROW -->
<p>&nbsp;</p>
<div class="promo row">
<div class="col-sm-1">&nbsp;</div>
<div class="col-sm-4">
<div class="product-item">
<div class="product-shop-top"><a class="product-image " title="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " href="http://www.vitaminshower.com.au/cartridge-pack-of-3-vitamin-c-shower-filter-longer-lasting-cartridges.html"><br /><img class="img-responsive" alt="Iolite Original Portable Vaporizer" src="{{media url="wysiwyg/Promo-Banners/CLEARANCE/Iolite_Original_Portable_Vaporizer.jpg"}}" height="400" width="400" /> </a></div>
<div class="product-shop">
<div class="f-fix"><!--product name-->
<h3 class="product-name" style="min-height: 42px; text-align: center;"><strong><a title="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " href="http://www.vitaminshower.com.au/cartridge-pack-of-3-vitamin-c-shower-filter-longer-lasting-cartridges.html">Iolite Original Portable Vaporizer </a></strong></h3>
<!--product detail-->
<div class="detail-box">
<ul>
<li>Lorem ipsum</li>
<li><span>dolor sit amet</span></li>
<li><span><span>consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</span></span></li>
</ul>
</div>
<!--product detail--></div>
</div>
</div>
</div>
<div class="col-sm-2">&nbsp;</div>
<div class="col-sm-4">
<div class="product-item">
<div class="product-shop-top"><a class="product-image " title="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " href="http://www.vitaminshower.com.au/cartridge-pack-of-3-vitamin-c-shower-filter-longer-lasting-cartridges.html"><br /><img class="img-responsive" alt="Haze v2.5 Portable Vaporizer" src="{{media url="wysiwyg/Promo-Banners/CLEARANCE/Haze_Portable_Vaporizer.jpg"}}" height="400" width="400" /> </a></div>
<div class="product-shop">
<div class="f-fix"><!--product name-->
<h3 class="product-name" style="min-height: 42px; text-align: center;"><strong><a title="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " href="http://www.vitaminshower.com.au/cartridge-pack-of-3-vitamin-c-shower-filter-longer-lasting-cartridges.html">Haze v2.5 Portable Vaporizer </a></strong></h3>
<!--product detail-->
<div class="detail-box">
<ul>
<li>Lorem ipsum</li>
<li><span>dolor sit amet</span></li>
<li><span><span>consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</span></span></li>
</ul>
</div>
<!--product detail--></div>
</div>
</div>
</div>
<div class="col-sm-1">&nbsp;</div>
</div>
<p>&nbsp;</p>
<div class="promo row">
<div class="col-sm-1">&nbsp;</div>
<div class="col-sm-4">
<div class="product-item">
<div class="product-shop-top"><a class="product-image " title="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " href="http://www.vitaminshower.com.au/cartridge-pack-of-3-vitamin-c-shower-filter-longer-lasting-cartridges.html"><br /><img class="img-responsive" alt="PUFFiT 2 Portable Vaporizer" src="{{media url="wysiwyg/Promo-Banners/CLEARANCE/PUFFiT_2_Portable_Vaporizer.jpg"}}" height="400" width="400" /> </a></div>
<div class="product-shop">
<div class="f-fix"><!--product name-->
<h3 class="product-name" style="min-height: 42px; text-align: center;"><strong><a title="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " href="http://www.vitaminshower.com.au/cartridge-pack-of-3-vitamin-c-shower-filter-longer-lasting-cartridges.html">PUFFiT 2 Portable Vaporizer </a></strong></h3>
<!--product detail-->
<div class="detail-box">
<ul>
<li>Lorem ipsum</li>
<li><span>dolor sit amet</span></li>
<li><span><span>consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</span></span></li>
</ul>
</div>
<!--product detail--></div>
</div>
</div>
</div>
<div class="col-sm-2">&nbsp;</div>
<div class="col-sm-4">
<div class="product-item">
<div class="product-shop-top"><a class="product-image " title="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " href="http://www.vitaminshower.com.au/cartridge-pack-of-3-vitamin-c-shower-filter-longer-lasting-cartridges.html"><br /><img class="img-responsive" alt="PUFFiT X Portable Vaporizer" src="{{media url="wysiwyg/Promo-Banners/CLEARANCE/PUFFiT_X_Portable_Vaporizer.jpg"}}" height="400" width="400" /> </a></div>
<div class="product-shop">
<div class="f-fix"><!--product name-->
<h3 class="product-name" style="min-height: 42px; text-align: center;"><strong><a title="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " href="http://www.vitaminshower.com.au/cartridge-pack-of-3-vitamin-c-shower-filter-longer-lasting-cartridges.html">PUFFiT X Portable Vaporizer </a></strong></h3>
<!--product detail-->
<div class="detail-box">
<ul>
<li>Lorem ipsum</li>
<li><span>dolor sit amet</span></li>
<li><span><span>consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</span></span></li>
</ul>
</div>
<!--product detail--></div>
</div>
</div>
</div>
<div class="col-sm-1">&nbsp;</div>
</div>
<p>&nbsp;</p>
<div class="promo row">
<div class="col-sm-1">&nbsp;</div>
<div class="col-sm-4">
<div class="product-item">
<div class="product-shop-top"><a class="product-image " title="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " href="http://www.vitaminshower.com.au/cartridge-pack-of-3-vitamin-c-shower-filter-longer-lasting-cartridges.html"><br /><img class="img-responsive" alt="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " src="{{media url="wysiwyg/terrared.jpg"}}" height="400" width="400" /> </a></div>
<div class="product-shop">
<div class="f-fix"><!--product name-->
<h3 class="product-name" style="min-height: 42px; text-align: center;"><strong><a title="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " href="http://www.vitaminshower.com.au/cartridge-pack-of-3-vitamin-c-shower-filter-longer-lasting-cartridges.html">Vapir Oxigen Mini Portable Vaporizer </a></strong></h3>
<!--product detail-->
<div class="detail-box">
<ul>
<li>Lorem ipsum</li>
<li><span>dolor sit amet</span></li>
<li><span><span>consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</span></span></li>
</ul>
</div>
<!--product detail--></div>
</div>
</div>
</div>
<div class="col-sm-2">&nbsp;</div>
<div class="col-sm-4">
<div class="product-item">
<div class="product-shop-top"><a class="product-image " title="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " href="http://www.vitaminshower.com.au/cartridge-pack-of-3-vitamin-c-shower-filter-longer-lasting-cartridges.html"><br /><img class="img-responsive" alt="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " src="{{media url="wysiwyg/terrared.jpg"}}" height="400" width="400" /> </a></div>
<div class="product-shop">
<div class="f-fix"><!--product name-->
<h3 class="product-name" style="min-height: 42px; text-align: center;"><strong><a title="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " href="http://www.vitaminshower.com.au/cartridge-pack-of-3-vitamin-c-shower-filter-longer-lasting-cartridges.html">Vapir NO2 Portable Vaporizer </a></strong></h3>
<!--product detail-->
<div class="detail-box">
<ul>
<li>Lorem ipsum</li>
<li><span>dolor sit amet</span></li>
<li><span><span>consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</span></span></li>
</ul>
</div>
<!--product detail--></div>
</div>
</div>
</div>
<div class="col-sm-1">&nbsp;</div>
</div>
<p>&nbsp;</p>
<div class="promo row">
<div class="col-sm-1">&nbsp;</div>
<div class="col-sm-4">
<div class="product-item">
<div class="product-shop-top"><a class="product-image " title="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " href="http://www.vitaminshower.com.au/cartridge-pack-of-3-vitamin-c-shower-filter-longer-lasting-cartridges.html"><br /><img class="img-responsive" alt="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " src="{{media url="wysiwyg/terrared.jpg"}}" height="400" width="400" /> </a></div>
<div class="product-shop">
<div class="f-fix"><!--product name-->
<h3 class="product-name" style="min-height: 42px; text-align: center;"><strong><a title="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " href="http://www.vitaminshower.com.au/cartridge-pack-of-3-vitamin-c-shower-filter-longer-lasting-cartridges.html">Phantom Premium </a></strong></h3>
<!--product detail-->
<div class="detail-box">
<ul>
<li>Lorem ipsum</li>
<li><span>dolor sit amet</span></li>
<li><span><span>consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</span></span></li>
</ul>
</div>
<!--product detail--></div>
</div>
</div>
</div>
<div class="col-sm-2">&nbsp;</div>
<div class="col-sm-4">
<div class="product-item">
<div class="product-shop-top"><a class="product-image " title="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " href="http://www.vitaminshower.com.au/cartridge-pack-of-3-vitamin-c-shower-filter-longer-lasting-cartridges.html"><br /><img class="img-responsive" alt="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " src="{{media url="wysiwyg/terrared.jpg"}}" height="400" width="400" /> </a></div>
<div class="product-shop">
<div class="f-fix"><!--product name-->
<h3 class="product-name" style="min-height: 42px; text-align: center;"><strong><a title="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " href="http://www.vitaminshower.com.au/cartridge-pack-of-3-vitamin-c-shower-filter-longer-lasting-cartridges.html">Phantom Premium </a></strong></h3>
<!--product detail-->
<div class="detail-box">
<ul>
<li>Lorem ipsum</li>
<li><span>dolor sit amet</span></li>
<li><span><span>consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</span></span></li>
</ul>
</div>
<!--product detail--></div>
</div>
</div>
</div>
<div class="col-sm-1">&nbsp;</div>
</div>
<p>&nbsp;</p>
<div class="promo row">
<div class="col-sm-1">&nbsp;</div>
<div class="col-sm-4">
<div class="product-item">
<div class="product-shop-top"><a class="product-image " title="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " href="http://www.vitaminshower.com.au/cartridge-pack-of-3-vitamin-c-shower-filter-longer-lasting-cartridges.html"><br /><img class="img-responsive" alt="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " src="{{media url="wysiwyg/terrared.jpg"}}" height="400" width="400" /> </a></div>
<div class="product-shop">
<div class="f-fix"><!--product name-->
<h3 class="product-name" style="min-height: 42px; text-align: center;"><strong><a title="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " href="http://www.vitaminshower.com.au/cartridge-pack-of-3-vitamin-c-shower-filter-longer-lasting-cartridges.html">Phantom Premium </a></strong></h3>
<!--product detail-->
<div class="detail-box">
<ul>
<li>Lorem ipsum</li>
<li><span>dolor sit amet</span></li>
<li><span><span>consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</span></span></li>
</ul>
</div>
<!--product detail--></div>
</div>
</div>
</div>
<div class="col-sm-2">&nbsp;</div>
<div class="col-sm-4">
<div class="product-item">
<div class="product-shop-top"><a class="product-image " title="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " href="http://www.vitaminshower.com.au/cartridge-pack-of-3-vitamin-c-shower-filter-longer-lasting-cartridges.html"><br /><img class="img-responsive" alt="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " src="{{media url="wysiwyg/terrared.jpg"}}" height="400" width="400" /> </a></div>
<div class="product-shop">
<div class="f-fix"><!--product name-->
<h3 class="product-name" style="min-height: 42px; text-align: center;"><strong><a title="Cartridge Pack of 3 Vitamin C Shower Longer Lasting Filter Cartridges " href="http://www.vitaminshower.com.au/cartridge-pack-of-3-vitamin-c-shower-filter-longer-lasting-cartridges.html">Phantom Premium </a></strong></h3>
<!--product detail-->
<div class="detail-box">
<ul>
<li>Lorem ipsum</li>
<li><span>dolor sit amet</span></li>
<li><span><span>consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</span></span></li>
</ul>
</div>
<!--product detail--></div>
</div>
</div>
</div>
<div class="col-sm-1">&nbsp;</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment