Assign modules on offcanvas module position to make them visible in the sidebar.
Team | Logo |
1. FC Bulldogs | ![]() |
2. FC Soccer | ![]() |
3. Kapino | ![]() |
4. Reda | ![]() |
5. Bolszewo | ![]() |
6. Orle | ![]() |
7. Gowino | ![]() |
8. Nanice | ![]() |
9. Pieleszewo | ![]() |
10. Ustarbowo | ![]() |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris in augue mollis, semper est ac, aliquet turpis. Vestibulum ut dapibus dolor.
Vestibulum commodo, ligula non iaculis tristique, erat sem luctus sapien, sed auctor felis nisi sed mauris. Maecenas eu iaculis tortor, ac volutpat ipsum. In eget lacus erat.
Nullam nec magna tellus. Vestibulum rutrum velit et nulla tristique, ac sodales risus tempor. Mauris in augue mollis, semper est ac, aliquet turpis. Vestibulum ut dapibus dolor.
Phasellus sed nisi ut nibh accumsan commodo sed a libero. In ut semper felis, a vestibulum mi. Ut et lacus lectus. Vivamus tempus erat et augue bibendum posuere. In mauris metus, ultrices vel vulputate nec, dictum eget nulla. Etiam ac est metus.
Mauris at orci pretium, congue erat vel, vulputate eros. In posuere venenatis lacinia. Mauris aliquam faucibus velit, vitae cursus tellus aliquam vel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris in augue mollis, semper est ac, aliquet turpis. Vestibulum ut dapibus dolor.
Cras sodales justo eu felis viverra, sit amet semper quam vehicula.
<img class="img-rounded" src="/image.jpg" />
<img class="img-circle" src="/image.jpg" />
<img class="img-polaroid" src="/image.jpg" />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris convallis porta lacinia bibendum felis.
<p class="jm-block"><span class="jm">01</span>Text goes here</p>
01Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.
02Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.
03Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.
<p class="jm-block second"><span class="jm">a</span>Text goes here</p>
aLorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.
bLorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.
cLorem ipsum dolor sit amet, consectetur adipiscing elit. Duis viverra leo sed turpis convallis sit amet condimentum diam vehicula. Morbi suscipit nisl odio, nec sodales tellus. Aenean quis sapien suscipit mauris.
<p class="jmbadge" >Text goes here</p>
<p class="jmcalendar" >Text goes here</p>
<p class="jmchat" >Text goes here</p>
<p class="jmcheck" >Text goes here</p>
<p class="jmcloud" >Text goes here</p>
<p class="jmdirection" >Text goes here</p>
<p class="jmdivide" >Text goes here</p>
<p class="jmerror" >Text goes here</p>
<p class="jmfire" >Text goes here</p>
<p class="jmflag" >Text goes here</p>
<p class="jmheart" >Text goes here</p>
<p class="jmhome" >Text goes here</p>
<p class="jminfo" >Text goes here</p>
<p class="jmlist" >Text goes here</p>
<p class="jmmail" >Text goes here</p>
<p class="jmpeople" >Text goes here</p>
<p class="jmstar" >Text goes here</p>
<p class="jmstat" >Text goes here</p>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<small>John Doe</small>
</blockquote>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
John Doe
<blockquote class="pull-right">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<small>John Doe</small>
</blockquote>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
John Doe
<ul>
<-- list goes here -->
</ul>
<ul class="jm-arrow">
<-- list goes here -->
</ul>
<ul class="jm-arrow2">
<-- list goes here -->
</ul>
<ol>
<-- list goes here -->
</ol>
<ol class="jm-roman">
<-- list goes here -->
</ol>
<ol class="jm-alpha">
<-- list goes here -->
</ol>
<p class="readmore" href="#">Read more</a>
<a class="btn" href="#">Button</a>
<span class="icon-joomla"> </span>
<div class="jm-presentation"> <span class="jm-subtitle">fc kickers Symphony, a concert of whistles for fc soccer</span> <h1 class="jm-title-big">Willis & Jolie deliver again <br>to show Wejherowo are <br>THRIVING without Clarke</h1> <a class="readmore" href="#" title="Read More">Read More</a> </div>
<div class="jm-next-match"> <div class="jm-date-counts" data-enddate="may,28,2016,12:15:00"> <span><span class="days"></span></span> <span><span class="hours"></span></span> <span><span class="mins"></span></span> <span><span class="secs"></span></span> </div> <div class="jm-match"> <img src="/images/modules/fc-bulldogs.png" alt=""/><span>FC BULLDOGS MARATHON</span> </div> </div>
In the purpose of this article counter is not displayed dynamically. Running counter you can see on the home page.
<div style="text-align: center;"> <p> Mauris imperdiet purus sit amet quam congue arcu. Donec nec nunc ac dolor. Ut ac massa mattis magna. Praesent tortor lacus feugiat velit. In euismod. Sed lobortis augue. Pellentesque placerat. </p> <br /> <a class="btn" href="#">Join</a> </div>
Mauris imperdiet purus sit amet quam congue arcu. Donec nec nunc ac dolor. Ut ac massa mattis magna. Praesent tortor lacus feugiat velit. In euismod. Sed lobortis augue. Pellentesque placerat.
<div class="jm-league-table"> <table> <thead> <tr> <td>Event</td> <td>Date</td> </tr> </thead> <tbody> <tr> <td>1. Bulldogs Marathon</td> <td>13 April</td> </tr> <tr> <td>2. Soccer Marathon</td> <td>20 April</td> </tr> <tr> <td>3. Kapino Marathon</td> <td>15 June</td> </tr> <tr> <td>4. Reda Marathon</td> <td>1 July</td> </tr> <tr> <td>5. Bolszewo Marathon</td> <td>5 August</td> </tr> <tr> <td>6. Orle Marathon</td> <td>30 August</td> </tr> </tbody> </table> <a href="#" class="jm-see">See all</a> </div>
Event | Date |
1. Bulldogs Marathon | 13 April |
2. Soccer Marathon | 20 April |
3. Kapino Marathon | 15 June |
4. Reda Marathon | 1 July |
5. Bolszewo Marathon | 5 August |
6. Orle Marathon | 30 August |
<div class="jm-trophies"> <div class="jm-col5"> <div class="jm-trophy"> <div class="jm-img"><img src="/images/trophies-counter/winner-runner-arriving-to-end-line.png" alt=""/></div> <div class="jm-count" data-from="0" data-to="24">24</div> <div class="jm-subtitle">Marathon</div> </div> <div class="jm-trophy"> <div class="jm-img"><img src="/images/trophies-counter/chronometer-running.png" alt=""/></div> <div class="jm-count" data-from="0" data-to="99">99</div> <div class="jm-subtitle">Half-marathon</div> </div> <div class="jm-trophy"> <div class="jm-img"><img src="/images/trophies-counter/trail-running-shoe.png" alt=""/></div> <div class="jm-count" data-from="0" data-to="5250">5250</div> <div class="jm-subtitle">km distance</div> </div> <div class="jm-trophy"> <div class="jm-img"><img src="/images/trophies-counter/podium.png" alt=""/></div> <div class="jm-count" data-from="0" data-to="35">35</div> <div class="jm-subtitle">Runners</div> </div> <div class="jm-trophy"> <div class="jm-img"><img src="/images/trophies-counter/icon.png" alt=""/></div> <div class="jm-count" data-from="0" data-to="7245">7245</div> <div class="jm-subtitle">Training hours</div> </div> </div> </div>
<div class="jm-players-wrapper"> <div class="jm-col4"> <div class="jm-player-wrapper"> <div class="jm-player"> <div class="jm-player-image"> <img src="/images/modules/plans/dark/04.png" alt=""/> </div> <div class="jm-player-description"> <span class="jm-player-info"> <a href="#"><span class="jm-player-name">Get ready</span></a> <span class="jm-player-position">Prepare a training program</span> </span> </div> </div> </div> <div class="jm-player-wrapper"> <div class="jm-player"> <div class="jm-player-image"> <img src="/images/modules/plans/dark/08.png" alt=""/> </div> <div class="jm-player-description"> <span class="jm-player-info"> <a href="#"><span class="jm-player-name">Cross-Training</span></a> <span class="jm-player-position">Ride a bike on a Sunday afternoon</span> </span> </div> </div> </div> <div class="jm-player-wrapper"> <div class="jm-player"> <div class="jm-player-image"> <img src="/images/modules/plans/dark/03.png" alt=""/> </div> <div class="jm-player-description"> <span class="jm-player-info"> <a href="#"><span class="jm-player-name">Gymnastics</span></a> <span class="jm-player-position">Aerobic exercise and weight loss</span> </span> </div> </div> </div> <div class="jm-player-wrapper"> <div class="jm-player"> <div class="jm-player-image"> <img src="/images/modules/plans/dark/01.png" alt=""/> </div> <div class="jm-player-description"> <span class="jm-player-info"> <a href="#"><span class="jm-player-name">Stretching muscles</span></a> <span class="jm-player-position">Healthy, injury-free exercises</span> </span> </div> </div> </div> <div class="jm-player-wrapper"> <div class="jm-player"> <div class="jm-player-image"> <img src="/images/modules/plans/dark/05.png" alt=""/> </div> <div class="jm-player-description"> <span class="jm-player-info"> <a href="#"><span class="jm-player-name">Run at your own pace</span></a> <span class="jm-player-position">Guide to running faster</span> </span> </div> </div> </div> <div class="jm-player-wrapper"> <div class="jm-player"> <div class="jm-player-image"> <img src="/images/modules/plans/dark/06.png" alt=""/> </div> <div class="jm-player-description"> <span class="jm-player-info"> <a href="#"><span class="jm-player-name">Strength development</span></a> <span class="jm-player-position">Various exercises should be a priority</span> </span> </div> </div> </div> <div class="jm-player-wrapper"> <div class="jm-player"> <div class="jm-player-image"> <img src="/images/modules/plans/dark/07.png" alt=""/> </div> <div class="jm-player-description"> <span class="jm-player-info"> <a href="#"><span class="jm-player-name">Conditioning</span></a> <span class="jm-player-position">Fix your running form</span> </span> </div> </div> </div> <div class="jm-player-wrapper"> <div class="jm-player"> <div class="jm-player-image"> <img src="/images/modules/plans/dark/02.png" alt=""/> </div> <div class="jm-player-description"> <span class="jm-player-info"> <a href="#"><span class="jm-player-name">Weightlifting</span></a> <span class="jm-player-position">Get stronger to run faster</span> </span> </div> </div> </div> </div> </div>
<div class="jm-match-table jm-module title-border-ms title-center-ms clearfix"> <div class="jm-next-match"> <h3 class="jm-title ">Next Match</h3> <div class="jm-date-counts" data-enddate="may,28,2016,12:15:00"> <span><span class="days"></span></span> <span><span class="hours"></span></span> <span><span class="mins"></span></span> <span><span class="secs"></span></span> </div> <div class="jm-match"> <span>FC BULLDOGS MARATHON</span> </div> <p> </p> <a href="#" class="jm-see">October 9, 20177:00 pm | Cambridgeshire UK</a> <div> <img src="/images/modules/fc-bulldogs.png" alt=""/> </div> </div> <div class="jm-match-table-row"> <div class="jm-table-row clearfix"> <div class="date span1"><span class="day">25</span><br/>APR</div> <div class="rivals span5"><img src="/images/modules/teams/03.png" alt=""/>Kapino</div> <div class="location span3"><img src="/images/modules/location.png" alt=""/>London, UK</div> <div class="read span3"><a href="#" class="readmore">Read more</a></div> </div> </div> <div class="jm-match-table-row"> <div class="jm-table-row clearfix"> <div class="date span1"><span class="day">08</span><br/>SEP</div> <div class="rivals span5"><img src="/images/modules/teams/04.png" alt=""/>Nanice</div> <div class="location span3"><img src="/images/modules/location.png" alt=""/>London, UK</div> <div class="read span3"><a href="#" class="readmore">Read more</a></div> </div> </div> <div class="jm-match-table-row"> <div class="jm-table-row clearfix"> <div class="date span1"><span class="day">10</span><br/>OCT</div> <div class="rivals span5"><img src="/images/modules/teams/05.png" alt=""/>Orle</div> <div class="location span3"><img src="/images/modules/location.png" alt=""/>London, UK</div> <div class="read span3"><a href="#" class="readmore">Read more</a></div> </div> </div> <div class="jm-match-table-row"> <div class="jm-table-row clearfix"> <div class="date span1"><span class="day">06</span><br/>DEC</div> <div class="rivals span5"><img src="/images/modules/teams/06.png" alt=""/>Reda</div> <div class="location span3"><img src="/images/modules/location.png" alt=""/>London, UK</div> <div class="read span3"><a href="#" class="readmore">Read more</a></div> </div> </div> <div class="jm-match-table-row"> <div class="jm-table-row clearfix"> <div class="date span1"><span class="day">15</span><br/>FEB</div> <div class="rivals span5"><img src="/images/modules/teams/07.png" alt=""/>Bolszewo</div> <div class="location span3"><img src="/images/modules/location.png" alt=""/>London, UK</div> <div class="read span3"><a href="#" class="readmore">Read more</a></div> </div> </div> <div class="jm-match-table-row"> <div class="jm-table-row clearfix"> <div class="date span1"><span class="day">30</span><br/>OCT</div> <div class="rivals span5"><img src="/images/modules/teams/08.png" alt=""/>Pieleszewo</div> <div class="location span3"><img src="/images/modules/location.png" alt=""/>London, UK</div> <div class="read span3"><a href="#" class="readmore">Read more</a></div> </div> </div> <div class="jm-match-table-row"> <div class="jm-table-row clearfix"> <div class="date span1"><span class="day">03</span><br/>JAN</div> <div class="rivals span5"><img src="/images/modules/teams/09.png" alt=""/>Gowino</div> <div class="location span3"><img src="/images/modules/location.png" alt=""/>London, UK</div> <div class="read span3"><a href="#" class="readmore">Read more</a></div> </div> </div> <div class="jm-match-table-row"> <div class="jm-table-row clearfix"> <div class="date span1"><span class="day">12</span><br/>DEC</div> <div class="rivals span5"><img src="/images/modules/teams/10.png" alt=""/>Ustarbowo</div> <div class="location span3"><img src="/images/modules/location.png" alt=""/>London, UK</div> <div class="read span3"><a href="#" class="readmore">Read more</a></div> </div> </div> </div>
In the purpose of this article counter is not displayed dynamically. Running counter you can see on the home page.