hasura-imad · Mahanotrahul · Sep 17, 2016 · Sep 17, 2016 · Sep 17, 2016 · Sep 17, 2016
diff --git a/RMF.png b/RMF.png
diff --git a/index1 b/index1
@@ -0,0 +1 @@
+Hi
diff --git a/server.js b/server.js
@@ -8,6 +8,12 @@ app.use(morgan('combined'));
 app.get('/', function (req, res) {
   res.sendFile(path.join(__dirname, 'ui', 'index.html'));
 });
+var counter=0;
+app.get('/counter',function(req,res){
+    counter=counter+1;
+    res.send(counter.toString());
+
+});
 
 app.get('/ui/style.css', function (req, res) {
   res.sendFile(path.join(__dirname, 'ui', 'style.css'));

diff --git a/ui/index.html b/ui/index.html
@@ -5,13 +5,49 @@
     </head>
     <body>
         <div class="center">
-            <img src="/ui/madi.png" class="img-medium"/>
+            <!--<img src="/ui/madi.png" class="img-medium"/>
+            <img src="https://raw.githubusercontent.com/Mahanotrahul/imad-2016-app/master/RMF.png" class="img-medium"/>
         </div>
         <br>
         <div class="center text-big bold">
-            Hi! I am your webapp.
+            Hello! I am Rahul. This is my first web app.
+        </div>
+        <!--<div class="footer">
+            This button <button id="counter">Click me! </button> has been clicked <span id="count"> 0 </span> times.
         </div>
         <script type="text/javascript" src="/ui/main.js">
-        </script>
+        </script>-->
+        <div align="left" class="layer" style="width:1000px; padding:20px; height:auto; position:absolute; background:#FFFFFF; left:12%; top: 22px;">
+<hr>
+<h2><font face="Times New Roman" color="#272727" title="Indian Institute of Technology, Bhubaneswar"><b> <center>Indian Institute of Technology, Bhubaneswar</center></b></font></h2>
+<br><br><center>
+  &nbsp;&nbsp;<img src="imad-2016-app/master/RMF.png " alt="IIT Bhubaneswar" title="IIT Bhubaneswar" width="400px;" height="200px" align="">
+</center>
+<a href="Terms in Astronomy.htm" target="Next">Home page</a>
+
+<br>
+<br><p>
+<font color="#993300"> <h4 title="Indian Institute of Technology, Bhubaneswar"><u>Indian Institute of Technology, Bhubaneswar</u></h4>(IIT Bhubaneswar or IIT BBS) is a public engineering institution established by the government of India in 2008, located at Bhubaneswar, Odisha, India. It is one of the eight new Indian Institutes of Technology (IITs) established by the Ministry of Human Resource Development, Government of India. <br><br> It started functioning from the campus of IIT Kharagpur on 23 July 2008 and shifted its operation to the city of Bhubaneswar on 22 July 2009.
+
+The institute admits students into B. Tech, M. Tech and Ph.D. programs. Institute has started operating from permanent campus at Arugul from academic session 2015-16. The classes are held in the permanent campus at argul. The academic session begins in July each year. Currently, <b><i>Prof. R.V. Rajakumar</i></b> is the director of the institute.</p>
+<code><h4><u><big>Campus</big></u></h4></code>
+<img src="main-gate.jpg" width="250px" height="180px;" title="Main gate"  style="padding:2px;">&nbsp;&nbsp;&nbsp;<code><font color="#00FF00"><strike>Main</strike> Entrance Gate</font></code>
+<br> <br>The Government of Odisha has allotted about '<strong>936</strong>' acres of Government land for permanent campus of the institute. In addition, the State Government is acquiring about 16 acres of private land at its own cost to make the land contiguous. The Foundation Stone of the permanent campus at Arugul, on the outskirts of Bhubaneswar was laid on <b><em>12 February 2009</em></b>. Construction of 4-lane access road from the National Highway 5 and provision of water and electric supply to the campus by the State Government have made considerable progress.<br><br<br><br><br>
+<code><h4><big><u>Academics</big></u></h4></code>
+The Institute has adopted the concept of Schools rather than Departments for promoting inter-disciplinary research. At present the following Schools offer academic programmes
+<strong><ul>
+<font face="comic sans ms">
+<li><i><u>School of Electrical sciences</i></li>
+<li><i>School of Basic Sciences</i></li>
+<li><i>School of Mechanical Sciences</i></li>
+<li><i>School of Infrastructure</i></u>,etc.</li>
+</ul></strong></font><br><br><br>
+<img src="hostel.jpg" title="hostel" width="300px;" hspace="50px" height="200px;" alt="hostel" align="left">&nbsp;&nbsp;<img src="fachaas.jpg" title="Fachaas 2016-2020/21" alt="Freshers pic" width="300px;" height="200px;" align="right" hspace="50px">&nbsp;&nbsp;<br><br><br><br><br><br><br><br><br>
+</font>
+<br><br>
+<br><br><hr>
+</div>
+
+
     </body>
 </html>
diff --git a/ui/index2.html b/ui/index2.html
@@ -0,0 +1,8 @@
+<html>
+<head>
+<title>Index</title>
+</head>
+<body>
+Hi
+</body>
+</html>
diff --git a/ui/main.js b/ui/main.js
@@ -1 +1,11 @@
-console.log('Loaded!');
+// counter code
+var button = document.getElementById('counter');
+var counter=0;
+button.onclick = function () {
+    //Make a request to the counter endpoint
+    // Capture the response and store it in a variable
+    // Render the variable in a correct span
+    counter = counter + 1;
+    var span= document.getElementById('count');
+    span.innerHTML = counter.toString();
+};