Skip to content

Instantly share code, notes, and snippets.

View ViktoriyaSupport's full-sized avatar

ViktoriyaSupport

View GitHub Profile
<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>
<div class="uk-overlay-panel uk-flex uk-flex-center uk-flex-middle tm-slider-wrap">
<div class="uk-grid uk-grid-collapse uk-width-1-1">
<div class="uk-width-2-3 tm-text-left" data-uk-scrollspy="{cls:'uk-animation-slide-left'}">
<div class="uk-panel-badge uk-badge uk-badge-danger">ALPHA</div>
<div class="tm-imageslider-overlay">
<span class="slide-text">CHRONOGRAPH 45 mm</span>
<span class="slide-head">PLANET OCEAN 600 M</span>
<a class="tm-button tm-button-dark tm-m-r-20" href="/">$ 585 | buy now</a>
<a class="tm-button tm-button-light" style="padding: 16px 28px !important;" href="/">details</a>
</div>
<div class="uk-grid text-center tm-watches-type">
<div class="uk-width-1-1 uk-width-small-1-2 uk-width-medium-1-3 uk-width-large-1-6">
<div class="uk-panel uk-text-center uk-width-1-1">
<p class="tm-wiget-content countIvents ">98</p> // change to your number
<i class="uk-icon-circle progress-icons"></i>
<span>Mens Watches</span> // change to your text
</div>
</div>
<div class="uk-width-1-1 uk-width-small-1-2 uk-width-medium-1-3 uk-width-large-1-6">
<div class="uk-panel uk-text-center uk-width-1-1">
<div class="uk-grid uk-text-center feautures-conteiner">
<div class="uk-width-large-1-5 uk-width-small-1-2 uk-width-medium-1-2 uk-animation-hover grow">
<img src="images/icons/clock.png" alt="" class="grow img-feautures"/>
<h4 class="text-feautures">4 FITNESS CLASSES</h4>
</div>
<div class="uk-width-large-1-5 uk-width-small-1-2 uk-width-medium-1-2 uk-animation-hover grow">
<img src="images/icons/individual.png" alt="" class="grow img-feautures" />
<h4 class="text-feautures">INDIVIDUAL TRAINING</h4>
</div>
<div class="uk-width-large-1-5 uk-width-small-1-2 uk-width-medium-1-2 uk-animation-hover grow">
<img src="/images/logo.png" style="min-width: 110px; margin-top: 16px; margin-bottom: 19px;" alt="Logo">
<div class="uk-cover-background uk-position-cover" style="background-image: url(images/slider/slide-2.jpg);"></div>
<img src="images/slider/slide-2.jpg" alt="Ken Burns Effect" width="1600" height="900">
<div class="uk-overlay-panel uk-flex uk-flex-center uk-flex-bottom">
<div style="margin-bottom: 100px; border: 0px solid white; width: 100%; height: 150px">
<h2 data-uk-scrollspy="{cls:'uk-animation-slide-left', repeat: true}" class="header-1">Perfect shape</h2>
<h2 data-uk-scrollspy="{cls:'uk-animation-slide-right', repeat: true, delay:2000}" class="header-2">perfect life</h2>
</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>
<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_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>