Skip to content

Instantly share code, notes, and snippets.

View ViktoriyaSupport's full-sized avatar

ViktoriyaSupport

View GitHub Profile
<div class="uk-grid tm-price" data-uk-grid-margin="" data-uk-grid-match="{target:'.uk-panel'}">
<div class="uk-width-medium-1-2 uk-text-center" data-uk-scrollspy="{cls:'uk-animation-slide-left', repeat: true}">
<div class="uk-panel uk-float-right uk-width-small-1-1 uk-width-medium-1-2 uk-width-large-1-2">
<div class="price">$24<sup>.99</sup></div>
<h2 class="uk-panel-title uk-margin-top">per month</h2>
<p class="tm-panel-subtitle">Health Checks <br>Personal fitness programm <br>Membership cards</p>
<a class="uk-button uk-button-large" href="#" title="Buy Now">
<i class="uk-icon-akplus">+</i>
<span>Buy Now</span>
<a class="tm-promo-video"
data-rokbox href="http://vimeo.com/31012462"
data-rokbox-caption="Promo Video - Preview"
data-uk-scrollspy="{cls:'uk-animation-fade', repeat: true}" >
<img src="images/demo/visuals/promo-video.jpg" width="610" height="380" alt="Promo Video" />
</a>
<div class="uk-panel uk-text-center ak-statistics-box">
<ul class="uk-subnav uk-subnav-line tm-statistics">
<li data-uk-scrollspy="{cls:'uk-animation-slide-bottom', repeat: true, delay:0}">
<div class="digit"
data-from="0"
data-to="231"
data-speed="1400">231</div>
<div class="text">Locations</div>
</li>
<li data-uk-scrollspy="{cls:'uk-animation-slide-top', repeat: true, delay:400}">
<div class="uk-grid" style="margin-bottom: 110px;">
<div class="uk-width-large-1-2 uk-width-medium-2-3 uk-width-small-1-1" data-uk-scrollspy="{cls:'uk-animation-slide-right', repeat: true}">
<div class="tm-logo-text">
<span class="color-1">Maxx</span><span class="color-2">Fitness</span>
</div>
<p class="uk-margin-remove">We are Spotys. Premium Joomla Template for small and big gyms. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum. Vestibulum id ligula porta felis euismod semper.</p>
<ol class="tm-list">
<li>Responsive Design based on UIkit system</li>
<div class="uk-grid">
<p class="uk-text-left uk-width-medium-2-3">Aliquam dui justo, feugiat eu ligula at, posuere cursus enim. Fusce dictum egestas sem eu convallis. Suspendisse sapien turpis, iaculis eu congue at, tristique facilisis sapien. Vivamus sit amet cursus orci. </p>
</div>
<div class="uk-grid uk-grid-width-medium-1-3" data-uk-grid-margin="">
<!-- left section -->
<div class="uk-grid-width-1-1 ang-mobile-apps" data-uk-grid-margin data-uk-scrollspy="{cls:'uk-animation-slide-left', target:'> div', repeat: true, delay:600}">
<div class="uk-text-left" >
<h4 class="uk-margin-small-bottom"><a href="/?page_id=867"><i class="uk-icon-clone"></i>Information Services</a></h4>
<p class="tm-wiget-content uk-margin-remove">Sed turpis mi, porttitor nec congue tempus, posuere nec sapien. Mauris laoreet pellentesque justo.</p>
</div>
<img src="/wp-content/uploads/slider-img-06.jpg" alt="slider-img-06" width="1920" height="960" class="aligncenter size-full wp-image-630" />
<div class="uk-overlay-panel uk-overlay-right uk-overlay-slide-right uk-flex uk-flex-center uk-flex-middle uk-width-1-1">
<div class="uk-container uk-container-center tm-full-width">
<div class=" tm-wrap">
<div class="tm-slide-style-2 uk-width-1-1">
<div class="">
<div class="imageslider-background"><h3 class="slide-head">Responsive Church</h3></div><br />
<div class="imageslider-background"><h3 class="slide-head">Wordpress Theme</h3></div>
</div>
<a href="/category/sermons" class="tm-imageslider-button color-light">More&nbsp;<i class="uk-icon-long-arrow-right"></i></a>
<h1 class="uk-text-center">we are the best</h1>
<h3 class="uk-text-center">No company in the world better than ours</h3>
<ul class="uk-grid uk-grid-width-small-1-1 uk-grid-width-medium-1-2 uk-grid-width-large-1-4 uk-text-center">
<li data-uk-scrollspy="{cls:'uk-animation-slide-left', repeat: true}">
<div class="tt-item">
<a href="">
<div class="bg-icon">
<img src="/wp-content/themes/boss/images/icon-1.png" alt="icon-1">
</div>
<div class="uk-panel tm-classes">
<div class="uk-cover-background uk-position-relative" style="background-image: url('/wp-content/uploads/demo/classes/class-6.jpg');">
<img src="/wp-content/uploads/demo/classes/class-6.jpg" class="uk-invisible" width="610" height="640" alt="5 Unique Workauts to Improve your Deadlift">
<div class="uk-position-cover uk-flex uk-flex-center uk-flex-bottom">
<div class="ak-overlay-classes uk-width-1-1">
<div class="tm-radial uk-float-left" data-circle-value="0.90" >
<div>Duration <span>90 minutes</span></div>
</div>
<div class="tm-radial uk-float-left" data-circle-value="0.35" >
<div class="uk-grid">
<div class="uk-width-medium-1-4 section">
<div class="uk-panel tt-box-panel "><img src="/wp-content/uploads/svg/medal.svg" class="tt-img-svg uk-align-center" data-uk-svg>
<h3 class="tt-box-panel-tttle">QUALITY</h3>
<hr class="tt-hr">
<p class="uk-text-center tt-panel-text">
Looking cautiously round, to<br/> ascertain that they were not<br/> overheard, the
</p>
</div>
</div>
<div class="tm-wrap"> <!--after <body> -->
</div> <!--before </body> -->
<!--Add to css/custom.css -->
.tm-wrap{
overflow-x: hidden;
}