@extends('layout.front-end')
@section('title', 'About')
@section('description', 'About Us')
@section('content')
    <div class="banner bg1">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6">
                    <div class="banner-heading text-center">
                        <h1>About Us</h1>
                        <h4>High quality hosting at an affordable price!</h4>
                        <p>We are committed to providing high quality hosting at an affordable price. Thank you for taking
                            the time to learn more about us!</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Banner End -->
    <main>
        <!-- Our History Section Start -->
        <section class="section-gap">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-8">
                        <div class="section-header center gap-bottom">
                            <h2>Our History</h2>
                            <p>How we got started</p>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center align-items-center gy-4">
                    <div class="col-lg-3 col-md-4 col-sm-6 col-12">
                        <div class="services-design-one">
                            <div class="img"> <img src="images/shared_hosting_icon.webp" alt="icon"> </div>
                            <h3>June 2004</h3>
                            <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur, ullam!</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-4 col-sm-6 col-12"> <a class="services-design-one">
                            <div class="img"> <img src="images/reseller_hosting_icon.webp" alt="icon"> </div>
                            <h3>Oct 2013</h3>
                            <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur, ullam!</p>
                        </a> </div>
                    <div class="col-lg-3 col-md-4 col-sm-6 col-12"> <a class="services-design-one">
                            <div class="img"> <img src="images/wordpress_hosting_icon.webp" alt="icon"> </div>
                            <h3>Dec 2014</h3>
                            <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur, ullam!</p>
                        </a> </div>
                    <div class="col-lg-3 col-md-4 col-sm-6 col-12"> <a class="services-design-one">
                            <div class="img"> <img src="images/cloud_hosting_icon.webp" alt="icon"> </div>
                            <h3>July 2024</h3>
                            <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur, ullam!</p>
                        </a> </div>
                </div>
            </div>
        </section>
        <!-- Our History Section End -->
        <!-- The Prohost Story Section Start -->
        <section class="section-gap section-bg1">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-8">
                        <div class="section-header center gap-bottom">
                            <h2>The Prohost Story</h2>
                        </div>
                    </div>
                </div>
                <div class="row gy-4 gy-lg-0">
                    <div class="col-lg-4 col-md-6 col-12">
                        <div class="services-design-three">
                            <div class="img"> <img src="images/settings_icon.png" alt="img"> </div>
                            <h3>10,000+ Clients</h3>
                            <p>We have proudly served over 10,000 clients from over 100 different countries around the
                                world.
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-12">
                        <div class="services-design-three">
                            <div class="img"> <img src="images/coding_icon.png" alt="img"> </div>
                            <h3>20,000+ Website</h3>
                            <p>Over 20,000 websites are hosted by us ranging from small businesses to government agencies.
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-12">
                        <div class="services-design-three">
                            <div class="img"> <img src="images/customer_service_icon.png" alt="img"> </div>
                            <h3>30 Minutes Response Time</h3>
                            <p>Our goal is to respond to all support requests within 30 minutes or quicker for emergencies.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- The Prohost Story Section End -->
        <!-- Why Choose Prohost Section Start -->
        <section class="section-gap section-bg2">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-8">
                        <div class="section-header center white gap-bottom">
                            <h2>Why Choose Prohost?</h2>
                            <p>Every hosting plan comes with these premium features, plus many more.</p>
                        </div>
                    </div>
                </div>
                <div class="row gy-5 gx-lg-5">
                    <div class="col-lg-6 col-sm-6 col-12">
                        <div class="services-design-two white">
                            <div class="img"><img src="images/fast_icon.png" alt="img"></div>
                            <h3>Lightning Fast Website</h3>
                            <p>Our servers use LiteSpeed to ensure the maximum performance of your website at all times!</p>
                        </div>
                    </div>
                    <div class="col-lg-6 col-sm-6 col-12">
                        <div class="services-design-two white">
                            <div class="img"><img src="images/email_white_icon.png" alt="img"></div>
                            <h3>Email included</h3>
                            <p>Advanced email management features in cPanel allow you manage your emails, mailing lists and
                                more
                                without any hassles.</p>
                        </div>
                    </div>
                    <div class="col-lg-6 col-sm-6 col-12">
                        <div class="services-design-two white">
                            <div class="img"><img src="images/control_icon.png" alt="img"></div>
                            <h3>cPanel for Management</h3>
                            <p>cPanel, an intuitive and powerful control panel, is available on all plans which makes your
                                hosting package.</p>
                        </div>
                    </div>
                    <div class="col-lg-6 col-sm-6 col-12">
                        <div class="services-design-two white">
                            <div class="img"><img src="images/protection_icon.png" alt="img"></div>
                            <h3>Fully managed servers</h3>
                            <p>Server management, patches and bug fixes are handled by our experts to ensure you can focus
                                on
                                building and running your website.</p>
                        </div>
                    </div>
                    <div class="col-lg-6 col-sm-6 col-12">
                        <div class="services-design-two white">
                            <div class="img"><img src="images/tool_white_icon.png" alt="img"></div>
                            <h3>Quick Setup</h3>
                            <p>You can use your Cloud Hosting package from the moment you have completed your purchase - no
                                delays, no elaborate setups!</p>
                        </div>
                    </div>
                    <div class="col-lg-6 col-sm-6 col-12">
                        <div class="services-design-two white">
                            <div class="img"><img src="images/hand_white_icon.png" alt="img"></div>
                            <h3>1-click Application installer</h3>
                            <p>Choose between 100+ applications and CMSes to quickly start setting up your website.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Why Choose Prohost Section End -->
        <!-- Datacenter Section Start -->
        <section class="section-gap section-bg1">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-8">
                        <div class="section-header center gap-bottom">
                            <h2>Datacenter Location</h2>
                            <p>Multiple datacenters strategically positioned around the US, Europe, and Asia-Pacific</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <div class="data-center"> <img class="img-fluid data-center__map" src="images/mapimg.png"
                                alt="image">
                            <div class="data-center__location data-center__location-1">
                                <div class="data-center__pin">
                                    <div class="data-center__tooltip">
                                        <div class="data-center__btn">
                                            <div class="data-center__btn-img"> <img src="images/flag1.png" alt="image"
                                                    class="img-fluid"> </div>
                                            <div class="data-center__btn-text"> London, UK </div>
                                        </div>
                                        <div class="data-center__btn-arrow"> <img src="images/location_arrow.png"
                                                alt="image" class="img-fluid"> </div>
                                    </div>
                                </div>
                            </div>
                            <div class="data-center__location data-center__location-2">
                                <div class="data-center__pin">
                                    <div class="data-center__tooltip">
                                        <div class="data-center__btn">
                                            <div class="data-center__btn-img"> <img src="images/flag3.png" alt="image"
                                                    class="img-fluid"> </div>
                                            <div class="data-center__btn-text"> Lausanne,&nbsp;CH </div>
                                        </div>
                                        <div class="data-center__btn-arrow"> <img src="images/location_arrow.png"
                                                alt="image" class="img-fluid"> </div>
                                    </div>
                                </div>
                            </div>
                            <div class="data-center__location data-center__location-3">
                                <div class="data-center__pin">
                                    <div class="data-center__tooltip">
                                        <div class="data-center__btn">
                                            <div class="data-center__btn-img"> <img src="images/flag4.png" alt="image"
                                                    class="img-fluid"> </div>
                                            <div class="data-center__btn-text"> Nice, France </div>
                                        </div>
                                        <div class="data-center__btn-arrow"> <img src="images/location_arrow.png"
                                                alt="image" class="img-fluid"> </div>
                                    </div>
                                </div>
                            </div>
                            <div class="data-center__location data-center__location-4">
                                <div class="data-center__pin">
                                    <div class="data-center__tooltip">
                                        <div class="data-center__btn">
                                            <div class="data-center__btn-img"> <img src="images/flag4.png" alt="image"
                                                    class="img-fluid"> </div>
                                            <div class="data-center__btn-text"> Toulon, France </div>
                                        </div>
                                        <div class="data-center__btn-arrow"> <img src="images/location_arrow.png"
                                                alt="image" class="img-fluid"> </div>
                                    </div>
                                </div>
                            </div>
                            <div class="data-center__location data-center__location-5 active">
                                <div class="data-center__pin">
                                    <div class="data-center__tooltip">
                                        <div class="data-center__btn">
                                            <div class="data-center__btn-img"> <img src="images/flag1.png" alt="image"
                                                    class="img-fluid"> </div>
                                            <div class="data-center__btn-text"> NY, USA </div>
                                        </div>
                                        <div class="data-center__btn-arrow"> <img src="images/location_arrow.png"
                                                alt="image" class="img-fluid"> </div>
                                    </div>
                                </div>
                            </div>
                            <div class="data-center__location data-center__location-6">
                                <div class="data-center__pin">
                                    <div class="data-center__tooltip">
                                        <div class="data-center__btn">
                                            <div class="data-center__btn-img"> <img src="images/flag1.png" alt="image"
                                                    class="img-fluid"> </div>
                                            <div class="data-center__btn-text"> NY, USA </div>
                                        </div>
                                        <div class="data-center__btn-arrow"> <img src="images/location_arrow.png"
                                                alt="image" class="img-fluid"> </div>
                                    </div>
                                </div>
                            </div>
                            <div class="data-center__location data-center__location-7">
                                <div class="data-center__pin">
                                    <div class="data-center__tooltip">
                                        <div class="data-center__btn">
                                            <div class="data-center__btn-img"> <img src="images/flag1.png" alt="image"
                                                    class="img-fluid"> </div>
                                            <div class="data-center__btn-text"> NY, USA </div>
                                        </div>
                                        <div class="data-center__btn-arrow"> <img src="images/location_arrow.png"
                                                alt="image" class="img-fluid"> </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Datacenter Section End -->
        <!-- FAQ Section Start -->
        <section class="section-gap">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-12 col-lg-8">
                        <div class="section-header center gap-bottom">
                            <h2>Frequently Asked Questions</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <ul class="accordion light">
                            <li> <a> What payment types do you accept?</a>
                                <p>We accept all major credit cards and PayPal.</p>
                            </li>
                            <li> <a> Do you have a money back guarantee?</a>
                                <p>We are so confident you will love our service. However, we offer a 30 day money back
                                    guarantee for all first time customers. Domain name purchases are non-refundable. </p>
                            </li>
                            <li> <a> Where is your datacenter located? </a>
                                <p>Our datacenter is located in USA. For more information, visit our network page.</p>
                            </li>
                            <li> <a>Do you include protection from viruses?</a>
                                <p>Yes, all our servers are protected by Imunify360 at no additional cost to you.</p>
                            </li>
                            <li> <a>Do you offer DDoS Protection?</a>
                                <p>All of our servers use industry leading DDoS protection to keep your sites online. </p>
                            </li>
                            <li> <a>Can I upgrade to a higher plan?</a>
                                <p>Yes, you can easily upgrade to one of our higher plans at any time. </p>
                            </li>
                            <li> <a>Is my data safe? Do you perform backups?</a>
                                <p>Yes, your data is a 100% secure and is backed-up every night at 12:00am eastern time.
                                </p>
                            </li>
                            <li> <a>Who do I get in touch with if I need help?</a>
                                <p>Our Support team is always on hand ready to assist you. We ofer 24/7 support. Also, you
                                    can
                                    read our knowledgebase that has plenty of pre-written support articles for the most
                                    common
                                    support questions.</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
        <!-- FAQ Section End -->
    </main>
@endsection
