Mercurial > hg > Members > nobuyasu > TwitterBootstrap

<!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 &raquo;</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 &raquo;</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 &raquo;</a></p>
	</div>
      </div>

	</div>
      </div>

      <footer>
	<p>&copy; 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>
author	Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
date	Thu, 20 Sep 2012 16:57:23 +0900
parents
children	239261abd283