Skip to content

Instantly share code, notes, and snippets.

View ViktoriyaSupport's full-sized avatar

ViktoriyaSupport

View GitHub Profile
<div id="facts" class="facts-block bg-color3" data-uk-scrollspy="{cls:'uk-active', repeat: true}">
<div class="container">
<div class="uk-width-medium-1-3 uk-width-small-1-1">
<div class="fact">
<i class="uk-icon-download"></i>
<h3 class="timer" data-to="840" data-speed="5000" >840</h3>
<h4>Downloads</h4>
</div>
</div>
<img src="/wp-content/uploads/2015/06/slide_5.jpg" width="800" height="400" alt="New Record">
<div class="uk-overlay-panel uk-flex uk-flex-center uk-flex-middle">
<div class="tm-slide-style-1">
<div class="slide-text-primary tm-heading-font uk-text-left" data-uk-scrollspy="{cls:'uk-animation-scale-up'}" style="padding:0;">
<a href="#tm-pricing" data-uk-smooth-scroll="">New <br>Record</a>
</div>
<h4 class="slide-subhead uk-text-left tm-heading-font" data-uk-scrollspy="{cls:'uk-animation-fade'}">
Every day from 4:00pm till 08:00pm
<img src="/wp-content/uploads/2015/06/slide_3.jpg" alt="Muscle Mass" width="800" height="400" />
<div class="uk-overlay-panel uk-flex uk-flex-center uk-flex-middle">
<div class="tm-slide-style-3">
<div class="slide-text-primary" data-uk-scrollspy="{cls:'uk-animation-slide-right'}"><a href="#">Muscle Mass</a></div>
<div class="tm-slide-panel" data-uk-scrollspy="{cls:'uk-animation-slide-left'}">
<p class="ak-slide-subhead">Cras mattis consectetur purus sit amet fermentum. Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
<a class="uk-button uk-button-primary" href="/central-finess-club/">View Location</a>
</div>
<img src="/wp-content/uploads/2015/06/slide_2.jpg" alt="Kickboxing" width="800" height="400" />
<div class="uk-overlay-panel uk-flex uk-flex-center uk-flex-middle">
<div class="tm-slide-style-2">
<div class="slide-text-primary" data-uk-scrollspy="{cls:'uk-animation-scale-up'}"><a href="#">Kickboxing</a></div>
<div class="tm-slide-panel uk-text-center" data-uk-scrollspy="{cls:'uk-animation-fade'}">
<h4 class="ak-slide-subhead uk-text-center">Every day from 4:00pm till 08:00pm</h4>
<a class="uk-button uk-button-primary" href="/central-finess-club/">View Location</a>
</div>
</div>
</div>
<img src="/wp-content/uploads/2015/06/slide_1.jpg" alt="Ken Burns Effect" width="1600" height="900">
<div class="uk-overlay-panel uk-flex uk-flex-center uk-flex-middle">
<div class="tm-slide-style-1">
<h3 class="slide-head tm-heading-font" data-uk-scrollspy="{cls:'uk-animation-slide-left'}">it’s right time to</h3>
<div class="slide-text-primary tm-heading-font" data-uk-scrollspy="{cls:'uk-animation-scale-up'}"><a href="#">Go to Gym</a></div>
<h4 class="slide-subhead uk-text-right tm-heading-font" data-uk-scrollspy="{cls:'uk-animation-slide-right'}">starts from $19.99<sup>/month</sup></h4>
</div>
</div>
<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>
<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}">
@ViktoriyaSupport
ViktoriyaSupport / MF_AboutWidget.html
Created August 7, 2017 09:41
MaxxFitness_AboutWidget
<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 id="intro" class="intro-block bg-color-grad" >
<div class="pattern-bg intro-block-content" >
<div class="uk-width-1-1 uk-container uk-container-center" >
<div class="uk-width-medium-1-2 uk-width-small-1-1" style=" float: right;">
<div class="tm-slider-logo">
<img src="/wp-content/uploads/logo.png" alt="logo" width="100" height="100" class="tm-logo-img alignnone size-full wp-image-11" >
<div id="offcanvas" class="uk-offcanvas">
<div class="uk-offcanvas-bar">
<div class="uk-panel widget_search">
<form class="uk-search" id="search-3" method="get" role="search">
<input class="uk-search-field" type="text" value="" name="s" placeholder="search...">
</form>
</div>
<ul class="uk-nav uk-nav-offcanvas">
<li class="uk-parent"><a href="index.html" class="">HOME</a>
<ul class="uk-nav-sub">