hasura-imad · mdey0108 · Feb 12, 2017 · Feb 13, 2017 · Feb 20, 2017 · Feb 20, 2017
diff --git a/server.js b/server.js
@@ -1,24 +1,57 @@
-var express = require('express');
-var morgan = require('morgan');
-var path = require('path');
+window.onload = function(){
+alert('Hi, You Guys are awesome! Already 1400 likes?!!  WOW Thank you soooooo much!!');
+}; 
 
-var app = express();
-app.use(morgan('combined'));
+function printTime() {
+    var d = new Date();
+    var hours = d.getHours();
+    var mins = d.getMinutes();
+    var secs = d.getSeconds();
+    var day = d.getDay();
+    var date = d.getDate();
+    var month = d.getMonth();
+    var year = d.getFullYear();
+
+        switch (day){
+
+            case 0:
+                day = "Sunday";
+                break;
+            case 1:
+                day = "Monday";
+                break;
+            case 2:
+                day = "Tuesday";
+                break;
+            case 3:
+                day = "Wednesday";
+                break;
+            case 4:
+                day = "Thursday";
+                break;
+            case 5:
+                day = "Friday";
+                break;
+            case 6:
+                day = "Saturday";
+                break;
+           }
+
+
+        if(hours<10){
+            hours = "0" + hours;
+        }
+        if(mins<10){
+
+            mins = "0" + mins;
+        }
+        if(secs<10){
 
-app.get('/', function (req, res) {
-  res.sendFile(path.join(__dirname, 'ui', 'index.html'));
-});
-
-app.get('/ui/style.css', function (req, res) {
-  res.sendFile(path.join(__dirname, 'ui', 'style.css'));
-});
-
-app.get('/ui/madi.png', function (req, res) {
-  res.sendFile(path.join(__dirname, 'ui', 'madi.png'));
-});
-
-
-var port = 8080; // Use 8080 for local development because you might already have apache running on 80
-app.listen(8080, function () {
-  console.log(`IMAD course app listening on port ${port}!`);
-});
+            secs = "0" + secs;
+        }
+
+   month = month + 1; document.getElementById("test").innerHTML = hours+":"+mins+":"+secs;
+document.getElementById("ttt").innerHTML = day + ", " + date + "." + month + "." + year;
+}
+setTimeout(printTime, 1);
+setInterval(printTime, 1000);
diff --git a/ui/index.html b/ui/index.html
@@ -1,17 +1,117 @@
-<!doctype html>
+<!DOCTYPE HTML>
+<!--
+	Identity by HTML5 UP
+	html5up.net | @ajlkn
+	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+-->
 <html>
-    <head>
-        <link href="/ui/style.css" rel="stylesheet" />
-    </head>
-    <body>
-        <div class="center">
-            <img src="/ui/madi.png" class="img-medium"/>
-        </div>
-        <br>
-        <div class="center text-big bold">
-            Hi! I am your webapp.
-        </div>
-        <script type="text/javascript" src="/ui/main.js">
-        </script>
-    </body>
+	<head>
+		<title>Portfolio:-Mahesh Kumar Dey</title>
+		<link rel = "icon" type = "image/png" href = "images/index.jpg">
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+		<link rel="stylesheet" href="assets/css/main.css" />
+		<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
+	</head>
+	<body class="is-preload">
+
+		<!-- Wrapper -->
+			<div id="wrapper">
+
+				<!-- Main -->
+					<section id="main">
+						<header>
+
+							<span class="avatar"><img src="images/index.jpg" height="150" width="150" alt="" /></span>
+							<h1><b>Mahesh Kumar Dey</b></h1>
+							<p>Computer Science Engineer</p>
+						</header>
+
+						<hr />
+
+						<footer>
+							<ul class="icons">
+								<li><a href="https://twitter.com/bangali__bhai" target=" " class="icon brands fa-twitter">Twitter</a></li>
+								<li><a href="https://www.instagram.com/bangali__bhai/" target=" " class="icon brands fa-instagram">Instagram</a></li>
+								<li><a href="https://www.facebook.com/bangalibhai0" target=" " class="icon brands fa-facebook-f">Facebook</a></li>
+							</ul>
+						</footer>
+
+
+						<h2>Extra Stuff!</h2>
+						<form method="post" action="whatsapp.html" target=" ">
+							<div class="fields">
+								<div class="field">
+									<input type="text" name="name" id="name" placeholder="Name" />
+								</div>
+								<div class="field">
+									<input type="text" name="number" id="number" placeholder="Mobile" />
+								</div>
+
+								<div class="field">
+									<input type="email" name="email" id="email" placeholder="Email" />
+								</div>
+								<div class="field">
+									<select name="department" id="department">
+										<option value="">Select your option</option>
+										<option value="tech">Tech </option>
+										<option value="null">Null</option>
+										<option value="dev">Dev</option>
+										<option value="sales">Sales</option>
+									</select>
+								</div>
+								<div class="field">
+									<textarea name="message" id="message" placeholder="Message" rows="4"></textarea>
+								</div>
+								<div class="field">
+									<input type="checkbox" id="human" name="human" /><label for="human">I'm a human</label>
+								</div>
+
+								<div class="field">
+									<input type="submit" id="submit" name="submit" />
+								</div>
+								<!-- <div class="field">
+									<label>But are you a robot?</label>
+									<input type="radio" id="robot_yes" name="robot" /><label for="robot_yes">Yes</label>
+									<input type="radio" id="robot_no" name="robot" /><label for="robot_no">No</label>
+								</div> -->
+							</div>
+							</form>
+							<hr>
+							<ul class="actions special">
+								<li><a href="https://github.com/mdey0108" target=" " class="button">GITHUB</a></li>
+							</ul>
+							<hr>
+							<ul class="actions special">
+								<li><a href="https://wa.me/919174451345"  target=" " class="button">Whatsapp Me</a></li>
+							</ul>
+							<hr>
+
+						<!-- <footer>
+							<ul class="icons">
+								<li><a href="https://twitter.com/bangali__bhai" class="icon brands fa-twitter">Twitter</a></li>
+								<li><a href="https://www.instagram.com/bangali__bhai/" class="icon brands fa-instagram">Instagram</a></li>
+								<li><a href="https://www.facebook.com/bangalibhai0" class="icon brands fa-facebook-f">Facebook</a></li>
+							</ul>
+						</footer> -->
+					</section>
+
+				<!-- Footer -->
+					<footer id="footer">
+						<ul class="copyright">
+							<li>&copy; Mahesh Kumar Dey</li><li>Design: <a href="#"  target=" " >Mahi</a></li>
+						</ul>
+					</footer>
+
+			</div>
+
+		<!-- Scripts -->
+			<script>
+				if ('addEventListener' in window) {
+					window.addEventListener('load', function() { document.body.className = document.body.className.replace(/\bis-preload\b/, ''); });
+					document.body.className += (navigator.userAgent.match(/(MSIE|rv:11\.0)/) ? ' is-ie' : '');
+				}
+			</script>
+
+	</body>
 </html>
diff --git a/ui/main.js b/ui/main.js
@@ -1 +0,0 @@
-console.log('Loaded!');

diff --git a/ui/style.css b/ui/style.css
@@ -1,22 +1,50 @@
-body {
-    font-family: sans-serif;
-    background-color: lightgrey;
-    margin-top: 75px;
+#body{
+    background-color:grey;
 }
 
-.center {
-    text-align: center;
+#test{
+    text-align:center;
+    font-family:serif;
+    color:white;
+    letter-spacing:2px;
+    font-size:70px;
+    text-shadow:5px 3px 25px white;
+    padding:5px;
+    border:2px lightskyblue;
+    border-radius:30px;
 }
 
-.text-big {
-    font-size: 300%;
-}
 
-.bold {
-    font-weight: bold;
+#text{
+    text-align:center;
+    color:white;
+    letter-spacing:3px;
 }
-
-.img-medium {
-    height: 200px;
+#text2{
+    margin-top:10%;
+    text-align:center;
+    font-family:Arial;
+    color:white;
+    letter-spacing:3px;
+    word-spacing:4px;
+    text-shadow:5px 3px 20px lightskyblue;
+
 }
-
+#b1{
+    text-align:center;
+    font-weight:bold;
+}
+#ttt{
+    color:white;
+    text-align:center;
+    padding:5px;
+    border:2px lightskyblue;
+    font-family:serif;
+    border-radius:30px;
+}
+#all{
+    padding:5px;
+    border:5px solid lightskyblue;
+    font-family:serif;
+    border-radius:30px;
+}