aplus#10-rebase-3

2 years ago · 094ad44531
parent 5f2ec796c8
commit 094ad44531
7 changed files with 166 additions and 38 deletions
--- a/public/frontend/css/style.css
+++ b/public/frontend/css/style.css
@ -226,9 +226,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 +264,7 @@ Responsive Codes
      transform: translateX(-50%);
      visibility: visible;
    }
-    20% {
+    30% {
      opacity: 0;
      visibility: visible;
    }
@ -275,25 +279,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 +327,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;
 }
@ -810,7 +811,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;
@ -819,7 +821,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;
@ -831,7 +835,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;
@ -946,6 +951,7 @@ Responsive Codes
 }
 .submit-btn button:hover,
 .featured-news-desc a:hover,
+.service-secondary-desc a:hover,
 .chef-hire-form button:hover{
    background: #103E70;
 }
@ -1190,18 +1196,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{
@ -1250,7 +1258,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;
@ -1348,7 +1357,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, 
--- a/public/frontend/icons/christmas-star-new.svg
+++ b/public/frontend/icons/christmas-star-new.svg
--- a/public/frontend/icons/double-slash.svg
+++ b/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>
--- a/resources/views/service_view.blade.php
+++ b/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
--- a/resources/views/services.blade.php
+++ b/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>
--- a/resources/views/welcome.blade.php
+++ b/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>
--- a/routes/web.php
+++ b/routes/web.php
@ -61,6 +61,13 @@ Route::get('/service_detail', function(){
 });

 Route::get('/news', [HomeController::class, 'news']);
+Route::get('/service_view',function(){
+    return view('service_view');
+});
+
+// Route::get('/news', function(){
+//     return view('news');
+// });

 Route::get('/news/{slug}', [NewsController::class,'news_detail']);