Nagłówek I poziomu

<p class="jmbadge" >Tu umieszczony tekst</p>

<p class="jmcalendar" >Tu umieszczony tekst</p>

<p class="jmchat" >Tu umieszczony tekst</p>

<p class="jmcheck" >Tu umieszczony tekst</p>

<p class="jmcloud" >Tu umieszczony tekst</p>

<p class="jmdirection" >Tu umieszczony tekst</p>

<p class="jmdivide" >Tu umieszczony tekst</p>

<p class="jmerror" >Tu umieszczony tekst</p>

<p class="jmfire" >Tu umieszczony tekst</p>

<p class="jmflag" >Tu umieszczony tekst</p>

<p class="jmheart" >Tu umieszczony tekst</p>

<p class="jmhome" >Tu umieszczony tekst</p>

<p class="jminfo" >Tu umieszczony tekst</p>

<p class="jmlist" >Tu umieszczony tekst</p>

<p class="jmmail" >Tu umieszczony tekst</p>

<p class="jmpeople" >Tu umieszczony tekst</p>

<p class="jmstar" >Tu umieszczony tekst</p>

<p class="jmstat" >Tu umieszczony tekst</p>

<blockquote>
<p>Teksty dłuższych cytatów - wypowiedzi lub fragmentów innych opracowań ujmujemy w standardowy znacznik HTML - jak w tym przykładzie. </p>
<footer><cite>Autor i źródło cytatu</cite></footer>
</blockquote>

Teksty dłuższych cytatów - wypowiedzi lub fragmentów innych opracowań ujmujemy w standardowy znacznik HTML - jak w tym przykładzie.

<blockquote class="pull-right">
<p>Teksty dłuższych cytatów możemy też umieścić w znaczniku opisanym klasą pull-right, jak tutaj.</p>
<footer class="pull-right"><cite>Autor i źródło cytatu</cite></footer>
</blockquote>

Teksty dłuższych cytatów możemy też umieścić w znaczniku opisanym klasą pull-right, jak tutaj

<ul>
<-- tu elementy listy -->
</ul>

• jakiś element wykazu,
• również element wykazu,
• jeszcze inny element wykazu,
  • element wykazu - podpunkt
  • element wykazu - podpunkt
  • element wykazu - podpunkt
    • również element wykazu - podpunkt
    • również element wykazu - podpunkt
    • również element wykazu - podpunkt

<ul class="jm-arrow">
<-- tu elementy listy -->
</ul>

• jakiś element wykazu,
• również element wykazu,
• jeszcze inny element wykazu,
  • element wykazu - podpunkt
  • element wykazu - podpunkt
  • element wykazu - podpunkt
    • również element wykazu - podpunkt
    • również element wykazu - podpunkt
    • również element wykazu - podpunkt

<ul class="jm-arrow2">
<-- tu elementy listy -->
</ul>

• jakiś element wykazu,
• również element wykazu,
• jeszcze inny element wykazu,
  • element wykazu - podpunkt
  • element wykazu - podpunkt
  • element wykazu - podpunkt
    • również element wykazu - podpunkt
    • również element wykazu - podpunkt
    • również element wykazu - podpunkt

<ol>
<-- tu elementy listy -->
</ol>

1. Wykonaj najpierw tę czynność.
2. Potem wykonaj czynność kolejną.
3. Później wykonaj czynność trzecią, na którą złożą się
   1. Działanie pierwsze
   2. Działanie drugie złożone z trzech kroków
      1. Krok 1 - polecenie
      2. Krok 2 - polecenie
      3. Krok 3 - polecenie

<ol class="jm-roman">
<-- tu elementy listy -->
</ol>

1. Wykonaj najpierw tę czynność.
2. Potem wykonaj czynność kolejną.
3. Później wykonaj czynność trzecią, na którą złożą się
   1. Działanie pierwsze
   2. Działanie drugie złożone z trzech kroków
      1. Krok 1 - polecenie
      2. Krok 2 - polecenie
      3. Krok 3 - polecenie

<ol class="jm-alpha">
<-- tu elementy listy -->
</ol>

1. Wykonaj najpierw tę czynność.
2. Potem wykonaj czynność kolejną.
3. Później wykonaj czynność trzecią, na którą złożą się
   1. Działanie pierwsze
   2. Działanie drugie złożone z trzech kroków
      1. Krok 1 - polecenie
      2. Krok 2 - polecenie
      3. Krok 3 - polecenie

<dl>
<-- tutaj umieszczamy listę -->
</dl>

Joomla!,

Najlepszy CMS na świecie!

Najpopularniejszy obok WordPressa,

Definiowany termin

Definicja terminu

Kolejny element definicji

Rok 2015

Pierwsze ważne wydarzenie

Drugie ważne wydarzenie

<p><a class="toggle-nav menu"><span class="icon-align-justify"></span></a></p>

<div class="jm-pricing clearfix col3">
<div class="box">
<div class="box-in">
<div class="price"><span class="up">już od</span>
<span class="middle">29.95</span>
<span class="down">miesiąc</span></div>
<div class="title">Kultura</div>
<div class="content">
<div class="subtitle">Artystyczna spotkanie spełnią najwyższe oczekiwania.</div>
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Morbi rhoncus diam quis augue</li>
<li>Proin non finibus diam</li>
<li>Pellentesque varius</li>
<li>Vivamus quis leo</li>
<li>Donec ut elit maximus</li>
</ul>
</div>
<div class="bottom"><a class="btn" href="/#">Przyłącz się</a></div>
</div>
</div>
<div class="box">
<div class="box-in">
<div class="price"><span class="up">już od</span>
<span class="middle">39.85</span>
<span class="down">miesiąc</span></div>
<div class="title">Edukacja</div>
<div class="content">
<div class="subtitle">Świetna lokalizacja, serwis i mieszkanie.</div>
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Morbi rhoncus diam quis augue</li>
<li>Proin non finibus diam</li>
<li>Pellentesque varius</li>
<li>Vivamus quis leo</li>
<li>Donec ut elit maximus</li>
</ul>
</div>
<div class="bottom"><a class="btn" href="/#">Przyłącz się</a></div>
</div>
</div>
<div class="box">
<div class="box-in">
<div class="price"><span class="up">już od</span>
<span class="middle">99.95</span>
<span class="down">miesiąc</span></div>
<div class="title">Strata</div>
<div class="content">
<div class="subtitle">Zobacz różnicę w mieszkaniu.</div>
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Morbi rhoncus diam quis augue</li>
<li>Proin non finibus diam</li>
<li>Pellentesque varius</li>
<li>Vivamus quis leo</li>
<li>Donec ut elit maximus</li>
</ul>
</div>
<div class="bottom"><a class="btn" href="/#">Przyłącz się</a></div>
</div>
</div>
</div>