TinkerHubKMCTCE · sighack123 · Aug 16, 2020 · Aug 17, 2020 · Aug 17, 2020 · Aug 20, 2020
diff --git a/FB.png b/FB.png
diff --git a/GI.png b/GI.png
diff --git a/INS.jpeg b/INS.jpeg
diff --git a/LN.jpeg b/LN.jpeg
diff --git a/O.jpeg b/O.jpeg
diff --git a/T.png b/T.png
diff --git a/Trees.jpg b/Trees.jpg
diff --git a/Y.jpeg b/Y.jpeg
diff --git a/b.html b/b.html
@@ -0,0 +1,49 @@
+<html>
+    <head>
+        <title>TABLE</title>
+        <h1 style="color: snow;"><u>SOME SOCIALMEDIAS </U></h1>
+        <br>
+ </head>
+    <body  background="e.jpeg">
+        <table  bgcolor="white" border="1" cellspacing=1 cellpadding=10>
+            <tr style="background-color: slategray;">
+                <th>SL.NO</th>
+                <th>LOGO</th>
+                <th>SOCIAL MEDIA</th>
+                <th>LINK</th>
+            </tr>
+            <tr>
+                <td text align="center">1</td>
+                <td img align="center"><img src="LN.jpeg" width="220px" height="130px"></td>
+                <td text align="center">LINKEDIN</td>
+                <td><a href="https://www.linkedin.com/login">CLICK HERE </a><p>TO JOIN LINKEDIN</p></td>
+            </tr>
+            <tr style="background-color: rgb(216, 218, 221);">
+                <td text align="center">2</td>
+                <td img align="center"><img src="GI.png"  width="120px" height="120px"></td>
+                <td text align="center">GITHUB</td>
+                <td><a href="https://github.com/">CLICK HERE </a><p>TO JOIN GITHUB</p></td>
+            </tr>
+            <tr>
+                <td text align="center">3</td>
+                <td img align="center"><img src="FB.png"  width="120px" height="110px"></td>
+                <td text align="center">FACEBOOK</td>
+                <td><a href="https://www.facebook.com/campaign/landing.php?campaign_id=1653993517&extra_1=s%7Cc%7C318504235904%7Ce%7Cfacebook%20%27%7C&placement=&creative=318504235904&keyword=facebook%20%27&partner_id=googlesem&extra_2=campaignid%3D1653993517%26adgroupid%3D63066387003%26matchtype%3De%26network%3Dg%26source%3Dnotmobile%26search_or_content%3Ds%26device%3Dc%26devicemodel%3D%26adposition%3D%26target%3D%26targetid%3Dkwd-360705453827%26loc_physical_ms%3D1007778%26loc_interest_ms%3D%26feeditemid%3D%26param1%3D%26param2%3D&gclid=EAIaIQobChMImNSi5-uh6wIVVw4rCh3Ugw0nEAAYASAAEgJiF_D_BwE">CLICK HERE</a><p> TO JOIN FACEBOOK</p></td>
+            </tr>
+            <tr style="background-color:rgb(216, 218, 221);">
+                <td text align="center">4</td>
+                <td img align="center"><img src="INS.jpeg"  width="170px" height="130px"></td>
+                <td text align="center">INSTAGRAM</td>
+                <td><a href="https://www.instagram.com/accounts/login/?hl=en">CLICK HERE </a><p>TO JOIN INSTAGRAM</p></td>
+            </tr>
+            <tr>
+                <td text align="center">5</td>
+                <td img align="center"><img src="Y.jpeg"  width="130px" height="90px"></td>
+                <td text align="center">YOUTBE</td>
+                <td><a href="https://www.youtube.com/">CLICK HERE </a><P>TO VISIT YOUTUBE</P></td>
+
+            </tr>
+        </table>
+
+    </body>
+</html>
diff --git a/c_html.jpeg b/c_html.jpeg
diff --git a/cal.css b/cal.css
@@ -0,0 +1,58 @@
+body{
+    background-image: url("https://ssl.bigstockimages.com/4/7/2/large1500/274552948.jpg");
+    background-size: cover;
+    background-repeat: no-repeat;
+}
+.cal{
+    width: 370px;
+    height: 480px;
+    background: rgb(58, 59, 59);
+    margin-left: 450px;
+    margin-top: 55px;
+    border-radius: 20px;
+    border: solid rgb(67, 98, 126);
+    border-width: 8px;
+    box-shadow: 8px 8px rgb(78, 79, 80);
+}
+#screen
+{
+    width: 80%;
+    height: 50px;
+    margin-left: 30px;
+    pointer-events: none;
+    margin-top: 50px;
+    background: rgb(153, 177, 98);
+    border-color: rgb(29, 24, 24);
+
+
+}
+.btn{
+    margin-top: 20px;
+    margin-left: 30px;
+    width: 50px;
+    height: 45px;
+    border-radius: 8px;
+    border-color: rgb(82, 78, 78);
+    background: rgb(3, 3, 3);
+
+
+}
+.bn{
+    margin-top: 45px;
+    margin-left: 282px;
+    width: 50px;
+    height: 45px;
+    border-radius: 8px;
+    border-color: rgb(204, 45, 45);
+    background: rgb(146, 13, 13);
+}
+.bt{
+
+    margin-left: 30px;
+    width: 50px;
+    height: 45px;
+    border-radius: 8px;
+    background: rgb(135, 146, 146);
+    border-color: rgb(98, 110, 110);
+
+}
diff --git a/cal.html b/cal.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width,initial-scale=1.0">
+        <title>calculator</title>
+        <link rel="stylesheet" href="cal.css">
+        <script src="cal.js"></script>
+    </head>
+    <body>
+        <div class="cal">
+            <div class="out">
+               <input type="text" id="screen">
+            </div>
+            <div class="button">
+                <div class="row">
+                    <button onclick="clr()" class="bn" style="color: rgb(13, 13, 14);">AC</button>
+
+
+                </div>
+
+               <div class="row">
+                    <button onclick="BC(7)" class="btn" style="color: ghostwhite;">7</button>
+                    <button onclick="BC(8)" class="btn" style="color: ghostwhite;">8</button>
+                    <button onclick="BC(9)" class="btn" style="color: ghostwhite;">9</button>
+                    <button onclick="BC('*')" class="bt" style="color:  black;">X</button>
+                </div>
+                <div class="row">
+                    <button onclick="BC(4)" class="btn" style="color: ghostwhite;">4</button>
+                    <button onclick="BC(5)" class="btn" style="color: ghostwhite;">5</button>
+                    <button onclick="BC(6)" class="btn" style="color: ghostwhite;">6</button>
+                    <button onclick="BC('/')" class="bt" style="color:  black;">/</button>
+                </div>
+                <div class="row">
+                    <button onclick="BC(1)" class="btn" style="color: ghostwhite;">1</button>
+                    <button onclick="BC(2)" class="btn" style="color: ghostwhite;">2</button>
+                    <button onclick="BC(3)" class="btn" style="color: ghostwhite;">3</button>
+                    <button onclick="BC('+')" class="bt" style="color: black;">+</button>
+                </div>
+                <div class="row">
+                    <button onclick="BC(0)" class="btn" style="color: ghostwhite;">0</button>
+                    <button onclick="BC('.')" class="bt" style="color:  black;">.</button>
+                    <button onclick="rs('=')" class="bt" style="color:  black;">=</button>
+                    <button onclick="BC('-')" class="bt" style="color: black;">-</button>
+                </div>
+
+            </div>
+
+
+        </div>
+
+    </body>
+</html>
diff --git a/cal.js b/cal.js
@@ -0,0 +1,14 @@
+function BC(val)
+{
+    document.getElementById("screen").value+=val
+}
+function rs()
+{
+    var a=document.getElementById("screen").value
+    var result=eval(a)
+    document.getElementById("screen").value=result
+}
+function clr()
+{
+    document.getElementById("screen").value=""
+}
diff --git a/circle.jpeg b/circle.jpeg
diff --git a/cl.jpg b/cl.jpg
diff --git a/cross.jpeg b/cross.jpeg
diff --git a/e.jpeg b/e.jpeg
diff --git a/f.html b/f.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+    <head>
+
+            <title>FORM</title>
+        <caption><h1 align="center"><u>REGISTRATION FORM </u></h1> </caption> 
+        <br>
+     </head>
+    <body style="background:rgb(171, 230, 222) ">
+        <img src="km_html.jpg">
+
+
+        <form action="us.html" method="GET">
+
+                       <label><STRong>FIRST NAME:</STRong></label>
+                       <input style="text-align: center;" type="text" placeholder=" First Name" required="">
+
+                      <label><strong>LAST NAME:</strong></label> 
+                       <input style="text-align: center;" type="text" placeholder="Last Nmae" required="">
+                       <br>
+                       <br>
+                       <label><strong>ADDRES :</strong></label>
+                       <input style="text-align: center;" type="text" placeholder="Address" required="">
+                       <br>
+                       <br>
+                    <label><strong>GENDER :</strong></label>    
+                        <input type="radio" name="GENDER" required=""><strong>MALE</strong>
+                        <input type="radio" name="GENDER" required=""><strong>FEMALE</strong>
+                        <input type="radio" name="GENDER" required=""><strong>OTHER</strong>
+             <br>
+             <br>
+
+                   <label> <strong>AGE :</strong></label>    
+                <input style="text-align: center;" type="number" placeholder="Age" required="" >
+
+
+                <br>
+                <br>
+
+                  <label><strong>BIRTHDAY: </strong></label>                        
+                  <input type="date" required="">
+                <br>
+                <br>
+                  <label><strong>EMAIL :</strong></label>
+                  <input style="text-align: center;" type="email" placeholder="[email protected]" required=""> 
+                 <br>
+                 <br>
+                 <label><strong>PASSWORD :</strong>
+                 <input style="text-align: center;" type="password" placeholder="password" required="">
+
+                    <br>
+                    <br>                    
+                   <label><strong>PHONE NO:</strong></label>
+                   <select>
+                       <option>+91</option>
+                       <option>+33</option>
+                       <option>+00</option>
+                   </select>
+                    <input style="text-align: center;" type="number" placeholder="phone number" required="">
+                <br>
+                <br>
+
+                          <label><strong>QUALIFICATION :</strong></label>  
+
+                            <select required="">
+
+                                <option>10</option>
+                                <option>12</option>
+                                <option>UG</option>
+                            </select>
+                    <br>
+                    <br>
+                    <label> <strong>I AGREE ALL THE CONDITION</strong></label>
+                    <input type="checkbox" required="">
+                    <br>
+                    <br>
+                   <input type="submit" value="submit">
+                   <br>
+                   <br>
+
+        </form>
+    </body>
+</html>