32 lines
2.2 KiB
PHP
32 lines
2.2 KiB
PHP
<section class="page-header page-header-modern page-header-background page-header-background-md py-0 overlay overlay-color-primary overlay-show overlay-op-8" style="background-image: url(img/page-header/page-header-background-2.jpg);">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-5 order-2 order-sm-1 align-self-center p-static">
|
|
<div class="overflow-hidden">
|
|
<ul class="breadcrumb breadcrumb-light d-block appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="100">
|
|
<li><a href="#">Home</a></li>
|
|
<li class="active">Features</li>
|
|
</ul>
|
|
</div>
|
|
<div class="overflow-hidden pb-2">
|
|
<h1 class="text-10 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="300">Introducing the new <strong>Product</strong></h1>
|
|
</div>
|
|
<div class="appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="400">
|
|
<span class="sub-title text-4 mt-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere.</span>
|
|
</div>
|
|
<div class="appear-animation d-inline-block" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="400">
|
|
<a href="#" class="btn btn-modern btn-dark mt-4">Buy Now <i class="fas fa-arrow-right ms-1"></i></a>
|
|
</div>
|
|
<div class="appear-animation d-inline-block" data-appear-animation="rotateInUpRight" data-appear-animation-delay="500">
|
|
<span class="arrow hlt" style="top: 40px;"></span>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-7 order-1 order-sm-2 align-items-end justify-content-end d-flex pt-5">
|
|
<div style="min-height: 350px;" class="overflow-hidden">
|
|
<img alt="" src="img/custom-header.png" class="img-fluid appear-animation" data-appear-animation="slideInUp" data-appear-animation-delay="600" data-appear-animation-duration="1s">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|