Paste code

<html>
<head>
   <meta charset="utf-8" />
      <title> Creagx Innovation </title>

   
  [removed] 
 
 function getingvalue()
{
  var textfileld1 = document.getElementById('t1').value;
  var text1 = document.getElementById('t2').value;
  var sum = parseInt(textfileld1) + parseInt(text1);
 alert&#40;"Your Answer is" + sum&#41;;
}
[removed]

</head>
 <body>
 
  <div data-role="page">
    <div data-role="header" data-positi>
          <h1> Simple </h1>
     </div>
   <div data-role="content">
      <p> We have to create simple App using simpe contrls </p>
                  </div>
             
     <ui data-role="listview" data-inset="true">

        <li> <A href="#button"> button</A>
        <li> <A href="#Text">  Text</A> 
        <li> <A href="#list"> list  </A>
      </ui>
 
   <div data-role="footer" data-positi>  
 <div data-role="navbar" data-inset="true">
  <ul>
   <li><a href="#" id="Tab A" 

class="button">One</a></li>
   <li><a href="#" id="Tab B" 

class="button">Two</a></li>
   <li><a href="#" id="Tab C" 

class="button">Three</a></li>
  </ul>
 </div><!-- /navbar -->
</div><!-- /footer -->

 </div>

       <div data-role="page" id="button">

   <div data-role="header" data-positi>
    <h1> Button </h1>
    <A href="#" data-rel="back" data-theme="a"> Back </A>
   </div>
    <div data-role="center"  id="button">
      <form> 
       <center> Name:<input type="text" name=name id="input" value="sample"></br></center>
        <input type="submit" accesskey=S  submited Success')" 

value="Submit"></br>
      </form>
    </div>
 </div>

            <div data-role="page" id="list">
    <div data-role="header" data-positi>
    <h1> Table View </h1>
    <A href="#" data-rel="back" data-theme="a"> Back </A>
   </div> 

      <div>
     <ui data-role="listview" data-inset="true">
        <li> <A href="#Information"> Information</A>
        <li> <A href="#Address"> Location </A> 
        <li> <A href="#Source"> Source  </A>
       <img src = "flower.ipg" width="200" height="200" alt="flower" usemap="#flower"/>
         </ui>
     </div>
</div>
         
           <div data-role="page" id="Text">

       <div data-role="header" data-positi>
    <h1> Table View </h1>
    <A href="#" data-rel="back" data-theme="b"> Back </A>
        </div>
       
  <div data-role="header" data-positi>
      <form>
    First value:<input type="text" value="name" id="t1" name="name"><br/>
        last value:<input type="text" value="name" id="t2" name="name"><br/>
     <input type="button" value="Click!" id="t3" name="name" >    
  </form>

        

<div data-role="footer" data-positi>
 <a href="index.html" data-role="button">Add</a>
 <a href="index.html" data-role="button">Up</a>
 <a href="index.html" data-role="button">Down</a>
</div>
</div>