BossBey File Manager

Editing: about.php

<?php include 'includes/header.php';?>

<div data-src="assets/img/about-page-title.jpg" class="ak-bg">
    <div class="ak-height-100 ak-height-lg-100"></div>
    <div class="ak-height-125 ak-height-lg-40"></div>
    <div class="container">
        <div class="common-page-title">
            <h3 class="page-title">About Us</h3>
            <div class="d-flex gap-2 align-items-center">
                <p>Home /</p>
                <a href="about.php">About Us</a>
            </div>
        </div>
    </div>
    <div class="ak-height-100 ak-height-lg-100"></div>
</div>

<div class="ak-height-125 ak-height-lg-80"></div>
<div class="container">
    <div class="company-tab">
        <ul class="tabs">
            <li class="active-tab">Mission</li>
            <li>Vision</li>
            
        </ul>
        <div class="tabs-content">
            <div class="list">
                <div class="ak-section-heading ak-style-1 ak-type-1">
                    <div class="background-text">Mission</div>
                    <h3 class="desp">Our mission is to become the number one service provider of replacement, used and reconditioned engines in Preston and surrounding areas.</h3>
                </div>
            </div>
            <div class="list">
                <div class="ak-section-heading ak-style-1 ak-type-1">
                    <div class="background-text">Vision</div>
                    <h3 class="desp">Engine Dynamics is a garage with a vision to provide you with quality replacement engines for all makes and models in Preston.</h3>
                </div>
            </div>
            
            
            
            
            
            
            
            
            
        </div>
    </div>
</div>

<div class="ak-height-125 ak-height-lg-80"></div>
<section class="container">
    <div class="choose-us-container-extents">
        <div class="choose-us-contain">
            <div class="choose-us-info" data-aos="fade-up">
                <div class="ak-section-heading ak-style-1">
                    <div class="background-text">Feature</div>
                    <h2 class="ak-section-title">Why Choose Us</h2>
                    <p class="ak-section-subtitle">Engine Dynamics is one of the UK's most reliable repair, supply and fit companies for makes and models parts. We offer outclass services and hi-tech facilities in supplying quality used and reconditioned engines for sale at the cheapest online prices.</p>
                </div>
                <div class="ak-height-60 ak-height-lg-30"></div>
                <div class="stroke-heading-text">
                    <h3 class="ak-stroke-text hover-color-changes">State of the Art Garage in Preston</h3>
                    <h3 class="ak-stroke-text hover-color-changes">Free Warranty for Peace of Mind</h3>
                    <h3 class="ak-stroke-text hover-color-changes">24/7 Customer Service</h3>
                    <h3 class="ak-stroke-text hover-color-changes">Excellent Supply & Fit Services</h3>
                    <h3 class="ak-stroke-text hover-color-changes">Collection & Delivery Available at Reasonable Cost</h3>
                </div>
                <div class="ak-height-60 ak-height-lg-30"></div>
                <a href="contact-us.php" class="common-btn">
                    contact us
                </a>
            </div>
            <div class="choose-us-img" data-aos="fade-up" data-aos-delay="150">
                <img class="cho-img" src="assets/img/choose-us_1.jpeg" alt="...">
                <img class="circle-img" src="assets/img/Circle.png" alt="...">
            </div>
        </div>
    </div>
</section>

<div class="ak-height-125 ak-height-lg-80"></div>
<div class="ak-primary-bg">
    <div class="ak-height-65 ak-height-lg-50"></div>
    <div class="container auto-counter-section">
        <div class="row align-items-center gap-lg-0">
            <div class="col-lg-4">
                <div class="ak-funfact ak-style1" data-aos="fade-up">
                    <div class="ak-funfact-number color-1">
                        <div>
                            <span id="count" class="ak-stroke-number color-white counter" data-number="10"></span>
                        </div>
                        <div><span class="ak-stroke-number color-white">+</span></div>
                    </div>
                    <div class="ak-funfact-text">
                        <p>YEARS OF SERVICE</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="ak-funfact ak-style1" data-aos="fade-up" data-aos-delay="100">
                    <div class="ak-funfact-number">
                        <div>
                            <span id="count" class="ak-stroke-number color-white counter" data-number="256"></span>
                        </div>
                        <div><span class="ak-stroke-number color-white">+</span></div>
                    </div>

<div class="ak-funfact-text">
                        <p>HAPPY CUSTOMERS</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="ak-funfact ak-style1" data-aos="fade-up" data-aos-delay="150">
                    <div class="ak-funfact-number">
                        <div>
                            <span id="count" class="ak-stroke-number color-white counter" data-number="112"></span>
                        </div>
                        <div><span class="ak-stroke-number color-white">+</span></div>
                    </div>
                    <div class="ak-funfact-text">
                        <p>CUSTOMER SATISFACTION</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="ak-height-65 ak-height-lg-50"></div>
</div>

<div class="ak-height-125 ak-height-lg-80"></div>
<div class="container">
    <div class="ak-testimonal-controll">
        <div class="testimonal-heading" data-aos="fade-right">
            <div class="ak-section-heading ak-style-1">
                <div class="background-text" data-aos="fade-right" data-aos-duration="1000">Testimonial</div>
                <h2 class="ak-section-title">SEE WHAT OUR Satisfied <br> Customer SAYS</h2>
            </div>
        </div>
        <div class="testimonal-controll" data-aos="fade-left">
            <button class="testimonal-prev button">
                <img src="assets/img/prev.svg" alt="..."><span> prev</span>
            </button>
            <button class="testimonal-next button">
                <span>next</span> <img src="assets/img/next.svg" alt="..">
            </button>
        </div>
    </div>
    <div class="ak-height-50 ak-height-lg-50"></div>
    <div class="ak-testimonal" data-aos="fade-up">
        <div class="ak-slider ak-slider-testimonal">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="testimonal-info ak-style1">
                        <div class="slider-info">
                            <div class="d-flex justify-content-between align-items-end">
                                <div>
                                    <h5 class="name">Roberts Bush</h5>
                                    <p class="from">From Canada</p>
                                </div>
                                <div class="icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="109" height="81" viewBox="0 0 109 81"
                                        fill="none">
                                        <g opacity="0.7" clip-path="url(#clip0_219_726)">
                                            <path
                                                d="M24.8606 80.2504C27.2135 76.6896 47.9194 44.6582 51.3233 31.1053C53.5194 22.3053 51.8096 15.5445 45.739 9.14449C36.0449 -1.09865 19.8567 -1.11431 11.0096 6.43079C1.59785 14.4622 -1.14726 29.8504 5.45666 39.2622C10.539 46.4935 15.2292 48.219 25.1586 51.4503C25.4253 56.5797 24.9861 77.0975 24.8606 80.2504Z"
                                                fill="#FF3D24" />
                                            <path
                                                d="M81.2214 80.2504C83.5743 76.6896 104.28 44.6582 107.668 31.1053C109.88 22.3053 108.155 15.5445 102.084 9.14449C92.4057 -1.09865 76.2175 -1.11431 67.3704 6.43079C57.9586 14.4622 55.1978 29.8504 61.8174 39.2622C66.8841 46.4935 71.5743 48.219 81.5194 51.4503C81.7861 56.5797 81.3312 77.0975 81.2214 80.2504Z"
                                                fill="#FF3D24" />
                                        </g>
                                        <defs>
                                            <clipPath id="clip0_219_7261">
                                                <rect width="108.235" height="80" fill="white"
                                                    transform="translate(0.671997 0.966797)" />
                                            </clipPath>
                                        </defs>
                                    </svg>
                                </div>
                            </div>
                            <h4 class="desp">“There are many variations of passages of Lorem
                                Ipsum available,
                                but
                                the
                                majority have
                                suffered alteration in some form injected humour, or randomised”</h4>
                        </div>
                        <img src="assets/img/testimaonial.png" alt="..." class="testimaonial-slide-img">
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="testimonal-info ak-style1">
                        <div class="slider-info">
                            <div class="d-flex justify-content-between align-items-end">
                                <div>
                                    <h5 class="name">Roberts Bush</h5>
                                    <p class="from">From Canada</p>
                                </div>
                                <div class="icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="109" height="81" viewBox="0 0 109 81"
                                        fill="none">
                                        <g opacity="0.7" clip-path="url(#clip0_219_726)">
                                            <path
                                                d="M24.8606 80.2504C27.2135 76.6896 47.9194 44.6582 51.3233 31.1053C53.5194 22.3053 51.8096 15.5445 45.739 9.14449C36.0449 -1.09865 19.8567 -1.11431 11.0096 6.43079C1.59785 14.4622 -1.14726 29.8504 5.45666 39.2622C10.539 46.4935 15.2292 48.219 25.1586 51.4503C25.4253 56.5797 24.9861 77.0975 24.8606 80.2504Z"
                                                fill="#FF3D24" />
                                            <path
                                                d="M81.2214 80.2504C83.5743 76.6896 104.28 44.6582 107.668 31.1053C109.88 22.3053 108.155 15.5445 102.084 9.14449C92.4057 -1.09865 76.2175 -1.11431 67.3704 6.43079C57.9586 14.4622 55.1978 29.8504 61.8174 39.2622C66.8841 46.4935 71.5743 48.219 81.5194 51.4503C81.7861 56.5797 81.3312 77.0975 81.2214 80.2504Z"
                                                fill="#FF3D24" />
                                        </g>
                                        <defs>
                                            <clipPath id="clip0_219_7262">
                                                <rect width="108.235" height="80" fill="white"
                                                    transform="translate(0.671997 0.966797)" />
                                            </clipPath>
                                        </defs>
                                    </svg>
                                </div>
                            </div>
                            <h4 class="desp">“There are many variations of passages of Lorem
                                Ipsum available,
                                but
                                the
                                majority have
                                suffered alteration in some form injected humour, or randomised”</h4>
                        </div>
                        <img src="assets/img/testmaonail_1.png" alt="..." class="testimaonial-slide-img">
                    </div>
                </div>
            </div>
        </div>
        <div class="testimonal-img">
            <img src="assets/img/testimaonial-img-bg.png" alt="..." />
        </div>
    </div>
</div>

<div class="ak-height-125 ak-height-lg-80"></div>
<div class="container">
    <div class="cta" data-aos="fade-right">
        <span class="border-pr"></span>
        <span class="border-wh"></span>
        <div class="cta-info">
            <h2 class="cta-title" data-aos="fade-left" data-aos-delay="100">Get in touch with our experts</h2>
            <p class="cta-desp">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
                Ipsum
                has been the
                industry's stan. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                Lorem
                Ipsum
                has been the industry's stan.</p>
            <a href="contact-us.html" class="cta-btn">
                <img src="assets/img/phone.svg" alt="...">
                <span class="ms-2"> GET IN TOUCH WITH US</span>
            </a>
        </div>
    </div>
</div>

<?php include 'includes/footer.php';?>

Cancel