タイプ2 レイアウト

HTMLコード(トップページ用)



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">

<meta name="keywords" content="キーワード1,キーワード2,キーワード3">
<meta name="description" content="このページに関する簡単な説明。">

<link rel="stylesheet" type="text/css" href="css/style.css">

<title>ページのタイトル</title>

</head>
<body>


<!-- ヘッダ開始 -->
<div id="header">

<div class="container">

<h1 class="siteTitle">サイトタイトル</h1>

<p class="catch"><strong>サイトのキャッチフレーズ</strong></p>

<ul class="guide">
<li class="first"><a href="#">FAQ</a></li>
<li><a href="#">アクセス</a></li>
<li><a href="#">サイトマップ</a></li>
</ul>

<div class="opening">

<h2><img src="image/top_image1_2.gif" alt="無料で使えるホームページテンプレート" width="880" height="260"></h2>

</div>

<ul class="nl clearFix">
<li class="first"><a href="type2_top.html">ホーム</a></li>
<li><a href="type2_low.html">サービス内容</a></li>
<li><a href="#">制作実績</a></li>
<li><a href="#">料金表</a></li>
<li><a href="#">会社案内</a></li>
<li class="last"><a href="#">お問い合わせ</a></li>
</ul>

<hr class="none">

</div>

</div>
<!-- ヘッダ終了 -->


<!-- コンテンツ開始 -->
<div id="content">

<div class="container">


<!-- メインカラム開始 -->
<div id="main">

<div class="section emphasis">

<h2>テンプレートのご利用について</h2>

<p>このページは、TAG indexが配布するテンプレートです。まずはじめに、「<a href="../../docs/note.html">ご利用について</a>」と「<a href="../../docs/rule.html">ご利用規約</a>」を必ずご覧になってください。</p>

<p><a href="../type2_layout.html">前のページに戻る</a></p>

</div>

<div class="section normal update">

<h2>新着情報</h2>

<dl class="clearFix">

<dt>2010/04/03</dt>
<dd>サンプルテキスト、サンプルテキスト。サンプルテキスト、サンプルテキスト。</dd>

<dt>2010/03/25</dt>
<dd>サンプルテキスト、サンプルテキスト。サンプルテキスト、サンプルテキスト。</dd>

<dt>2010/02/15</dt>
<dd>サンプルテキスト、サンプルテキスト。サンプルテキスト、サンプルテキスト。</dd>

<dt>2010/01/10</dt>
<dd>サンプルテキスト、サンプルテキスト。サンプルテキスト、サンプルテキスト。</dd>

<dt>2010/01/05</dt>
<dd>サンプルテキスト、サンプルテキスト。サンプルテキスト、サンプルテキスト。</dd>

</dl>

</div>

<div class="section normal">

<h2>テンプレートの内容について</h2>

<p>ページのタイトル、メニュー項目、各セクションのテーマなどは全て仮の内容となります。ご自分のサイトに合わせて内容を変更してください。</p>

<p>このテンプレートに関する説明は、<a href="type2_low.html">下層ページ内にてご覧いただけます</a>。</p>

</div>

<div class="section normal">

<h2>カスタマイズサービス</h2>

<p>色の変更、画像の加工、メニュー項目の変更など、テンプレートの編集をお手伝いいたします。また、テンプレートをベースとしたホームページの制作、メールフォームの設置なども承ります。</p>

<p>※事業者の方向けのサービスとなります。</p>

<p><a href="../../service/index.html">カスタマイズサービスのご案内</a></p>

</div>

</div>
<!-- メインカラム終了 -->


<!-- サイドバー開始 -->
<div id="nav">

<div class="section emphasis">

<h2>ピックアップ</h2>

<p><a href="#">特に告知したいコンテンツに対してここからリンク。</a></p>

<p>ピックアップコンテンツに関する簡単な説明をここに記載。</p>

</div>

<div class="section strong">

<h2>ピックアップ</h2>

<p><a href="#">特に告知したいコンテンツに対してここからリンク。</a></p>

<p>ピックアップコンテンツに関する簡単な説明をここに記載。</p>

</div>

<div class="section normal">

<h2>サポートエリア</h2>

<p>東京 神奈川 埼玉 千葉 を中心に対応しております。(ネットを利用したサポートは全国に対応可能)</p>

</div>

<div class="section normal contact">

<h2>お問い合わせ</h2>

<p><a href="#">お気軽にお問い合わせください。</a></p>

<p>TEL 03-0000-0000</p>

<p>営業時間 平日 9:00〜18:00<br>(定休日 土日祝)</p>

</div>

</div>
<!-- サイドバー終了 -->


<hr class="clear">

</div>

</div>
<!-- コンテンツ終了 -->


<!-- フッタ開始 -->
<div id="footer">

<div class="container">

<ul class="nl">
<li class="first"><a href="type2_top.html">ホーム</a></li>
<li><a href="type2_low.html">サービス内容</a></li>
<li><a href="#">制作実績</a></li>
<li><a href="#">料金表</a></li>
<li><a href="#">会社案内</a></li>
<li><a href="#">お問い合わせ</a></li>
</ul>

<ul class="nl guide">
<li class="first"><a href="#">FAQ</a></li>
<li><a href="#">プライバシーポリシー</a></li>
<li><a href="#">アクセス</a></li>
<li><a href="#">サイトマップ</a></li>
</ul>

<address>
東京都北区0-0-0 タグインデックスビル10F TEL 03-0000-0000
<br>
Copyright (C) 2010 あなたのサイト名. All Rights Reserved.
</address>

</div>

</div>
<!-- フッタ終了 -->


</body>
</html>


前のページに戻る