root/events/phpframework/html_template/index.html @ 13410

Revision 13410, 2.5 kB (checked in by ku-suke, 5 years ago)

２カラム＋それっぽいデザインにしてみた。

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja" dir="ltr">
3<head>
4<meta http-equiv="content-type" content="text/html; charset=utf-8" />
5<title>Phwittr</title>
6<meta http-equiv="content-style-type" content="text/css" />
7<meta http-equiv="content-script-type" content="text/javascript" />
8<meta name="keywords" content="phwittr,phwitter,phitter,phittr,php,twitter" />
9<meta name="description" content="PHPのXXXXで作成されたTwitterクローンです" />
10<link rev="made" href="mailto:hoge&#64;example.com" />
11<link rel="index" href="/index.html" />
12<link rel="shortcut icon" href="/img/share/favicon.ico" />
13<!-- *** feed *** -->
14<link rel="alternate" href="/feed/index.xml" type="application/rss+xml" title="RSS 2.0" />
15<!-- *** stylesheet *** -->
16<link href="./css/import.css" rel="stylesheet" type="text/css" media="all" />
17<!-- *** javascript *** -->
18<script src="http://www.google.com/jsapi" type="text/javascript"></script>
19<script type="text/javascript">google.load("jquery", "1.2");</script>
20</head>
21<body id="yourDomainName" class="indexBody">
22
23<div id="page">
24<div id="header">
25<h1><img src="img/share/phwittr_logo.png" alt="phwittr" /></h1>
26<ul id="guideNav">
27<li><a href="/">ホーム</a></li>
28<li><a href="/">設定</a></li>
29<li><a href="/">ログアウト</a></li>
30</ul>
31<!-- / #header --></div>
32
33
34<div id="contents">
35
36<div id="wrapper">
37<div id="main">
38<ul class="tabNav">
39<li><a href="#tab1">タブ1</a></li>
40<li><a href="#tab2">タブ2</a></li>
41<li><a href="#tab3">タブ3</a></li>
42</ul>
43<div id="tab1">1のタブ内容</div>
44<div id="tab2">2のタブ内容</div>
45<div id="tab3">3のタブ内容</div>
46
47<p>メイン</p><p>メイン</p><p>メイン</p><p>メイン</p><p>メイン</p><p>メイン</p><p>メイン</p><p>メイン</p><p>メイン</p><p>メイン</p><p>メイン</p><p>メイン</p><p>メイン</p><p>メイン</p><p>メイン</p><p>メイン</p><p>メイン</p><p>メイン</p><p>メイン</p><p>メイン</p><p>メイン</p><p>メイン</p><p>メイン</p><p>メイン</p><p>メイン</p><p>メイン</p><p>メイン</p><p>メイン</p><p>メイン</p><p>メイン</p><p>メイン</p><p>メイン</p>
48<!-- / #main --></div>
49<!-- / #wrapper --></div>
50
51<div id="sub">
52<ul>
53<li>サブ</li>
54</ul>
55<!-- / #sub --></div>
56<!-- / #contents --></div>
57
58
59<div id="footer">
60<p class="copy">&copy;</p>
61<!-- / #footer --></div>
62
63
64<!-- / #page --></div>
65
66</body>
67</html>
Note: See TracBrowser for help on using the browser.