updation

kartikthakur001 · Mar 10, 2024 · cce6f73 · cce6f73
1 parent 483d767
commit cce6f73
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 11 deletions.
diff --git a/finalassignment.css b/finalassignment.css
@@ -2,6 +2,20 @@ body{
   font-family: "Raleway", sans-serif;
   font-style: normal;
 }
+
+@media screen and (max-width: 400px) {
+  .left {
+  display: block;
+  }
+}
+@media screen and (max-width: 400px) {
+  .up{
+    position: absolute;
+    top: 0px;
+    right: 0px;
+  }
+}
+
  span{
   color: black;
 }
@@ -48,6 +62,13 @@ span a{
   background-color:rgba(0, 162, 255, 0.993);
   border-radius: 10px;
 } 
+@media screen and (max-width: 425px) {
+  .six{
+    position: absolute;
+    top: -40px !important;
+    margin-bottom: 25px !important;
+  }
+}
 .seven{
   position: relative;
 top: -50px;
@@ -99,7 +120,6 @@ top: -50px;
     }
     .seventeen a {
       font-weight: bold;
-      margin-top: 30px;
       text-decoration: none;
   }
   .seventeen a:active ,.seventeen a:hover{
@@ -113,6 +133,12 @@ top: -50px;
     position:relative;
     left:-50px
   }
+  @media screen and (max-width: 425px) {
+    .nineteen{
+      position: relative;
+      left: -30px !important;
+    }
+  }
   .twenty>div{
   padding: 1px;
   }

diff --git a/index.html b/index.html
@@ -22,14 +22,14 @@
 <body>
 <header class="container">
     <span>
-        <a href="mailto:[email protected]" target="_blank"> <i class="fas fa-mail-bulk"> </i> <span>[email protected]</span></a>
-        <a href="tel:+155895548855" target="_blank"> <i class="fa fa-mobile" aria-hidden="true"> </i><span> +1 55895548855</span></a>
+        <a href="mailto:[email protected]"> <i class="fas fa-mail-bulk"> </i> <span>[email protected]</span></a>
+       <span class="left"><a href="tel:+155895548855"> <i class="fa fa-mobile" aria-hidden="true"> </i><span> +1 55895548855</span></a></span>
     </span>
-    <span class="pull-right">
-        <a href="https://www.twitter.com" target="_blank"><i class="fa fa-twitter" aria-hidden="true" ></i></a>
-        <a href="https://www.facebook.com/" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a>
-        <a href="https://www.instagram.com" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a>
-        <a href="https://www.linkedin.com" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
+    <span class="pull-right up">
+        <a href="www.twitter.com"><i class="fa fa-twitter" aria-hidden="true" ></i></a>
+        <a href="fhfg"><i class="fa fa-facebook" aria-hidden="true"></i></a>
+        <a href="fghfg"><i class="fa fa-instagram" aria-hidden="true"></i></a>
+        <a href="fgh"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
     </span>
 </header>
 <nav class="one navbar navbar-default" id="home">
@@ -42,7 +42,7 @@
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
         </button>
-        <a class="navbar-brand "  href="index.html"><p class="text-info roboto">DITS</p></a>
+        <a class="navbar-brand "  href="finalassignment.html"><p class="text-info roboto">DITS</p></a>
       </div>
 
       <!-- Collect the nav links, forms, and other content for toggling -->
@@ -408,7 +408,7 @@ <h2>Frequently Asked Questions</h2>
             <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1">
             </div>
 
-            <div class="col-xs-10 col-sm-10 col-md-10 col-lg-10">
+            <div class="col-xs-10 col-sm-10 col-md-12 col-lg-10">
                     <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
 
                         <div class="panel panel-default seventeen">
@@ -662,4 +662,4 @@ <h2>Gallary</h2>
 </footer>   
 
 </body>
-</html>
+</html>