|
Tags: Blanking Manual revert |
| (2 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| <section class="d-flex flex-column flex-lg-row justify-content-between gap-6">
| |
| <!-- content - start -->
| |
| <div class="d-flex flex-column justify-content-center text-center text-lg-left py-lg-3 py-xl-5 col-xl-5">
| |
| <p class="mb-4 mb-md-5 text-primary font-weight-bold text-md-lg text-xl-xl">Very proud to introduce</p>
| |
|
| |
|
| <h1 class="mb-4 mb-md-5 display-4 font-weight-bold text-dark">Revolutionary way to build the web</h1>
| |
|
| |
| <p class="mb-4 mb-md-5 text-muted lead col-lg-10 px-0">This is a section of some simple filler text, also known as placeholder text. It shares some characteristics of a real written text but is random.</p>
| |
|
| |
| <div class="d-flex flex-column flex-sm-row gap-2 justify-content-center justify-content-lg-start">
| |
| <a href="#" class="btn btn-primary px-4 py-2 font-weight-bold mb-2 mb-sm-0">Start now</a>
| |
| <a href="#" class="btn btn-light px-4 py-2 font-weight-bold text-muted">Take tour</a>
| |
| </div>
| |
| </div>
| |
| <!-- content - end -->
| |
|
| |
| <!-- image - start -->
| |
| <div class="col-xl-5 p-0">
| |
| <div class="rounded shadow-lg overflow-hidden h-100">
| |
| <img src="https://images.unsplash.com/photo-1618004912476-29818d81ae2e?auto=format&q=75&fit=crop&w=1000"
| |
| loading="lazy"
| |
| alt="Photo by Fakurian Design"
| |
| class="img-fluid w-100 h-100 object-fit-cover">
| |
| </div>
| |
| </div>
| |
| <!-- image - end -->
| |
| </section>
| |
