Mercurial > hg > Members > nobuyasu > TwitterBootstrap
changeset 5:7be590d009d7 draft
add welcome.html
author | Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp> |
---|---|
date | Thu, 20 Sep 2012 16:57:23 +0900 |
parents | 14efeaba715a |
children | 90f871a0d308 |
files | welcome.html |
diffstat | 1 files changed, 130 insertions(+), 0 deletions(-) [+] |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/welcome.html Thu Sep 20 16:57:23 2012 +0900 @@ -0,0 +1,130 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <title>Welcome</title> + + + <!-- Le styles --> + <link href="./assets/css/bootstrap.css" rel="stylesheet"> + <style type="text/css"> + body { + padding-top: 60px; + padding-bottom: 40px; + } + .sidebar-nav { + padding: 9px 0; + } + </style> + <link href="./assets/css/bootstrap-responsive.css" rel="stylesheet"> + + <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements --> + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <!-- Le fav and touch icons --> + <link rel="shortcut icon" href="./assets/ico/favicon.ico"> + <link rel="apple-touch-icon-precomposed" sizes="144x144" href="./assets/ico/apple-touch-icon-144-precomposed.png"> + <link rel="apple-touch-icon-precomposed" sizes="114x114" href="./assets/ico/apple-touch-icon-114-precomposed.png"> + <link rel="apple-touch-icon-precomposed" sizes="72x72" href="./assets/ico/apple-touch-icon-72-precomposed.png"> + <link rel="apple-touch-icon-precomposed" href="./assets/ico/apple-touch-icon-57-precomposed.png"> + </head> + + + <body> + + + <!-- TOP --> + <div class="navbar navbar-inverse navbar-fixed-top"> + <div class="navbar-inner"> + <div class="container-fluid"> + <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </a> + <a class="brand" href="#">Project name</a> + <div class="nav-collapse collapse"> + <p class="navbar-text pull-right"> + Logged in as <a href="#" class="navbar-link">Username</a> + </p> + <ul class="nav"> + <li class="active"><a href="#">Home</a></li> + <li><a href="#about">About</a></li> + <li><a href="#contact">Contact</a></li> + </ul> + </div> + </div> + </div> + </div> + + + <!-- Side Bar --> + <div class="container-fluid"> + <div class="row-fluid"> + <div class="span3"> + <div class="well sidebar-nav"> + <ul class="nav nav-list"> + <li class="nav-header">プロジェクトメニュー</li> + <li class="active"><a href="#">おしらせ</a></li> + <li><a href="#">主張の作成</a></li> + <li class="nav-header">View</li> + <li><a href="#">ツリーで見る</a></li> + <li><a href="#">Viewerで見る</a></li> + </ul> + </div><!--/.well--> + </div><!--span--> + + <div class="span9"> + <div class="hero-unit"> + <h1>Consensus building</h1> + <p>consensus building sysmtem</p> + <p><a class="btn btn-primary bnt-large">Viewer »</a></p> + </div> + + <div class="row-fluid"> + <div class="span9"> + <h2>Project 1 span9</h2> + <p>span9 Project 1 Project 1 Project 1 Project 1 Project 1 Project 1 Project 1 Project 1 Project 1 Project 1 Project 1</p> + <p><a class="btn" href="#">View details »</a></p> + </div> + </div> + + <div class="row-fluid"> + <div class="span5"> + <h2>Project 2 span5</h2> + <p>span9 Project 2 Project 2 Project 2 Project 2 Project 2 Project 2 Project 2 Project 2</p> + <p><a class="btn" href="#">View details »</a></p> + </div> + </div> + + </div> + </div> + + <footer> + <p>© dimolto 2012</p> + </footer> + + </div> + + <!-- Placed at the end of the document so the pages load faster --> + <script src="./assets/js/jquery.js"></script> + <script src="./assets/js/bootstrap-transition.js"></script> + <script src="./assets/js/bootstrap-alert.js"></script> + <script src="./assets/js/bootstrap-modal.js"></script> + <script src="./assets/js/bootstrap-dropdown.js"></script> + <script src="./assets/js/bootstrap-scrollspy.js"></script> + <script src="./assets/js/bootstrap-tab.js"></script> + <script src="./assets/js/bootstrap-tooltip.js"></script> + <script src="./assets/js/bootstrap-popover.js"></script> + <script src="./assets/js/bootstrap-button.js"></script> + <script src="./assets/js/bootstrap-collapse.js"></script> + <script src="./assets/js/bootstrap-carousel.js"></script> + <script src="./assets/js/bootstrap-typeahead.js"></script> + + </body> + + + +</html>