Merge pull request #90 from Mehak-Mattoo/hero

Hero section
MastanSayyad · Jul 9, 2024 · 7f196b9 · 7f196b9
2 parents 47471f0 + 662e003
commit 7f196b9
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 51 deletions.
diff --git a/css/style.css b/css/style.css
@@ -853,31 +853,6 @@ h5,
   padding-bottom: 10px !important;
 }
 
-/* Blocks */
-.intro-section {
-  position: relative;
-}
-.intro-section,
-.intro-section .container > .row {
-  height: 100vh;
-  min-height: 900px;
-}
-.intro-section.single-cover,
-.intro-section.single-cover .container > .row {
-  height: 50vh;
-  min-height: 400px;
-}
-.intro-section h1 {
-  font-size: 2.5rem;
-  font-weight: 700;
-  color: #fff;
-  margin-bottom: 1.5rem;
-}
-.intro-section p {
-  color: rgba(255, 255, 255, 0.5);
-  font-size: 1.1rem;
-}
-
 .img-absolute {
   position: absolute;
   right: 10%;
@@ -1669,7 +1644,7 @@ h5,
 .review-slider .swiper-wrapper .swiper-slide h3 {
   font-weight: 400;
 }
-.swiper-wrapper .swiper-slide img{
+.swiper-wrapper .swiper-slide img {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -1873,17 +1848,18 @@ body {
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
 }
 
- .dropdown-item {
+.dropdown-item {
   color: #333;
   padding: 0.5rem 1rem;
   transition: background-color 0.2s, color 0.2s;
 }
 
-.dropdown-item:hover, .navbar-nav .dropdown-item:focus {
+.dropdown-item:hover,
+.navbar-nav .dropdown-item:focus {
   background-color: rgba(0, 0, 0, 0.075);
   color: #000;
 }
- .dropdown-toggle::after {
+.dropdown-toggle::after {
   margin-left: 0.255em;
   vertical-align: 0.255em;
 }
@@ -1922,4 +1898,4 @@ body {
 
 .nav-item.show .dropdown-menu {
   display: block;
-}
+}
diff --git a/index.html b/index.html
@@ -83,6 +83,8 @@
     </div>
 
 
+
+
     <nav class="navbar navbar-expand-lg fixed-top bg-white" >
 
       <div class="container-fluid">
@@ -142,27 +144,11 @@
       </nav>
 
 
-    <div class="intro-section" id="home-section">
-
-       <div class="slide-1" style="background-image: url('images/1.jpg');" data-stellar-background-ratio="0.5">
-       <div class="container">
-          <div class="row align-items-center">
-            <div class="col-12">
-              <div class="row align-items-center">
-                <div class="col-lg-6 mb-4">
-                  <h1 data-aos="fade-up" data-aos-delay="100">Sorting Algorithm</h1>
-                  <p class="mb-4" data-aos="fade-up" data-aos-delay="200">A Sorting Algorithm is used to rearrange a
-                    given array or list of elements according to a comparison operator on the elements. </p>
-
-                </div>
-              </div>
-            </div>
-
-          </div>
-        </div>
+
 
+    <div class="intro-section" id="home-section">
 
-        <!-- <div class="flex p-5 items-center justify-center ml-5 mr-5">
+       <div class="flex p-5 items-center justify-center ml-5 mr-5">
           <div class="sm:w-full md:w-2/4">
             <div class="mr-5">
             <h1 class="text-4xl font-semibold sm:text-5xl md:text-6xl text-black mb-4">
@@ -185,8 +171,7 @@ <h1 class="text-4xl font-semibold sm:text-5xl md:text-6xl text-black mb-4">
           <div class="w-2/4 md:flex hidden">
             <img  src="./images/home.jpg" alt="">
           </div>
-        </div> -->
-
+        </div>
 
 
 

diff --git a/style.css b/style.css
@@ -355,6 +355,7 @@ pre code {
 
 .nav-link.active {
   color: rgb(219, 127, 219);
+  font-weight: 800;
   border-bottom: 2px solid rgb(219, 127, 219);
   font-weight: 800;
 }