Skip to content

Instantly share code, notes, and snippets.

@ivandoric ivandoric/html
Created Apr 21, 2018

Embed
What would you like to do?
Momir gist
<!-- zelim -->
<section class="zelim-wrap">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-7">
<h2 class="futuraBook title">Najpopularni mobiteli na pretplatu</h2>
</div>
<div class="col-xs-12 col-sm-5 text-right hidden-xs">
<a href="#" class="btn btn-default btn-lg text-upper btn-svi-uredjaji">Svi mobiteli</a>
</div>
</div>
<div class="row no-pad">
<div class="col-xs-12">
<div class="zelim-slider-wrap">
<div id="zelim-slider" class="zelim-slider">
<div class="item">
<div class="device-box">
<a href="#">
<figure><img src="../../images/phone1.png" class="img-responsive" /></figure>
<div class="promo">
<div class="vcenter">150 kn discount</div>
</div>
<div class="product-name"><span>Apple</span> iPhone 6S</div>
<div class="cena">
<span><div class="no">699</div> kn odmah</span>
</div>
<div class="u-tarifi">
<div class="no">+130</div> kn/mj.
<br />
<div class="tarifa">Mobilna M</div>
</div>
</a>
<div class="kupi-odmah">
<a href="#" class="btn btn-default btn-lg btn-ico text-upper"><i class="fa fa-shopping-cart"></i> kupi</a>
</div>
</div>
</div>
<div class="item">
<div class="device-box">
<a href="#">
<figure><img src="../../images/phone2.png" class="img-responsive" /></figure>
<div class="promo">
<div class="vcenter">+ free accessory</div>
</div>
<div class="promo secondary">
<div class="vcenter">dopunska promocija</div>
</div>
<div class="product-name"><span>Samsung</span> Galaxy S7 Edge</div>
<div class="cena">
<span><div class="no">699</div> kn odmah</span>
</div>
<div class="u-tarifi">
<div class="no">+130</div> kn/mj.
<br />
<div class="tarifa">Mobilna M</div>
</div>
</a>
<div class="kupi-odmah">
<a href="#" class="btn btn-default btn-lg btn-ico text-upper"><i class="fa fa-shopping-cart"></i> kupi</a>
</div>
</div>
</div>
<div class="item">
<div class="device-box">
<a href="#">
<figure><img src="../../images/phone3.png" class="img-responsive" /></figure>
<div class="promo alt">
<div class="vcenter">50 kn discount</div>
</div>
<div class="promo secondary alt">
<div class="vcenter">dopunska promocija</div>
</div>
<div class="product-name"><span>Microsoft</span> Lumia 650</div>
<div class="cena">
<span><div class="no">699</div> kn odmah</span>
</div>
<div class="u-tarifi">
<div class="no">+130</div> kn/mj.
<br />
<div class="tarifa">Mobilna M</div>
</div>
</a>
<div class="kupi-odmah">
<a href="#" class="btn btn-default btn-lg btn-ico text-upper"><i class="fa fa-shopping-cart"></i> kupi</a>
</div>
</div>
</div>
<div class="item">
<div class="device-box">
<a href="#">
<figure><img src="../../images/phone4.png" class="img-responsive" /></figure>
<div class="promo">
<div class="vcenter">75 kn discount</div>
</div>
<div class="product-name"><span>LG</span> G5</div>
<div class="cena">
<span><div class="no">699</div> kn odmah</span>
</div>
<div class="u-tarifi">
<div class="no">+130</div> kn/mj.
<br />
<div class="tarifa">Mobilna M</div>
</div>
</a>
<div class="kupi-odmah">
<a href="#" class="btn btn-default btn-lg btn-ico text-upper"><i class="fa fa-shopping-cart"></i> kupi</a>
</div>
</div>
</div>
<div class="item">
<div class="device-box">
<a href="#">
<figure><img src="../../images/phone1.png" class="img-responsive" /></figure>
<div class="promo">
<div class="vcenter">+ free accessory</div>
</div>
<div class="product-name"><span>Apple</span> iPhone 6S</div>
<div class="cena">
<span><div class="no">699</div> kn odmah</span>
</div>
<div class="u-tarifi">
<div class="no">+130</div> kn/mj.
<br />
<div class="tarifa">Mobilna M</div>
</div>
</a>
<div class="kupi-odmah">
<a href="#" class="btn btn-default btn-lg btn-ico text-upper"><i class="fa fa-shopping-cart"></i> kupi</a>
</div>
</div>
</div>
<div class="item">
<div class="device-box">
<a href="#">
<figure><img src="../../images/phone2.png" class="img-responsive" /></figure>
<div class="product-name"><span>Samsung</span> Galaxy S7 Edge</div>
<div class="cena">
<span><div class="no">699</div> kn odmah</span>
</div>
<div class="u-tarifi">
<div class="no">+130</div> kn/mj.
<br />
<div class="tarifa">Mobilna M</div>
</div>
</a>
<div class="kupi-odmah">
<a href="#" class="btn btn-default btn-lg btn-ico text-upper"><i class="fa fa-shopping-cart"></i> kupi</a>
</div>
</div>
</div>
<div class="item">
<div class="device-box">
<a href="#">
<figure><img src="../../images/phone3.png" class="img-responsive" /></figure>
<div class="product-name"><span class="futuraDemi">Microsoft</span> Lumia 650</div>
<div class="cena">
<span><div class="no">699</div> kn odmah</span>
</div>
<div class="u-tarifi">
<div class="no">+130</div> kn/mj.
<br />
<div class="tarifa">Mobilna M</div>
</div>
</a>
<div class="kupi-odmah">
<a href="#" class="btn btn-default btn-lg btn-ico text-upper"><i class="fa fa-shopping-cart"></i> kupi</a>
</div>
</div>
</div>
<div class="item">
<div class="device-box">
<a href="#">
<figure><img src="../../images/phone4.png" class="img-responsive" /></figure>
<div class="product-name"><span>LG</span> G5</div>
<div class="cena">
<span><div class="no">699</div> kn odmah</span>
</div>
<div class="u-tarifi">
<div class="no">+130</div> kn/mj.
<br />
<div class="tarifa">Mobilna M</div>
</div>
</a>
<div class="kupi-odmah">
<a href="#" class="btn btn-default btn-lg btn-ico text-upper"><i class="fa fa-shopping-cart"></i> kupi</a>
</div>
</div>
</div>
</div>
<!-- end #zelim-slider -->
</div>
<!-- mobiteli slider END -->
</div>
<!-- end .col-xs-12 -->
<div class="col-xs-12 col-sm-6 text-center visible-xs">
<a href="#" class="btn btn-default btn-lg text-upper">Svi mobiteli</a>
</div>
</div>
<!-- end row -->
<!-- zelim -->
</div>
<!-- end .container -->
</section>
<!-- end zelim .zelim-wrap -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.