Mercurial > hg > Members > nobuyasu > TwitterBootstrap

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Create claim</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><a href="#">おしらせ</a></li>
	      <li class="active"><a href="./createClaim.html">主張の作成</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>主張の作成</h1>
	    <p>主張を作成する</p>
	    <p><a class="btn btn-primary bnt-large">Viewer &raquo;</a></p>
	  </div>

      <div class="row-fluid">
	<div class="span9" style="border:1px solid #0000ff; background-color:#b0c4de; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);">
	 <h2 style="font-family:\"Helvetica Neue\", Helvetica, Arial, sans-serif;">主張の作成</h2>
	  <form style="margin-left:10px;">
	    <p>主張 Title</p>
	    <input type="text" style="width:90%;" name="title">
	    <br>
	    <p>内容 Content</p>
	    <input type="text" style="width:90%; height:5em;" name="content">
	    <br>
	    <p>データ Data</p>
	    <input type="text" style="width:90%;" name="data">
	    <br>
	    <p>論拠 Warrant</p>
	    <input type="text" style="width:90%;" name="warrant">
	    <br>
	    <p>裏付け Backing</p>
	    <input type="text" style="width:90%;" name="backing">
	    <br>
	    <p>反駁 Rebuttle</p>
	    <input type="text" style="width:90%;" name="rebuttle">
	  </form>

	  <p></p>

	  <p style="text-align:center;"><a class="btn" href="#">作成する</a></p>
	</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	Fri, 21 Sep 2012 00:56:20 +0900
parents	239261abd283
children