[add] blogs banner section

et#4
tribikram 2 years ago
parent 0f4e3eadcb
commit faa5df5ff8
  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; box-sizing: border-box;
} }
body { body {
/* font-family: "DM Sans", sans-serif !important; */
overflow-x: hidden; overflow-x: hidden;
} }
p{ p{
@ -941,7 +940,7 @@ Responsive Codes
} }
.our-values-section{ .our-values-section{
padding: 3rem 6rem; padding: 3rem 6rem;
background: url('../images/our-values-background.png'); background: url('../images/our-values-background.jpg');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }
@ -1079,6 +1078,45 @@ Responsive Codes
padding: 10px 20px; padding: 10px 20px;
border-radius: 25px; 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 Css */
.footer{ .footer{
background: #296AC7; 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> <h6>Dec 09, 2022, 2 mins read</h6>
<h2>Ten Reasons that make Australia the Best Destination </h2> <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> <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> </div>
<div class="col-md-7"> <div class="col-md-7">
@ -48,7 +48,7 @@
<h6>Dec 09, 2022, 2 mins read</h6> <h6>Dec 09, 2022, 2 mins read</h6>
<h2>Ten Reasons that make Australia the Best Destination </h2> <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> <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> </div>
<div class="article-card"> <div class="article-card">
@ -60,7 +60,7 @@
<h6>Dec 09, 2022, 2 mins read</h6> <h6>Dec 09, 2022, 2 mins read</h6>
<h2>Ten Reasons that make Australia the Best Destination </h2> <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> <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> </div>
<div class="article-card"> <div class="article-card">
@ -72,7 +72,7 @@
<h6>Dec 09, 2022, 2 mins read</h6> <h6>Dec 09, 2022, 2 mins read</h6>
<h2>Ten Reasons that make Australia the Best Destination </h2> <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> <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> </div>
</div> </div>
@ -80,6 +80,10 @@
</div> </div>
</section> </section>
<section class="blog-banner"> <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> </section>
@endsection @endsection
Loading…
Cancel
Save