hasura-imad · krlalliram · Sep 16, 2016 · Sep 16, 2016 · Sep 16, 2016 · Sep 16, 2016
diff --git a/index1.html b/index1.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<p>ENTER a number and click the button:</p>
+
+<input id="no" value="1" />
+
+<button onclick="prime()">Try it</button>
+
+<p id="demo"></p>
+
+<script>
+
+
+function prime()
+     {
+       var  x = Number(document.getElementById("no").value);
+       var p="a prime";
+       if(x>3) 
+         {
+          if(x%2==0)
+             p="not a prime";
+          else
+             {
+              for(var i=3, hx=x/2; i<=hx; i=i+2)
+                {
+                  if(x%i==0) {p="not a prime";break;}  
+                }
+             }
+         }    
+          document.getElementById("demo").innerHTML=("The given no. "+x+" is "+p);
+     }
+
+
+</script>
+
+</body>
+</html>
+
+
+
+
diff --git a/kr3.htm b/kr3.htm
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<p>ENTER a number and click the button:</p>
+
+<input id="no" value="5" />
+
+<button onclick="prime()">Try it</button>
+
+<p id="demo"></p>
+
+<script>
+
+
+function prime()
+     {
+       var  x = Number(document.getElementById("no").value);
+       var p="a prime";
+       if(x>3) 
+         {
+          if(x%2==0)
+             p="not a prime";
+          else
+             {
+              for(var i=3, hx=x/2; i<=hx; i=i+2)
+                {
+                  if(x%i==0) {p="not a prime";break;}  
+                }
+             }
+         }    
+          document.getElementById("demo").innerHTML=("The given no. "+x+" is "+p);
+     }
+
+
+</script>
+
+</body>
+</html>
+
+
+
+
diff --git a/server.js b/server.js
@@ -1,3 +1,4 @@
+
 var express = require('express');
 var morgan = require('morgan');
 var path = require('path');
@@ -6,15 +7,19 @@ var app = express();
 app.use(morgan('combined'));
 
 app.get('/', function (req, res) {
-  res.sendFile(path.join(__dirname, 'ui', 'index.html'));
+  res.sendFile(path.join(__dirname, 'ui', 'index1.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'));   
+
 
-app.get('/ui/madi.png', function (req, res) {
-  res.sendFile(path.join(__dirname, 'ui', 'madi.png'));
+/*   app.get('/ui/tpty.jpg', function (req, res) {
+  res.sendFile(path.join(__dirname, 'ui', 'tpty.jpg'));    */   
+
 });
 
 

diff --git a/ui/index.html b/ui/index.html
@@ -1,17 +1,57 @@
-<!doctype html>
-<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>
-</html>
+<!doctype html>
+<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.
+            <br>
+            <img src="/ui/tpty.jpg" alt="No image" style="width:400px;hight:200px;">
+        </div>
+        <script type="text/javascript" src="/ui/main.js">
+        </script>
+    </body>
+</html>
+
+<!--
+<!doctype html>
+<html>
+    <head>
+        <link href="/ui/style.css" rel="stylesheet" />
+    </head>
+    <body>
+        <div class="container">
+            <div class="center">
+                <img id='madi' src="https://pbs.twimg.com/profile_images/774927785059987456/7ghr_M-D.jpg" class="img-medium"/>
+            </div>
+            <h3>Personal</h3>
+            <div>
+                Hi. My name is Tanmai Gopal
+            </div>
+            <hr/>
+            <h3>Professional</h3>
+            <div>
+                I work in Hasura
+            </div>
+            <hr/>
+            <div class="footer">
+                This button <button id="counter">Click me!</button> has been clicked <span id="count">0</span> times.
+                <hr/>
+                <input type="text" id="name" placeholder="name">
+
+                <input type="submit" value="Submit" id="submit_btn">
+                <ul id="namelist">
+                </ul>
+            </div>
+        </div>
+        <script type="text/javascript" src="/ui/main.js">
+        </script>
+    </body>
+</html>
+-->
diff --git a/ui/index1.html b/ui/index1.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<style>
+body {
+    font-family: sans-serif;
+    background-color: pink;
+    margin-top: 75px;
+    color:green;
+    text-align:center;
+}
+</style>    
+
+<p>ENTER a number and click the button:</p>
+
+<input id="no" value="1"/>
+
+<button onclick="prime()">Try it</button>
+
+<p id="demo"></p>
+
+<script>
+
+
+function prime()
+     {
+       var  x = Number(document.getElementById("no").value);
+       var p="a prime";
+       if(x>3) 
+         {
+          if(x%2==0)
+             p="not a prime";
+          else
+             {
+              for(var i=3, hx=x/2; i<=hx; i=i+2)
+                {
+                  if(x%i==0) {p="not a prime";break;}  
+                }
+             }
+         }    
+          document.getElementById("demo").innerHTML=("The given no. "+x+" is "+p);
+     }
+
+</script>
+
+</body>
+</html>
+
diff --git a/ui/kr11.html b/ui/kr11.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+
+<STYLE>
+ body
+    {
+    text-align:center;    
+    font-family: sans-serif;
+    background-color: pink;
+    margin-top: 75px;
+    color:red;
+    }
+P1
+   {
+     text-align:right;  
+     color:blue;
+     background-color:yellow;
+   }
+</STYLE>
+
+</head>
+
+    <body>
+        <h1 class:center>This is my own first HTML</h1>
+        <p1>This paragraph is specially designed dlnslkdnskcnkk f ddc cw c cdocis csc c socios csc cjoc ci oc oocco coa c cocjo c</p1>
+        <p> This para follows the body design</p>
+    </body>
+</html>
diff --git a/ui/kr6.htm b/ui/kr6.htm
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Page Title</title>
+</head>
+<body>
+<style>
+#des
+ {
+  color:red; 
+  text-align: center;
+ }
+</style>
+<h1 id="des">This is a Heading</h1>
+<p id="des">This is a paragraph.</p>
+
+</body>
+</html>
diff --git a/ui/kr6.html b/ui/kr6.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <link rel="stylesheet" href="ui/style.css">
+</head>
+<body>
+<h1>This is a heading</h1>
+<p>paragraph</p>
+
+</body>
+</html>
+
diff --git a/ui/kr7.html b/ui/kr7.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+body {
+    color: red;
+}
+
+h1 {
+    color: #ffff00;
+}
+
+p.ex {
+    color: rgb(0,0,255);
+}
+</style>
+</head>
+<body>
+
+<h1>This is heading 1</h1>
+
+<p>This is an ordinary paragraph. Notice that this text is red. The default text-color for a page is defined in the body selector.</p>
+
+<p class="ex">This is a paragraph with class="ex". This text is blue.</p>
+
+</body>
+</html>
+
+
+
+
+
+
+
+
+