ET-VISA/resources/views/contact.blade.php

@extends('layout.app')
@section('title')
<title>Contact Us</title>
    <meta name="description" content="ET Education and Visa Services, presented by Extratech, is an adept provider of excellent education consultation, information, and visa guidance solution to students seeking schooling abroad.">
    <meta name="robots" content="index, follow" />
    <meta property="og:url" content="" />
    <meta property="og:image" content="{{url('frontend/images/banner.png')}}"/>
    <meta property="og:title" content="ET-Visas"/>
    <meta property="og:description" content="ET Education and Visa Services, presented by Extratech, is an adept provider of excellent education consultation, information, and visa guidance solution to students seeking schooling abroad."/>
@endsection
@section('content')
    <section class="abroad-banner-section" style="background: url('frontend/images/contact-banner.png')">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="/">Home</a></li>
            <li class="breadcrumb-item active" aria-current="page">Contact</li>
            </ol>
        </nav>
        <div class="studyabroad-banner-header">
            <h1>Contact Us</h1>
            <h5>Take a Right Step Towards Better Future</h5>
        </div>
    </section>
    <section class="contact-form-section">
        <div class="contact-form">
            <div class="row gx-5">
                <div class="col-md-4 col-sm-12">
                    <div class="contact-desc">
                        <div class="contact-left-top">
                            <h1>Talk to our Expert</h1>
                            <p>Please contact us or book an appointment with us, we will be glad to answer all your queries.</p>
                        </div>
                        <div class="contact-img">
                            <img src="{{url('frontend/images/two-content.png')}}" class="w-100" alt="">
                        </div>
                        <div class="contact-offices">
                            <h2>Sydney Office</h2>
                            <a href="https://goo.gl/maps/jHDbUhrqpQnXkjpG6" target="_blank" class="offices-des">
                                <img src="{{url('frontend/icons/contact-location.png')}}" class="img-fluid" alt="">
                                <h5>Suite 132 & 133, Level 3, 10 Park Road, Hurstville NSW 2220</h5>
                            </a>
                            <a href="mailto: admin@eteducation.com.au" class="offices-des">
                                <img src="{{url('frontend/icons/contact-email.png')}}" class="img-fluid" alt="">
                                <h5>admin@eteducation.com.au</h5>
                            </a>
                            <a href="tel: +61 405 978 672" class="offices-des">
                                <img src="{{url('frontend/icons/contact-phone.png')}}" class="img-fluid" alt="">
                                <h5>+61 405 978 672</h5>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-md-8 col-sm-12">
                    <div class="form-sec">
                        <h1>Send us a Message!</h1>
                        <p>If you have any queries, let us know.</p>
                        <form action="">
                            <div class="row gy-4">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Full Name</label>
                                        <input type="text" class="form-control" placeholder="Your full name">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Email address</label>
                                        <input type="email" class="form-control" placeholder="Your email address">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Phone number</label>
                                        <input type="number" class="form-control" placeholder="Your phone number">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="">Nationality</label>
                                        <input type="text" class="form-control" placeholder="Your nationality">
                                    </div>
                                </div>
                                <div class="col-md-12 mb-4">
                                    <div class="form-group">
                                        <label for="exampleFormControlTextarea1">Enquiry</label>
                                        <textarea class="form-control" id="exampleFormControlTextarea1" placeholder="Your enquiries.." rows="5"></textarea>
                                    </div>
                                </div>
                                <div class="text-center">
                                    <button type="submit" class="">Submit your enquiry</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection