← Back
Editing: index.html
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>デリヘル今村</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="ここにサイト説明を入れます"> <meta name="keywords" content="キーワード１,キーワード２,キーワード３,キーワード４,キーワード５"> <link rel="stylesheet" href="css/slide.css"> <link rel="stylesheet" href="css/style.css"> <script type="text/javascript" src="js/openclose.js"></script> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <div id="container"> <header> <h1 id="logo"><a href="index.html"><img src="images/logo.png" alt="Sample Club"></a></h1> <p id="tel">TEL:03-0000-0000<span>OPEN 00:00〜CLOSE 00:00</span></p> </header> <!--PC用（801px以上端末）メニュー--> <nav id="menubar"> <ul> <li><a href="index.html">HOME</a></li> <li><a href="cast.html">CAST</a></li> <li><a href="schedule.html">SCHEDULE</a></li> <li><a href="system.html">SYSTEM</a></li> <li><a href="access.html">ACCESS</a></li> <li><a href="recruit.html">RECRUIT</a></li> <li><a href="link.html">LINK</a></li> <li><a href="contact.html">CONTACT</a></li> </ul> </nav> <!--小さな端末用（800px以下端末）メニュー--> <nav id="menubar-s"> <ul> <li><a href="index.html">HOME</a></li> <li><a href="cast.html">CAST</a></li> <li><a href="schedule.html">SCHEDULE</a></li> <li><a href="system.html">SYSTEM</a></li> <li><a href="access.html">ACCESS</a></li> <li><a href="recruit.html">RECRUIT</a></li> <li><a href="link.html">LINK</a></li> <li><a href="contact.html">CONTACT</a></li> </ul> </nav> <div id="contents"> <div id="contents-inner"> <div id="main"> <aside id="mainimg"> <img src="images/1.jpg" alt="" id="slide1"/> <img src="images/2.jpg" alt="" id="slide2"/> <img src="images/3.jpg" alt="" id="slide3"/> </aside> <section id="new"> <h2 id="newinfo_hdr" class="close">更新情報・お知らせ</h2> <dl id="newinfo"> <dt>2017/01/10</dt> <dd>デリヘル今村オープン<span class="newicon">NEW</span></dd> <dt>20XX/00/00</dt> <dd>サンプルテキスト。サンプルテキスト。サンプルテキスト。</dd> <dt>20XX/00/00</dt> <dd>サンプルテキスト。サンプルテキスト。サンプルテキスト。</dd> <dt>20XX/00/00</dt> <dd>サンプルテキスト。サンプルテキスト。サンプルテキスト。</dd> <dt>20XX/00/00</dt> <dd>サンプルテキスト。サンプルテキスト。サンプルテキスト。</dd> <dt>20XX/00/00</dt> <dd>サンプルテキスト。サンプルテキスト。サンプルテキスト。</dd> <dt>20XX/00/00</dt> <dd>サンプルテキスト。サンプルテキスト。サンプルテキスト。</dd> </dl> </section> <section> <h2>サンプルテキスト</h2> <p>サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト サンプルテキスト</p> </section><section> </section> <section> <h2>本日出勤のキャスト</h2> <section class="list"> <a href="staff.html"> <figure><img src="images/photo1.jpg" alt="sample name"></figure> <h4>sample name</h4> <p>簡単な説明を入れます。 <span class="mark1">人気</span></p> </a> </section> <section class="list"> <a href="staff.html"> <figure><img src="images/photo1.jpg" alt="sample name"></figure> <h4>sample name</h4> <p>簡単な説明を入れます。 <span class="mark2">NEW</span></p> </a> </section> <section class="list"> <a href="staff.html"> <figure><img src="images/photo1.jpg" alt="sample name"></figure> <h4>sample name</h4> <p>文字をつめこみすぎるとボックスから飛び出た部分が非表示になります(※PCとタブレット環境で)。余裕をもって入力して下さい。</p> </a> </section> <section class="list"> <a href="staff.html"> <figure><img src="images/photo1.jpg" alt="sample name"></figure> <h4>sample name</h4> <p>簡単な説明を入れます。</p> </a> </section> </section> </div> <!--/main--> <div id="sub"> <section class="box1"> <h2>SUB MENU</h2> <ul class="submenu mb10"> <li><a href="company.html">会社概要</a></li> <li><a href="#">メニュー</a></li> <li><a href="#">メニュー</a></li> <li><a href="#">メニュー</a></li> <li><a href="#">メニュー</a></li> </ul> </section> <section class="box1"> <h2 class="mb15">営業日カレンダー</h2> <p class="c"><img src="images/sample_cal.png" alt=""><br> </section> <section class="box1"> <h2>これはh2タグ</h2> <p>これは段落タグ。サンプルテキスト。サンプルテキスト。サンプルテキスト。</p> </section> <aside> <h2>関連情報</h2> <ul class="submenu"> <li><a href="#">関連情報リンク</a></li> <li><a href="#">関連情報リンク</a></li> <li><a href="#">関連情報リンク</a></li> </ul> </aside> </div> <!--/sub--> </div> <!--/contents-inner--> <div id="side"> <section class="box1"> <h2>SUB MENU</h2> <ul class="submenu mb10"> <li><a href="#">メニュー</a></li> <li><a href="#">メニュー</a></li> <li><a href="#">メニュー</a></li> <li><a href="#">メニュー</a></li> <li><a href="#">メニュー</a></li> </ul> </section> <section> <h2>モバイルコード</h2> <p><img src="images/sample_banner2.jpg" alt=""></p> </section> <section> <h2>キャスト募集</h2> <p><img src="images/sample_banner3.jpg" alt=""></p> </section> <section class="box1"> <h2>これはh2タグ</h2> <p>これは段落タグ。サンプルテキスト。サンプルテキスト。サンプルテキスト。</p> </section> <aside> <h2>関連情報</h2> <ul class="submenu"> <li><a href="#">関連情報リンク</a></li> <li><a href="#">関連情報リンク</a></li> <li><a href="#">関連情報リンク</a></li> </ul> </aside> </div> <p id="pagetop"><a href="#">↑</a></p> </div> <!--/contents--> <footer> <small>Copyright© <a href="index.html">デリヘル今村</a> All Rights Reserved.</small> </footer> </div> <!--/container--> <!--スマホ用更新情報 800px以下--> <script type="text/javascript"> if (OCwindowWidth() <= 800) { open_close("newinfo_hdr", "newinfo"); } </script> <!--メニューの３本バー--> <div id="menubar_hdr" class="close"><span></span><span></span><span></span></div> <!--メニューの開閉処理条件設定 800px以下--> <script type="text/javascript"> if (OCwindowWidth() <= 800) { open_close("menubar_hdr", "menubar-s"); } </script> </body> </html>
Save File
Cancel