[edit] banner text animation

public/frontend/css/style.css

@@ -9,7 +9,7 @@ body {
 }
 p{
     font-weight: 500;
-    font-size: 17px;
+    font-size: 16px;
     line-height: 1.8rem;
     letter-spacing: 0.001em;
     color: #221415;
@@ -227,22 +227,24 @@ Responsive Codes
     top: 40%;
     left: 10%;
     visibility: hidden;
-    animation: 4s anim-lineUp ease-out;
+    animation: 6s anim-lineUp ease-out;
 }
 .banner-section .banner-description-two{
     position: absolute;
-    top: 40%;
+    top: 30%;
-    left: 10%;
+    left: 26%;
+    padding-right: 30%;
     visibility: hidden;
-    animation: 3s anim-lineUp ease-out;
+    text-align: center;
-    animation-delay: 6s;
+    animation: 6s anim-lineDown ease-out;
+    animation-delay: 4s;
 }
 .banner-section .banner-description-three{
     position: absolute;
     top: 40%;
     left: 10%;
     visibility: hidden;
-    animation: 4s anim-lineUp ease-out;
+    animation: 5s anim-lineUp ease-out;
     animation-delay: 8s;
 }
 .banner-description h2, .banner-description-two h2, .banner-description-three h2{
@@ -272,6 +274,27 @@ Responsive Codes
       transform: translateX(0%);
     }
 }
+@keyframes anim-lineDown {
+    0% {
+      opacity: 0;
+      transform: translateY(-50%);
+      visibility: visible;
+    }
+    20% {
+      opacity: 0;
+      visibility: visible;
+    }
+    50% {
+      opacity: 1;
+      visibility: visible;
+      transform: translateY(0%);
+    }
+    100% {
+      opacity: 0;
+      visibility: visible;
+      transform: translateY(0%);
+    }
+}
 .banner-description h3, .banner-description-two h3, .banner-description-three h3{
     font-weight: 700;
     font-size: 42px;
@@ -571,7 +594,7 @@ Responsive Codes
     display: flex;
     text-decoration: none;
     align-items: center;
-    gap: 10px;
+    gap: 20px;
 }
 .contact-phone h5{
     margin-bottom: 0;
@@ -738,3 +761,162 @@ Responsive Codes
     text-decoration: none;
     color: #53676E;
 }
+/* about us page css */
+.about-banner-section{
+    padding: 3rem 6rem;
+    background: #0A2849;
+}
+.who-we-section{
+    padding: 3rem 6rem;
+    background: #F8F8F8;
+}
+.who-we-desc hr, .obj-header hr{
+    width: 38px;
+    height: 0px;
+    opacity: 1;
+    border: 1px solid #F54C5F;
+}
+.who-we-desc h5, .obj-header h5{
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 24px;
+    color: #F54C5F;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+.who-we-desc h3, .obj-header h3{
+    font-weight: 700;
+    font-size: 38px;
+    line-height: 57px;
+    color: #082548;
+}
+.objectives-section{
+    padding: 3rem 6rem;
+}
+.obj-card{
+    display: flex;
+    gap: 20px;
+}
+.about-banner-section .breadcrumb,
+.contact-us-section .breadcrumb{
+    float: right;
+    margin-top: 15px;
+}
+.about-banner-section .breadcrumb a,
+.contact-us-section .breadcrumb a{
+    text-decoration: none;
+    color: #FFFFFF;
+}
+/* contact us css */
+.contact-us-section{
+    padding: 3rem 6rem;
+    background: #0A2849;
+}
+.get-in-touch-section{
+    padding: 3rem 6rem;
+    background: #F5F5F5;
+}
+.get-in-card{
+    background: linear-gradient(90.85deg, #0E4F97 -8.48%, #103E70 64.66%);
+    box-shadow: 4px 4px 30px rgba(0, 0, 0, 0.25);
+    border-radius: 15px;
+    padding: 3rem;
+}
+.get-in-card .row{
+    display: flex;
+    align-items: center;
+}
+.contact-icon{
+    display: flex;
+    align-items: center;
+    gap: 15px;
+    margin-bottom: 12px;
+}
+.contact-icon h5{
+    font-weight: 500;
+    color: #FFFFFF;
+    margin-bottom: 0;
+}
+.get-in-desc h2{
+    font-weight: 700;
+    font-size: 28px;
+    color: #FFFFFF;
+}
+.get-in-desc p{
+    font-weight: 500;
+    font-size: 14px;
+    line-height: 178%;
+    color: #FFFFFF;
+    margin-bottom: 50px;
+}
+.get-in-card .col-md-7{
+    position: relative;
+}
+.get-in-card .col-md-7::before{
+    content: '';
+    position: absolute;
+    background: #F54C5F;
+    border-radius: 5px;
+    z-index: 1;
+    top: 10%;
+    width: 97%;
+    height: 450px;
+}
+.contact-form{
+    position: relative;
+    background: #F7F7F9;
+    border-radius: 10px;
+    padding: 20px;
+    z-index: 2;
+    margin: 0 10px;
+}
+.contact-form h2{
+    font-weight: 500;
+    font-size: 22px;
+    line-height: 178%;
+    text-align: center;
+    color: #0A2849;
+    margin-bottom: 30px;
+}
+.submit-btn button{
+    background: #F54C5F;
+    border-radius: 44px;
+    padding: 10px 20px;
+    border: none;
+    font-weight: 500;
+    font-size: 14px;
+    line-height: 21px;
+    color: #FFFFFF;
+}
+.contact-form input:focus, 
+.contact-form select:focus, 
+.contact-form textarea:focus{
+    box-shadow: none;
+}
+.contact-form label{
+    font-weight: 400;
+    font-size: 15px;
+    line-height: 1.8rem;
+    color: #0A2849;
+}
+.contact-form .form-control, 
+.contact-form select{
+    border: none;
+    padding: 0.6rem;
+}
+.contact-form textarea::-webkit-input-placeholder, 
+.contact-form select, 
+.contact-form input::-webkit-input-placeholder{
+    font-weight: 400;
+    line-height: 1.6rem;
+    font-size: 12px;
+    color: #7B8792;
+}
+.aplus-display-select{
+    color: #0A2849;
+}
+.map-section{
+    padding-top: 3rem;
+    background: #F5F5F5;
+}

public/frontend/icons/contact-icon.svg

@@ -0,0 +1,5 @@
+<svg width="6" height="16" viewBox="0 0 6 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="3" cy="3" r="3" fill="white"/>
+<circle cx="3" cy="13" r="3" fill="white"/>
+<path d="M3 12V4.5" stroke="white"/>
+</svg>

resources/views/about.blade.php

@@ -0,0 +1,92 @@
+@extends('layout.app')
+@section('title')
+    <title>About Us</title>
+@endsection
+@section('content')
+    <section class="about-banner-section">
+        <nav aria-label="breadcrumb">
+            <ol class="breadcrumb">
+              <li class="breadcrumb-item"><a href="#">Home</a></li>
+              <li class="breadcrumb-item active" aria-current="page">About</li>
+            </ol>
+        </nav>
+    </section>
+    <section class="who-we-section">
+        <div class="row">
+            <div class="col-md-6">
+                <div class="who-we-desc">
+                    <h5>About us <hr></h5>
+                    <h3>Who are we?</h3>
+                    <p>APLUS AGENCY is a team of registered migration agents with over 60 years of collective experience managing migration applications for both employers and individuals.
+                        Our background is specialised industry migration services in Hospitality. In the ten years, we have been processing these applications we have worked with many other industries and visa categories. It was a natural step to broaden Edupi’s industry base to assist the many clients with their wide and varied visa needs.
+                        <br><br>
+                        With the migration landscape changing in Australia due to Covid-19, it’s hard for both individuals and employers to know where they stand – having up to date advice and vigorous representation is essential for a successful visa application.
+                        Our expertise and streamlined migration process mean that employers and individuals will be informed and up-to-date on the status of their application. We’ll ensure, your application, from the initial consultation, has the best chance of approval, and throughout the process, support you every step of the way.
+                    </p>
+                </div>
+            </div>
+            <div class="col-md-6">
+                <div class="who-we-img">
+                    <img src="{{url('frontend/images/')}}" alt="">
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="objectives-section">
+        <div class="obj-header">
+            <h5>Objectives <hr></h5>
+            <h3>Our Objectives</h3>
+            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
+        </div>
+        <div class="row mt-5 g-4">
+            <div class="col-md-4">
+                <div class="obj-card">
+                    <div class="obj-icon">
+                        <img src="{{url('frontend/icons/christmas-stars.svg')}}" alt="">
+                    </div>
+                    <p>Work closely with members having many years of experience will help you have a chance to develop yourself.</p>
+                </div>
+            </div>
+            <div class="col-md-4">
+                <div class="obj-card">
+                    <div class="obj-icon">
+                        <img src="{{url('frontend/icons/christmas-stars.svg')}}" alt="">
+                    </div>
+                    <p>Work closely with members having many years of experience will help you have a chance to develop yourself.</p>
+                </div>
+            </div>
+            <div class="col-md-4">
+                <div class="obj-card">
+                    <div class="obj-icon">
+                        <img src="{{url('frontend/icons/christmas-stars.svg')}}" alt="">
+                    </div>
+                    <p>Work closely with members having many years of experience will help you have a chance to develop yourself.</p>
+                </div>
+            </div>
+            <div class="col-md-4">
+                <div class="obj-card">
+                    <div class="obj-icon">
+                        <img src="{{url('frontend/icons/christmas-stars.svg')}}" alt="">
+                    </div>
+                    <p>Work closely with members having many years of experience will help you have a chance to develop yourself.</p>
+                </div>
+            </div>
+            <div class="col-md-4">
+                <div class="obj-card">
+                    <div class="obj-icon">
+                        <img src="{{url('frontend/icons/christmas-stars.svg')}}" alt="">
+                    </div>
+                    <p>Work closely with members having many years of experience will help you have a chance to develop yourself.</p>
+                </div>
+            </div>
+            <div class="col-md-4">
+                <div class="obj-card">
+                    <div class="obj-icon">
+                        <img src="{{url('frontend/icons/christmas-stars.svg')}}" alt="">
+                    </div>
+                    <p>Work closely with members having many years of experience will help you have a chance to develop yourself.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+@endsection

resources/views/contact.blade.php

@@ -0,0 +1,112 @@
+@extends('layout.app')
+@section('title')
+    <title>Contact Us</title>
+@endsection
+@section('content')
+    <section class="contact-us-section">
+        <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 Us</li>
+            </ol>
+        </nav>
+    </section>
+    <section class="get-in-touch-section">
+        <div class="get-in-card">
+            <div class="row">
+                <div class="col-md-5">
+                    <div class="get-in-desc">
+                        <div class="contact-icon">
+                            <img src="{{url('frontend/icons/contact-icon.svg')}}" alt="">
+                            <h5>Contact us</h5>
+                        </div>
+                        <h2>Get in touch with us</h2>
+                        <p>If you have an enquiry regarding immigration to
+                            Australia, please fill out the enquiry form below and
+                            one of our migration agents will be in touch.
+                        </p>
+                        <div class="contact-desc">
+                            <a href="tel: +61 - 047 817 7809" class="contact-phone">
+                              <img src="{{url('frontend/icons/contact-call-icon.svg')}}" alt="">
+                              <h5>+61 - 047 817 7809</h5>
+                            </a>
+                            <a href="mailto: info@aplusagency.com.au" class="contact-phone">
+                              <img src="{{url('frontend/icons/contact-mail-icon.svg')}}" alt="">
+                              <h5>info@aplusagency.com.au</h5>
+                            </a>
+                            <a href="https://goo.gl/maps/P4Y2PYGMpGa83L2R8" target="_blank" class="contact-phone">
+                              <img src="{{url('frontend/icons/contact-location-icon.svg')}}" alt="">
+                              <h5>Suite 503, Level 5, 368 Sussex Street Sydney, NSW 2000</h5>
+                            </a>
+                          </div>
+                    </div>
+                </div>
+                <div class="col-md-7">
+                    <div class="contact-form">
+                        <h2>Please fill-up the form</h2>
+                        <form action="">
+                            <div class="row">
+                                <div class="col-md-6">
+                                    <div class="mb-3">
+                                        <label for="">Full name</label>
+                                        <input type="text" class="form-control" placeholder="Enter your name" name="" id="">
+                                    </div>
+                                </div>
+                                <div class="col-md-6">
+                                    <div class="mb-3">
+                                        <label for="">Email address</label>
+                                        <input type="email" class="form-control" placeholder="Enter your email adress" name="" id="">
+                                    </div>
+                                </div>
+                                <div class="col-md-6">
+                                    <div class="mb-3">
+                                        <label for="">Phone</label>
+                                        <input type="text" class="form-control" placeholder="Enter your phone number" name="" id="">
+                                    </div>
+                                </div>
+                                <div class="col-md-6">
+                                    <div class="mb-3">
+                                        <label for="">Nationality</label>
+                                        <select name="" class="form-select" id="">
+                                            <option hidden class="hidden-select">Select your Nationality</option>
+                                            <option value="1" class="aplus-display-select">China</option>
+                                            <option value="2" class="aplus-display-select">Nepal</option>
+                                            <option value="3" class="aplus-display-select">India</option>
+                                        </select>
+                                    </div>
+                                </div>
+                                <div class="col-md-6">
+                                    <div class="mb-3">
+                                        <label for="">Course</label>
+                                        <select name="" id="" class="form-select">
+                                            <option hidden>Choose course</option>
+                                            <option value="" class="aplus-display-select">Cookery</option>
+                                        </select>
+                                    </div>
+                                </div>
+                                <div class="col-md-6">
+                                    <div class="mb-3">
+                                        <label for="">Enter Captcha</label>
+                                        <input type="text" class="form-control" placeholder="Captcha">
+                                    </div>
+                                </div>
+                                <div class="col-md-12">
+                                    <div class="mb-5">
+                                        <label for="">Message</label>
+                                        <textarea class="form-control" id="exampleFormControlTextarea1" rows="3" placeholder="Write a message.." name="message"></textarea>
+                                    </div>
+                                </div>
+                                <div class="submit-btn">
+                                    <button type="submit">Send Message</button>
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="map-section">
+        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3312.514012872817!2d151.2047258!3d-33.8764135!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6b12ae3c9ed85d5f%3A0x778da1aae43c7216!2sSuite%20503%2C%20Level%205%2F368%20Sussex%20St%2C%20Sydney%20NSW%202000%2C%20Australia!5e0!3m2!1sen!2snp!4v1670397808126!5m2!1sen!2snp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+    </section>
+@endsection

resources/views/layout/app.blade.php

@@ -32,7 +32,7 @@
 <body>
 <header class="header" id="dice-nav-head">
     <a class="navbar-brand" id="navbar-brand" href="{{url('/')}}">
-        <img src="{{ App\Models\Setting::where('slug', 'logo')->first()->value}}" class="img-fluid logo"  alt="">
+        <img src="{{ App\Models\Setting::where('slug', 'logo')->first()->value ?? ''}}" class="img-fluid logo"  alt="">
     </a>
     <ul class="nav nav-inner navbar-list" id="navigation-links">
         <li class="nav-item">

resources/views/welcome.blade.php

@@ -19,7 +19,7 @@
         <p>Let us find you a work placement and secure your permanent residency in just 4 simple steps.</p>
       </div>
       <div class="banner-description-three">
-        <h2>Our pathway will </h2>
+        <h2>Lorem ipsum </h2>
         <h3>help you build a secure future in Australia </h3>
         <p>Let us find you a work placement and secure your permanent residency in just 4 simple steps.</p>
       </div>
@@ -211,7 +211,7 @@
     <section class="clients-section">
       <div class="clients-header text-center">
         <h2>What our Clients say about us?</h2>
-        <p>{{$testimonials->first()->heading}}</p>
+        <p>{{$testimonials->first()->heading ?? ''}}</p>
       </div>
       <div class="review-card-section">
         @foreach($testimonials as $testimonial)