Typography
Heading
Ex. <h1> H1. Bootstrap heading </h1>
H1. Bootstrap heading
H2. Bootstrap heading
H3. Bootstrap heading
H4. Bootstrap heading
H5. Bootstrap heading
H6. Bootstrap heading
Display Heading
Ex. <p className="display-1"> Display 1 </p>
Display 1
Display 2
Display 3
Display 4
Display 5
Display 6
List
Ex.
<ul className="list-unstyled text-muted">
<li className="mb-1"><span className="text-primary h5 me-2"><MdOutlineCheckCircleOutline className="align-middle"/></span>Digital Marketing Solutions for Tomorrow</li>
<li className="mb-1"><span className="text-primary h5 me-2"><MdOutlineCheckCircleOutline className="align-middle"/></span>Our Talented & Experienced Marketing Agency</li>
<li className="mb-1"><span className="text-primary h5 me-2"><MdOutlineCheckCircleOutline className="align-middle"/></span>Create your own skin to match your brand</li>
</ul>
<li className="mb-1"><span className="text-primary h5 me-2"><MdOutlineCheckCircleOutline className="align-middle"/></span>Digital Marketing Solutions for Tomorrow</li>
<li className="mb-1"><span className="text-primary h5 me-2"><MdOutlineCheckCircleOutline className="align-middle"/></span>Our Talented & Experienced Marketing Agency</li>
<li className="mb-1"><span className="text-primary h5 me-2"><MdOutlineCheckCircleOutline className="align-middle"/></span>Create your own skin to match your brand</li>
</ul>
- Digital Marketing Solutions for Tomorrow
- Our Talented & Experienced Marketing Agency
- Create your own skin to match your brand
Blockquote
Ex.
<div className="blockquote-wrapper">
<div className="blockquote p-4 p-md-5 rounded-lg position-relative">
<h4>Launch your campaign and benefit from our expertise on designing and managing conversion centered bootstrap v5 html page.</h4>
<div className="position-absolute start-0" style={{zIndex: '-1', top: '-30px'}}>
<i className="mdi mdi-format-quote-open text-primary opacity-1" style={{fontSize: '100px'}}></i>
</div>
</div>
<h6 className="author">- Shreethemes</h6>
</div>
<div className="blockquote p-4 p-md-5 rounded-lg position-relative">
<h4>Launch your campaign and benefit from our expertise on designing and managing conversion centered bootstrap v5 html page.</h4>
<div className="position-absolute start-0" style={{zIndex: '-1', top: '-30px'}}>
<i className="mdi mdi-format-quote-open text-primary opacity-1" style={{fontSize: '100px'}}></i>
</div>
</div>
<h6 className="author">- Shreethemes</h6>
</div>
Launch your campaign and benefit from our expertise on designing and managing conversion centered bootstrap v5 html page.
- Shreethemes
Ex.
<blockquote className="blockquote mt-3 p-3">
<p className="text-muted mb-0 fst-italic">" There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. "</p>
</blockquote>
<p className="text-muted mb-0 fst-italic">" There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. "</p>
</blockquote>
" There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. "