PHP Classes

File: Modules/ThemeBusiness/Resources/views/frontend/pages/partials/our-benefit.blade.php

Recommend this page to a friend!
  Classes of Maniruzzaman Akash   LaraCMS   Modules/ThemeBusiness/Resources/views/frontend/pages/partials/our-benefit.blade.php   Download  
File: Modules/ThemeBusiness/Resources/views/frontend/pages/partials/our-benefit.blade.php
Role: Auxiliary script
Content type: text/plain
Description: Auxiliary script
Class: LaraCMS
Content management system based on Laravel
Author: By
Last change:
Date: 1 year ago
Size: 5,886 bytes
 

Contents

Class file image Download
<section class="section border-0 m-0">
    <div class="container">
        <div class="row">
            <div class="col-lg-8">
                <div class="d-flex align-items-center mb-2">
                    <span class="custom-line appear-animation animated customLineAnimation appear-animation-visible" data-appear-animation="customLineAnimation" appear-animation-duration="1s" style="animation-delay: 100ms;"></span>
                    <div class="overflow-hidden ms-3">
                        <h2 class="text-color-primary font-weight-semibold line-height-3 text-4 mb-0 appear-animation animated maskRight appear-animation-visible" data-appear-animation="maskRight" data-appear-animation-delay="1000" style="animation-delay: 1000ms;">WHY CHOOSE US</h2>
                    </div>
                </div>
                <h3 class="text-color-secondary font-weight-bold text-transform-none text-8 mb-3 pb-1 appear-animation animated fadeInUpShorter appear-animation-visible" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1200" style="animation-delay: 1200ms;">Our Benefits</h3>
                <p class="mb-4 appear-animation animated fadeInUpShorter appear-animation-visible" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1400" style="animation-delay: 1400ms;">
                    We offer easiest solutions for computer hardware related work and so clients get tense free...
                    <br>
                    We provide different solutions to make our client life easier...
                </p>
            </div>
        </div>
        <div class="row align-items-center justify-content-center mb-4">
            <div class="col-lg-7 pe-lg-5 mb-5 mb-lg-0">
                <div class="accordion custom-accordion-style-1 appear-animation animated fadeInUpShorter appear-animation-visible" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1600" id="accordion1" style="animation-delay: 1600ms;">
                    <div class="card card-default">
                        <div class="card-header" id="collapse1HeadingOne">
                            <h4 class="card-title m-0">
                                <a class="accordion-toggle text-color-dark font-weight-bold collapsed" data-bs-toggle="collapse" data-bs-target="#collapse1One" aria-expanded="false" aria-controls="collapse1One">
                                    1 - Why Choose {{ config('app.name') }}
                                </a>
                            </h4>
                        </div>
                        <div id="collapse1One" class="collapse" aria-labelledby="collapse1HeadingOne" data-bs-parent="#accordion1">
                            <div class="card-body">
                                <p class="mb-0">
                                    We offer easiest solutions for computer hardware related work and so clients get tense free...
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="card card-default">
                        <div class="card-header" id="collapse1HeadingTwo">
                            <h4 class="card-title m-0">
                                <a class="accordion-toggle text-color-dark font-weight-bold collapsed" data-bs-toggle="collapse" data-bs-target="#collapse1Two" aria-expanded="false" aria-controls="collapse1Two">
                                    2 - When we'll take payment ?
                                </a>
                            </h4>
                        </div>
                        <div id="collapse1Two" class="collapse" aria-labelledby="collapse1HeadingTwo" data-bs-parent="#accordion1">
                            <div class="card-body">
                                <p class="mb-0">
                                    We offer easiest solutions for computer hardware related work and so clients get tense free...
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-9 col-lg-5 ps-sm-5">
                <div class="position-relative">
                    <div data-plugin-float-element="" data-plugin-options="{&#39;startPos&#39;: &#39;top&#39;, &#39;speed&#39;: 0.2, &#39;transition&#39;: true, &#39;transitionDuration&#39;: 1000, &#39;isInsideSVG&#39;: true}" style="top: 0px; transition: transform 1000ms ease-out 0ms; transform: translate3d(0px, -6.64162%, 0px);">
                        <img src="{{ asset('public/modules/theme-business/images/common/generic-4.jpg') }}" class="img-fluid rounded-circle custom-box-shadow-1 appear-animation animated fadeInUpShorter appear-animation-visible" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1200" alt="" style="animation-delay: 1200ms;">
                    </div>
                    <div class="position-absolute top-50pct left-50pct transform3dxy-n50" style="left: 25%;">
                        <div data-plugin-float-element="" data-plugin-options="{&#39;startPos&#39;: &#39;top&#39;, &#39;speed&#39;: 0.3, &#39;transition&#39;: true, &#39;transitionDuration&#39;: 1000, &#39;isInsideSVG&#39;: true}" style="top: 0px; transition: transform 1000ms ease-out 0ms; transform: translate3d(0px, -3.39352%, 0px);">
                            <img src="{{ asset('public/modules/theme-business/images/common/our-benefits.jpg') }}" class="img-fluid rounded-circle custom-box-shadow-1 appear-animation animated fadeInUpShorter appear-animation-visible" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1400" alt="" style="animation-delay: 1400ms;">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>