forked from megane9988/GitBook-Demo
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit f77a6b2
Showing
5 changed files
with
173 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| # GitBook-MdN / GitBook-MdN-Demo |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,121 @@ | ||
| body { | ||
| background: #fcfcfc; | ||
| color: #333; | ||
| font-family: arial; | ||
| font-size: 15px; | ||
| margin: 0; | ||
| padding: 0; | ||
| border-top: 10px solid #337693; | ||
| } | ||
|
|
||
| a { | ||
| color: #337693; | ||
| } | ||
| a:link, a:active, a:visited { | ||
| text-decoration: none; | ||
| } | ||
|
|
||
| a:hover { | ||
| text-decoration: underline; | ||
| } | ||
|
|
||
| #container { | ||
| margin: 0 auto; | ||
| width: 860px; | ||
| } | ||
|
|
||
| #header { | ||
| color: #ccc; | ||
| font-size: 22px; | ||
| font-weight: bold; | ||
| padding: 20px 0; | ||
| } | ||
|
|
||
| .site-name{ | ||
| color: #337693; | ||
| margin-bottom: 30px; | ||
| } | ||
|
|
||
|
|
||
| #maincontent { | ||
| clear: both; | ||
| } | ||
|
|
||
| div.content { | ||
| padding: 10px 0; | ||
| } | ||
|
|
||
| p { | ||
| line-height: 2; | ||
| margin-bottom: 5px; | ||
| } | ||
|
|
||
| h1, h2, h3, h4, h5, h6 { | ||
| color: #333; | ||
| } | ||
| h1 { | ||
| font-size: 18px; | ||
| } | ||
|
|
||
| h2 { | ||
| font-size: 16px; | ||
| } | ||
|
|
||
| h3 { | ||
| font-size: 15px; | ||
| } | ||
|
|
||
| #nav { | ||
| clear: both; | ||
| font-size: 14px; | ||
| list-style : none; | ||
| margin: 0; | ||
| overflow: hidden; | ||
| padding: 0; | ||
| border: 2px solid #729DAF; | ||
| } | ||
|
|
||
| #nav li { | ||
| border-right: 2px solid #729DAF; | ||
| display: block; | ||
| float: left; | ||
| text-align: center; | ||
| } | ||
|
|
||
| #nav li.active a, | ||
| #nav a:hover { | ||
| background: #356B81; | ||
| color: #fff; | ||
| } | ||
|
|
||
| #nav .light { | ||
| color: #8AB2C3; | ||
| } | ||
|
|
||
| #nav a { | ||
| display: block; | ||
| line-height: 30px; | ||
| text-decoration: none; | ||
| padding: 10px 20px; | ||
| } | ||
| .hedding01{ | ||
| background-color: #886E52; | ||
| padding: 10px; | ||
| color: #fff; | ||
| -webkit-border-radius: 3px; | ||
| border-radius: 3px; | ||
| } | ||
| .hedding02{ | ||
| color: #886E52; | ||
| } | ||
|
|
||
| #footer { | ||
| border-top: 1px solid #729DAF; | ||
| font-size: 14px; | ||
| height: 15px; | ||
| padding: 40px 0 20px; | ||
| text-align: center; | ||
| } | ||
| #footer a { | ||
| color: #777; | ||
| } |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,51 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta http-equiv="content-type" content="text/html; charset=utf-8"> | ||
| <link rel="stylesheet" type="text/css" href="css/main.css" media="screen"> | ||
| <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> | ||
| <title>ミクロネシアプレミアムリゾートホテル</title> | ||
| <script type="text/javascript" src="js/main.js"></script> | ||
| </head> | ||
| <body> | ||
| <div id="container"> | ||
| <div id="header"> | ||
| <h1 class="site-name">ミクロネシアプレミアムリゾートホテル</h1> | ||
| <ul id="nav"> | ||
| <li class="active"><a href="index.html" title="TOPページへ戻る">Home</a></li> | ||
| <li><a href="#" title="お部屋の一覧はこちらから"><i class="fa fa-home light"> </i>お部屋の種類</a></li> | ||
| <li><a href="#" title="お得なプランをご用意しています"><i class="fa fa-jpy light"> </i>料金プラン</a></li> | ||
| <li><a href="#" title="当ホテルへのアクセス"><i class="fa fa-car light"> </i>アクセス</a></li> | ||
| <li><a href="#" title="お問い合わせはメールフォームでお願いします"><i class="fa fa-fax light"> </i>お問い合わせ</a></li> | ||
| </ul> | ||
| </div> | ||
| <div id="banner"> | ||
| <img src="img/banner.jpg" height="214" width="860" alt="ホテル外観"> | ||
| </div> | ||
| <div id="maincontent" class="fs-text"> | ||
| <div class="content"> | ||
| <h1 class="hedding01">当ホテルからのご案内</h1> | ||
| <h2 class="hedding02">オンライン宿泊予約特典</h2> | ||
| <p>インターネットで予約すると、特別料金でご宿泊いただけます。</p> | ||
| <p>ユーザー登録していただくとお得なご案内をお送りいたします。</p> | ||
| <p>【ダイレクトメール可否を「許可する」にされた方にのみお送りいたします】</p> | ||
| </div> | ||
| <div class="content"> | ||
| <h2 class="hedding02">新着情報</h2> | ||
| <ul> | ||
| <li>リニューアル・スイートルームがオープン</li> | ||
| <li>サンキューデー料金のシングルルーム</li> | ||
| <li>ネットキャンペーン実施中</li> | ||
| <li>お客様用パソコンをご用意しています</li> | ||
| <li>マイカープランございます</li> | ||
| <li>設備点検は、無事終了いたしました</li> | ||
| <li>２泊以上の方にお得な連泊プランご用意しています</li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| <div id="footer"> | ||
| <a href="http://www.mdn.co.jp/di/">Webデザインとグラフィックの総合情報サイト -MdN Design Interactive-</a> | ||
| </div> | ||
| </div> | ||
| </body> | ||
| </html> |
Empty file.