fg

lakshit-html · Oct 27, 2024 · b2945b9 · b2945b9
1 parent 6676c27
commit b2945b9
Show file tree

Hide file tree

Showing 6 changed files with 453 additions and 51 deletions.
diff --git a/Gauransh.jpg b/Gauransh.jpg
diff --git a/Purva.jpg b/Purva.jpg
diff --git a/about.html b/about.html
@@ -9,6 +9,14 @@
         padding: 0px;
         margin: 0px;
       }
+      html{
+        height: 100vh;
+        width: 100vh;
+      }
+      body{
+        height: 100%;
+        width: 100%;
+      }
       /* Main Heading */
       h1 {
         color: rgb(255, 255, 255);
@@ -20,13 +28,17 @@
         margin-bottom: 1rem;
         text-transform: uppercase;
         margin-top: 10px;
+        display: block;
       }
       /* Bgimage Of MAin HEading */
       .fstpanel {
         background-image: url(map-bg.png);
-        padding: 35px 442px;
-        margin-left: -40px;
-        width: 49.6%;
+        width: 100vw;
+        margin: 0;
+        padding: 0;
+        align-items: center;
+        display: flex;
+        flex-wrap: wrap;
       }
 
       .hd {
@@ -42,8 +54,8 @@
       }
 
       div {
-        width: 655px;
-        margin-left: 0px;
+        width: 635px;
+        margin-left: 010px;
       }
 
       body {
@@ -65,15 +77,11 @@
 
 /* navbar */
 .Nav {
-            display: flex;
-            justify-content: flex-start;
             align-items: center;
             margin: 0px;
             padding: 4px;
             background-color: rgba(8, 14, 24, 0.89);
-            width: 100.1%;
-            /* width 1499px */
-            position: sticky;
+            width: 100vw;
         }
         html{
             padding: 0px;
@@ -147,22 +155,22 @@
             position: absolute;
             margin-top: 40px;
             border-radius: 10px;
-            width: 580px;
+            width: 300px;
         }
 /* img2 */
         .img2 {
             position: absolute;
             margin-left: 840px;
             margin-top: 500px;
             border-radius: 10px;
-            width: 580px;
+            width: 300px;
         }
         .img3{
             position: absolute;
             margin-left: 840px;
             margin-top: 950px;
             border-radius: 10px;
-            width: 580px;
+            width: 300px;
             height: 450px;
         }
         /* .footer{

diff --git a/contact1.html b/contact1.html
@@ -58,12 +58,17 @@
         a:hover {
            color: white;
         }
-
-        @font-face {
-            font-family: HeyComic;
-            src: url(Hey\ Comic.ttf);
-        }
-
+
+                @font-face {
+                    font-family: HeyComic;
+                    src: url(Hey\ Comic.ttf);
+                }
+
+                @font-face {
+                    font-family: About;
+                    src: url(Insanibc.ttf);
+                }
+
         .hd {
             font-family: HeyComic;
         }
@@ -130,19 +135,27 @@
             margin-top: 20px;
             margin-left: 70px;
             color: wheat;
+            font-family: HeyComic;
         }
         .contact:hover{
             .text{
-                background-color: rgba(49, 66, 61, 0.674);
+                background-color: rgba(49, 66, 61, 0.767);
                 position: relative;
-                margin-top: -109px;
+                margin-top: -108px;
                 border-radius: 0px 0px 15px 15px;
             }
         }
         .text{
-            background-color: rgba(168, 160, 160, 0.515);
+            align-items: center;
             transition-duration: 0.5s;
         }
+        p{
+            justify-content: center;
+            align-items: center;
+            display: grid;
+            font-family: Arial, Helvetica, sans-serif;
+            font-weight: bold;
+        }
 
     </style>
 </head>
@@ -166,7 +179,7 @@ <h1 class="heading">&nbsp&nbsp Contact</h1>
      <div class="text">
 
          <h2>Garvit Solanki</h4>
-         <p>HTML</p>
+         <p>HTML - CSS</p>
          <p>[email protected]</p>
          <p>Frontend Developer</p>
      </div>
@@ -181,6 +194,26 @@ <h2>Lakshit Solanki</h4>
             <p>Frontend Developer</p>
         </div>
      </div>
+     <div class="contact">
+        <img src="Gauransh.jpg" alt="">
+        <div class="text">
+
+            <h2>Gauransh Sugandhi</h4>
+            <p>HTML - CSS</p>
+            <p>[email protected]</p>
+            <p>Frontend Developer</p>
+        </div>
+     </div>
+     <div class="contact">
+        <img src="Purva.jpg" alt="">
+        <div class="text">
+
+            <h2>Purva Balar</h4>
+            <p>PHP</p>
+            <p>[email protected]</p>
+            <p>Backend Developer</p>
+        </div>
+     </div>
 
 
 </body>

diff --git a/learn.js b/learn.js
@@ -1,19 +1,5 @@
-let a = prompt("Enter your grade :");
-if (a>=90&& a<=100){
-    console.log("A")
+let lakshit;
+let x = 5;
+for (let a = 1; a <= 10 ; a++){
+    console.log(x,"x",a,"=",x*a)
 }
-else if (a>=70&& a<=89){
-    console.log("B")
-}
-else if (a>=60&& a<=69){
-    console.log("C")
-}
-else if (a>=50&& a<=59){
-    console.log("D")
-}
-else if (a>=0&& a<=49){
-    console.log("F")
-}
-else {
-    console.log("Provide grades between 1 to 100")
-}