Template:Biomod/2013/Aarhus/Nano Creators/Header: Difference between revisions
(Template:Biomod/2013/Aarhus/Nano Creators/Header moved to Template:Biomod/2014/Kansai: miss!) |
No edit summary |
||
Line 1: | Line 1: | ||
# | <!DOCTYPE html> | ||
<html lang="ja"> | |||
<head> | |||
<meta charset="utf-8"> | |||
<meta name="viewport" content="width=910"> | |||
<link rel="stylesheet" type="text/css" href="style.css"> | |||
<title>タイトル</title> | |||
<meta name="Keywords" content="キーワード1,キーワード2,キーワード3"> | |||
<meta name="Description" content="サイトの説明"> | |||
</head> | |||
<body> | |||
<!-- body▼ --> | |||
<div id="body"> | |||
<!-- header▼ --> | |||
<div id="header"> | |||
<header> | |||
<h1 id="top"><a href="index.html">SITE NAME</a></h1> | |||
</header> | |||
</div> | |||
<!-- header▲ --> | |||
<!-- メニュー▼ --> | |||
<div id="menu"> | |||
<nav> | |||
<ul> | |||
<li><a href="index.html">HOME</a></li> | |||
<li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off"> | |||
<a>ページ 2</a> | |||
<ul class="sbm"> | |||
<li><a href="page2.html">ページ 2-1</a></li> | |||
<li><a href="page2.html">ページ 2-2</a></li> | |||
<li><a href="page2.html">ページ 2-3</a></li> | |||
</ul> | |||
</li> | |||
<li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off"> | |||
<a>ページ 3</a> | |||
<ul class="sbm"> | |||
<li><a href="page2.html">ページ 3-1</a></li> | |||
<li><a href="page2.html">ページ 3-2</a></li> | |||
<li><a href="page2.html">ページ 3-3</a></li> | |||
</ul> | |||
</li> | |||
<li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off"> | |||
<a>ページ 4</a> | |||
<ul class="sbm"> | |||
<li><a href="page2.html">ページ 4-1</a></li> | |||
<li><a href="page2.html">ページ 4-2</a></li> | |||
<li><a href="page2.html">ページ 4-3</a></li> | |||
</ul> | |||
</li> | |||
<li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off"> | |||
<a>ページ 5</a> | |||
<ul class="sbm"> | |||
<li><a href="page2.html">ページ 5-1</a></li> | |||
<li><a href="page2.html">ページ 5-2</a></li> | |||
<li><a href="page2.html">ページ 5-3</a></li> | |||
</ul> | |||
</li> | |||
</ul> | |||
</nav> | |||
</div> | |||
<!-- メニュー▲ --> | |||
<!-- main▼ --> | |||
<div id="main"> | |||
<section> | |||
<!-- メインコンテンツ▼ --> | |||
<!-- レイアウトボックス1▼ --> | |||
<div class="box1"> | |||
<article> | |||
<h2>レイアウトボックス1 <h2>見出し</h2> | |||
<p> | |||
ここにテキスト | |||
</p> | |||
</article> | |||
<article> | |||
<h3>レイアウトボックス1 <h3>見出し</h3> | |||
<p> | |||
ここにテキスト | |||
</p> | |||
</article> | |||
</div> | |||
<!-- レイアウトボックス1▲ --> | |||
<!-- レイアウトボックス2▼ --> | |||
<div class="box2"> | |||
<article> | |||
<div class="left1"> | |||
<h4>レイアウトボックス2 <h4>見出し</h4> | |||
<p> | |||
ここに左テキスト | |||
</p> | |||
</div> | |||
<div class="right1"> | |||
<h5>レイアウトボックス2 <h5>見出し</h5> | |||
<p> | |||
ここに右テキスト | |||
</p> | |||
</div> | |||
</article> | |||
</div> | |||
<!-- レイアウトボックス2▲ --> | |||
<!-- レイアウトボックス3▼ --> | |||
<div class="box3"> | |||
<article> | |||
<div class="left2"> | |||
<h4>レイアウトボックス3 <h4>見出し</h4> | |||
<p> | |||
ここに左テキスト | |||
</p> | |||
</div> | |||
<div class="center1"> | |||
<h5>レイアウトボックス3 <h5>見出し</h5> | |||
<p> | |||
ここに中央テキスト | |||
</p> | |||
</div> | |||
<div class="right2"> | |||
<p> | |||
ここに右テキスト | |||
</p> | |||
</div> | |||
</article> | |||
</div> | |||
<!-- レイアウトボックス3▲ --> | |||
<!-- レイアウトボックス4▼ --> | |||
<div class="box4"> | |||
<article> | |||
<div class="left3"> | |||
<p> | |||
ここに左テキスト | |||
</p> | |||
</div> | |||
<div class="center2"> | |||
<h4>レイアウトボックス4 <h4></h4> | |||
<p> | |||
ここに中央左テキスト | |||
</p> | |||
</div> | |||
<div class="center3"> | |||
<h5>レイアウトボックス4 <h5></h5> | |||
<p> | |||
ここに中央右テキスト | |||
</p> | |||
</div> | |||
<div class="right3"> | |||
<p> | |||
ここに右テキスト | |||
</p> | |||
</div> | |||
</article> | |||
</div> | |||
<!-- レイアウトボックス4▲ --> | |||
<div class="up"><a href="#top">Page Top ▲</a></div> | |||
<!-- メインコンテンツ▲ --> | |||
</section> | |||
</div> | |||
<!-- main▲ --> | |||
<!-- メニュー2▼ --> | |||
<div id="menu2"> | |||
<nav> | |||
<ul> | |||
<li><a href="index.html">HOME</a></li> | |||
<li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off"> | |||
<a>ページ 2</a> | |||
<ul class="sbm2"> | |||
<li><a href="page2.html">ページ 2-1</a></li> | |||
<li><a href="page2.html">ページ 2-2</a></li> | |||
<li><a href="page2.html">ページ 2-3</a></li> | |||
</ul> | |||
</li> | |||
<li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off"> | |||
<a>ページ 3</a> | |||
<ul class="sbm2"> | |||
<li><a href="page2.html">ページ 3-1</a></li> | |||
<li><a href="page2.html">ページ 3-2</a></li> | |||
<li><a href="page2.html">ページ 3-3</a></li> | |||
</ul> | |||
</li> | |||
<li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off"> | |||
<a>ページ 4</a> | |||
<ul class="sbm2"> | |||
<li><a href="page2.html">ページ 4-1</a></li> | |||
<li><a href="page2.html">ページ 4-2</a></li> | |||
<li><a href="page2.html">ページ 4-3</a></li> | |||
</ul> | |||
</li> | |||
<li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off"> | |||
<a>ページ 5</a> | |||
<ul class="sbm2"> | |||
<li><a href="page2.html">ページ 5-1</a></li> | |||
<li><a href="page2.html">ページ 5-2</a></li> | |||
<li><a href="page2.html">ページ 5-3</a></li> | |||
</ul> | |||
</li> | |||
</ul> | |||
</nav> | |||
</div> | |||
<!-- メニュー2▲ --> | |||
<!-- footer▼ --> | |||
<footer> | |||
<div id="footer"> | |||
<br><br><br><br><br> | |||
Copyright (C) <a href="index.html">サイト名</a> All Rights Reserved. | |||
</div> | |||
<div id="copy"> | |||
<!--削除しないでください--> | |||
<p><a href="http://homepagetemplate.web.fc2.com/" target="_blank" title="ホームページ テンプレート フリー H.P.T.F">ホームページ テンプレート フリー</a></p><p>Design by</p> | |||
</div> | |||
</footer> | |||
<!-- footer▲ --> | |||
</div> | |||
<!-- body▲ --> | |||
</body> | |||
</html> |
Revision as of 02:43, 5 August 2014
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=910"> <link rel="stylesheet" type="text/css" href="style.css"> <title>タイトル</title> <meta name="Keywords" content="キーワード1,キーワード2,キーワード3"> <meta name="Description" content="サイトの説明"> </head> <body> <!-- body▼ --> <div id="body"> <!-- header▼ --> <div id="header"> <header> <h1 id="top"><a href="index.html">SITE NAME</a></h1> </header> </div> <!-- header▲ --> <!-- メニュー▼ --> <div id="menu"> <nav> <ul> <li><a href="index.html">HOME</a></li> <li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off"> <a>ページ 2</a> <ul class="sbm"> <li><a href="page2.html">ページ 2-1</a></li> <li><a href="page2.html">ページ 2-2</a></li> <li><a href="page2.html">ページ 2-3</a></li> </ul> </li> <li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off"> <a>ページ 3</a> <ul class="sbm"> <li><a href="page2.html">ページ 3-1</a></li> <li><a href="page2.html">ページ 3-2</a></li> <li><a href="page2.html">ページ 3-3</a></li> </ul> </li> <li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off"> <a>ページ 4</a> <ul class="sbm"> <li><a href="page2.html">ページ 4-1</a></li> <li><a href="page2.html">ページ 4-2</a></li> <li><a href="page2.html">ページ 4-3</a></li> </ul> </li> <li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off"> <a>ページ 5</a> <ul class="sbm"> <li><a href="page2.html">ページ 5-1</a></li> <li><a href="page2.html">ページ 5-2</a></li> <li><a href="page2.html">ページ 5-3</a></li> </ul> </li> </ul> </nav> </div> <!-- メニュー▲ --> <!-- main▼ --> <div id="main"> <section> <!-- メインコンテンツ▼ --> <!-- レイアウトボックス1▼ --> <div class="box1"> <article> <h2>レイアウトボックス1 <h2>見出し</h2> <p> ここにテキスト </p> </article> <article> <h3>レイアウトボックス1 <h3>見出し</h3> <p> ここにテキスト </p> </article> </div> <!-- レイアウトボックス1▲ --> <!-- レイアウトボックス2▼ --> <div class="box2"> <article> <div class="left1"> <h4>レイアウトボックス2 <h4>見出し</h4> <p> ここに左テキスト </p> </div> <div class="right1"> <h5>レイアウトボックス2 <h5>見出し</h5> <p> ここに右テキスト </p> </div> </article> </div> <!-- レイアウトボックス2▲ --> <!-- レイアウトボックス3▼ --> <div class="box3"> <article> <div class="left2"> <h4>レイアウトボックス3 <h4>見出し</h4> <p> ここに左テキスト </p> </div> <div class="center1"> <h5>レイアウトボックス3 <h5>見出し</h5> <p> ここに中央テキスト </p> </div> <div class="right2"> <p> ここに右テキスト </p> </div> </article> </div> <!-- レイアウトボックス3▲ --> <!-- レイアウトボックス4▼ --> <div class="box4"> <article> <div class="left3"> <p> ここに左テキスト </p> </div> <div class="center2"> <h4>レイアウトボックス4 <h4></h4> <p> ここに中央左テキスト </p> </div> <div class="center3"> <h5>レイアウトボックス4 <h5></h5> <p> ここに中央右テキスト </p> </div> <div class="right3"> <p> ここに右テキスト </p> </div> </article> </div> <!-- レイアウトボックス4▲ --> <div class="up"><a href="#top">Page Top ▲</a></div> <!-- メインコンテンツ▲ --> </section> </div> <!-- main▲ --> <!-- メニュー2▼ --> <div id="menu2"> <nav> <ul> <li><a href="index.html">HOME</a></li> <li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off"> <a>ページ 2</a> <ul class="sbm2"> <li><a href="page2.html">ページ 2-1</a></li> <li><a href="page2.html">ページ 2-2</a></li> <li><a href="page2.html">ページ 2-3</a></li> </ul> </li> <li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off"> <a>ページ 3</a> <ul class="sbm2"> <li><a href="page2.html">ページ 3-1</a></li> <li><a href="page2.html">ページ 3-2</a></li> <li><a href="page2.html">ページ 3-3</a></li> </ul> </li> <li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off"> <a>ページ 4</a> <ul class="sbm2"> <li><a href="page2.html">ページ 4-1</a></li> <li><a href="page2.html">ページ 4-2</a></li> <li><a href="page2.html">ページ 4-3</a></li> </ul> </li> <li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off"> <a>ページ 5</a> <ul class="sbm2"> <li><a href="page2.html">ページ 5-1</a></li> <li><a href="page2.html">ページ 5-2</a></li> <li><a href="page2.html">ページ 5-3</a></li> </ul> </li> </ul> </nav> </div> <!-- メニュー2▲ --> <!-- footer▼ --> <footer> <div id="footer"> <br><br><br><br><br> Copyright (C) <a href="index.html">サイト名</a> All Rights Reserved. </div> <div id="copy"> <!--削除しないでください--> <p><a href="http://homepagetemplate.web.fc2.com/" target="_blank" title="ホームページ テンプレート フリー H.P.T.F">ホームページ テンプレート フリー</a></p><p>Design by</p> </div> </footer> <!-- footer▲ --> </div> <!-- body▲ --> </body> </html>