MDBootstrap typography generator

Main website heading

Website subheading


Section heading

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem sunt vel, voluptas eaque ratione nam provident repellendus saepe cum! Minima, laudantium sit. Architecto velit laboriosam ullam aspernatur cupiditate doloribus provident. Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium ipsam nihil temporibus asperiores at esse aperiam corrupti magnam impedit delectus obcaecati, dolorum perferendis unde quia hic nostrum nobis, repellendus eligendi.


Component heading

Component subheading

Lorem, ipsum dolor sit amet consectetur adipisicing elit. A nemo commodi odio veniam nisi? Cupiditate nobis doloremque unde in ut, consequatur reprehenderit saepe iure perspiciatis, veniam facilis asperiores deleniti at?

Component heading

Component subheading

Lorem, ipsum dolor sit amet consectetur adipisicing elit. A nemo commodi odio veniam nisi? Cupiditate nobis doloremque unde in ut, consequatur reprehenderit saepe iure perspiciatis, veniam facilis asperiores deleniti at?

Component heading

Component subheading

Lorem, ipsum dolor sit amet consectetur adipisicing elit. A nemo commodi odio veniam nisi? Cupiditate nobis doloremque unde in ut, consequatur reprehenderit saepe iure perspiciatis, veniam facilis asperiores deleniti at?

        
            
              <h1 class="mb-3 h1">Main website heading</h1>
              <h4 class="mb-3 h4 text-muted">Website subheading</h4>
              <hr class="my-4" />
              <h3 class="mb-3 h3">Section heading</h3>
              <p class="">
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem
                sunt vel, voluptas eaque ratione nam provident repellendus saepe
                cum! Minima, laudantium sit. Architecto velit laboriosam ullam
                aspernatur cupiditate doloribus provident. Lorem ipsum dolor sit
                amet consectetur adipisicing elit. Laudantium ipsam nihil
                temporibus asperiores at esse aperiam corrupti magnam impedit
                delectus obcaecati, dolorum perferendis unde quia hic nostrum
                nobis, repellendus eligendi.
              </p>
              <hr class="my-4" />
              <div class="row">
                <div class="col-lg-4 col-md-12 mb-4">
                  <h5 class="mb-3 h5">Component heading</h5>
                  <p class="text-muted">Component subheading</p>
                  <p class="">
                    Lorem, ipsum dolor sit amet consectetur adipisicing elit. A
                    nemo commodi odio veniam nisi? Cupiditate nobis doloremque
                    unde in ut, consequatur reprehenderit saepe iure
                    perspiciatis, veniam facilis asperiores deleniti at?
                  </p>
                </div>
                <div class="col-lg-4 col-md-6 mb-4">
                  <h5 class="mb-3 h5">Component heading</h5>
                  <p class="text-muted">Component subheading</p>
                  <p class="">
                    Lorem, ipsum dolor sit amet consectetur adipisicing elit. A
                    nemo commodi odio veniam nisi? Cupiditate nobis doloremque
                    unde in ut, consequatur reprehenderit saepe iure
                    perspiciatis, veniam facilis asperiores deleniti at?
                  </p>
                </div>
                <div class="col-lg-4 col-md-6 mb-4">
                  <h5 class="mb-3 h5">Component heading</h5>
                  <p class="text-muted">Component subheading</p>
                  <p class="">
                    Lorem, ipsum dolor sit amet consectetur adipisicing elit. A
                    nemo commodi odio veniam nisi? Cupiditate nobis doloremque
                    unde in ut, consequatur reprehenderit saepe iure
                    perspiciatis, veniam facilis asperiores deleniti at?
                  </p>
                </div>
              </div>
            
        
    
Docs

Main heading

Website subheading

Section heading

Component heading

Heading options

Text options

How to use it?

1. Download MDB 5 - free UI KIT

2. Create a typography with the desired settings

3. Copy the generated code and paste it into the MDB project