buggy code added

alurubalakarthikeya · Jul 31, 2024 · 0e5fc51 · 0e5fc51
1 parent 6984f71
commit 0e5fc51
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 22 deletions.
diff --git a/index.html b/index.html
@@ -35,10 +35,10 @@
         <div class="hero-content">
             <h2 style="font-size: 3vh;">Where Learning is <span>made practical</span></h2><br>
             <ul class="icons">
-              <li class="icon"><a href=""></a><i class="fa-brands fa-youtube"></i></li>
-              <li class="icon"><a href=""></a><i class="fa-brands fa-linkedin"></i></li>
-              <li class="icon"><a href=""></a><i class="fa-brands fa-instagram"></i></li>
-              <li class="icon"><a href=""></a><i class="fa-brands fa-facebook"></i></li>
+              <li class="icon"><a href="https://www.youtube.com/"><i class="fa-brands fa-youtube"></i></a></li>
+              <li class="icon"><a href="https://www.linkedin.com/"></a><i class="fa-brands fa-linkedin"></i></a></li>
+              <li class="icon"><a href="https://www.instagram.com/"><i class="fa-brands fa-instagram"></i></a></li>
+              <li class="icon"><a href="https://www.facebook.com/"><i class="fa-brands fa-facebook"></i></a></li>
             </ul>
         </div>
         <div class="floating-clouds">
@@ -51,11 +51,11 @@ <h2 style="font-size: 3vh;">Where Learning is <span>made practical</span></h2><b
     <div id="about" class="about">
         <h2 class="heading">Why Us?</h2>
         <div class="space">
-        <img src="images/about.png" alt="cartoon" height="150px"><br>
+        <img src="images/about.png" alt="cartoon" height="145px"><br>
         <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dicta quae in eum quis odio a perferendis repudiandae eaque doloremque, facere non voluptatem tempora. Eum totam, doloremque explicabo recusandae ipsum fuga.
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas omnis voluptates voluptatibus? Labore illum maxime similique asperiores eum magnam quisquam doloremque facere voluptas, iste, neque tempore voluptate illo cupiditate rerum. Thank you!!!</p>
         <br><br>
-        <a class="button-about" href="about.html">Know More</a>
+        <a class="button-about" href="about.html" target="_blank">Know More</a>
       </div>
     </div>
     <div id="courses" class="courses">

diff --git a/styles.css b/styles.css
@@ -123,17 +123,6 @@ nav ul.active {
     margin-top: 22vh;
 }
 
-.hero-content {
-    transform: translateY(50px);
-    opacity: 1;
-    transition: transform 1s ease-out, opacity 1s ease-out;
-}
-
-.hero-content.visible {
-    transform: translateY(0);
-    opacity: 1;
-}
-
 body.night .hero-content {
     color: var(--moon-color);
 }
@@ -503,7 +492,6 @@ body.night .cursor-dot {
 
 .card button:hover {
     opacity: 0.7;
-
 }
 
 .card img {
@@ -517,25 +505,35 @@ body.night .cursor-dot {
 
 .about img {
     float: left;
+    overflow: hidden;
 }
 
 ul.icons {
-    display:inline-flex;
+    display: inline-flex;
     left: 50%;
     list-style-type: none;
 }
 
-.icon {
+.icons > li {
     border: 3px solid var(--moon-color);
     border-radius: 50%;
+    text-decoration: none;
     color: var(--moon-color);
     background-color: var(--main-green);
     font-size: 2.2vh;
     padding: 12px 16px;
     margin: 15px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
 }
 
-.icon:hover {
+.icons > a {
+    text-decoration: none;
+}
+
+.icons>li:hover {
     color: var(--main-green);
     background-color: var(--moon-color);
-}
+    cursor: pointer;
+}