<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    

    <style>
     
.footer {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

.contact-info, .footer-table, .footer-policy {
    width: 100%;
}

.social-icons a {
    margin: 0 5px;
}

.footer-table table {
    width: 100%;
}


@media (min-width: 768px) and (max-width: 1023px) {
    .footer {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .contact-info, .footer-table, .footer-policy {
        width: 48%;
    }

    .social-icons a {
        margin: 0 10px;
    }
}


@media (max-width: 1050px) {
    .contact-info img {
        width: 100%;
        max-width: 300px;
        height: auto;
    }

    .footer-table table {
        font-size: 0.9rem;
    }

    .social-icons a {
        margin: 0 5px;
    }
}

        </style>

    </head>
    <body>


<div class="footer">
    <div class="contact-info">
    <img src="{{ asset('images/Edtech-logo-white-01-768x151-1.png') }}" alt="Logo">
        <br>
        <span class="icon">&#128222; <a href="tel:+442034750264">+442034750264</a></span>
        <br>
        <span class="icon">&#9993; <a href="mailto:info@edtechplus.com">info@edtechplus.com</a></span>
        <br>
        <div class="social-icons">
            <!-- Add social media icons here -->
            <a href="https://www.facebook.com/edtechplusofficial" target="_blank" class="social-icon"><i class="fab fa-facebook"></i></a>
            <a href="https://www.linkedin.com/company/edtech-plus" target="_blank" class="social-icon"><i class="fab fa-linkedin"></i></a>
            <a href="https://www.instagram.com/Edtechplus/" target="_blank" class="social-icon"><i class="fab fa-instagram"></i></a>
        </div>
        <p>&copy; 2024 All Rights Reserved to EdTech Plus Ltd.</p>
    </div>
        <div class="footer-table">
        <table>
            <tr>
               
                <td>COMPANY</td>
                <td>LINKS</td>
                <td>SUPPORT</td>
                <td>PRIVACY</td>
            </tr>
            <tr>
               
                <td><a href="{{ route('ownafranchise') }}">Own a Franchise</a></td>
                <td><a href="{{ route('courses') }}">Courses</a><br><a 

href="{{ route('events') }}">Events</a></td>
                <td><a href="{{ route('contact') }}">Contact</a></td>
                <td><a href="{{ route('privacypolicy') }}">Privacy Policy</a> <br> 
<a href="{{ route('terms') }}">Terms</a></td>
            </tr>

        </table>
<div class="footer-policy">
    
        <a href="{{ route('terms') }}">Terms</a>
           <a href="{{ route('privacypolicy') }}">Privacy Policy</a>
    
 
    </div>
    </div>


</body>
</html>