ok
Mini Shell
<?php include 'header.php';?>
<style>
@media (max-width: 480px){
}
a, a:visited{
color: #fff;
}
.as-btn{
background-color: #dfb68d;
}
.gallery-img img, .gallery-img-overlay{
height: 100%;
width: 61%;
}
.hero-subtitle{
color: #ffffff;
font-family: fangsong;
font-size: 35px;
}
</style>
<div class="bg-smoke2 bg-repeat" id="contact-sec" style="background: url(images/background/background_flower.png);background-attachment: fixed;background-color: var(--title-color) !important;background-position: top center;">
<header class="header-bg container-fluid" style="background: url(images/background/section.png);background-size: cover;background-repeat: round;background-attachment: fixed;">
<div id="large-header" class="large-header" style="">
<div class="container">
<div class="petals-scene" style="position: fixed;">
<ul id="petals-scene" class="scene" style="margin-top: 110px;">
<div class="shape-mockup jump d-none d-xl-block" data-top="20%" data-left="0%" style="margin-top: -10%;">
<img src="images/flower/flower8.png" alt="shape">
</div>
<div class="shape-mockup jump-reverse d-none d-xl-block" data-top="20%" data-right="0%" style="margin-left: 84%;margin-top: -10%;">
<img src="images/flower/flower9.png" alt="shape">
</div>
</ul>
</div>
<div>
<div class="hero-style1" style="margin-left: 33%;margin-top: -11%;position: fixed;">
<span class="hero-subtitle" data-ani="slideinleft" data-ani-delay="0.1s">Wedding Bags<br>
<img src="assets1/img/hero/subtitle_shape.svg" alt="Shape"></span>
</div>
<div class="wrapper-main-title" style="position: fixed;margin-left: 5%;margin-top: 3%;">
<div class="overflow-hidden space">
<div class="container">
<div class="row gallery-row filter-active">
<div class="col-md-6 col-xl-auto filter-item cat2 cat3 cat4" style="width: 25%;height: 29px;margin-left: 12%;margin-top: -16%;">
<div class="gallery-card">
<div class="gallery-img">
<div class="gallery-overlay" style="background: url(images/icon/gallery.png);height: 70%;margin-top: 33%;background-repeat: no-repeat;background-size: contain;"></div>
<img src="images/flower/offset.jpg" alt="gallery image" style="box-shadow: -3px 6px 12px 3px;">
</div>
</div>
<div class="btn-group" data-ani="slideinleft" data-ani-delay="0.9s">
<a href="" class="as-btn style3" style="padding: 7px 9px;">MULTICOLOR OFFSET</a>
</div>
</div>
<div class="col-md-6 col-xl-auto filter-item cat2 cat3 cat4" style="width: 25%;height: 29px;margin-left: -5%;margin-top: -16%;">
<div class="gallery-card">
<div class="gallery-img">
<div class="gallery-overlay" style="background: url(images/icon/gallery.png);height: 70%;margin-top: 33%;background-repeat: no-repeat;background-size: contain;"></div>
<img src="images/flower/screen.jpg" alt="gallery image" style="box-shadow: -3px 6px 12px 3px;">
</div>
</div>
<div class="btn-group" data-ani="slideinleft" data-ani-delay="0.9s">
<a href="" class="as-btn style3" style="padding: 7px 31px;">SCREEN PRINT</a>
</div>
</div>
<div class="col-md-6 col-xl-auto filter-item cat2 cat3 cat4" style="width: 25%;height: 29px;margin-left: -5%;margin-top: -16%;">
<div class="gallery-card">
<div class="gallery-img">
<div class="gallery-overlay" style="background: url(images/icon/gallery.png);height: 70%;margin-top: 33%;background-repeat: no-repeat;background-size: contain;"></div>
<img src="images/flower/banner.jpg" alt="gallery image" style="box-shadow: -3px 6px 12px 3px;">
</div>
</div>
<div class="btn-group" data-ani="slideinleft" data-ani-delay="0.9s">
<a href="rsvp.html" class="as-btn style3" style="padding: 7px 24px;">DIGITAL BANNER</a>
</div>
</div>
</div>
</div>
</div>
<!--<div class="overflow-hidden space">
<div class="container">
<div class="row gallery-row filter-active">
<div class="col-md-6 col-xl-auto filter-item cat2 cat3 cat4" style="width: 25%;height: 29px;margin-left: 23%;margin-top: -16%;">
<div class="gallery-card">
<div class="gallery-img">
<div class="gallery-overlay" style="background: url(images/icon/gallery.png);height: 70%;margin-top: 33%;background-repeat: no-repeat;background-size: contain;"></div>
<img src="images/flower/baby.jpg" alt="gallery image" style="box-shadow: -3px 6px 12px 3px;">
</div>
</div>
<div class="btn-group" data-ani="slideinleft" data-ani-delay="0.9s">
<a href="rsvp.html" class="as-btn style3" style="padding: 7px 35px;">CATEGORY 4</a>
</div>
</div>
<div class="col-md-6 col-xl-auto filter-item cat2 cat3 cat4" style="width: 25%;height: 29px;margin-left: -5%;margin-top: -16%;">
<div class="gallery-card">
<div class="gallery-img">
<div class="gallery-overlay" style="background: url(images/icon/gallery.png);height: 70%;margin-top: 33%;background-repeat: no-repeat;background-size: contain;"></div>
<img src="images/flower/babyshower.jpg" alt="gallery image" style="box-shadow: -3px 6px 12px 3px;">
</div>
</div>
<div class="btn-group" data-ani="slideinleft" data-ani-delay="0.9s">
<a href="rsvp.html" class="as-btn style3" style="padding: 7px 30px;">BABY SHOWER</a>
</div>
</div>
</div>
</div>
</div>-->
</div>
</div>
</div>
</div>
</header>
</div>
<?php include 'footer.php';?>
Zerion Mini Shell 1.0