TinkerHubKMCTCE · irshad-alungal · Aug 16, 2020 · Aug 17, 2020 · Aug 17, 2020 · Aug 17, 2020
diff --git a/IMG-20200824-WA0644.jpg b/IMG-20200824-WA0644.jpg
diff --git a/IMG-20200824-WA0646.jpg b/IMG-20200824-WA0646.jpg
diff --git a/Muhammed Irshad K.jpg b/Muhammed Irshad K.jpg
diff --git a/index.html b/index.html
@@ -1,25 +1,50 @@
-
-<html><head>
-    <title>amrutha</title>
-</head>
-    <body>
-<h1><i>HELLO WORLD</i></h1><hr>
-<H2><u>HELLO WORLD</u></H2>
-<H3>HELLO WORLD</H3>
-<H4>HELLO WORLD</H4>
-<H5>HELLO WORLD</H5>
-<H6>HELLO WORLD</H6>
-<P>HGYFYFJKUUDDYHBNHGDTDR<b>TYYGHBHHGYTDTDYGHGHJDTJD</b>GYGKVHHDFGYS
-    GFJJDVBDVDFTFUDHGfaygydfuhcjhgvgcygyvggfygvyg<br>dvygjvhcjvggjcgjvgcgtuddggxgjzgzffuzfuzf
-    uzxftfdyjxgcgjhgxc</P>
-<p>rttr<del>yyfyyh</del>trgfsfsfsrsrsrsgffdttttffyfyfffyyuyuyufgfgfffygyyfttttffyygytttighjgjgkgkkggk
-    jhkjkhkhkhkhkhkhkuhuhkuhkuhkuhukhukhukhukyitititiyiuyiuyuyiuyuiyt7t6t6rtrttrftrtyrtrtr</p>
-<button>click here</button><br>
-<a href="http://google.com">google</a><br>
-<img src="sophia.jpg" width="120px" height="120px">
-
-
-
-</body>
-</html>
-
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>A Simple Calculator</title>
+    <link rel="stylesheet" href="style.css">
+    <script src="script.js"></script>
+    <link href="https://fonts.googleapis.com/css2?family=Alata&display=swap" rel="stylesheet">
+</head>
+<body>
+    <center>
+        <div class="main-body">
+            <div><h2>Simple Calculator</h2></div>
+            <div class="output">
+                <input type="text" id="screen">
+
+            </div>
+            <div class="buttons">
+                <button onclick="displayClear()" class="clr">C</button>
+            </div>
+            <div class="row">
+                <button onclick="buttonClick(7)" class="btn">7</button>
+                <button onclick="buttonClick(8)" class="btn">8</button>
+                <button onclick="buttonClick(9)" class="btn">9</button>
+                <button onclick="buttonClick('+')" class="add">+</button>
+            </div>
+            <div class="row">
+                <button onclick="buttonClick(4)" class="btn">4</button>
+                <button onclick="buttonClick(5)" class="btn">5</button>
+                <button onclick="buttonClick(6)" class="btn">6</button>
+                <button onclick="buttonClick('-')" class="neg">-</button>
+            </div>
+            <div class="row">
+                <button onclick="buttonClick(1)" class="btn">1</button>
+                <button onclick="buttonClick(2)" class="btn">2</button>
+                <button onclick="buttonClick(3)" class="btn">3</button>
+                <button onclick="buttonClick('*')" class="mul">x</button>
+            </div>
+            <div class="row">
+                <button onclick="buttonClick('.')" class="btn"><b>.</b></button>
+                <button onclick="buttonClick(0)" class="btn">0</button>
+                <button onclick="equalClick()" class="btn">=</button>
+                <button onclick="buttonClick('/')" class="by">/</button>
+            </div>
+        </div>
+    </center>
+
+</body>
+</html>
diff --git a/irshad.html b/irshad.html
@@ -0,0 +1,24 @@
+<html>
+    <head>
+        <title>Muhammed Irshad K</title>
+    </head>
+
+<body>
+
+ <img src="Muhammed Irshad K.jpg" width="120px" height="120px">
+
+     <h1>Muhammed Irshad K</h1>
+
+        <p><b>B-Tech 3rd year Mechanical Engineering Student at KMCT College of Engineering, Calicut.</b> I studied diploma in Mechanical Engineering during 2015-2018 at KMCT Polytechnic College, Calicut. I worked in the MEP Design field for a year.</p>
+        <br>
+        <p>Actually I'm a mechanical engineering student and I don't know anything about coding. But, When I attended ThinkerHub's Android Java BootCamp, it was a wonderful experience with this coding and I really liked it. As a result I'm here with this Fi-Pro Challenge.</p>
+        <hr>
+
+<p><b>Born: </b>September,07,1997</p>
+<p><b>Education: </b>3 year Diploma in Mechanical Engineering.</p>
+<hr>
+
+<p><a href="https://www.instagram.com/irshad_alungal/">Instagram</a>, <a href="https://www.facebook.com/profile.php?id=100005863005644">Facebook</a>, <a href="http://wa.me/917356264323">WhatsApp</a></p>
+
+</body>
+</html>
diff --git a/myweb.html b/myweb.html
@@ -0,0 +1,257 @@
+<!DOCTYPE html>
+<head>
+    <link rel="stylesheet" href="style.css" type="text/css"> 
+    <link href="https://fonts.googleapis.com/css2?family=Russo+One&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Arvo&family=Russo+One&display=swap" rel="stylesheet">
+    <style>
+        body{
+            background-image: url("https://www.wishill.com/public/uploads/college/default/itemImage_15811409445456.jpg");
+            background-repeat: no-repeat;
+            background-size: cover;
+
+        }
+    </style>
+
+    <title>My Web</title>
+
+
+</head>
+
+<body>
+    <header>
+            <h4 class="text">My Web</h4>
+        <nav>
+            <ul class="nav__links">
+                <li><a href="">Services</a></li>
+                <li><a href="">Projects</a></li>
+                <li><a href="">About</a></li>
+
+            </ul>
+        </nav>
+            <a href="cta"><button>Contact</button></a>
+    </header>
+    <div class="logo">
+        <ul> 
+            <a href="https://www.kmctcollegeofengineering.org/"><img src="https://www.kmctcollegeofengineering.org/images/logo2.png" alt="" width="500px"></a>     
+            <a href="https://github.com/TinkerHubKMCTCE"><img src="https://media-exp1.licdn.com/dms/image/C4D16AQFBNJX8mtTQ9g/profile-displaybackgroundimage-shrink_350_1400/0?e=1603324800&v=beta&t=GsS7YH4omPfENnmgO0vVzWwST5zg7Mvmpo-AJ24BZWI" alt="" width="500px"></a>
+    </ul> 
+     </div>
+    <div class="wrapper">
+        <center>
+        <img src="https://avatars0.githubusercontent.com/u/69687099?s=400&u=da99a9032b67800643d94d4ecf598ea3e87aacfd&v=4"  alt="" width="700px">
+        <br>
+        <br>
+        <h1>
+        Muhammed Irshad K
+        </h1>
+        <div class="tt">
+            <br>
+            <br>
+            <br>
+            <br>
+            <p class="para1">B-Tech Mechanical Engineering student at KMCT College of Engineering, Calicut
+            </p>
+        </center>
+        <br>
+        <br>
+        <br>
+        <table class="table1" border="0" width="600mm">
+        <tr>
+            <th></th>
+            <th></th>
+        </tr>
+        <tr>
+            <td img align="centre"><img src="http://cdn.onlinewebfonts.com/svg/img_175952.png" width="100px" height="100px" alt=""></td>
+            <td text align="centre"><b>KONDOTTY</b></td>
+        </tr>
+        <tr>
+            <td img align="centre"><img src="https://cdn.onlinewebfonts.com/svg/img_95526.png" width="100px" height="100px" alt=""></td>
+            <td text align="centre"><b>+91 7356264323</b></td>
+        </tr>
+        </table>
+        <br>
+        <br>
+        <center>
+        <div class="line1"></div>
+        </center>   
+        <br>
+        <br>   
+        <CEnter>
+            <p class="para2">SOCIAL MEDIA</p> 
+
+        <br>
+        <br>
+        <p>
+            <a href="http://wa.me/9173562643"><img src="https://cdn.onlinewebfonts.com/svg/img_426342.png" alt="" width="125px" height="125px"></a>  
+            <a href="https://www.instagram.com/irshad_alungal/"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/Black_Instagram_icon.svg/1024px-Black_Instagram_icon.svg.png" alt="" width="125px" height="125px"></a>  
+            <a href="https://www.facebook.com/profile.php?id=100005863005644"><img src="http://unitywomensdesk.org/wp-content/uploads/2019/03/image-black-facebook-logo-png-26-2.png" alt="" width="125px" height="125px"></a> 
+            <a href="https://github.com/irshad-alungal"><img src="https://avatars3.githubusercontent.com/u/9919?v=3&s=280" alt="" width="125px" height="125px"></a> 
+            <a href="https://www.linkedin.com/in/muhammad-irshad-k-472401185/"><img src="http://pngimg.com/uploads/linkedIn/linkedIn_PNG22.png" alt="" width="125px" height="125px"></a> 
+        </p>
+<br>
+<br>
+        </CEnter> 
+        </div>
+
+    </div>
+<span class="spam1">
+    <div class="table">
+        <table class="table2" border="3" >
+                <tr>
+                    <td img align="center" ><a href="https://www.facebook.com/pallikkalAMUPS/"><img src="https://scontent.fcok6-1.fna.fbcdn.net/v/t1.0-9/11350414_1498506383772732_7782615026467850605_n.jpg?_nc_cat=101&_nc_sid=85a577&_nc_ohc=DKLDJ2SUzpQAX-OFwX6&_nc_ht=scontent.fcok6-1.fna&oh=b83714d0588b9b529f3f535040f80d4d&oe=5F61E40A" width="150px" height="150px" alt=""></a></td>
+                    <td text align="center" ><b><font>AMUP SCHOOL PALLIKKAL BAZAR</font> </b></td>
+                    <td text align="center">2003-2010</td>
+                </tr>
+                <tr>
+                    <td img align="center" ><a href="https://vpkmmhss.blogspot.com/"><img src="https://bingo.icbse.com/business.jpg?action=logo&id=9g95k6" width="150px" height="150px" alt=""></a></td>
+                    <td text align="center" ><b><font>VPKMMHSS PUTHUR PALLIKKAL</font> </b></td>
+                    <td text align="center">2010-2013</td>
+                </tr>
+                <tr>
+                    <td img align="center" ><a href="http://www.onefivenine.com/india/school/gvhss-arimbra_2466828_School.html"><img src="https://images.squarespace-cdn.com/content/57752cbed1758e541bdeef6b/1469718323990-U2U17QVBWJNSTAFF5WNM/A+School+Icon?content-type=image%2Fpng" width="150px" height="150px" alt=""></a></td>
+                    <td text align="center" ><b><font>GVHSS ARIMBRA</font> </b></td>
+                    <td text align="center">2013-2015</td>
+                </tr>
+                <tr>
+                    <td img align="center" ><a href="https://www.kmctpolytechnic.org/"><img src="https://targetstudy.com/files/img/2/43854/L_13596.gif" width="150px" height="150px" alt=""></a></td>
+                    <td text align="center" ><b><font>KMCT PTC, KOZHIKODE</font> </b></td>
+                    <td text align="center">2015-2018</td>
+                </tr>
+                <tr>
+                    <td img align="center" ><a href="https://www.kmctcollegeofengineering.org/"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQ5nvDbFOFEzCUp4jP81OfaUZ2gTbS37aX_fg&usqp=CAU" width="150px" height="150px" alt=""></a></td>
+                    <td text align="center" ><b><font>KMCT CE</font> </b></td>
+                    <td text align="center">2019-</td>
+                </tr>
+
+        </table>
+
+    </div>
+    <div id="form">
+        <center>
+            <p class="para3">
+                If you would like to participate in the next program of ThinkersHub KMCTCE, please fill out the register form below.
+            </p>
+            <form>
+                    <center>
+                        <h1>
+                            <u>
+                                <font color="#ffffff">REGISTER FORM</font>
+                            </u>
+                        </h1>
+                    </center>
+                    <font color="white">
+                 <!-- First Name -->
+                 <center>
+                 <label for="First Name"><b>First Name: </b></label>
+                 <input id="First Name" type="text" name="First Name" placeholder="First Name" >
+
+                 <!-- Last Name -->
+
+                 <label for="Last Name"><b>Last Name: </b></label>
+                 <input id="Last Name" type="text" name="Last Name" placeholder="Last Name">
+                </center>
+
+            <div>
+                <br>
+                <center>
+
+                <!-- Gender -->
+
+                <table border="0" width="1500mm">
+                    <tr>
+                        <th>
+                 <label><b>Gender : </b></label>
+                        <label for ="male">Male</label>
+                        <input id="male" name="gender" type="radio">
+                        <label for ="female">Female</label>
+                        <input id="female" name="gender" type="radio">
+                        <label for ="other">Other</label>
+                        <input id="other" name="gender" type="radio"></th>
+
+                <!-- Education -->
+                 <th>      
+                <label><b>      Qualification</b></label>
+                <select>
+                    <option>12</option>
+                    <option>Diploma</option>
+                    <option>B-Tech</option>
+                </select>
+
+                </center>
+            </tr>
+            </table>
+            <br>
+
+                <!-- Email -->
+
+            <table border="0" width="1500mm">
+                <tr>
+                    <th>
+                <center>
+                    <label><b>Email : </b></label>
+                    <input type="email" placeholder="Email"></th>
+
+                <!-- Phone -->
+
+                    <th>
+                    <label><b>Phone : </b></label>
+                    <select>
+
+                        <option>+91</option>
+
+                    </select>
+                    <input type="phone number" placeholder="Phone Number"></th>
+                </tr>
+            </table>
+                </center>
+            </div>  
+
+            <br>
+            <div>
+
+                <!-- Birthday -->
+
+                <center>
+                <table border="0" width="1000mm">
+                    <tr>
+                        <th>
+
+                    <label for="start"><b>Birthday : </b></label> 
+                    <input type="date" id="start" name="trip-start" min="01-01-1947" max=""></th>
+            <th>
+
+                <!-- caste -->
+
+                    <label><b>Caste : </b></label>
+                    <select>
+                        <option>Other</option>
+                        <option>SC</option>
+                        <option>ST</option>
+                        <option>OBC</option></th>
+                    </select>
+                    </table>
+            </tr>
+            <br>    
+            <br>
+            <br>
+
+                <!-- t&c -->
+
+                <p>
+                    <b>     
+                        I agree with the terms & conditions 
+                        <input type="checkbox" >
+                    </b> 
+                </p>
+
+                <!-- Submit -->
+
+                <button><font color="white"><b>SUBMIT</b></font></button>                
+                </center>
+            </div>
+            </form>
+        </center>
+
+    </div>
+</span>
+</body>