[add] news and client section added

AplusAgency/#2
tribikram 2 years ago
parent 03fbe1ae1c
commit 9795a19ced
  1. 161
      public/frontend/css/style.css
  2. 6
      public/frontend/icons/email-Icon.svg
  3. 4
      public/frontend/icons/location-Icon.svg
  4. 4
      public/frontend/icons/phone-Icon.svg
  5. BIN
      public/frontend/images/baking.png
  6. BIN
      public/frontend/images/featured-image.png
  7. BIN
      public/frontend/images/profile.jpeg
  8. BIN
      public/frontend/images/quick-enquiry.png
  9. BIN
      public/frontend/images/quoteicon.png
  10. BIN
      public/frontend/images/star.png
  11. 204
      resources/views/welcome.blade.php

@ -359,4 +359,165 @@ Responsive Codes
content: "\f053"; content: "\f053";
color: #01070F; color: #01070F;
font-family: FontAwesome; font-family: FontAwesome;
}
/* our recruitment section css */
/* news and update section css */
.news-and-update-section{
padding: 3rem 6rem;
background: #F6F6F6;
}
.news-and-update-section .row{
display: flex;
align-items: center;
}
.featured-news{
position: relative;
}
.featured-content{
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #020C1B 86.98%);
width: 100%;
position: absolute;
padding: 20px;
bottom: 0;
}
.featured-content p{
color: #FFFFFF;
}
.featured-content h2{
color: #FFFFFF;
}
.news-title h2{
display: inline-block;
}
.news-title h2::after {
content: '';
margin-top: 8px;
margin-bottom: 10px;
border-bottom: 5px solid #F54C5F;
width: 40%;
display: block;
}
.featured-news img{
border-radius: 8px;
}
.more-news{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
}
.more-news-box{
background: #FFFFFF;
box-shadow: 0px 4px 18px rgba(121, 121, 121, 0.05);
border-radius: 12px;
}
.news-box-img img{
border-radius: 8px 8px 0 0;
}
.news-box-desc{
padding: 10px;
}
.featured-btn{
display: flex;
align-items: center;
gap: 10px;
}
.featured-btn a{
color: #FFFFFF;
text-decoration: none;
}
.featured-btn .fa-solid{
color: #F54C5F;
}
/* news and update section css */
.clients-section{
padding: 3rem 6rem;
}
.review-card{
margin: 0 20px;
padding: 20px;
background: #FFFFFF;
box-shadow: 0px 4px 27px rgba(100, 98, 98, 0.1);
border-radius: 26px;
}
.review-card-section{
display: flex;
gap: 20px;
}
.profile-content{
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.desc-section p{
margin-top: 10px;
}
.profile-section{
display: flex;
align-items: center;
gap: 10px;
}
.profile-img{
width: 80px;
height: 80px;
}
.profile-img img{
border-radius: 50%;
}
.review-card-section .slick-dots li button::before {
font-size: 18px;
color: #ffffff;
border: 2px solid #01070F;
border-radius: 50%;
line-height: 18px;
opacity: 1;
}
.review-card-section .slick-dots li.slick-active button::before {
color: #F54C5F;
opacity: 1;
}
/* news and update section css */
.quick-enquiry-setion{
background-image: url('../images/quick-enquiry.png');
padding: 6rem;
background-repeat: no-repeat;
height: auto;
box-shadow: inset 0 1700px rgb(0 0 0 / 30%);
background-size: cover!important;
position: relative;
}
.contact-phone{
display: flex;
align-items: center;
gap: 10px;
}
.contact-phone h5{
margin-bottom: 0;
color: #FFFFFF;
}
.contact-desc{
display: flex;
flex-direction: column;
gap: 20px;
}
.enquiry-form h2{
font-weight: 500;
font-size: 46px;
text-align: center;
letter-spacing: 0.001em;
color: #F54C5F;
display: inline-block;
}
.enquiry-form h2::after{
content: '';
margin: 20px 30%;
border-bottom: 5px solid #F54C5F;
width: 50%;
text-align: center;
display: block;
}
.enquiry-form p{
font-weight: 400;
font-size: 14px;
text-align: center;
color: #FFFFFF;
} }

@ -0,0 +1,6 @@
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="36" height="36" rx="4" fill="#F54C5F"/>
<rect x="10" y="12" width="16" height="12" rx="2" stroke="white" stroke-width="1.2"/>
<path d="M10 15L17.1056 18.5528C17.6686 18.8343 18.3314 18.8343 18.8944 18.5528L26 15" stroke="white" stroke-width="1.2"/>
<path d="M17.3739 18.0161L11.2933 14.9758C10.8684 14.7634 10.6 14.3291 10.6 13.8541C10.6 13.1615 11.1615 12.6 11.8541 12.6H24.1459C24.8385 12.6 25.4 13.1615 25.4 13.8541C25.4 14.3291 25.1316 14.7634 24.7068 14.9758L18.6261 18.0161C18.232 18.2132 17.768 18.2132 17.3739 18.0161Z" fill="#7E869E" fill-opacity="0.25" stroke="white" stroke-width="1.2"/>
</svg>

After

Width:  |  Height:  |  Size: 715 B

@ -0,0 +1,4 @@
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="36" height="36" rx="4" fill="#F54C5F"/>
<path d="M18.398 25.804L18.8585 26.6917L18.8585 26.6917L18.398 25.804ZM17.602 25.804L17.1415 26.6917L17.1415 26.6917L17.602 25.804ZM24 17C24 19.1458 22.9079 20.9159 21.545 22.2906C20.183 23.6644 18.6342 24.555 17.9376 24.9163L18.8585 26.6917C19.6448 26.2838 21.397 25.2805 22.9653 23.6987C24.5326 22.1178 26 19.8706 26 17H24ZM18 11C21.3137 11 24 13.6863 24 17H26C26 12.5817 22.4183 9 18 9V11ZM12 17C12 13.6863 14.6863 11 18 11V9C13.5817 9 10 12.5817 10 17H12ZM18.0624 24.9163C17.3658 24.555 15.817 23.6644 14.455 22.2906C13.0921 20.9159 12 19.1458 12 17H10C10 19.8706 11.4674 22.1178 13.0347 23.6987C14.603 25.2805 16.3552 26.2838 17.1415 26.6917L18.0624 24.9163ZM17.9376 24.9163C17.9514 24.9091 17.9733 24.9023 18 24.9023C18.0267 24.9023 18.0486 24.9091 18.0624 24.9163L17.1415 26.6917C17.6831 26.9726 18.3169 26.9726 18.8585 26.6917L17.9376 24.9163ZM20 17C20 18.1046 19.1046 19 18 19V21C20.2091 21 22 19.2091 22 17H20ZM18 15C19.1046 15 20 15.8954 20 17H22C22 14.7909 20.2091 13 18 13V15ZM16 17C16 15.8954 16.8954 15 18 15V13C15.7909 13 14 14.7909 14 17H16ZM18 19C16.8954 19 16 18.1046 16 17H14C14 19.2091 15.7909 21 18 21V19Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

@ -0,0 +1,4 @@
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="36" height="36" rx="4" fill="#F54C5F"/>
<path d="M23.9071 19.7471L26.6895 22.5295C27.0598 22.8998 27.0598 23.5002 26.6895 23.8706C24.6872 25.8728 21.5174 26.0981 19.2522 24.3991L17.5086 23.0914C15.7651 21.7838 14.2162 20.235 12.9086 18.4914L11.6009 16.7479C9.90196 14.4826 10.1272 11.3128 12.1295 9.31057C12.4998 8.94023 13.1002 8.94023 13.4706 9.31057L16.2529 12.0929C16.6434 12.4834 16.6434 13.1166 16.2529 13.5071L15.1626 14.5974C14.9939 14.7662 14.952 15.024 15.0588 15.2375C16.2929 17.7058 18.2943 19.7071 20.7625 20.9413C20.976 21.048 21.2339 21.0062 21.4026 20.8374L22.4929 19.7471C22.8834 19.3566 23.5166 19.3566 23.9071 19.7471Z" fill="#F54C5F" stroke="white" stroke-width="1.5"/>
</svg>

After

Width:  |  Height:  |  Size: 806 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 75 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 550 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1011 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 543 B

@ -1,6 +1,6 @@
@extends('layout.app') @extends('layout.app')
@section('title') @section('title')
<title>Apus Agency</title> <title>Aplus Agency</title>
@endsection @endsection
@section('content') @section('content')
<!-- Slider section --> <!-- Slider section -->
@ -144,6 +144,201 @@
</div> </div>
</section> </section>
<!-- our recruitment section --> <!-- our recruitment section -->
<!-- news and update section -->
<section class="news-and-update-section">
<div class="news-title">
<h2>New & Updates</h2>
</div>
<div class="row">
<div class="col-md-6">
<div class="featured-news">
<div class="featured-news-image">
<img src="{{url('frontend/images/featured-image.png')}}" class="w-100" alt="">
</div>
<div class="featured-content">
<p>4 Nov, 2022</p>
<h2>Recognition of Prior Learning (RPL)</h2>
<div class="featured-btn">
<a href="">Learn more</a>
<i class="fa-solid fa-arrow-right-long"></i>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="more-news">
<div class="more-news-box">
<div class="news-box-img">
<img src="{{url('frontend/images/baking.png')}}" class="w-100" alt="">
</div>
<div class="news-box-desc">
<h4>Baking and Pastry Arts</h4>
<p>Aadvanced culinary training in baking fresh bread, cakes, pies ...</p>
</div>
</div>
<div class="more-news-box">
<div class="news-box-img">
<img src="{{url('frontend/images/baking.png')}}" class="w-100" alt="">
</div>
<div class="news-box-desc">
<h4>Baking and Pastry Arts</h4>
<p>Aadvanced culinary training in baking fresh bread, cakes, pies ...</p>
</div>
</div>
<div class="more-news-box">
<div class="news-box-img">
<img src="{{url('frontend/images/baking.png')}}" class="w-100" alt="">
</div>
<div class="news-box-desc">
<h4>Baking and Pastry Arts</h4>
<p>Aadvanced culinary training in baking fresh bread, cakes, pies ...</p>
</div>
</div>
<div class="more-news-box">
<div class="news-box-img">
<img src="{{url('frontend/images/baking.png')}}" class="w-100" alt="">
</div>
<div class="news-box-desc">
<h4>Baking and Pastry Arts</h4>
<p>Aadvanced culinary training in baking fresh bread, cakes, pies ...</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- news and update section -->
<!-- clients section -->
<section class="clients-section">
<div class="clients-header text-center">
<h2>What our Clients say about us?</h2>
<p>Words from our clients always persuades us to create successful stories.</p>
</div>
<div class="review-card-section">
<div class="review-card">
<div class="desc-section">
<img src="{{url('frontend/images/quoteicon.png')}}" class="img-fluid"/>
<p>I loved the service that I received. It was wonderful, doctor explained everything and answered all my questions. I highly recommend them!!</p>
</div>
<div class="profile-content">
<div class="rating-icon">
<img src="{{url('frontend/images/star.png')}}" class="img-fluid"/>
</div>
<a>Read more</a>
</div>
<div class="profile-section">
<div class="profile-img">
<img src="{{url('frontend/images/profile.jpeg')}}" class="img-fluid"/>
</div>
<div class="profile-detail">
<h5>Suman Thoker Tamang</h5>
<p>Manager, Extratech Nepal</p>
</div>
</div>
</div>
<div class="review-card">
<div class="desc-section">
<img src="{{url('frontend/images/quoteicon.png')}}" class="img-fluid"/>
<p>I loved the service that I received. It was wonderful, doctor explained everything and answered all my questions. I highly recommend them!!</p>
</div>
<div class="profile-content">
<div class="rating-icon">
<img src="{{url('frontend/images/star.png')}}" class="img-fluid"/>
</div>
<a>Read more</a>
</div>
<div class="profile-section">
<div class="profile-img">
<img src="{{url('frontend/images/profile.jpeg')}}" class="img-fluid"/>
</div>
<div class="profile-detail">
<h5>Suman Thoker Tamang</h5>
<p>Manager, Extratech Nepal</p>
</div>
</div>
</div>
<div class="review-card">
<div class="desc-section">
<img src="{{url('frontend/images/quoteicon.png')}}" class="img-fluid"/>
<p>I loved the service that I received. It was wonderful, doctor explained everything and answered all my questions. I highly recommend them!!</p>
</div>
<div class="profile-content">
<div class="rating-icon">
<img src="{{url('frontend/images/star.png')}}" class="img-fluid"/>
</div>
<a>Read more</a>
</div>
<div class="profile-section">
<div class="profile-img">
<img src="{{url('frontend/images/profile.jpeg')}}" class="img-fluid"/>
</div>
<div class="profile-detail">
<h5>Suman Thoker Tamang</h5>
<p>Manager, Extratech Nepal</p>
</div>
</div>
</div>
<div class="review-card">
<div class="desc-section">
<img src="{{url('frontend/images/quoteicon.png')}}" class="img-fluid"/>
<p>I loved the service that I received. It was wonderful, doctor explained everything and answered all my questions. I highly recommend them!!</p>
</div>
<div class="profile-content">
<div class="rating-icon">
<img src="{{url('frontend/images/star.png')}}" class="img-fluid"/>
</div>
<a>Read more</a>
</div>
<div class="profile-section">
<div class="profile-img">
<img src="{{url('frontend/images/profile.jpeg')}}" class="img-fluid"/>
</div>
<div class="profile-detail">
<h5>Suman Thoker Tamang</h5>
<p>Manager, Extratech Nepal</p>
</div>
</div>
</div>
</div>
</section>
<!-- clients section -->
<!-- cotact section -->
<section class="quick-enquiry-setion">
<div class="row">
<div class="col-md-6">
<div class="enquiry-contacts">
<h2>Let’s Start a Conversation</h2>
<p>We’d love to hear from you. Our friendly support team is always here to assist you. </p>
<div class="contact-desc">
<div class="contact-phone">
<img src="{{url('frontend/icons/phone-Icon.svg')}}" alt="">
<h5>+61 - 047 817 7809</h5>
</div>
<div class="contact-phone">
<img src="{{url('frontend/icons/email-Icon.svg')}}" alt="">
<h5>info@aplusagency.com.au</h5>
</div>
<div class="contact-phone">
<img src="{{url('frontend/icons/location-Icon.svg')}}" alt="">
<h5>Suite 503, Level 5, 368 Sussex Street Sydney, NSW 2000</h5>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-md-12">
<div class="enquiry-form text-center">
<h2>Quick Enquiry</h2>
<p>Want to get in touch? Please fill in the form below and one of our agents will be in touch with you shortly. </p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- cotact section -->
@endsection @endsection
@ -156,6 +351,13 @@
autoplay: true, autoplay: true,
autoplaySpeed: 2000, autoplaySpeed: 2000,
}); });
$('.review-card-section').slick({
slidesToShow: 3,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 2000,
dots: true
})
}); });
</script> </script>
@endsection @endsection
Loading…
Cancel
Save