realitylab
/
rl-theme


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
							<!DOCTYPE html>
<html lang="en">

<head>
  <!-- meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="Bootstrap UI Kit">
  <meta name="keywords" content="ui kit">
  <meta name="author" content="UIdeck">

  <title>Typography - Helium Bootstrap 4 UI Kit</title>

  <!-- CSS Files -->
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/main.css">
  <link rel="stylesheet" href="css/animate.css">
  <link rel="stylesheet" href="css/owl.carousel.css">
  <link rel="stylesheet" href="css/owl.theme.css">
  <link rel="stylesheet" href="css/responsive.css">

  <!-- Fonts icons -->
  <link rel="stylesheet" href="css/font-awesome.min.css">

</head>

<body>

  <!-- Page Wrapper Start -->
  <div class="wrapper">
    <!-- Content Area Start -->
    <div id="content">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <div class="page-header-title">
              <h2 class="heading-title text-center">Typography</h2>
            </div>
            <div class="row">
              <!-- headings -->
              <div class="col-md-3 col-sm-6">
                <h4 class="sub-title">Headings</h4>
                <h1>H1 Heading</h1>
                <h2>H2 Heading</h2>
                <h3>H3 Heading</h3>
                <h4>H4 Heading</h4>
                <h5>H5 Heading</h5>
                <h6>H6 Heading</h6>
              </div>

              <!-- paragraphs -->
              <div class="col-md-5 col-sm-6">
                <h4 class="sub-title">Paragraphs</h4>
                <p class="lead"><strong>Large Paragraph:</strong> But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system</p>
                <p><strong>Regular Paragraph:</strong> But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system</p>
                <p class="text-sm"><strong>Small Paragraph:</strong> But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system</p>
                <p class="text-xs"><strong>Extra Small Paragraph:</strong> But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system</p>
              </div>

              <!-- lists -->
              <div class="col-md-4 col-sm-6">
                <h4 class="sub-title">Lists</h4>
                <ul class="list-featured space-bottom-20">
                  <li>Far far away, behind the word mountains</li>
                  <li>Hen she reached the first hills</li>
                  <li>Vestibulum nisi nibh, pulvinar sit amet lacinia</li>
                  <li>Mauris pretium elit ac facilisis mollis posuere</li>
                  <li>Mauris vitae magna in dolor porta aliquam</li>
                </ul>
                <ol>
                  <li>Far far away, behind the word mountains</li>
                  <li>Morbi quis neque non nisl egestas laoreet</li>
                  <li>Vestibulum nisi nibh, pulvinar sit amet</li>
                  <li>Mauris pretium elit ac facilisis mollis</li>
                  <li>Mauris vitae magna in dolor porta aliquam</li>
                </ol>
              </div>
            </div>

            <div class="mb-60"></div>

            <div class="row">
              <!-- text colors -->
              <div class="col-sm-5">
                <h4 class="sub-title">Text Colors</h4>
                <p><strong>Default</strong>. Aliquam molestie quam in tincidunt accumsan</p>
                <p class="text-primary"><strong>Primary</strong>. Morbi quis neque non nisl egestas laoreet</p>
                <p class="text-success"><strong>Success</strong>. Vestibulum nisi nibh, pulvinar sit amet lacinia</p>
                <p class="text-info"><strong>Info</strong>. Mauris pretium elit ac facilisis mollis posuere</p>
                <p class="text-warning"><strong>Warning</strong>. Mauris vitae magna in dolor porta aliquam</p>
                <p class="text-danger"><strong>Danger</strong>. Mauris vitae magna in dolor porta aliquam</p>
              </div>

              <!-- text backgrounds -->
              <div class="col-sm-7">
                <h4 class="sub-title">Text Backgrounds</h4>
                <p class="line-height-36"><span class="bg-default">Hello</span> nisl vitae ligula volutpat, sit amet rhoncus nisl posuere. Vestibulum vel nisi euismod, <span class="bg-primary">Mountains</span> fringilla ex. Fusce vel mattis quam, id bibendum leo. Vivamus sollicitudin ligula ut ante bibendum, et <span class="bg-success">Cool.</span> Interdum et malesuada <span class="bg-info">Kit</span> ipsum primis in faucibus. Praesent laoreet ultrices tortor <span class="bg-warning">Chill</span> Vestibulum quis egestas mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, <span class="bg-danger">No</span> himenaeos.</p>
              </div>
            </div>

            <div class="mb-60"></div>
            <h2 class="heading-title ">Simple Title</h2>
            <h4 class="sub-title">Simple Sub-title</h4>


            <!-- blockquotes -->
            <div class="row">
              <div class="col-sm-6">
                <h4 class="sub-title">Blockquotes</h4>
                <blockquote>
                  <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia</p>
                  <cite>- Michaeal Sam</cite>
                </blockquote>
              </div>

              <div class="col-sm-6">
                <h4 class="sub-title">&nbsp;</h4>
                <blockquote class="blockquote-reverse">
                  <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia</p>
                  <cite>- John Doe</cite>
                </blockquote>
              </div>
            </div>
            <!-- End blockquotes -->

            <div class="mb-60"></div>

          </div>
        </div>
      </div>
    </div>
    <!-- Content Area End -->
    <div class="text-center">Love this UI Kit? Get more Free and Premium <a href="https://rebrand.ly/uideck-uikits">Bootstrap UI Kits</a> and <a href="https://rebrand.ly/uideck-themes">Bootstrap Templates</a></div>
  </div>
  <!-- Page Wrapper End -->

  <!-- jQuery first, then Tether, then Bootstrap JS. -->
  <script src="js/jquery.min.js"></script>
  <script src="js/popper.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/owl.carousel.min.js"></script>

  <script src="js/form-validator.min.js"></script>
  <script src="js/contact-form-script.js"></script>
  <script src="js/main.js"></script>
</body>

</html>