http://wolfpwr.co.uk/

Submitted URL:
http://wolfpwr.co.uk/
Report Finished:

The outgoing links identified from the page

JavaScript Variables · 10 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

Console log messages · 1 found

Messages logged to the web console

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="en"><head>
    <meta charset="utf-8">
    <title>WOLF POWER SERVICES LIMITED</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="Free HTML Templates" name="keywords">
    <meta content="Free HTML Templates" name="description">

    <!-- Favicon -->
    <link href="img/favicon.ico" rel="icon">

    <!-- Google Web Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&amp;family=Rubik:wght@400;500;600;700&amp;display=swap" rel="stylesheet">

    <!-- Icon Font Stylesheet -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet">

    <!-- Libraries Stylesheet -->
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
    <link href="lib/animate/animate.min.css" rel="stylesheet">

    <!-- Customized Bootstrap Stylesheet -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Template Stylesheet -->
    <link href="css/style.css" rel="stylesheet">
</head>

<body>
    <!-- Spinner Start -->
    <div id="spinner" class="bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
        <div class="spinner"></div>
    </div>
    <!-- Spinner End -->


    <!-- Topbar Start -->
    <div class="container-fluid bg-dark px-5 d-none d-lg-block">
        <div class="row gx-0">
            <div class="col-lg-6 text-center text-lg-start mb-2 mb-lg-0">
                <div class="d-inline-flex align-items-center" style="height: 45px;">
                    <small class="me-3 text-light"><i class="fa fa-map-marker-alt me-2"></i>6 Morrab Gardens, Ilford, England, IG3 9HL</small>
                    <small class="me-3 text-light"><i class="fa fa-phone-alt me-2"></i>02038070973</small>
                    
                </div>
            </div>
            <div class="col-lg-6 text-center text-lg-end">
                <small class="text-light"><i class="fa fa-clock me-2"></i>
                                Mon - Fri: 10:00 am - 6:00 pm&nbsp;&nbsp;&nbsp;·&nbsp;&nbsp;&nbsp;Closed on Weekends
                            </small>
                <div class="d-inline-flex align-items-center" style="height: 45px;">
                    <a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2" href=""><i class="fab fa-twitter fw-normal"></i></a>
                    <a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2" href=""><i class="fab fa-facebook-f fw-normal"></i></a>
                    <a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2" href=""><i class="fab fa-linkedin-in fw-normal"></i></a>
                    <a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2" href=""><i class="fab fa-instagram fw-normal"></i></a>
                    <a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle" href=""><i class="fab fa-youtube fw-normal"></i></a>
                </div>
            </div>
        </div>
    </div>
    <!-- Topbar End -->


    <!-- Navbar & Carousel Start -->
    <div class="container-fluid position-relative p-0">
        <nav class="navbar navbar-expand-lg navbar-dark px-5 py-3 py-lg-0">
            <a href="index.php" class="navbar-brand p-0">
                <img src="img/wolf.png" height="100px">
            </a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
                <span class="fa fa-bars"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarCollapse">
                <div class="navbar-nav ms-auto py-0">
                    <a href="index.php" class="nav-item nav-link active">Home</a>
                    <a href="energy.php" class="nav-item nav-link ">Energy</a>
                    <a href="loan.php" class="nav-item nav-link">Loan</a>
                    <!--<a href="compliance.php" class="nav-item nav-link">Compliance</a>
                     -->
                     <div class="nav-item dropdown">
                        <a href="#" class="nav-link dropdown-toggle " data-bs-toggle="dropdown">Contact us</a>
                        <div class="dropdown-menu m-0">
                            <a href="contact.php" class="dropdown-item">Contact</a>
                            <a href="compliance.php" class="dropdown-item">Compliance</a>
                        </div>
                    </div>
                </div>

            </div>
        </nav>

        <div id="header-carousel" class="carousel slide carousel-fade" data-bs-ride="carousel">
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img class="w-100" src="img/energy.jpg" alt="Image">
                    <div class="carousel-caption d-flex flex-column align-items-center justify-content-center">
                        <div class="p-3" style="max-width: 900px;">
                            <h2 class="text-white text-uppercase mb-3 animated slideInDown mb-5">Good electric. Every stage support.</h2>
                            <!-- <h1 class="display-1 text-white mb-md-4 animated zoomIn">Creative & Innovative Digital Solution</h1> -->
                            <a href="energy.php" class="btn btn-outline-light py-md-3 px-md-5 me-3 animated slideInLeft">Energy</a>
                            <a href="energy.php" class="btn btn-outline-light py-md-3 px-md-5 animated slideInRight me-3">Gas</a>
                            <a href="loan.php" class="btn btn-outline-light py-md-3 px-md-5 animated slideInRight me-3">Loan</a><a href="energy.php" class="btn btn-outline-light py-md-3 px-md-5  animated slideInLeft">Card Machine</a>

                        </div>
                    </div>
                </div>
                <div class="carousel-item">
                    <img class="w-100" src="img/gas.jpg" alt="Image">
                    <div class="carousel-caption d-flex flex-column align-items-center justify-content-center">
                        <div class="p-3" style="max-width: 900px;">
                            <h2 class="text-white text-uppercase mb-3 animated slideInDown mb-5">You go about your business. We'll do the rest.</h2>
                            <a href="energy.php" class="btn btn-outline-light py-md-3 px-md-5 me-3 animated slideInLeft">Energy</a>
                            <a href="energy.php" class="btn btn-outline-light py-md-3 px-md-5 animated slideInRight me-3">Gas</a>
                            <a href="loan.php" class="btn btn-outline-light py-md-3 px-md-5 animated slideInRight me-3">Loan</a><a href="energy.php" class="btn btn-outline-light py-md-3 px-md-5 animated slideInLeft">Card Machine</a>


                        </div>
                    </div>
                </div>
                <div class="carousel-item">
                    <img class="w-100" src="img/en3.jpg" alt="Image">
                    <div class="carousel-caption d-flex flex-column align-items-center justify-content-center">
                        <div class="p-3" style="max-width: 900px;">
                            <h2 class="text-white text-uppercase mb-3 animated slideInDown mb-5">Good electric. Every stage support.</h2>
                            <a href="energy.php" class="btn btn-outline-light py-md-3 px-md-5 me-3 animated slideInLeft">Energy</a>
                            <a href="energy.php" class="btn btn-outline-light py-md-3 px-md-5 animated slideInRight me-3">Gas</a>
                            <a href="loan.php" class="btn btn-outline-light py-md-3 px-md-5 animated slideInRight me-3">Loan</a><a href="energy.php" class="btn btn-outline-light py-md-3 px-md-5 animated slideInLeft">Card Machine</a>


                        </div>
                    </div>
                </div>
                <div class="carousel-item">
                    <img class="w-100" src="img/en4.jpg" alt="Image">
                    <div class="carousel-caption d-flex flex-column align-items-center justify-content-center">
                        <div class="p-3" style="max-width: 900px;">
                            <h2 class="text-white text-uppercase mb-3 animated slideInDown mb-5">You go about your business. We'll do the rest.</h2>
                            <a href="energy.php" class="btn btn-outline-light py-md-3 px-md-5 me-3 animated slideInLeft">Energy</a>
                            <a href="energy.php" class="btn btn-outline-light py-md-3 px-md-5 animated slideInRight me-3">Gas</a>
                            <a href="loan.php" class="btn btn-outline-light py-md-3 px-md-5 animated slideInRight me-3">Loan</a><a href="energy.php" class="btn btn-outline-light py-md-3 px-md-5 animated slideInLeft">Card Machine</a>


                        </div>
                    </div>
                </div>
            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#header-carousel" data-bs-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Previous</span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#header-carousel" data-bs-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
            </button>
        </div>
    </div>
    <!-- Navbar & Carousel End -->


    <!-- Full Screen Search Start -->
    <div class="modal fade" id="searchModal" tabindex="-1">
        <div class="modal-dialog modal-fullscreen">
            <div class="modal-content" style="background: rgba(9, 30, 62, .7);">
                <div class="modal-header border-0">
                    <button type="button" class="btn bg-white btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body d-flex align-items-center justify-content-center">
                    <div class="input-group" style="max-width: 600px;">
                        <input type="text" class="form-control bg-transparent border-primary p-3" placeholder="Type search keyword">
                        <button class="btn btn-primary px-4"><i class="bi bi-search"></i></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Full Screen Search End -->


    <!-- Facts Start -->
    <div class="container-fluid facts py-5 pt-lg-0">
        <div class="container py-5 pt-lg-0 bg-light enquiry_form">
            <div class="row gx-0">
                <div class="col p-2">
                    <label class="mt-3 mb-2">Email</label>
                    <input type="text" class="form-control" id="email" name="email" maxlength="30" placeholder="[email protected]">
                </div>
                <div class="col p-2">
                    <label class="mt-3 mb-2">Your Name</label>
                    <input type="text" class="form-control" id="name" name="name" maxlength="30" placeholder="Your Name">
                </div>
                <div class="col p-2">
                    <label class="mt-3 mb-2">Your Phone</label>
                    <input type="text" class="form-control" id="phone" name="phone" maxlength="15" placeholder="(+44) 123">
                </div>
                <div class="col p-2 position-relative">
                    <label class="mt-3 mb-2">Subject</label>
                    <select class="form-control" id="subject" name="subject">
                        <option disabled="" selected="">Choose</option>
                        <option value="Electicity &amp; Gas">Electicity &amp; Gas</option>
                    </select>
                    <i class="fa fa-angle-down"></i>

                </div>
                <div class="col p-2 text-center">
                    <button onclick="subForm()" class="btn btn-primary py-2 px-5 mt-5 wow " style="visibility: hidden; animation-name: none;">Call Back</button>
                </div>
            </div>
        </div>
    </div>
    <!-- Facts Start -->


    <!-- About Start 
    <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
        <div class="container py-5">
            <div class="row g-5">
                <div class="col-lg-7">
                    <div class="section-title position-relative pb-3 mb-5">
                        <h5 class="fw-bold text-primary text-uppercase">ONE STEP AWAY FROM CHANGE</h5>
                        <h1 class="mb-0">Guarantee your business in three simple steps</h1>
                    </div>
                    <div class="row">
                        <div class="col-2">
                           <div class="bg-primary d-flex align-items-center justify-content-center rounded text-light h4 font-weight-bold" style="width: 60px; height: 60px;">
                            01
                            </div>
                        </div> 
                        <div class="col-10">
                            <h4>Select the loan amount and repayment period</h4>
                            <p class="mb-3">You choose the amount and repayment period using our loan calculator. You provide your details and wait for our contact.</p>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-2">
                           <div class="bg-primary d-flex align-items-center justify-content-center rounded text-light h4 font-weight-bold" style="width: 60px; height: 60px;">
                            02
                            </div>
                        </div> 
                        <div class="col-10">
                            <h4>Wait for the telephone verification of the application</h4>
                            <p class="mb-3">We will verify your application and contact you to inform you about the possibility of granting a loan.</p>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-2">
                           <div class="bg-primary d-flex align-items-center justify-content-center rounded text-light h4 font-weight-bold" style="width: 60px; height: 60px;">
                            03
                            </div>
                        </div> 
                        <div class="col-10">
                            <h4>We will transfer the money directly to your account</h4>
                            <p class="mb-3">After positive verification, the money will be transfered to your account within fifteen minutes to an hour.</p>
                        </div>
                    </div>

                </div>
                <div class="col-lg-5" style="min-height: 500px;">
                    <div class="position-relative h-100">
                        <img class="position-absolute w-100 h-100 rounded wow zoomIn" data-wow-delay="0.9s" src="img/about.jpg" style="object-fit: cover;">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- About End -->

 <!-- Strength  Start -->
    <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s" style="visibility: hidden; animation-delay: 0.1s; animation-name: none;">
        <div class="container py-5">
            <div class="row g-5">
                <div class="col-lg-6" style="min-height: 500px;">
                    <div class="position-relative h-100">
                        <img class="position-absolute w-100 h-100 rounded wow zoomIn" data-wow-delay="0.9s" src="img/carousel-2.jpg" style="object-fit: cover; visibility: hidden; animation-delay: 0.9s; animation-name: none;">
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="section-title position-relative pb-3 mb-5">
                        <h5 class="fw-bold text-primary text-uppercase">WE ARE WOLF POWER</h5>
                        <h1 class="mb-0">Our strengths</h1>
                    </div>
                    <div class="row">
                        <div class="col-12">
                           <p>Our mission is to offer a full spectrum of business support services. We offer business utilities and card machine etc. For us, work is a passion, only with this sense we can develop and provide services at the highest level.</p>
                           <p>We put emphasis on understanding the needs and business of customers, thanks to which the scope of our services is as individual as possible. In this way, we maximize the efficiency of our work and ensure a high level of customer satisfaction. We are available and open to questions from customers. We are committed to work, and we implement new projects with enthusiasm. Customer satisfaction is our goal.</p>
                        </div> 
                        
                    </div>
                    
                    <div class="row g-0 mb-3">
                        <div class="col-sm-12 wow zoomIn" data-wow-delay="0.2s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
                            <h4 class="mb-3">Diversified competences</h4>
                            <h6 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Implementation of a wide range of utility contracts in one place.</h6>
                            <h6 class="mb-3"><i class="fa fa-check text-primary me-3"></i>World-class finance and payments services.</h6>
                            <h6 class="mb-3"><i class="fa fa-check text-primary me-3"></i>We give you  cheap rate on your energy.</h6>
                            <h6 class="mb-3"><i class="fa fa-check text-primary me-3"></i>We are available and open to questions from customers.</h6>
                        </div>
                        
                    </div>


                </div>
            </div>
        </div>
    </div>
    <!-- strength End -->

<!-- Facts Start -->
    <div class="container-fluid facts py-5 pt-lg-0">
        <div class="container py-3 pt-lg-0">
            <div class="row gx-0">
                <div class="col-lg-4 wow zoomIn" data-wow-delay="0.1s" style="visibility: hidden; animation-delay: 0.1s; animation-name: none;">
                    <div class="bg-primary shadow d-flex align-items-center justify-content-center p-4" style="height: 150px;">
                        <div class="bg-white d-flex align-items-center justify-content-center rounded mb-2" style="width: 60px; height: 60px;">
                            <i class="fa fa-users text-primary"></i>
                        </div>
                        <div class="ps-4">
                            <h5 class="text-white mb-0">Number of Clients</h5>
                            <h1 class="text-white mb-0 float-start" data-toggle="counter-up">10000</h1>
                            <h1 class="text-white"> +</h1>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 wow zoomIn" data-wow-delay="0.3s" style="visibility: hidden; animation-delay: 0.3s; animation-name: none;">
                    <div class="bg-light shadow d-flex align-items-center justify-content-center p-4" style="height: 150px;">
                        <div class="bg-primary d-flex align-items-center justify-content-center rounded mb-2" style="width: 60px; height: 60px;">
                            <i class="fa fa-check text-white"></i>
                        </div>
                        <div class="ps-4">
                            <h5 class="text-primary mb-0">Approval rate of energy contracts</h5>
                            <h1 class="mb-0 text-center float-start" data-toggle="counter-up">97</h1><h5 style="line-height:50px">%</h5>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 wow zoomIn" data-wow-delay="0.6s" style="visibility: hidden; animation-delay: 0.6s; animation-name: none;">
                    <div class="bg-primary shadow d-flex align-items-center justify-content-center p-4" style="height: 150px;">
                        <div class="bg-white d-flex align-items-center justify-content-center rounded mb-2" style="width: 60px; height: 60px;">
                            <i class="fa fa-award text-primary"></i>
                        </div>
                        <div class="ps-4">
                            <h5 class="text-white mb-0">Satisfied Clients</h5>
                            <h1 class="text-white mb-0 float-start" data-toggle="counter-up">95</h1><h5 class="text-white" style="line-height:50px">%</h5>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Facts Start -->


 
    <!-- Vendor Start -->
    <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s" style="visibility: hidden; animation-delay: 0.1s; animation-name: none;">
        <div class="container py-2 mb-2">
            <div class="section-title position-relative pb-3 mb-5">
                <!-- <h5 class="fw-bold text-primary text-uppercase">WE ARE WOLF POWER</h5> -->
                <h1 class="mb-0">We deal on behalf of</h1>
            </div>
            <div class="bg-white">
                <div class="owl-carousel vendor-carousel owl-loaded owl-drag">
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                <div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-741px, 0px, 0px); transition: all 0s ease 0s; width: 2964px;"><div class="owl-item cloned" style="width: 78.5px; margin-right: 45px;"><img src="img/p7.jpg" alt=""></div><div class="owl-item cloned" style="width: 78.5px; margin-right: 45px;"><img src="img/p8.png" alt=""></div><div class="owl-item cloned" style="width: 78.5px; margin-right: 45px;"><img src="img/p9.jpg" alt=""></div><div class="owl-item cloned" style="width: 78.5px; margin-right: 45px;"><img src="img/p10.jpg" alt=""></div><div class="owl-item cloned" style="width: 78.5px; margin-right: 45px;"><img src="img/edf-colour.svg" alt=""></div><div class="owl-item cloned" style="width: 78.5px; margin-right: 45px;"><img src="img/p12.png" alt=""></div><div class="owl-item active" style="width: 78.5px; margin-right: 45px;"><img src="img/p1.jpg" alt=""></div><div class="owl-item active" style="width: 78.5px; margin-right: 45px;"><img src="img/eon.jpg" alt=""></div><div class="owl-item active" style="width: 78.5px; margin-right: 45px;"><img src="img/sse.jpg" alt=""></div><div class="owl-item active" style="width: 78.5px; margin-right: 45px;"><img src="img/p4.png" alt=""></div><div class="owl-item active" style="width: 78.5px; margin-right: 45px;"><img src="img/p5.jpg" alt=""></div><div class="owl-item active" style="width: 78.5px; margin-right: 45px;"><img src="img/p6.png" alt=""></div><div class="owl-item" style="width: 78.5px; margin-right: 45px;"><img src="img/p7.jpg" alt=""></div><div class="owl-item" style="width: 78.5px; margin-right: 45px;"><img src="img/p8.png" alt=""></div><div class="owl-item" style="width: 78.5px; margin-right: 45px;"><img src="img/p9.jpg" alt=""></div><div class="owl-item" style="width: 78.5px; margin-right: 45px;"><img src="img/p10.jpg" alt=""></div><div class="owl-item" style="width: 78.5px; margin-right: 45px;"><img src="img/edf-colour.svg" alt=""></div><div class="owl-item" style="width: 78.5px; margin-right: 45px;"><img src="img/p12.png" alt=""></div><div class="owl-item cloned" style="width: 78.5px; margin-right: 45px;"><img src="img/p1.jpg" alt=""></div><div class="owl-item cloned" style="width: 78.5px; margin-right: 45px;"><img src="img/eon.jpg" alt=""></div><div class="owl-item cloned" style="width: 78.5px; margin-right: 45px;"><img src="img/sse.jpg" alt=""></div><div class="owl-item cloned" style="width: 78.5px; margin-right: 45px;"><img src="img/p4.png" alt=""></div><div class="owl-item cloned" style="width: 78.5px; margin-right: 45px;"><img src="img/p5.jpg" alt=""></div><div class="owl-item cloned" style="width: 78.5px; margin-right: 45px;"><img src="img/p6.png" alt=""></div></div></div><div class="owl-nav disabled"><div class="owl-prev">prev</div><div class="owl-next">next</div></div><div class="owl-dots disabled"></div></div>
            </div>
        </div>
    </div>
    <!-- Vendor End -->
    

    <!-- Footer Start -->
    <div class="container-fluid bg-dark text-light mt-5 wow fadeInUp" data-wow-delay="0.1s" style="visibility: hidden; animation-delay: 0.1s; animation-name: none;">
        <div class="container">
            <div class="row gx-5">
                <div class="col-lg-4 col-md-6 footer-about">
                    <div class="d-flex flex-column align-items-center justify-content-center text-center h-100 bg-primary p-4">
                        <a href="index.php" class="navbar-brand">
                            <img src="img/wolf-white.png" height="120px">
                        </a>
                        <p class="mt-3 mb-4">Lorem diam sit erat dolor elitr et, diam lorem justo amet clita stet eos sit. Elitr dolor duo lorem, elitr clita ipsum sea. Diam amet erat lorem stet eos. Diam amet et kasd eos duo.</p>
                        <form action="">
                            <div class="input-group">
                                
                                <a href="contact.php" class="btn btn-dark">Find us on map</a>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="col-lg-8 col-md-6">
                    <div class="row mt-4">
                        <div class="col-md-4 mb-2 d-flex">
                            <i class="bi bi-geo-alt text-primary me-2"></i>
                            <p class="mb-0">6 Morrab Gardens, Ilford, England, IG3 9HL</p>
                        </div>
                        <div class="col-md-4 mb-2 d-flex">
                            <i class="bi bi-envelope-open text-primary me-2"></i>
                            <p class="mb-0">[email protected]</p>
                        </div>
                        <div class="col-md-4 mb-2 d-flex">
                            
                            <div class="ms-2 d-flex">
                            <i class="bi bi-telephone text-primary me-2"></i>
                            <p class="mb-0">02038070973</p>
                            </div>
                        </div>
                    </div>
                    <div class="row gx-5">
                        <div class="col-lg-4 col-md-12 pt-5 mb-5">
                            <div class="section-title section-title-sm position-relative pb-3 mb-4">
                                <h3 class="text-light mb-0">Crosspondance</h3>
                            </div>
                            <div class="link-animated d-flex flex-column justify-content-start">
                                6 Morrab Gardens, Ilford, England, IG3 9HL
                            </div>
                            
                        </div>
                        <div class="col-lg-4 col-md-12 pt-0 pt-lg-5 mb-5">
                            <div class="section-title section-title-sm position-relative pb-3 mb-4">
                                <h3 class="text-light mb-0">Resources</h3>
                            </div>
                            <div class="link-animated d-flex flex-column justify-content-start">
                                <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Compliance</a>
                                <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Card Machine</a>
                                <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>About Us</a>
                                <a class="text-light mb-2" href="#"><i class="bi bi-arrow-right text-primary me-2"></i>Our Services</a>
                                
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-12 pt-0 pt-lg-5 mb-5">
                            <div class="section-title section-title-sm position-relative pb-3 mb-4">
                                <h3 class="text-light mb-0">Incorporated on</h3>
                            </div>
                            <div class="link-animated d-flex flex-column justify-content-start">
                                03 December 2020
                                <hr>

                            </div>
                            <div class="link-animated d-flex flex-column justify-content-start">
                                <h5 class="text-white">Company Registration No</h5>
                                <p>13060573</p>
                            </div>
                            <div class="link-animated d-flex flex-column justify-content-start">
                                <h5 class="text-white"> Register As</h5>
                                <p>Wolf Power Services Ltd.</p>
                            </div>
                        </div>
                    </div>
                    <div class="row mb-4">
                        <div class="d-flex mt-4 justify-content-center">
                                <a class="btn btn-primary btn-square me-2" href="#"><i class="fab fa-twitter fw-normal"></i></a>
                                <a class="btn btn-primary btn-square me-2" href="#"><i class="fab fa-facebook-f fw-normal"></i></a>
                                <a class="btn btn-primary btn-square me-2" href="#"><i class="fab fa-linkedin-in fw-normal"></i></a>
                                <a class="btn btn-primary btn-square" href="#"><i class="fab fa-instagram fw-normal"></i></a>
                            </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid text-white" style="background: #061429;">
        <div class="container text-center">
            <div class="row justify-content-end">
                <div class="col-lg-8 col-md-6">
                    <div class="d-flex align-items-center justify-content-center" style="height: 75px;">
                        <p class="mb-0">© <a class="text-white border-bottom" href="#">Wolf Power Services Limited</a>. All Rights Reserved. 
						
						Developed by <a class="text-white border-bottom" href="https://pakcodes.com">Pakcodes.com</a></p>
                        <!-- <br>Distributed By: <a class="border-bottom" href="https://themewagon.com" target="_blank">ThemeWagon</a> -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Footer End -->


    <!-- Back to Top -->
    <a href="#" class="btn btn-lg btn-primary btn-lg-square rounded back-to-top"><i class="bi bi-arrow-up"></i></a>


    <!-- JavaScript Libraries -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
    <script src="lib/wow/wow.min.js"></script>
    <script src="lib/easing/easing.min.js"></script>
    <script src="lib/waypoints/waypoints.min.js"></script>
    <script src="lib/counterup/counterup.min.js"></script>
    <script src="lib/owlcarousel/owl.carousel.min.js"></script>

    <!-- Template Javascript -->
    <script src="js/main.js"></script>
    <script type="text/javascript">
        function subForm(){
            var em = $("#email").val();
            var na = $("#name").val();
            var ph = $("#phone").val();
            var su = $("#subject").val();
            if(em =="" || na=="" || ph=="" || su=="" ){
                 alert('All fields are required to fill');
                 return false;
             }
             $.ajax({
                  url:"process.php",
                  type:"POST",
                  data: 'axn=sform&em='+em+'&ph='+ph+'&na='+na+'&su='+su,
              }).done(function (msg){
                 alert(msg);
                  //window.location.href ="thank_you.html";
              })
        }
    </script>


</body></html>