<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>jQuery Theme Preview</title>
  <link href="css/jquery.mobile.structure.css" rel="stylesheet" type="text/css"/>
  <link href="css/MyTheme.css" rel="stylesheet" type="text/css" />
  <script src="js/jquery.min.js" type="text/javascript"></script>
  <script src="js/jquery.mobile.min.js" type="text/javascript"></script>
 </head>
 <body>
  <div data-role="page" id="page" data-theme="a" style="height:321px; width:324px" >
    <div data-role="header" data-theme="a" style="height:50px; width:322px">
     <h1 style="margin-top:14px ">Sports Store</h1>
     <a data-iconpos="notext" data-theme="a" data-role="button" data-icon="info" title=" About " style="margin-top:5px;"></a>
     <a data-iconpos="notext" data-theme="a" data-role="button" data-icon="search" title=" Search " style="margin-top:5px;"></a>
    </div>
    <div data-role="content" style="height:245px; width:292px;" data-theme="a">
     Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
     <p> <a href="#" class='ui-link' data-theme="a">More..</a></p>
     <a href="#" data-role="button" data-icon="plus" data-theme="a" style="text-decoration:none">Add To Cart</a>
    </div>
    <div data-role="navbar" data-theme="a" style="height:57px;width:324px">
     <ul>
      <li> <a href"#page" data-icon="home" data-iconpos="bottom"  data-theme="a" style="height:55px;"></a></li>
      <li> <a href"#" data-icon="grid" data-theme="a" style="height:55px;" ></a></li>
      <li> <a href"#" data-icon="star" data-theme="a" style="height:55px; width:109px;"></a></li>
     </ul>
    </div>
  </div>
 </body>
</html>
