Mercurial > hg > Members > nobuyasu > TwitterBootstrap

changeset 6:90f871a0d308 draft

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
add createClaim.html
author Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
date Thu, 20 Sep 2012 17:51:47 +0900
parents 7be590d009d7
children 239261abd283
files createClaim.html
diffstat 1 files changed, 141 insertions(+), 0 deletions(-) [+]
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/createClaim.html	Thu Sep 20 17:51:47 2012 +0900
@@ -0,0 +1,141 @@
+<!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 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>主張の作成</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;">
+	  <h2>主張の作成</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>