Skip to content

Commit

Permalink
Merge pull request #148 from AdityaMishra2327/master
Browse files Browse the repository at this point in the history
fixed z index property and made some changes in style.css
  • Loading branch information
juhinagpure authored May 17, 2024
2 parents 68f1773 + 12474b7 commit d7bd359
Show file tree
Hide file tree
Showing 2 changed files with 34 additions and 8 deletions.
9 changes: 5 additions & 4 deletions blog.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,8 @@
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<script src="https://kit.fontawesome.com/628003722a.js" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/c5182e007e.js" crossorigin="anonymous"></script>

<script src="https://cdn.jsdelivr.net/gh/studio-freight/lenis@1.0.27/bundled/lenis.min.js"></script>

<link rel="stylesheet"
Expand Down Expand Up @@ -103,9 +104,9 @@ <h4>About Us</h4>
<p>Welcome to our university, where academic excellence meets vibrant campus life. Join our <br>
diverse community of learners and discover endless opportunities for growth, innovation, and success.</p>
<div class="icons">
<a style="padding: 10px;" href=""> <i class="fa-brands fa-facebook"></i></a>
<a style="padding: 10px;" href=""> <i class="fa-brands fa-twitter"></i></a>
<a style="padding: 10px;" href=""><i class="fa-brands fa-instagram"></i></a>
<a style="padding: 10px;" href=""> <i class="fa-brands fa-square-facebook"></i></a>
<a style="padding: 10px;" href=""><i class="fa-brands fa-square-twitter"></i></a>
<a style="padding: 10px;" href=""><i class="fa-brands fa-square-instagram"></i></a>
<a style="padding: 10px;" href=""> <i class="fa-brands fa-linkedin"></i></a>
</div>
<p>made with <i class="fa-regular fa-heart"></i> By Juhi
Expand Down
33 changes: 29 additions & 4 deletions style.css
Original file line number Diff line number Diff line change
Expand Up @@ -2,20 +2,29 @@
margin: 0;
padding: 0;
font-family: 'Poppins', sans-serif;



}
body{
overflow-x: hidden;

}


.header {
min-height: 100vh;
width: 100%;
background-image: linear-gradient(rgba(4, 9, 30, 0.7), rgba(4, 9, 30, 0.7)),
url(./eduford_img/banner.png);
background-size: cover;
position: relative;
background-position: center;
}

nav {
display: flex;
width: 90vw;
width: 100%;
padding: 2% 6%;
text-align: center;
justify-content: space-around;
Expand Down Expand Up @@ -152,6 +161,8 @@ nav .fa-xmark{

/* course */
.course {


width: 80%;
margin: auto;
text-align: center;
Expand All @@ -172,19 +183,25 @@ p {
}

.row {
margin-top: 5%;
margin-top: 10%;
margin-bottom: 10%;
justify-content: space-between;

display: flex;
justify-content: space-between;
}

.course-col {
z-index: -1;
flex-basis: 31%;
background: #fff3f3;
border-radius: 10px;
margin-bottom: 5%;
margin-bottom: 10%;
padding: 20px 12px;
box-sizing: border-box;

transition: 0.5s;
position: relative;
}

h3 {
Expand All @@ -194,7 +211,10 @@ h3 {
}

.course-col:hover {
box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.2);
transform: scale(1.5);



}

@media(max-width: 700px) {
Expand All @@ -212,6 +232,7 @@ h3 {
}

.campus-col {
z-index: -1;
flex-basis: 32%;
border-radius: 10px;
margin: 30px;
Expand All @@ -235,6 +256,7 @@ h3 {
}

.layer:hover {

background: rgba(226, 0, 0, 0.7);

}
Expand Down Expand Up @@ -266,6 +288,7 @@ h3 {
}

.facilities-col {
z-index: -1;
flex-basis: 31%;
border-radius: 10px;
margin-bottom: 5%;
Expand Down Expand Up @@ -303,6 +326,8 @@ h3 {
}

.testimonials-col {
text-align: center;
z-index: -1;
flex-basis: 44%;
border-radius: 10px;
margin-bottom: 5%;
Expand Down

0 comments on commit d7bd359

Please sign in to comment.