タイプ2 デザイン1
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="top">
<div class="container">
<h1 class="siteTitle"><img src="image/site_title.gif" alt="サイトのタイトル" width="229" height="27"></h1>
<p class="catch"><strong>Webテンプレート HTML+CSSサンプルコード集</strong></p>
<ul class="guide">
<li><a href="#">FAQ</a></li>
<li><a href="#">アクセス</a></li>
<li><a href="#">サイトマップ</a></li>
</ul>
</div>
</div>
<div class="opening">
<div class="container">
<h2><img src="image/top_image3_2.gif" alt="無料で使えるホームページテンプレート" width="880" height="260"></h2>
</div>
</div>
<div class="nl">
<div class="container">
<ul class="clearFix">
<li class="first active"><a href="type2_design1_top.html">ホーム <span class="en">Home</span></a></li>
<li><a href="type2_design1_low.html">サービス内容 <span class="en">Service</span></a></li>
<li><a href="#">制作実績 <span class="en">Works</span></a></li>
<li><a href="#">料金表 <span class="en">Price</span></a></li>
<li><a href="#">会社案内 <span class="en">Company</span></a></li>
<li class="last"><a href="#">お問い合わせ <span class="en">Contact</span></a></li>
</ul>
</div>
</div>
<hr class="none">
</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_design1.html">前のページに戻る</a></p>
</div>
<div class="section normal update">
<div class="heading">
<h2>新着情報</h2>
</div>
<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">
<div class="heading">
<h2>テンプレートの内容について</h2>
</div>
<p>ページのタイトル、メニュー項目、各セクションのテーマなどは全て仮の内容となります。ご自分のサイトに合わせて内容を変更してください。</p>
<p>このテンプレートに関する説明は、<a href="type2_design1_low.html">下層ページ内にてご覧いただけます</a>。</p>
</div>
<div class="section normal">
<div class="heading">
<h2>カスタマイズサービス</h2>
</div>
<p>色の変更、画像の加工、メニュー項目の変更など、テンプレートの編集をお手伝いいたします。また、テンプレートをベースとしたホームページの制作、メールフォームの設置なども承ります。</p>
<p>※事業者の方向けのサービスとなります。</p>
<p><a href="../../service/index.html">カスタマイズサービスのご案内</a></p>
</div>
</div>
<!-- メインカラム終了 -->
<!-- サイドバー開始 -->
<div id="nav">
<div class="section emphasis">
<div class="inner">
<h2>ピックアップ</h2>
<p><a href="#">特に告知したいコンテンツに対してここからリンク。</a></p>
<p>ピックアップコンテンツに関する簡単な説明をここに記載。</p>
</div>
</div>
<div class="section strong">
<div class="inner">
<h2>ピックアップ</h2>
<p><a href="#">特に告知したいコンテンツに対してここからリンク。</a></p>
<p>ピックアップコンテンツに関する簡単な説明をここに記載。</p>
</div>
</div>
<div class="section normal">
<h2>サポートエリア</h2>
<p>東京 神奈川 埼玉 千葉 を中心に対応しております。（ネットを利用したサポートは全国に対応可能）</p>
</div>
<div class="section normal contact">
<h2>お問い合わせ</h2>
<p>お気軽にお問い合わせください。</p>
<p class="tel">Tel 03-0000-0000</p>
<p>営業時間 平日 9:00〜18:00<br>（定休日 土日祝）</p>
<p class="form"><a href="#">お見積り・お問い合わせ</a></p>
</div>
</div>
<!-- サイドバー終了 -->
<hr class="clear">
</div>
</div>
<!-- コンテンツ終了 -->
<!-- フッタ開始 -->
<div id="footer">
<div class="container">
<ul class="nl">
<li><a href="type2_design1_top.html">ホーム</a></li>
<li><a href="type2_design1_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><a href="#">FAQ</a></li>
<li><a href="#">プライバシーポリシー</a></li>
<li><a href="#">アクセス</a></li>
<li><a href="#">サイトマップ</a></li>
</ul>
<address>
<strong>あなたのサイト名</strong>
<br>
東京都北区0-0-0 タグインデックスビル10F TEL 03-0000-0000
<br>
Copyright (C) 2010 あなたのサイト名. All Rights Reserved.
</address>
</div>
</div>
<!-- フッタ終了 -->
</body>
</html>
前のページに戻る