TinkerHubKMCTCE · FathimathulRasmiya · Aug 16, 2020 · Aug 17, 2020 · Aug 20, 2020 · Aug 24, 2020
diff --git a/calculator.css b/calculator.css
@@ -0,0 +1,36 @@
+.calc{
+    width:400px;
+    height:550px;
+    background:lightcoral;
+    margin-left:700px;
+    margin-top:250px;
+}
+#screen{
+    width:80%;
+    height:40px;
+    margin-left: 36px;
+    margin-top: 30px;
+    pointer-events:none;
+
+}
+.btn{
+    width:60px;
+    height:45px;
+    margin-left: 30px;
+    margin-top: 30px;
+    background:purple;
+    cursor: pointer;
+    border:2px solid #B06AB3;
+    color:white;
+    outline: none;
+}
+.btn:hover{
+    background:#B06AB3;
+    border-color:purple;
+}
+h4{
+    color:purple;
+    margin-left:87px;
+    text-decoration-line: underline;
+    text-decoration-style: dotted;
+}
diff --git a/calculator.html b/calculator.html
@@ -0,0 +1,47 @@
+<!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="calculator.css">
+        <script src="calculator.js"></script>
+    </head>
+    <body>
+        <div class="main-body">
+            <div class="calc">
+                <h4>SIMPLE-CALCULATOR</h4>
+                <div class="output">
+                    <input type="text" placeholder="CALCULATOR" id="screen">
+                </div>
+                <div class="buttons">
+                    <button onclick="displayClear()" class="btn">C</button>
+                    <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="btn">/</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="btn">X</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="btn">-</button>
+                     </div>
+                     <div class="row">
+                        <button onclick="buttonClick('.')" class="btn">.</button>
+                        <button onclick="buttonClick(0)" class="btn">0</button>
+                        <button onclick="buttonClick('+')" class="btn">+</button>
+                        <button onclick="equalClick()" class="btn">=</button>
+                     </div>
+                </div>
+            </div>
+        </div>
+    </body>
+</html>
diff --git a/calculator.js b/calculator.js
@@ -0,0 +1,14 @@
+function buttonClick(val)
+{
+    document.getElementById("screen").value=document.getElementById("screen").value+val;
+}
+function displayClear()
+{
+    document.getElementById("screen").value=""
+}
+function equalClick()
+{
+    var text=document.getElementById("screen").value
+    var result=eval(text)
+    document.getElementById("screen").value=result;
+}
diff --git a/fb.png b/fb.png
diff --git a/form.html b/form.html
@@ -0,0 +1,48 @@
+<html>
+    <head>
+        <title>FORM</title>
+    </head>
+    <body bgcolor="grey">
+        <center>
+        <img src="reg.jpg"><br>
+        <marquee>Please fill the form inorder to register!!</marquee>
+        <hr>
+        </center>
+        <div align="center" justify>
+        <form>
+            <label>First Name :</label>
+            <input type="text" placeholder="Your First Name" required>
+            <label>Last Name :</label>
+            <input type="text"  placeholder="Your Last Name" required><br><br>
+            <label>Email  :</label>
+            <input type="email"  placeholder="Enter your E-mail" required><br><br>
+            <label>Password :</label>
+            <input type="password"  placeholder="Enter a password" required><br><br>
+            <label>Gender :</label>
+            <label for="male">Male</label>
+            <input id="male" name="male" type="radio">
+            <label for="female">Female</label>
+            <input id="male" name="male" type="radio">
+            <label for="other">Other</label>
+            <input id="other" name="other" type="radio"><br><br>
+            <label for="birthday">Birthday :</label>
+            <input type="date" id="birthday" name="birthday"><br><br>
+            <label>Qualification :</label>
+            <select>
+                <option>SSLC</option>
+                <option>12</option>
+                <option>UG</option>
+                <option>PG</option>
+            </select><br><br>
+            <label>School/College Name :</label>
+            <input type="text" placeholder="Name of your School/College" required>
+            <hr>
+
+            <center>
+           <p><input type="checkbox" required>I agree to the <a href="#">Terms & Privacy</a>.</p>
+            <button type="submit" class="registerbtn">Register</button>
+            </center>
+        </form>
+        </div>
+    </body>
+</html>
diff --git a/gh.png b/gh.png
diff --git a/in.jpg b/in.jpg
diff --git a/index.html b/index.html
@@ -1,25 +1,66 @@
-
-<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="device-width, initial-scale=1.0">
+        <meta http-equiv="X-UA-Compatiblel" contrnt="ie=edge">
+        <title>MY PORTFOLIO</title>
+        <link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=Source+Serif+Pro&display=swap" rel="stylesheet">
+        <link rel="stylesheet" href="portfolio.css">
+    </head>
+    <body>
+       <header>
+        <div class="container">
+           <nav class="flex items-center justify">
+                <div class="left flex items-center">
+                    <div class="logo">
+                        <img src="th.png" alt="" width="100" height="50">
+                    </div>
+                    <div>
+                        <a href="#">Home</a>
+                        <a href="#">experiance</a>
+                        <a href="#">skills</a>
+                    </div>
+                </div>
+                <div class="right">
+                   <button class="btn btn-a">Contact</button>
+                </div>
+           </nav>
+           <div class="image flex items-center">
+               <div class="left flex-a" flex>
+                   <img src="image.jpeg" alt="" width="350" height="400">
+
+               </div>
+               <div class="right flex-a" justify-center>
+                <h4>FATHIMATHUL RASMIYA</h4>
+                   <p>Final year B-Tech Student<br>
+                    Computer Science & Engineering<br>
+                    <span>SKILLS :</span>HTML,MYSQL,C,C++,PYTHON<br>
+                    <span>CONTACT ME :</span>[email protected]<br><br>
+                    <button class="btn btn-b">DOWNLOAD CV</button></p>
+               </div>
+           </div>
+        </div>
+       </header>
+       <section class="about">
+           <div class="container flex items-center">
+               <div>
+                   <h1>About<span>Me</span></h1>
+                   <h3>Hello i'm Fathimathul Rasmiya !!</h3>
+                   <p>Iam currently an undergraduate final year student at KMCT college of engineering for women, Kozhikode.<br>
+                    Pursuing my Bachelor's in Computer Science and Engineering.<br>
+
+                    Singing is My passion and I love to Read .<br>
+
+                    I will Think smart and work hard to contribute my skills and ideas to the job i'll do </p><br>
+                    <div class="social">
+                        <a href="https://www.facebook.com/rasmiya.rasmi.7528"><img src="fb.png" width="30" height="30" alt=""></a>
+                        <a href="https://github.com/FathimathulRasmiya"><img src="gh.png" width="30" height="30" alt=""></a>
+                        <a href="https://www.instagram.com/rasm__i"><img src="insta.png" width="30" height="30" alt=""></a>
+                        <a href="https://www.linkedin.com/in/fathimathul-rasmiya-3b4109171"><img src="li.png" width="30" height="30" alt=""></a>
+                    </div>
+               </div>
+           </div>
+       </section>
+    </body>
+</html>
diff --git a/index12.html b/index12.html
@@ -0,0 +1,25 @@
+
+<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>
+
diff --git a/insta.png b/insta.png
diff --git a/li.png b/li.png
diff --git a/ln1.jpg b/ln1.jpg