How to
create About Us page with help of Jquery mobile
<%@ Page
Language="VB" AutoEventWireup="false"
CodeFile="Home.aspx.vb" Inherits="Home" %>
<!DOCTYPE
html>
<html>
<head
runat="server">
<title>Home</title>
<meta http-equiv="refresh"
content="5; url=http://localhost:46370/WebSite2/Default2.aspx" />
<meta name="viewport"
content="width=device-width, initial-scale=1" />
<link rel="stylesheet"
href="JScritpt/demos/css/themes/default/jquery.mobile-1.2.0.css"
/>
<link href="new.css"
rel="stylesheet" type="text/css" />
<script
src="JScritpt/jquery-1.7.2.js" type="text/javascript"></script>
<script
src="JScritpt/jquery.mobile-1.2.0.min.js"
type="text/javascript"></script>
</head>
<body>
<form id="form1"
runat="server" class="ui-mobile-viewport ui-overlay-c">
<div data-role="header"
data-theme="a">
<img
src="Jquery-mobile-logo.png" alt="Sunset"
height="100px" width="100%" />
<div
data-role="navbar" data-iconpos="top">
<ul>
<li><a
href="Default2.aspx" data-transition="fade"
data-theme="" data-icon="home">Home
</a></li>
<li><a
href="Home.aspx" data-transition="fade"
data-theme="" data-icon="info">About
</a></li>
<li><a
href="Key.aspx" data-transition="fade"
data-theme="" data-icon="star">Features
</a></li>
<li><a
href="Contactus.aspx" data-transition="fade"
data-theme="" data-icon="check">
Contact
</a></li>
</ul>
</div>
</div>
<div data-role="content"
style="text-align: left">
<h1>
jQuery Mobile
Overview</h1>
<p class="p">
jQuery's mobile strategy can be
summarized simply: A unified user interface system
that works seamlessly across
all popular mobile device platforms, built on the rock-solid
jQuery and jQuery UI
foundation. Focused on a feature-rich but lightweight codebase
built on progressive enhancement with a
flexible theming system and ThemeRoller
tool.
</p>
<p class="p">
The framework includes an Ajax
navigation system that brings animated page transitions
and a core set of UI
widgets:pages, dialogs, toolbars, listviews, buttons with icons,
form elements, accordions,
collapsibles, and more.
</p>
<p class="p">
The critical difference with
our approach is the wide variety of mobile platforms
we're targeting with jQuery
Mobile so no browser or device is left behind.</p>
<p class="p">
We've also focused on
making jQuery Mobile easy to learn with a simple, markup-based
system to applying behavior and
theming.</p>
<p class="p">
For more advanced developers,
there is a rich API of global configuration options,
events, and methods to apply
scripting, generate dynamic pages, and even build native
apps with tools like
PhoneGap.</p>
</div>
<div
data-role="footer">
<h1>
AMBROSIA</h1>
</div>
</form>
</body>
</html>
