EVOLUTION-NINJA

Edit File: footer.php

<footer class="jayfooter mt-5">
    <div class="mainfooter">
        <h3 class="footerheading">BEST WEB DEVELOPMENT COMPANY</h3>
        <p class="footerpara">Jayblues Technologies is a pioneer for web services for Ambitious Start-ups, Young
            businesses & Established Organizations</p>
        <div class="lineimgfoot"><img src="<?php echo base_url('public/assets/images/Line (7).png');?>"
                alt="line image"></div>

<div class="row">
            <div class="col-sm-12 col-md-6 col-lg-6 p-4 ">
                <p class="footerparas">Address</p>
                <address class="footaddress">
                    #656/D, 16th Main, 5th Cross, Saraswathipuram,Mysore, Karnataka-570009.
                </address>
                <p class="footerparas">Email</p>
                <a href="mailto:support@jayblues.com" class="cont">support@jayblues.com</a>
                <p class="footerparas">Number</p>
                <a href="tel:+91 9663933606" class="cont">+91 9731622442</a>
                <div class="socialmedai">
                    <p class="footerparas">Follows Us</p>
                    <div class="socmed">
                        <a href="#"><i class="fa fa-facebook-official followicons" aria-hidden="true"></i></a>
                        <a href="#"><i class="fa fa-twitter followicons" aria-hidden="true"></i></a>
                        <a href="#"><i class="fa fa-instagram followicons" aria-hidden="true"></i></a>
                        <a href="#"><i class="fa fa-linkedin-square followicons" aria-hidden="true"></i></a>
                        <a href="#"><i class="fa fa-google followicons" aria-hidden="true"></i></a>
                    </div>

</div>
            </div>
            <div class="col-sm-12 col-md-6 col-lg-6 p-4">
                <h5 class="enquiry">Don’t hesitate to contact with us for inquiries!</h5>
                <p class="cont">Easy Project Consultation</p>
                <div class="contactform">
                    <form action="">
                        <div class="row mt-2">
                            <div class="col-sm-6"><input type="text" class="form-control" name="firstname"
                                    placeholder="Frist Name" id="firstname" required pattern="^[A-Za-z\s]+$"
                                    minlength="2" maxlength="50"></div>
                            <div class="col-sm-6"><input type="text" class="form-control" name="lastname"
                                    placeholder="Last Name" id="lastname" pattern="^[A-Za-z\s]+$" minlength="2"
                                    maxlength="50"></div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-sm-6"><input type="email" class="form-control" name="email"
                                    placeholder="Email" id="email" required
                                    pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$">
                            </div>
                            <div class="col-sm-6"><select class="form-select form-control"
                                    aria-label="Default select example">
                                    <option value="">Select IT Services</option>
                                    <option value="">One</option>
                                    <option value="">Two</option>
                                    <option value="">Three</option>
                                </select>
                            </div>

</div>
                        <div class="row mt-2 mb-2">
                            <div class="col-sm-12">
                                <textarea class="form-control" placeholder="Leave a comment here" id="floatingTextarea2"
                                    name="comment" style="height: 100px" minlength="10" maxlength="500" required ></textarea>
                            </div>
                        </div>

<button type="submit" class="formsubmitbtn">SUBMIT</button>
                    </form>
                </div>
            </div>

</div>
        <div style="height: 2px;background-color: #0068ED;"></div>
        <div class="copyrightsjay text-center mt-2"> Copyright 2024 © Jayblues Technologies</div>

</div>

</footer>

.mainfooter {
        width: 74%;
        margin: auto;
    }

.lineimgfoot {
        text-align: center;
    }

.footerheading {
        text-align: center;
        font-size: 24px;
        font-family: "Barlow", sans-serif;
        font-weight: 700;
        color: #AED2FF;

}

.footerpara {
        text-align: center;
        font-size: 18px;
        font-weight: 500;
        color: #fff;
        margin: 0;
    }

.footerparas {
        font-size: 20px;
        /* font-family: "Barlow", sans-serif; */
        font-weight: 600;
        color: #AED2FF;
        margin-bottom: 4px;
    }

.footaddress,
    .cont,
    .copyrightsjay {
        color: #fff;
        font-size: 15px;
        /* font-family: "Barlow", sans-serif; */
        font-weight: 500;
        text-decoration: none;
        margin-bottom: 9px;
    }

.enquiry {
        font-size: 20px;
        font-family: "Barlow", sans-serif;
        font-weight: 700;
        color: #AED2FF;
    }

.formsubmitbtn {
        border: none;
        outline: none;
        padding: 5px 15px;
        background-color: #2977DA;
        color: #fff;
        border-radius: 5px;
        font-weight: 500
    }

.followicons {
        color: #fff;
        font-size: 26px;
    }

.socmed {
        display: flex;
        gap: 24px
    }

@media (min-width:1001px) and (max-width:1356px) {
        .mainfooter {
            width: 88%;
        }
    }

@media (min-width:629px) and (max-width:1000px) {
        .mainfooter {
            width: 88%;
        }
    }

@media only screen and (max-width:628px) {
        .mainfooter {
            width: 93%;
        }

.footerheading,
        .footerpara {
            text-align: left;
        }

.footerpara {
            font-size: 16px;
        }

.contactform input {
            margin-top: 3px;
        }
    }
</style>