<html lang="ja">
<head>
<meta charset="utf-8">
<title>topページ</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css">
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.js"></script>
<style>
.ui-content .h1{
color: #5E87B0;
font-size: 18px;
text-shadow: 1px 0 0 #fff;
}
</style>
</head>
<body>
<div data-role="page" id="index" data-theme="c">
<div data-role="header" data-theme="b">
<h1>topページ</h1>
</div>
<div data-role="content">
<ul data-role="listview" data-inset="true">
<li data-role="list-divider">メニュー</li>
<li><a href="#about"><h3>このサイトについて</h3></a></li>
<li><a href="#about"><h3>セミナ情報</h3></a></li>
<li><a href="#about"><h3>アクセス</h3></a></li>
<li><a href="#about"><h3>お問い合わせ</h3></a></li>
</ul>
</div>
<div data-role="footer" data-theme="b">
<h4>© 2012 smartphone</h4>
</div>
</div>
<div data-role="page" id="about" data-theme="c" data-add-back-btn="true">
<div data-role="header" data-theme="b">
<h1>このサイトについて</h1>
</div>
<div data-role="content">
<h2>このサイトについて</h2>
<p>池袋でwebデザインの勉強の記録</p>
<p>Webデザイン、PHPやJAVASCRIPTの勉強を行っています。</p>
<h2 class="h1">このサイトについて</h2>
<p>池袋でWEBデザインの勉強の記録</p>
<p>WEBデザイン、PHPやJAVASCRIPTの勉強を行ってます。</p>
<h2 class="h1">フェリカテクニカルアカデミーについて</h2>
<p>建築の専門学校が母体</p>
<p>WEBサイト運営も多数行っています。</p>
</div>
<div data-role="footer" data-theme="b">
<h4>© 2012 smartphone</h4>
</div>
</div>
<div data-role="page" id="access" data-theme="c" data-add-back-btn=
"true">
<div data-role="header" data-theme="b">
<h1>お問い合わせ</h1>
</div>
<div data-role="content">
お問い合わせ
</div>
<div data-role="footer" data-theme="b">
<h4>© 2012 smartphone</h4>
</div>
</div>
</body>
</html>
スマートフォンの練習です。
