Team:SUSTC-Shenzhen/WikiPlay/index.htm

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<div class="ui tiered menu">
+
<!DOCTYPE html>
-
   <div class="menu">
+
<html lang="en">
-
     <a class="active item">
+
   <head>
-
      <i class="users icon"></i>
+
    <meta charset="utf-8">
-
      Friends
+
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-
     </a>
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
-
     <a class="item">
+
    <meta name="description" content="">
-
      <i class="grid layout icon"></i> Browse
+
    <meta name="author" content="">
-
     </a>
+
    <link rel="shortcut icon" href="/favicon.ico">
-
    <a class="item">
+
 
-
       <i class="mail icon"></i> Messages
+
     <title>Cover Template for Bootstrap</title>
-
     </a>
+
 
-
     <div class="right menu">
+
     <!-- Bootstrap core CSS -->
-
       <div class="item">
+
    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
-
         <div class="ui icon input">
+
 
-
           <input type="text" placeholder="Search...">
+
    <!-- Custom styles for this template -->
-
           <i class="search icon"></i>
+
    <link href="cover.css" rel="stylesheet">
 +
 
 +
 
 +
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 +
     <!--[if lt IE 9]>
 +
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
 +
       <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 +
     <![endif]-->
 +
  </head>
 +
 
 +
  <body>
 +
 
 +
     <div class="site-wrapper">
 +
 
 +
       <div class="site-wrapper-inner">
 +
 
 +
         <div class="cover-container">
 +
 
 +
           <div class="masthead clearfix">
 +
            <div class="inner">
 +
              <h3 class="masthead-brand">Cover</h3>
 +
              <ul class="nav masthead-nav">
 +
                <li class="active"><a href="#">Home</a></li>
 +
                <li><a href="#">Features</a></li>
 +
                <li><a href="#">Contact</a></li>
 +
              </ul>
 +
            </div>
 +
          </div>
 +
 
 +
          <div class="inner cover">
 +
            <h1 class="cover-heading">Cover your page.</h1>
 +
            <p class="lead">Cover is a one-page template for building simple and beautiful home pages. Download, edit the text, and add your own fullscreen background photo to make it your own.</p>
 +
            <p class="lead">
 +
              <a href="#" class="btn btn-lg btn-default">Learn more</a>
 +
            </p>
 +
           </div>
 +
 
 +
          <div class="mastfoot">
 +
            <div class="inner">
 +
              <p>Cover template for <a href="http://getbootstrap.com">Bootstrap</a>, by <a href="https://twitter.com/mdo">@mdo</a>.</p>
 +
            </div>
 +
          </div>
 +
 
         </div>
         </div>
 +
       </div>
       </div>
-
      <div class="ui dropdown item">
 
-
        More <i class="icon dropdown"></i>
 
-
        <div class="menu">
 
-
          <a class="item"><i class="edit icon"></i> Edit Profile</a>
 
-
          <a class="item"><i class="globe icon"></i> Choose Language</a>
 
-
          <a class="item"><i class="settings icon"></i> Account Settings</a>
 
-
        </div>
 
-
      </div>
 
-
    </div>
 
-
  </div>
 
-
  <div class="ui sub menu">
 
-
    <a class="active item">Search</a>
 
-
    <a class="item">Add</a>
 
-
    <a class="item">Remove</a>
 
-
  </div>
 
-
</div>
 
-
<main class="ui three column grid">
+
    </div>
-
  <aside class="column">1</aside>
+
-
  <section class="column">2</section>
+
-
  <section class="column">3</section>
+
-
</main>
+
    <!-- Bootstrap core JavaScript
 +
    ================================================== -->
 +
    <!-- Placed at the end of the document so the pages load faster -->
 +
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
 +
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
 +
  </body>
 +
</html>

Revision as of 13:41, 21 June 2014

<!DOCTYPE html> Cover Template for Bootstrap

Cover your page.

Cover is a one-page template for building simple and beautiful home pages. Download, edit the text, and add your own fullscreen background photo to make it your own.

Learn more

Cover template for Bootstrap, by @mdo.