Difference between revisions of "Team:NEFU China/demo"

m (Created page with "<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>iGEM Wiki Builder - Demo Template</title> <meta name="viewport" content="width=device-width, initial-sc...")
 
m
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<!DOCTYPE HTML>
+
<!-- saved from url=(0038)http://getbootstrap.com/examples/blog/ -->
 
<html>
 
<html>
−
<head>
+
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
−
     <title>iGEM Wiki Builder - Demo Template</title>
+
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
−
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
     <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
 
     <meta name="description" content="">
 
     <meta name="description" content="">
 
     <meta name="author" content="">
 
     <meta name="author" content="">
  
−
     <link href="/Public/4template/scripts/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+
     <title>Blog Template for Flight iGEM</title>
−
    <link href="/Public/4template/scripts/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">
+
  
−
     <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
+
     <!-- Bootstrap core CSS -->
−
     <!--[if lt IE 9]>
+
     <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
−
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+
−
    <![endif]-->
+
  
−
     <!-- Icons -->
+
     <!-- Custom styles for this template -->
−
     <link href="/Public/4template/scripts/icons/general/stylesheets/general_foundicons.css" media="screen" rel="stylesheet" type="text/css" /> 
+
     <link href="http://getbootstrap.com/examples/blog/blog.css" rel="stylesheet">
−
    <link href="/Public/4template/scripts/icons/social/stylesheets/social_foundicons.css" media="screen" rel="stylesheet" type="text/css" />
+
−
    <!--[if lt IE 8]>
+
−
        <link href="scripts/icons/general/stylesheets/general_foundicons_ie7.css" media="screen" rel="stylesheet" type="text/css" />
+
−
        <link href="scripts/icons/social/stylesheets/social_foundicons_ie7.css" media="screen" rel="stylesheet" type="text/css" />
+
−
    <![endif]-->
+
  
−
<!--
+
    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
−
     <link href="http://fonts.googleapis.com/css?family=Chewy" rel="stylesheet" type="text/css">
+
     <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
−
    <link href="http://fonts.googleapis.com/css?family=Abel" rel="stylesheet" type="text/css">
+
     <script src="./Blog Template for Bootstrap_files/ie-emulation-modes-warning.js"></script><style type="text/css"></style>
−
    <link href="http://fonts.googleapis.com/css?family=Terminal+Dosis+Light" rel="stylesheet" type="text/css">
+
−
    <link href="http://fonts.googleapis.com/css?family=Maven+Pro" rel="stylesheet" type="text/css">
+
−
-->
+
−
     <link href="/Public/4template/styles/custom.css" rel="stylesheet" type="text/css" />
+
−
</head>
+
−
<body id="pageBody">
+
  
−
<div id="divBoxed" class="container">
+
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 +
    <!--[if lt IE 9]>
 +
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 +
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 +
    <![endif]-->
 +
  <link href="https://2015.igem.org/Team:NEFU_China/cleariGEM.css?action=raw&ctype=text/css" rel="stylesheet" /> </head>
  
−
    <div class="transparent-bg" style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;zoom: 1;"></div>
+
  <body>
  
−
     <div class="divPanel notop nobottom">
+
     <div class="blog-masthead">
−
            <div class="row-fluid">
+
      <div class="container">
−
                <div class="span12">
+
        <nav class="blog-nav">
−
 
+
          <a class="blog-nav-item active" href="http://getbootstrap.com/examples/blog/#">Home</a>
−
                    <div id="divLogo">
+
          <a class="blog-nav-item" href="http://getbootstrap.com/examples/blog/#">New features</a>
−
                        <a href="index.html" id="divSiteTitle">iGEM Wiki Builder</a><br />
+
          <a class="blog-nav-item" href="http://getbootstrap.com/examples/blog/#">Press</a>
−
                        <a href="index.html" id="divTagLine">Demo Template</a>
+
          <a class="blog-nav-item" href="http://getbootstrap.com/examples/blog/#">New hires</a>
−
                    </div>
+
          <a class="blog-nav-item" href="http://getbootstrap.com/examples/blog/#">About</a>
−
 
+
        </nav>
−
            </div>
+
      </div>
−
            </div> 
+
−
            <div class="row-fluid">
+
−
                <div class="span12">
+
−
   
+
−
                    <div id="divMenuRight" class="pull-right">
+
−
                    <div class="navbar">
+
−
                        <button type="button" class="btn btn-navbar-highlight btn-large btn-primary" data-toggle="collapse" data-target=".nav-collapse">
+
−
                            NAVIGATION <span class="icon-chevron-down icon-white"></span>
+
−
                        </button>
+
−
                        <div class="nav-collapse collapse">
+
−
                            <ul class="nav nav-pills ddmenu">
+
−
                                <li class="dropdown"><a href="index.html">Home</a></li>
+
−
                                <li class="dropdown active"><a href="#">Demo</a></li>
+
−
                            </ul>
+
−
                        </div>
+
−
                    </div>
+
−
                    </div>
+
−
 
+
−
            </div>
+
−
            </div>
+
−
 
+
−
            <div class="row-fluid">
+
−
                <div class="span12">
+
−
                    <div id="contentInnerSeparator"></div>
+
−
                </div>
+
−
            </div>
+
 
     </div>
 
     </div>
  
−
     <div class="contentArea">
+
     <div class="container">
  
−
        <div class="divPanel notop page-content">
+
      <div class="blog-header">
 +
        <h1 class="blog-title">Flight iGEM</h1>
 +
        <p class="lead blog-description">The official example template of creating an iGEM page with Fligh iGEM.</p>
 +
      </div>
  
−
            <div class="breadcrumbs">
+
      <div class="row">
−
                <a href="index.html">Home</a> &nbsp;/&nbsp; <span>Simple</span>
+
−
            </div>
+
  
−
            <div class="row-fluid">
+
        <div class="col-sm-8 blog-main">
−
                <div class="span8" id="divMain">
+
        <div class="blog-post">
−
<h1>Welcome</h1>
+
            <h2 class="blog-post-title">Welcome</h2>
−
                    <p><p>Welcome you to use Flight iGEM</p>
+
            <p class="blog-post-meta"> by <a href="#">reageyao</a></p>
−
</p><h1>Version Control</h1>
+
            <p>欢迎使用Flight iGEM！</p>
−
                    <p><p>aaa</p>
+
          </div><div class="blog-post">
 +
            <h2 class="blog-post-title">How to use?</h2>
 +
            <p class="blog-post-meta"> by <a href="#">reageyao</a></p>
 +
            <p>Flight iGEM为您提供了完整的使用文档，能够确保您的顺利使用！</p>
 +
          </div>          <nav>
 +
            <ul class="pager">
 +
              <li><a href="http://getbootstrap.com/examples/blog/#">Previous</a></li>
 +
              <li><a href="http://getbootstrap.com/examples/blog/#">Next</a></li>
 +
            </ul>
 +
          </nav>
  
−
<p><img alt="" src="https://static.igem.org/mediawiki/2015/1/16/NameUploadedFiles.png" style="height:100px; width:100px" /></p>
+
        </div><!-- /.blog-main -->
−
</p>                </div>
+
−
                <div class="span4 sidebar">
+
  
−
                    <div class="sidebox">
+
        <div class="col-sm-3 col-sm-offset-1 blog-sidebar">
−
                        <h3 class="sidebox-title">Sample Sidebar Content</h3>
+
          <div class="sidebar-module sidebar-module-inset">
−
                        <p>Lorem Ipsum is simply dummy text of the printing and <a href="http://www.oswt.co.uk/">typesetting industry</a>. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.</p>                      
+
            <h4>About</h4>
−
                    </div>
+
            <p>Etiam porta <em>sem malesuada magna</em> mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>
−
                   
+
          </div>
−
                </div>
+
          <div class="sidebar-module">
−
            </div>
+
            <h4>Archives</h4>
−
 
+
             <ol class="list-unstyled">
−
            <div id="footerInnerSeparator"></div>
+
              <li><a href="http://getbootstrap.com/examples/blog/#">Project</a></li>
−
        </div>
+
              <li><a href="http://getbootstrap.com/examples/blog/#">Team</a></li>
−
    </div>
+
              <li><a href="http://getbootstrap.com/examples/blog/#">Safety</a></li>
−
 
+
              <li><a href="http://getbootstrap.com/examples/blog/#">Parts</a></li>
−
    <div id="footerOuterSeparator"></div>
+
              <li><a href="http://getbootstrap.com/examples/blog/#">Human practise</a></li>
−
 
+
            </ol>
−
    <div id="divFooter" class="footerArea">
+
          </div>
−
 
+
          <div class="sidebar-module">
−
        <div class="divPanel">
+
            <h4>Elsewhere</h4>
−
 
+
            <ol class="list-unstyled">
−
             <div class="row-fluid">
+
              <li><a href="http://getbootstrap.com/examples/blog/#">GitHub</a></li>
−
                <div class="span3" id="footerArea1">
+
              <li><a href="http://getbootstrap.com/examples/blog/#">Twitter</a></li>
−
               
+
              <li><a href="http://getbootstrap.com/examples/blog/#">Facebook</a></li>
−
                    <h3>About Company</h3>
+
            </ol>
−
 
+
          </div>
−
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.</p>
+
         </div><!-- /.blog-sidebar -->
−
                   
+
−
                    <p>
+
−
                        <a href="#" title="Terms of Use">Terms of Use</a><br />
+
−
                        <a href="#" title="Privacy Policy">Privacy Policy</a><br />
+
−
                        <a href="#" title="FAQ">FAQ</a><br />
+
−
                        <a href="#" title="Sitemap">Sitemap</a>
+
−
                    </p>
+
−
 
+
−
                </div>
+
−
                <div class="span3" id="footerArea2">
+
−
 
+
−
                    <h3>Recent Blog Posts</h3>
+
−
                    <p>
+
−
                        <a href="http://www.oswt.co.uk/" title="">Lorem Ipsum is simply dummy text</a><br />
+
−
                        <span style="text-transform:none;">2 hours ago</span>
+
−
                    </p>
+
−
                    <p>
+
−
                        <a href="http://www.oswt.co.uk/" title="">Duis mollis, est non commodo luctus</a><br />
+
−
                        <span style="text-transform:none;">5 hours ago</span>
+
−
                    </p>
+
−
                    <p>
+
−
                        <a href="http://www.oswt.co.uk/" title="">Maecenas sed diam eget risus varius</a><br />
+
−
                        <span style="text-transform:none;">19 hours ago</span>
+
−
                    </p>
+
−
                    <p>
+
−
                        <a href="http://www.oswt.co.uk/" title="">VIEW ALL POSTS</a>
+
−
                    </p>
+
−
 
+
−
                </div>
+
−
                <div class="span3" id="footerArea3">
+
−
 
+
−
                    <h3>Sample Footer Content</h3>  
+
−
                    <p>Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
+
−
                    <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
+
−
 
+
−
                </div>
+
−
                <div class="span3" id="footerArea4">
+
−
 
+
−
                    <h3>Get in Touch</h3>
+
−
                                                             
+
−
                    <ul id="contact-info">
+
−
                    <li>                                   
+
−
                        <i class="general foundicon-phone icon"></i>
+
−
                        <span class="field">Phone:</span>
+
−
                        <br />
+
−
                        (123) 456 7890 / 456 7891                                                                     
+
−
                    </li>
+
−
                    <li>
+
−
                        <i class="general foundicon-mail icon"></i>
+
−
                        <span class="field">Email:</span>
+
−
                        <br />
+
−
                        <a href="mailto:info@yourdomain.com" title="Email">info@yourdomain.com</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <i class="general foundicon-home icon" style="margin-bottom:50px"></i>
+
−
                        <span class="field">Address:</span>
+
−
                        <br />
+
−
                        123 Street<br />
+
−
                        12345 City, State<br />
+
−
                        Country
+
−
                    </li>
+
−
                    </ul>
+
−
 
+
−
                </div>
+
−
            </div>
+
−
 
+
−
            <br /><br />
+
−
            <div class="row-fluid">
+
−
                <div class="span12">
+
−
                    <p class="copyright">
+
−
                        Copyright © 2013 Your Company. All Rights Reserved. More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a>
+
−
                    </p>
+
−
 
+
−
                    <p class="social_bookmarks">
+
−
                        <a href="#"><i class="social foundicon-facebook"></i> Facebook</a>
+
−
<a href="https://twitter.com/oswt"><i class="social foundicon-twitter"></i> Twitter</a>
+
−
<a href="#"><i class="social foundicon-pinterest"></i> Pinterest</a>
+
−
<a href="#"><i class="social foundicon-rss"></i> Rss</a>
+
−
                    </p>
+
−
                </div>
+
−
            </div>
+
−
 
+
−
         </div>
+
−
    </div>
+
−
</div>
+
−
<br /><br /><br />
+
  
−
<script src="scripts/jquery-1.8.2.min.js" type="text/javascript"></script>
+
      </div><!-- /.row -->
−
<script src="scripts/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
+
−
<script src="scripts/default.js" type="text/javascript"></script>
+
  
 +
    </div><!-- /.container -->
  
 +
    <footer class="blog-footer">
 +
      <p>Blog template built for <a href="http://getbootstrap.com/"></a> by <a href="#">Flight iGEM</a>.</p>
 +
      <p>
 +
        <a href="http://getbootstrap.com/examples/blog/#">Back to top</a>
 +
      </p>
 +
    </footer>
  
  
 +
    <!-- 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.3/jquery.min.js"></script>
 +
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 +
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
 +
    <script src="http://v3.bootcss.com/assets/js/ie10-viewport-bug-workaround.js"></script>
 +
 
  
−
</body>
+
</body></html>
−
</html>
+

Latest revision as of 17:25, 29 August 2015

Blog Template for Flight iGEM

Flight iGEM

The official example template of creating an iGEM page with Fligh iGEM.

Welcome

by reageyao

欢迎使用Flight iGEM！

How to use?

by reageyao

Flight iGEM为您提供了完整的使用文档，能够确保您的顺利使用！

About

Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.

Archives

  1. Project
  2. Team
  3. Safety
  4. Parts
  5. Human practise

Elsewhere

  1. GitHub
  2. Twitter
  3. Facebook