Skip to content

Sreehari #7

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
knsreehari2001 wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Sreehari #7

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
5b4f6ae
updated index.html
knsreehari2001 Oct 7, 2021
50dd93f
updated index.html
knsreehari2001 Oct 12, 2021
3b8aaee
updated style.css
knsreehari2001 Oct 12, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 13 additions & 13 deletions assets/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -890,21 +890,21 @@ p {
5.SPONSORS css
===========================*/
@media (max-width: 767px) {
.project-area {
.sponser-area {
padding-top: 75px;
padding-bottom: 80px;
}
}

.single-project {
.single-sponser {
position: relative;
}

.single-project .project-image {
.single-sponser .sponser-image {
position: relative;
}

.single-project .project-image::before {
.single-sponser .sponser-image::before {
position: absolute;
content: "";
width: 100%;
Expand All @@ -915,7 +915,7 @@ p {
transition: all 0.4s ease-out 0s;
}

.single-project .project-content {
.single-sponser .sponser-content {
position: absolute;
bottom: 0;
left: 0;
Expand All @@ -926,7 +926,7 @@ p {
opacity: 0;
}

.single-project .project-content .project-title {
.single-sponser .sponser-content .sponser-title {
font-size: 22px;
font-weight: 600;
font-family: "Barlow", sans-serif;
Expand All @@ -935,7 +935,7 @@ p {
margin-left: 60px;
}

.single-project .project-content .project-title::before {
.single-sponser .sponser-content .sponser-title::before {
position: absolute;
content: "";
width: 50px;
Expand All @@ -945,26 +945,26 @@ p {
left: -60px;
}

.single-project:hover .project-image::before {
.single-sponser:hover .sponser-image::before {
opacity: 1;
}

.single-project:hover .project-content {
.single-sponser:hover .sponser-content {
opacity: 1;
transform: translateY(0%);
}

.project-active .slick-dots {
.sponser-active .slick-dots {
text-align: center;
margin-top: 50px;
}

.project-active .slick-dots li {
.sponser-active .slick-dots li {
display: inline-block;
margin: 0 7px;
}

.project-active .slick-dots li button {
.sponser-active .slick-dots li button {
width: 25px;
height: 15px;
border-radius: 50px;
Expand All @@ -975,7 +975,7 @@ p {
cursor: pointer;
}

.project-active .slick-dots li.slick-active button {
.sponser-active .slick-dots li.slick-active button {
width: 35px;
background-color: #0a0a28;
}
Expand Down
89 changes: 44 additions & 45 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -311,14 +311,13 @@ <h4 class="services-title">Project: Rebuild Kerala</h4>

<!--====== SERVICES PART ENDS ======-->

<!--====== PROJECT PART START ======-->
<!--====== SPONSERS PART START ======-->

<section id="project" class="project-area pt-125 pb-130">
<section id="sponser" class="sponser-area pt-125 pb-130">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6">
<div class="section-title text-center pb-50">
<h5 class="sub-title mb-15">Featured Works</h5>
<h2 class="title">Our sponsers</h2>
</div>
<!-- section title -->
Expand All @@ -327,82 +326,82 @@ <h2 class="title">Our sponsers</h2>
<!-- row -->
</div>
<div class="container-fluid">
<div class="row project-active">
<div class="row sponser-active">
<div class="col-lg-4">
<div class="single-project">
<div class="project-image">
<img src="assets/images/project/p-1.png" alt="Project">
<div class="single-sponser">
<div class="sponser-image">
<img src="assets/images/project/p-1.png" alt="sponser">
</div>
<div class="project-content">
<a class="project-title" href="#">Home Interior Design</a>
<div class="sponser-content">
<a class="sponser-title" href="#">SPONSER 1</a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="single-project">
<div class="project-image">
<img src="assets/images/project/p-1.png" alt="Project">
<div class="single-sponser">
<div class="sponser-image">
<img src="assets/images/project/p-1.png" alt="sponser">
</div>
<div class="project-content">
<a class="project-title" href="#">Home Interior Design</a>
<div class="sponser-content">
<a class="sponser-title" href="#">SPONSER 2</a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="single-project">
<div class="project-image">
<img src="assets/images/project/p-1.png" alt="Project">
<div class="single-sponser">
<div class="sponser-image">
<img src="assets/images/project/p-1.png" alt="sponser">
</div>
<div class="project-content">
<a class="project-title" href="#">Home Interior Design</a>
<div class="sponser-content">
<a class="sponser-title" href="#">SPONSER 3</a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="single-project">
<div class="project-image">
<img src="assets/images/project/p-1.png" alt="Project">
<div class="single-sponser">
<div class="sponser-image">
<img src="assets/images/project/p-1.png" alt="sponser">
</div>
<div class="project-content">
<a class="project-title" href="#">Home Interior Design</a>
<div class="sponser-content">
<a class="sponser-title" href="#">SPONSER 4</a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="single-project">
<div class="project-image">
<img src="assets/images/project/p-1.png" alt="Project">
<div class="single-sponser">
<div class="sponser-image">
<img src="assets/images/project/p-1.png" alt="sponser">
</div>
<div class="project-content">
<a class="project-title" href="#">Home Interior Design</a>
<div class="sponser-content">
<a class="sponser-title" href="#">SPONSER 5</a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="single-project">
<div class="project-image">
<img src="assets/images/project/p-2.jpg" alt="Project">
<div class="single-sponser">
<div class="sponser-image">
<img src="assets/images/project/p-2.jpg" alt="sponser">
</div>
<div class="project-content">
<a class="project-title" href="#">Home Interior Design</a>
<div class="sponser-content">
<a class="sponser-title" href="#">SPONSER 6</a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="single-project">
<div class="project-image">
<img src="assets/images/project/p-4.jpg" alt="Project">
<div class="single-sponser">
<div class="sponser-image">
<img src="assets/images/project/p-4.jpg" alt="sponser">
</div>
<div class="project-content">
<a class="project-title" href="#">Home Interior Design</a>
<div class="sponser-content">
<a class="sponser-title" href="#">SPONSER 7</a>
</div>
</div>
</div>
</div>
</div>
</section>

<!--====== PROJECT PART ENDS ======-->
<!--====== SPONSER PART ENDS ======-->

<!--====== TEAM PART START ======-->

Expand All @@ -411,14 +410,14 @@ <h2 class="title">Our sponsers</h2>
<div class="row justify-content-center">
<div class="col-lg-6">
<div class="section-title text-center pb-20">
<h5 class="sub-title mb-15">Something else</h5>
<h2 class="title">Meet The Teams</h2>
</div>
<!-- section title -->
</div>
</div>
<!-- row -->
<div class="row">
<!-- team MEMBER 1 -->
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="single-team text-center mt-30 wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="0.4s">
<div class="team-image">
Expand All @@ -434,7 +433,7 @@ <h4 class="team-name"><a href="#">lorem</a></h4>
</ul>
</div>
</div>
<!-- single team -->
<!-- team MEMBER 2 -->
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="single-team text-center mt-30 wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="0.8s">
Expand All @@ -451,7 +450,7 @@ <h4 class="team-name"><a href="#">Patric Green</a></h4>
</ul>
</div>
</div>
<!-- single team -->
<!-- team MEMBER 3 -->
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="single-team text-center mt-30 wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="1.2s">
Expand All @@ -468,7 +467,7 @@ <h4 class="team-name"><a href="#">Daryl Dixon</a></h4>
</ul>
</div>
</div>
<!-- single team -->
<!-- team MEMBER 4 -->
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="single-team text-center mt-30 wow fadeInUp" data-wow-duration="1.5s" data-wow-delay="1.6s">
Expand All @@ -485,7 +484,7 @@ <h4 class="team-name"><a href="#">Mark Parker</a></h4>
</ul>
</div>
</div>
<!-- single team -->
<!-- team MEMBERS END -->
</div>
</div>
<!-- row -->
Expand Down