app/Http/Controllers/HomeController.php

@@ -324,7 +324,7 @@ class HomeController extends Controller
 
     public function news(){
         $news = NewsAndUpdate::where('status',1)->get();
-        return view('news.blade.php',compact('news'))
+        return view('news.blade.php',compact('news'));
     }
     
 }

public/frontend/css/style.css

@@ -127,6 +127,11 @@ h4{
   transition: all 300ms ease-in-out;
 }
 
+.dropdown:hover .dropdown-menu{
+    display: block;
+    transition: all .5s, .5s linear;
+    top: 100%;
+}
 
 .section-hero,
 .section-services {
@@ -212,10 +217,6 @@ Responsive Codes
         position: sticky;
         background: #071C39;
     }
-
-    .header .logo {
-        width: 55%;
-    }
 }
 
 /* new nav */
@@ -226,9 +227,13 @@ Responsive Codes
 .banner-section .banner-description{
     position: absolute;
     top: 40%;
-    left: 10%;
-    visibility: hidden;
-    animation: 6s anim-lineUp ease-out;
+    left: 5%;
+}
+.banner-description span::before{
+    content: "Study Programme";
+    animation: 12s animate infinite; 
+    padding-left: 10px;
+    color: #F54C5F;
 }
 .banner-section .banner-description-two{
     position: absolute;
@@ -260,7 +265,7 @@ Responsive Codes
       transform: translateX(-50%);
       visibility: visible;
     }
-    20% {
+    30% {
       opacity: 0;
       visibility: visible;
     }
@@ -275,25 +280,19 @@ Responsive Codes
       transform: translateX(0%);
     }
 }
-@keyframes anim-lineDown {
+
+@keyframes animate {
     0% {
-      opacity: 0;
-      transform: translateY(-50%);
-      visibility: visible;
-    }
-    20% {
-      opacity: 0;
-      visibility: visible;
+        content: "Study Programme";
     }
     50% {
-      opacity: 1;
-      visibility: visible;
-      transform: translateY(0%);
+        content: "Training Programme";
     }
-    100% {
-      opacity: 0;
-      visibility: visible;
-      transform: translateY(0%);
+    75% {
+        content: "Skill Assessment";
+    }
+    100%{
+        content: "Skilled Recruitment";
     }
 }
 .banner-description h3, .banner-description-two h3, .banner-description-three h3{
@@ -329,7 +328,10 @@ Responsive Codes
 .about-us-section{
     padding: 3rem 6rem;
 }
-.about-us-section .row{
+.about-us-section .row,
+.service-primary .row,
+.service-secondary .row,
+.service-view-last .row{
     display: flex;
     align-items: center;
 }
@@ -484,6 +486,7 @@ Responsive Codes
     width: 100%;
     position: absolute;
     padding: 20px;
+    border-radius: 0 0 8px 8px;
     bottom: 0;
 }
 .first-blog h5, .first-blog p{
@@ -752,13 +755,22 @@ Responsive Codes
     list-style: none;
     padding-left: 0;
 }
-.visa-services ul li a, .recruitment ul li a, .quick-links ul li a{
+.visa-services ul li a, 
+.recruitment ul li a, 
+.quick-links ul li a{
     font-weight: 400;
     font-size: 14px;
     color: #FFFFFF;
     line-height: 2rem;
     text-decoration: none;
 }
+.visa-services ul li a:hover, 
+.recruitment ul li a:hover, 
+.quick-links ul li a:hover,
+.developed-by a:hover,
+.disclaimer a:hover{
+    color: #F54C5F;
+}
 .footer-top::after{
     content: '';
     border-bottom: 1px solid #53676E;
@@ -772,7 +784,9 @@ Responsive Codes
     display: flex;
     justify-content: space-between;
 }
-.footer-bottom p{
+.footer-bottom p,
+.disclaimer a{
+    text-decoration: none;
     font-weight: 400;
     font-size: 13px;
     line-height: 1.8rem;
@@ -798,7 +812,8 @@ Responsive Codes
 .who-we-desc hr, 
 .obj-header hr, 
 .hiring-content hr,
-.news-update-head hr{
+.news-update-head hr,
+.service-secondary-desc hr{
     width: 38px;
     height: 0px;
     opacity: 1;
@@ -807,7 +822,9 @@ Responsive Codes
 .who-we-desc h5, 
 .obj-header h5, 
 .hiring-content h5,
-.news-update-head h5{
+.news-update-head h5,
+.service-primary-desc h5,
+.service-secondary-desc h5{
     font-weight: 500;
     font-size: 16px;
     line-height: 24px;
@@ -819,7 +836,8 @@ Responsive Codes
 .who-we-desc h3, 
 .obj-header h3, 
 .hiring-content h3,
-.news-update-head h3{
+.news-update-head h3,
+.service-primary-desc h3{
     font-weight: 700;
     font-size: 38px;
     line-height: 57px;
@@ -932,6 +950,12 @@ Responsive Codes
     line-height: 21px;
     color: #FFFFFF;
 }
+.submit-btn button:hover,
+.featured-news-desc a:hover,
+.service-secondary-desc a:hover,
+.chef-hire-form button:hover{
+    background: #103E70;
+}
 .chef-hire-form input:focus,
 .chef-hire-form select:focus,
 .chef-hire-form textarea:focus,
@@ -1173,18 +1197,20 @@ Responsive Codes
     padding-left: 1rem;
     margin-top: 1rem;
 }
-.service-detail-sectwo ul li{
+.service-detail-sectwo ul li,
+.service-primary-desc ul li{
     display: flex;
     align-items: center;
-    gap: 10px;
     list-style: none;
 }
-.service-detail-sectwo ul li::before {
-    content: url(../icons/christmas-star.svg);
+.service-detail-sectwo ul li::before,
+.service-primary-desc ul li::before {
+    content: url(../icons/christmas-star-new.svg);
     color: #071C39;
     display: inline-block;
     margin-right: 0.6em;
     margin-left: -1.3em;
+    margin-top: 8px;
     width: 1.3em;
 }
 .service-detail-third{
@@ -1233,7 +1259,8 @@ Responsive Codes
     color: #071C39;
     margin-bottom: 25px;
 }
-.featured-news-desc a{
+.featured-news-desc a,
+.service-secondary-desc a{
     background: #F54C5F;
     border-radius: 44px;
     text-decoration: none;
@@ -1331,7 +1358,38 @@ Responsive Codes
     margin-top: 5px;
     width: 140%;
 }
-
+/* service view css */
+.service-primary{
+    padding: 3rem 6rem;
+    background: linear-gradient(to right, rgba(245, 245, 245, 0) 0%,rgba(255, 255, 255, 0) 20%,rgb(231, 231, 231) 20%,rgb(231, 231, 231) 100%);
+}
+.service-primary-img,
+.service-secondary-img{
+    margin-right: 25px;
+}
+.service-secondary{
+    padding: 3rem 6rem;
+    background: #4D57C3;
+}
+.service-secondary-desc h3{
+    font-weight: 700;
+    font-size: 38px;
+    line-height: 57px;
+    color: #FFFFFF;
+}
+.service-secondary-desc p{
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 1.8rem;
+    color: #FFFFFF;
+    margin-bottom: 25px;
+}
+.service-view-last{
+    padding: 3rem 6rem;
+}
+.service-last-img{
+    margin-left: 25px;
+}
 @media only screen and (min-width: 320px) and (max-width: 480px) {
     /* contact us mobile view */
     .about-banner-section .breadcrumb, 
@@ -1339,6 +1397,21 @@ Responsive Codes
     .need-chef-banner .breadcrumb{
         display: none;
     }
+    .banner-section .banner-description {
+        position: absolute;
+        top: 10%;
+        left: 5%;
+    }
+    .banner-description h2{
+        font-weight: 800;
+        font-size: 22px;
+        text-align: center;
+        line-height: 36px;
+        color: #FFFFFF;
+    }
+    .header .logo {
+        height: 3rem;
+    }
     .get-in-touch-section, 
     .our-services-header p{
         padding: 0;
@@ -1377,7 +1450,9 @@ Responsive Codes
     .our-recruitment-section,
     .news-and-update-section,
     .clients-section,
-    .quick-enquiry-setion{
+    .quick-enquiry-setion,
+    .service-secondary,
+    .service-view-last{
         padding: 2rem;
     }
     .visa-services, 
@@ -1433,6 +1508,15 @@ Responsive Codes
     .chef-hire-form{
         padding: 20px;
     }
+    .service-primary{
+        padding: 2rem;
+        background:rgb(231, 231, 231);
+    }
+    .service-primary-img,
+    .service-secondary-img,
+    .service-last-img{
+        margin: 0 0 20px 0;
+    }
 }
 
 /* large screen */

public/frontend/icons/double-slash.svg

@@ -0,0 +1,3 @@
+<svg width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.6013 0.973684L3.92506 8.38712L1.24883 15.8006M13.2513 1.19952L10.575 8.61296L7.8988 16.0264" stroke="#F54C5F" stroke-width="2"/>
+</svg>

resources/views/contact.blade.php

@@ -97,29 +97,29 @@
                                     </div>
                                 </div>
                                 <div class="col-md-12">
-                        @php
-                            $code = Str::random(5);
-                        @endphp
-                    <div class="col-md-12">
-                        <label for="">Enter Captcha</label>
-                            <div class="contact-captcha">
-                                <div class="captcha-sec">
-                                    <input id="captcha" type="text" name = "entered_captcha_code" class="form-control" placeholder="Enter Captcha as Shown" required>
-                                    <input type = "hidden" id = "displayed_captcha_code" name = "displayed_captcha_code" value = "{{$code}}"/>
+                                    @php
+                                        $code = Str::random(5);
+                                    @endphp
+                                <div class="mb-3">
+                                    <label for="">Enter Captcha</label>
+                                        <div class="contact-captcha">
+                                            <div class="captcha-sec">
+                                                <input id="captcha" type="text" name = "entered_captcha_code" class="form-control" placeholder="Enter Captcha as Shown" required>
+                                                <input type = "hidden" id = "displayed_captcha_code" name = "displayed_captcha_code" value = "{{$code}}"/>
+                                            </div>
+                                            <div class="captch-field">
+                                                <!-- name = "captcha_code" value = "{{$code}}" -->
+                                                <input type = "text" id="captcha_code" readonly  name = "captcha_code" value = "{{$code}}"/>
+                                                <a id = "refresh"><img src="{{url('frontend/icons/reset-icon.svg')}}" alt=""></a>
+                                            </div>
+                                        </div>
                                 </div>
-                                <div class="captch-field">
-                                    <!-- name = "captcha_code" value = "{{$code}}" -->
-                                    <input type = "text" id="captcha_code" readonly  name = "captcha_code" value = "{{$code}}"/>
-                                    <a id = "refresh"><img src="{{url('frontend/icons/reset-icon.svg')}}" alt=""></a>
+                                @if ($errors->has('captcha'))
+                                    <span class="help-block">
+                                        <strong>{{ $errors->first('captcha') }}</strong>
+                                    </span>
+                                @endif
                                 </div>
-                            </div>
-                    </div>
-                    @if ($errors->has('captcha'))
-                        <span class="help-block">
-                            <strong>{{ $errors->first('captcha') }}</strong>
-                        </span>
-                    @endif
-                </div>
                                 <div class="col-md-12">
                                     <div class="mb-5">
                                         <label for="">Message</label>

resources/views/layout/app.blade.php

@@ -39,11 +39,12 @@
             <a class="nav-link" href="{{url('/about')}}">About</a>
         </li>
         <li class="nav-item dropdown">
-            <a class="nav-link dropdown-toggle" href="/services" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
-                Visa-Services
+            <a class="nav-link dropdown-toggle" href="/services" id="navbarDropdown" role="button" data-bs-hover="dropdown" aria-expanded="false">
+                Services
             </a>
             <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
-                <li><a class="dropdown-item" href="/services">service-name</a></li>
+                <li><a class="dropdown-item" href="/service_view">Skill Assessment</a></li>
+                <li><a class="dropdown-item" href="/service_detail">Permanent Work Visa</a></li>
             </ul>
         </li>
         <li class="nav-item">
@@ -141,7 +142,7 @@
             <p>DICE © 2022. All Rights Reserved.</p>
         </div>
         <div class="disclaimer">
-            <p>Disclaimer|Privacy Policy </p>
+            <p><a href="">Disclaimer</a> | <a href="">Privacy Policy</a></p>
         </div>
         <div class="developed-by">
             <p>Design & Developed by: <a href="https://www.extratechs.com.au/" target="_blank">Extratech</a></p>

resources/views/service_view.blade.php

@@ -0,0 +1,70 @@
+@extends('layout.app')
+@section('title')
+    <title>Skill Assessment</title>
+@endsection
+@section('content')
+    <section class="service-detail-banner">
+        <div class="service-detail-desc">
+            <h2>Skill Assessment</h2>
+        </div>
+    </section>
+    <section class="service-primary">
+        <div class="row">
+            <div class="col-md-6">
+                <div class="service-primary-img">
+                    <img src="{{url('frontend/images/test-img.png')}}" class="w-100" alt="">
+                </div>
+            </div>
+            <div class="col-md-6">
+                <div class="service-primary-desc">
+                    <h5><img src="{{url('frontend/icons/double-slash.svg')}}" alt=""> Skill Assessment</h5>
+                    <h3>Pathway to Skill Recognition</h3>
+                    <p>Our training programme based on occupational training allows students to improve their skills for the right job.</p>
+                    <ul>
+                        <li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
+                        <li>Voluptas, eveniet consectetur blanditiis ut dolor officiis porro omnis! Maiores atque esse vero numquam quod.</li>
+                        <li>Laudantium aperiam, ipsa odio repellendus libero cumque.</li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="service-secondary">
+        <div class="row">
+            <div class="col-md-6">
+                <div class="service-secondary-img">
+                    <img src="{{url('frontend/images/test-img.png')}}" class="w-100" alt="">
+                </div>
+            </div>
+            <div class="col-md-6">
+                <div class="service-secondary-desc">
+                    <h5><hr> Skill Assessment</h5>
+                    <h3>Pathway to Skill Recognition</h3>
+                    <p>Our training programme based on occupational training allows students to improve their skills for the right job.</p>
+                    <a href="/">Book An Appointment</a>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="service-view-last">
+        <div class="row">
+            <div class="col-md-6">
+                <div class="service-primary-desc">
+                    <h5><img src="{{url('frontend/icons/double-slash.svg')}}" alt=""> Skill Assessment</h5>
+                    <h3>Pathway to Skill Recognition</h3>
+                    <p>Our training programme based on occupational training allows students to improve their skills for the right job.</p>
+                    <ul>
+                        <li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
+                        <li>Voluptas, eveniet consectetur blanditiis ut dolor officiis porro omnis! Maiores atque esse vero numquam quod.</li>
+                        <li>Laudantium aperiam, ipsa odio repellendus libero cumque.</li>
+                    </ul>
+                </div>
+            </div>
+            <div class="col-md-6">
+                <div class="service-last-img">
+                    <img src="{{url('frontend/images/test-img.png')}}" class="w-100" alt="">
+                </div>
+            </div>
+        </div>
+    </section>
+@endsection

resources/views/services.blade.php

@@ -18,7 +18,7 @@
             </div>
             <div class="col-md-3">
                 <div class="our-service-card">
-                    <a href="/service_detail">
+                    <a href="/service_view">
                         <div class="our-service-img">
                             <img src="{{url('frontend/images/skill-assessment.png')}}" class="img-fluid" alt="">
                         </div>
@@ -31,7 +31,7 @@
             </div>
             <div class="col-md-3">
                 <div class="our-service-card">
-                    <a href="/service_detail">
+                    <a href="/service_view">
                         <div class="our-service-img">
                             <img src="{{url('frontend/images/recruiment-img.png')}}" class="img-fluid" alt="">
                         </div>
@@ -44,7 +44,7 @@
             </div>
             <div class="col-md-3">
                 <div class="our-service-card">
-                    <a href="/service_detail">
+                    <a href="/service_view">
                         <div class="our-service-img">
                             <img src="{{url('frontend/images/rpl-mg.png')}}" class="img-fluid" alt="">
                         </div>
@@ -57,7 +57,7 @@
             </div>
             <div class="col-md-3">
                 <div class="our-service-card">
-                    <a href="/service_detail">
+                    <a href="/service_view">
                         <div class="our-service-img">
                             <img src="{{url('frontend/images/insurance-img.png')}}" class="img-fluid" alt="">
                         </div>

resources/views/welcome.blade.php

@@ -11,13 +11,12 @@
       <video width="100%" height="auto" id="vid" autoplay playsinline loop muted>
         <source src="{{url('frontend/video/aplus-video.mp4')}}" type="video/mp4">
       </video>
-      @foreach($sliders as $slider)
       <div class="banner-description">
-        <h2>{{$slider->title1}}</h2>
-        <h3>{{$slider->title2}}</h3>
-        <p>{{$slider->description}}</p>
+        <h2>4 easy steps to  permanent <br> residency in Australia <span></span></h2>
+
+        {{-- <h3>{{$slider->title2}}</h3> --}}
+        {{-- <p>{{$slider->description}}</p> --}}
       </div>
-      @endforeach
       <!-- <div class="banner-description-two">
         <h2>Our pathway will </h2>
         <h3>help you build a secure future in Australia </h3>
@@ -35,15 +34,15 @@
         <div class="achievement-items">
             <div class="achivement-sec">
                 <img src="{{url('frontend/icons/success-icon.svg')}}" class="img-fluid" alt="">
-                <h5>{{$visa_success->value}}</h5>
+                <h5>{{$visa_success->value ?? ''}}</h5>
             </div>
             <div class="achivement-sec">
                 <img src="{{url('frontend/icons/visa-approved.svg')}}" alt="">
-                <h5>{{$visa_approved->value}}</h5>
+                <h5>{{$visa_approved->value ?? ''}}</h5>
             </div>
             <div class="achivement-sec">
                 <img src="{{url('frontend/icons/institution.svg')}}" alt="">
-                <h5>{{$partner_institution->value}}</h5>
+                <h5>{{$partner_institution->value ?? ''}}</h5>
             </div>
         </div>
     </section>
@@ -159,13 +158,13 @@
             <div class="featured-news">
               <a href="/news_detail" href="">
                 <div class="featured-news-image">
-                  <img src="{{url($news_and_updates->first()->image)}}" class="w-100" alt="">
+                  <img src="{{url($news_and_updates->first()->image ?? '')}}" class="w-100" alt="">
                 </div>
                 <div class="featured-content">
-                  <p>{{$news_and_updates->first()->created_at}}</p>
-                  <h2>{{$news_and_updates->first()->title}}</h2>
+                  <p>{{$news_and_updates->first()->created_at ?? ''}}</p>
+                  <h2>{{$news_and_updates->first()->title ?? ''}}</h2>
                   <div class="featured-btn">
-                    <p href="{{url('news/'.$news_and_updates->first()->slug)}}">Read more</p>
+                    <p href="{{url('news/'.$news_and_updates->first()->slug )}}">Read more</p>
                     <i class="fa-solid fa-arrow-right-long"></i>
                   </div>
                 </div>

routes/web.php

@@ -60,6 +60,10 @@ Route::get('/service_detail', function(){
     return view('service_detail');
 });
 
+Route::get('/service_view',function(){
+    return view('service_view');
+});
+
 Route::get('/news', function(){
     return view('news');
 });