Image Borders

<img class="img-rounded" src="/joomla30/jm-sport-v2/image.jpg" />

<img class="img-circle" src="/joomla30/jm-sport-v2/image.jpg" />

<img class="img-polaroid" src="/joomla30/jm-sport-v2/image.jpg" />

Headings

Numered blocks

<p class="jm-block"><span class="jm">01</span>Text goes here</p>

<p class="jm-block second"><span class="jm">a</span>Text goes here</p>

Colored Blocks

Icon blocks

Blockquote

<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<small>John Doe</small>
</blockquote>

<blockquote class="pull-right">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<small>John Doe</small>
</blockquote>

Unordered lists

<ul>
<-- list goes here -->
</ul>

<ul class="jm-arrow">
<-- list goes here -->
</ul>

<ul class="jm-arrow2">
<-- list goes here -->
</ul>

Ordered lists

<ol>
<-- list goes here -->
</ol>

<ol class="jm-roman">
<-- list goes here -->
</ol>

<ol class="jm-alpha">
<-- list goes here -->
</ol>

Read More / Button

<p class="readmore" href="#">Read more</a>

Read more

<a class="btn" href="#">Button</a>

Button

Glyphicon Font

<span class="icon-joomla">&nbsp</span>

Front page header

<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 &amp; Jolie deliver again <br>to show Wejherowo are <br>THRIVING without Clarke</h1>
  <a class="readmore" href="#" title="Read More">Read More</a>
</div>

Next Marathon

<div class="jm-next-match">
  <div id="timer" class="jm-date-count" data-enddate="may,28,2016,12:15:00" > </div>
  <div class="jm-date-counts">
    <span><span id="days"></span></span>
    <span><span id="hours"></span></span>
    <span><span id="mins"></span></span>
    <span><span id="secs"></span></span>
  </div>
  <div class="jm-match">
    <img src="/joomla30/jm-sport-v2/images/modules/fc-bulldogs.png" alt=""/><span>FC BULLDOGS MARATHON</span>
  </div>
</div>

FC BULLDOGS MARATHON

Join our club

<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>

Upcoming events

<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>

All time trophies

<div class="jm-trophies">
  <div class="jm-col5">  
    <div class="jm-trophy">
      <div class="jm-img"><img src="/joomla30/jm-sport-v2/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="/joomla30/jm-sport-v2/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="/joomla30/jm-sport-v2/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="/joomla30/jm-sport-v2/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="/joomla30/jm-sport-v2/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>

24

Marathon

99

Half-marathon

5250

km distance

35

Runners

7245

Training hours

Players

<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="/joomla30/jm-sport-v2/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="/joomla30/jm-sport-v2/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="/joomla30/jm-sport-v2/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="/joomla30/jm-sport-v2/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="/joomla30/jm-sport-v2/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="/joomla30/jm-sport-v2/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="/joomla30/jm-sport-v2/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="/joomla30/jm-sport-v2/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>

Get ready Prepare a training program

Cross-Training Ride a bike on a Sunday afternoon

Gymnastics Aerobic exercise and weight loss

Stretching muscles Healthy, injury-free exercises

Run at your own pace Guide to running faster

Strength development Various exercises should be a priority

Conditioning Fix your running form

Weightlifting Get stronger to run faster

Event table

<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 id="timer" class="jm-date-count" data-enddate="may,28,2016,12:15:00" > </div>
  <div class="jm-date-counts">
    <span><span id="days"></span></span>
    <span><span id="hours"></span></span>
    <span><span id="mins"></span></span>
    <span><span id="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="/joomla30/jm-sport-v2/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="/joomla30/jm-sport-v2/images/modules/teams/03.png" alt=""/>Kapino</div>
    <div class="location span3"><img src="/joomla30/jm-sport-v2/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="/joomla30/jm-sport-v2/images/modules/teams/04.png" alt=""/>Nanice</div>
    <div class="location span3"><img src="/joomla30/jm-sport-v2/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="/joomla30/jm-sport-v2/images/modules/teams/05.png" alt=""/>Orle</div>
    <div class="location span3"><img src="/joomla30/jm-sport-v2/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="/joomla30/jm-sport-v2/images/modules/teams/06.png" alt=""/>Reda</div>
    <div class="location span3"><img src="/joomla30/jm-sport-v2/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="/joomla30/jm-sport-v2/images/modules/teams/07.png" alt=""/>Bolszewo</div>
    <div class="location span3"><img src="/joomla30/jm-sport-v2/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="/joomla30/jm-sport-v2/images/modules/teams/08.png" alt=""/>Pieleszewo</div>
    <div class="location span3"><img src="/joomla30/jm-sport-v2/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="/joomla30/jm-sport-v2/images/modules/teams/09.png" alt=""/>Gowino</div>
    <div class="location span3"><img src="/joomla30/jm-sport-v2/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="/joomla30/jm-sport-v2/images/modules/teams/10.png" alt=""/>Ustarbowo</div>
    <div class="location span3"><img src="/joomla30/jm-sport-v2/images/modules/location.png" alt=""/>London, UK</div>
    <div class="read span3"><a href="#" class="readmore">Read more</a></div>
  </div>
</div>
</div>

Next Match

FC BULLDOGS MARATHON

October 9, 20177:00 pm | Cambridgeshire UK

25
APR

Kapino

London, UK

Read more

08
SEP

Nanice

London, UK

Read more

10
OCT

Orle

London, UK

Read more

06
DEC

Reda

London, UK

Read more

15
FEB

Bolszewo

London, UK

Read more

30
OCT

Pieleszewo

London, UK

Read more

03
JAN

Gowino

London, UK

Read more

12
DEC

Ustarbowo

London, UK

Read more