hasura-imad · thecodearrow · Sep 29, 2016 · Nov 6, 2016 · Nov 6, 2016 · Nov 6, 2016
diff --git a/README.md b/README.md
@@ -0,0 +1,5 @@
+# Personal-Website-webapp
+
+This is my personal webapp built while doing the NPTEL Introduction to Modern Application Development course in 2016.
+
+### Here's the link to the project --> https://codepen.io/therealcodearrow/project/full/ZoNwaJ
diff --git a/server.js b/server.js
@@ -9,12 +9,52 @@ app.get('/', function (req, res) {
   res.sendFile(path.join(__dirname, 'ui', 'index.html'));
 });
 
-app.get('/ui/style.css', function (req, res) {
+app.get('/index.html', function (req, res) {
+  res.sendFile(path.join(__dirname, 'ui', 'index.html'));
+});
+
+app.get('/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'));
+app.get('/main.js', function (req, res) {
+  res.sendFile(path.join(__dirname, 'ui', 'main.js'));
+});
+
+app.get('/contact.html', function (req, res) {
+  res.sendFile(path.join(__dirname, 'ui', 'contact.html'));
+});
+
+app.get('/follow.html', function (req, res) {
+  res.sendFile(path.join(__dirname, 'ui', 'follow.html'));
+});
+
+app.get('/about.html', function (req, res) {
+  res.sendFile(path.join(__dirname, 'ui', 'about.html'));
+});
+
+//images
+
+app.get('/dev.jpg', function (req, res) {
+  res.sendFile(path.join(__dirname, 'ui', 'dev.jpg'));
+});
+
+app.get('/dev2.jpg', function (req, res) {
+  res.sendFile(path.join(__dirname, 'ui', 'dev2.jpg'));
+});
+app.get('/dev3.jpg', function (req, res) {
+  res.sendFile(path.join(__dirname, 'ui', 'dev3.jpg'));
+});
+app.get('/dev4.jpg', function (req, res) {
+  res.sendFile(path.join(__dirname, 'ui', 'dev4.jpg'));
+});
+
+app.get('/myself.jpg', function (req, res) {
+  res.sendFile(path.join(__dirname, 'ui', 'myself.jpg'));
+});
+
+app.get('/about_me.jpg', function (req, res) {
+  res.sendFile(path.join(__dirname, 'ui', 'about_me.jpg'));
 });
 
 

diff --git a/ui/about.html b/ui/about.html
@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <title>About me</title>
+
+    <!-- Bootstrap -->
+    <!-- Latest compiled and minified CSS -->
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+<!-- Optional theme -->
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
+
+<link rel="stylesheet"  href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"> 
+
+<!--Cool font-->
+<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
+
+<!--CSS-->
+    <link href="style.css" rel="stylesheet">
+
+
+
+
+  </head>
+  <body id="about">
+
+<div class="polaroid">
+  <img src="about_me.jpg">
+</div>
+
+
+<div id="about_box">
+  <div class="container-fluid">
+<h3 class="bold_text "><legend>About me:</legend></h3>
+<span class="responsive">
+<strong>Name:</strong> Prashanth Vaidya .R.<br>
+<strong>Age:</strong>   20<br>
+<strong>Place:</strong> Bangalore/Chennai<br>
+<strong>Institution:</strong> SRM University, Kattankulathur<br>
+<strong>Degree:</strong> Btech Information Technology<br>
+<strong>Email:</strong> [email protected]</span><br><br>
+<p class="responsive"> A blend of a geek and a perfectionist. A cricket enthusiast. Highly motivated. Extremely ambitious. Loves learning new stuff. Current interests are front end web development and programming.</p>
+
+</div>
+</div>
+
+
+  <div id="wrapper">
+        <div class="overlay"></div>
+
+        <!-- Sidebar -->
+        <nav class="navbar navbar-inverse navbar-fixed-top" id="sidebar-wrapper" role="navigation">
+            <ul class="nav sidebar-nav">
+                <li class="sidebar-brand">
+                    <a href="#">
+                       <h2 class="bold_text special_blue underline">Welcome</h2>
+                    </a>
+                    <br>
+
+                </li>
+                <li>
+                    <a href="index.html"><span class="bold_text">Home</h3></a>
+                </li>
+                <li>
+                    <a href="about.html"><span class="bold_text">About</h3></a>
+                </li>
+
+                <li>
+                    <a href="contact.html"><span class="bold_text">Contact</h3></a>
+                </li>
+                <li>
+                    <a href="follow.html"><span class="bold_text">Follow me</h3></a>
+                </li>
+            </ul>
+        </nav>
+        <!-- /#sidebar-wrapper -->
+
+            <button type="button" class="hamburger is-closed" data-toggle="offcanvas">
+                <span class="hamb-top"></span>
+          <span class="hamb-middle"></span>
+        <span class="hamb-bottom"></span>
+            </button>
+    </body>
+
+
+
+    <!-- Latest compiled and minified JavaScript -->
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <!--jQuery-->
+<script src="https://cdn.jsdelivr.net/lettering/0.7.0/jquery.lettering.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/textillate/0.4.0/jquery.textillate.min.js"></script>
+ <!--other scrips-->
+    <script src="main.js"></script>
+
+
+
+  </body>
+</html>
diff --git a/ui/about_me.jpg b/ui/about_me.jpg
diff --git a/ui/contact.html b/ui/contact.html
@@ -0,0 +1,122 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <title>Contact me</title>
+
+    <!-- Bootstrap -->
+    <!-- Latest compiled and minified CSS -->
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+<!-- Optional theme -->
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
+
+<!--CSS-->
+    <link href="style.css" rel="stylesheet">
+
+
+
+
+  </head>
+  <body id="contact">
+<br><br>
+  <div class="container">
+    <div class="row">
+      <div class="col-md-6 col-md-offset-3">
+        <div class="well well-sm">
+          <form class="form-horizontal" action="mailto:[email protected]" method="post">
+          <fieldset>
+            <strong><legend class="text-center underline">Contact me</legend></strong>
+
+            <!-- Name input-->
+            <div class="form-group">
+              <label class="col-md-3 control-label" for="name">Name*</label>
+              <div class="col-md-9">
+                <input id="name" name="name" type="text" placeholder="Your name" class="form-control">
+              </div>
+            </div>
+
+            <!-- Email input-->
+            <div class="form-group">
+              <label class="col-md-3 control-label" for="email">Your E-mail</label>
+              <div class="col-md-9">
+                <input id="email" name="email" type="text" placeholder="Your email" class="form-control">
+              </div>
+            </div>
+
+            <!-- Message body -->
+            <div class="form-group">
+              <label class="col-md-3 control-label" for="message">Your message*</label>
+              <div class="col-md-9">
+                <textarea class="form-control" id="message" name="message" placeholder="Please enter your message here..." rows="5"></textarea>
+              </div>
+            </div>
+
+            <!-- Form actions -->
+            <div class="form-group">
+              <div class="col-md-12 text-right">
+                <button type="submit" class="btn btn-primary btn-lg" id="submit_button">Submit</button>
+              </div>
+            </div>
+          </fieldset>
+          </form>
+        </div>
+      </div>
+    </div>
+</div>
+
+
+  <div id="wrapper">
+        <div class="overlay"></div>
+
+        <!-- Sidebar -->
+        <nav class="navbar navbar-inverse navbar-fixed-top" id="sidebar-wrapper" role="navigation">
+            <ul class="nav sidebar-nav">
+                <li class="sidebar-brand">
+                    <a href="#">
+                       <h2 class="bold_text special_blue underline">Welcome</h2>
+                    </a>
+                    <br>
+
+                </li>
+                <li>
+                    <a href="index.html"><span class="bold_text">Home</h3></a>
+                </li>
+                <li>
+                    <a href="about.html"><span class="bold_text">About</h3></a>
+                </li>
+
+                <li>
+                    <a href="contact.html"><span class="bold_text">Contact</h3></a>
+                </li>
+                <li>
+                    <a href="follow.html"><span class="bold_text">Follow me</h3></a>
+                </li>
+            </ul>
+        </nav>
+        <!-- /#sidebar-wrapper -->
+
+            <button type="button" class="hamburger is-closed" data-toggle="offcanvas">
+                <span class="hamb-top"></span>
+          <span class="hamb-middle"></span>
+        <span class="hamb-bottom"></span>
+            </button>
+    </body>
+
+
+
+    <!-- Latest compiled and minified JavaScript -->
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <!--jQuery-->
+<script src="https://cdn.jsdelivr.net/lettering/0.7.0/jquery.lettering.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/textillate/0.4.0/jquery.textillate.min.js"></script>
+ <!--other scrips-->
+    <script src="main.js"></script>
+
+
+
+  </body>
+</html>
diff --git a/ui/dev.jpg b/ui/dev.jpg
diff --git a/ui/dev2.jpg b/ui/dev2.jpg
diff --git a/ui/dev3.jpg b/ui/dev3.jpg
diff --git a/ui/dev4.jpg b/ui/dev4.jpg
diff --git a/ui/follow.html b/ui/follow.html
@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <title>Follow me</title>
+
+    <!-- Bootstrap -->
+    <!-- Latest compiled and minified CSS -->
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
+<!-- Optional theme -->
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
+
+<link rel="stylesheet"  href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"> 
+
+<link rel="stylesheet"  href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+
+<!--CSS-->
+    <link href="style.css" rel="stylesheet">
+
+
+
+
+
+
+
+  </head>
+  <body id="follow">
+
+
+
+                 <div id="follow_box">
+                <div class="col-md-12"> 
+                <span class="bold_text animate_text" id="follow_me_text"> Feel free to follow me on...</span>
+                    <ul class="social-network social-circle">
+                        <li><a href="https://www.facebook.com/PrashanthVaidyaR" class="icoFacebook " title="Facebook"><i class="fa fa-facebook"></i></a></li>
+                        <li><a href="https://twitter.com/lordvaidya" class="icoTwitter " title="Twitter"><i class="fa fa-twitter"></i></a></li>
+                        <li><a href="https://in.linkedin.com/in/prashanth-vaidya-b498bba9" class="icoLinkedin" title="Linkedin"><i class="fa fa-linkedin"></i></a></li> 
+                        <li><a href="https://github.com/thecodearrow" class="icoGit " title="Github"><i class="fa fa-github-square"></i></a></li>
+                        <li><a href="https://plus.google.com/u/0/112373943534862024691" class="icoGoogle " title="Google +"><i class="fa fa-google-plus"></i></a></li>
+                        <li><a href="https://www.quora.com/profile/Prashanth-Vaidya-1" class="icoQuora" title="Quora"><i class="fa fa-quora" aria-hidden="true"></i></a></li> 
+                        <li><a href="https://www.instagram.com/vaiprash97/" class="icoInsta" title="Instagram"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>                      
+                        </div>
+                    </ul>               
+                </div>
+
+
+
+  <div id="wrapper">
+        <div class="overlay"></div>
+
+        <!-- Sidebar -->
+        <nav class="navbar navbar-inverse navbar-fixed-top" id="sidebar-wrapper" role="navigation">
+            <ul class="nav sidebar-nav">
+                <li class="sidebar-brand">
+                    <a href="#">
+                       <h2 class="bold_text special_blue underline">Welcome</h2>
+                    </a>
+                    <br>
+
+                </li>
+                <li>
+                    <a href="index.html"><span class="bold_text">Home</h3></a>
+                </li>
+                <li>
+                    <a href="about.html"><span class="bold_text">About</h3></a>
+                </li>
+
+                <li>
+                    <a href="contact.html"><span class="bold_text">Contact</h3></a>
+                </li>
+                <li>
+                    <a href="follow.html"><span class="bold_text">Follow me</h3></a>
+                </li>
+            </ul>
+        </nav>
+        <!-- /#sidebar-wrapper -->
+
+            <button type="button" class="hamburger is-closed" data-toggle="offcanvas">
+                <span class="hamb-top"></span>
+          <span class="hamb-middle"></span>
+        <span class="hamb-bottom"></span>
+            </button>
+    </body>
+
+
+
+    <!-- Latest compiled and minified JavaScript -->
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <!--jQuery-->
+<script src="https://cdn.jsdelivr.net/lettering/0.7.0/jquery.lettering.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/textillate/0.4.0/jquery.textillate.min.js"></script>
+ <!--other scrips-->
+    <script src="main.js"></script>
+
+
+
+  </body>
+</html>