[add] blogs banner section

et#6
tribikram 2 years ago committed by Mahesh Sharma
parent 451b039346
commit cb40e2db72
  1. 42
      public/frontend/css/style.css
  2. BIN
      public/frontend/images/blog-banner.jpg
  3. BIN
      public/frontend/images/our-values-background.jpg
  4. BIN
      public/frontend/images/our-values-background.png
  5. 14
      resources/views/blogs.blade.php

@ -4,7 +4,6 @@
box-sizing: border-box;
}
body {
/* font-family: "DM Sans", sans-serif !important; */
overflow-x: hidden;
}
p{
@ -941,7 +940,7 @@ Responsive Codes
}
.our-values-section{
padding: 3rem 6rem;
background: url('../images/our-values-background.png');
background: url('../images/our-values-background.jpg');
background-repeat: no-repeat;
background-size: cover;
}
@ -1079,6 +1078,45 @@ Responsive Codes
padding: 10px 20px;
border-radius: 25px;
}
.blog-banner{
background: url('../images/blog-banner.jpg');
background-size: cover;
background-repeat: no-repeat;
padding: 6rem;
}
.blog-banner-content{
display: flex;
gap: 20px;
align-items: center;
}
.blog-banner-content h2{
font-weight: 500;
font-size: 48px;
line-height: 72px;
color: #FFFFFF;
}
.blog-banner-content h2 span{
color: #FFE401;
}
.blog-banner h5{
font-weight: 400;
font-size: 24px;
line-height: 36px;
color: #FFFFFF;
}
.blog-banner-content a{
background: #FFFFFF;
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 6px;
padding: 10px 5rem;
text-decoration: none;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-align: center;
color: #3492CF;
}
/* Footer Css */
.footer{
background: #296AC7;

Binary file not shown.

After

Width:  |  Height:  |  Size: 179 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

@ -34,7 +34,7 @@
<h6>Dec 09, 2022, 2 mins read</h6>
<h2>Ten Reasons that make Australia the Best Destination </h2>
<p>If you want to study in a city surrounded by lush greenery and a pleasant atmosphere..</p>
<a href="">Read More <i class="fa-solid fa-arrow-right-long ms-2"></i></a>
<a href="">Read More <i class="fa-solid fa-arrow-right-long ms-2 fa-sm"></i></a>
</div>
</div>
<div class="col-md-7">
@ -48,7 +48,7 @@
<h6>Dec 09, 2022, 2 mins read</h6>
<h2>Ten Reasons that make Australia the Best Destination </h2>
<p>If you want to study in a city surrounded by lush greenery and a pleasant atmosphere..</p>
<a href="">Read More <i class="fa-solid fa-arrow-right-long ms-2"></i></a>
<a href="">Read More <i class="fa-solid fa-arrow-right-long ms-2 fa-xs"></i></a>
</div>
</div>
<div class="article-card">
@ -60,7 +60,7 @@
<h6>Dec 09, 2022, 2 mins read</h6>
<h2>Ten Reasons that make Australia the Best Destination </h2>
<p>If you want to study in a city surrounded by lush greenery and a pleasant atmosphere..</p>
<a href="">Read More <i class="fa-solid fa-arrow-right-long ms-2"></i></a>
<a href="">Read More <i class="fa-solid fa-arrow-right-long ms-2 fa-xs"></i></a>
</div>
</div>
<div class="article-card">
@ -72,7 +72,7 @@
<h6>Dec 09, 2022, 2 mins read</h6>
<h2>Ten Reasons that make Australia the Best Destination </h2>
<p>If you want to study in a city surrounded by lush greenery and a pleasant atmosphere..</p>
<a href="">Read More <i class="fa-solid fa-arrow-right-long ms-2"></i></a>
<a href="">Read More <i class="fa-solid fa-arrow-right-long ms-2 fa-xs"></i></a>
</div>
</div>
</div>
@ -80,6 +80,10 @@
</div>
</section>
<section class="blog-banner">
<div class="blog-banner-content">
<h2>Get started <span>today.</span></h2>
<a href="">FREE CONSULTATION</a>
</div>
<h5>Get Free Consultation with Experts</h5>
</section>
@endsection
Loading…
Cancel
Save