Difference between revisions of "Template:NEU China B"

 
(65 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
<html>
 +
<head>
 +
<meta charset="utf-8">
 +
<meta http-equiv="x-ua-compatible" content="ie=edge">
 +
<title>Ruby - Responsive Corporate Tempalte</title>
 +
<meta name="description" content="">
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<style>
 +
/**************************************************************************************************************************************************************************************************/
 +
/* DEFAULT WIKI SETTINGS */
 +
/**************************************************************************************************************************************************************************************************/
 +
#home_logo, #sideMenu { display:none; }
 +
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 +
body {background-color:white; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 +
/**************************************************************************************************************************************************************************************************/
 +
</style>
 +
<link rel="stylesheet" href="http://demo.cssmoban.com/cssthemes5/twts_114_ruby/css/bootstrap.min.css">
 +
<link rel="stylesheet" href="http://demo.cssmoban.com/cssthemes5/twts_114_ruby/css/bootstrap-theme.min.css">
 +
<link rel="stylesheet" href="http://demo.cssmoban.com/cssthemes5/twts_114_ruby/css/owl.theme.default.min.css">
 +
<link rel="stylesheet" href="http://demo.cssmoban.com/cssthemes5/twts_114_ruby/css/animate.min.css">
 +
<link rel="stylesheet" href="http://demo.cssmoban.com/cssthemes5/twts_114_ruby/css/animate-text.css">
 +
<link rel="stylesheet" href="http://demo.cssmoban.com/cssthemes5/twts_114_ruby/css/magnific-popup.css">
 +
<link rel="stylesheet" href="http://demo.cssmoban.com/cssthemes5/twts_114_ruby/css/font-awesome.min.css">
 +
<link rel="stylesheet" href="http://demo.cssmoban.com/cssthemes5/twts_114_ruby/css/normalize.css">
 +
<link rel="stylesheet" href="http://demo.cssmoban.com/cssthemes5/twts_114_ruby/style.css">
 +
<link rel="stylesheet" href="http://demo.cssmoban.com/cssthemes5/twts_114_ruby/css/responsive.css">
 +
<link rel="stylesheet" href="http://demo.cssmoban.com/cssthemes5/twts_114_ruby/css/color/color7.css">
 +
<script src="http://demo.cssmoban.com/cssthemes5/twts_114_ruby/js/jquery.min.js"></script>
 +
<script src="http://demo.cssmoban.com/cssthemes5/twts_114_ruby/js/bootstrap.min.js"></script>
 +
<script src="http://demo.cssmoban.com/cssthemes5/twts_114_ruby/js/colors.js"></script>
 +
<script src="http://demo.cssmoban.com/cssthemes5/twts_114_ruby/js/jquery.nav.js"></script>
 +
<script src="http://demo.cssmoban.com/cssthemes5/twts_114_ruby/js/jquery.scrollUp.min.js"></script>
 +
<script src="http://demo.cssmoban.com/cssthemes5/twts_114_ruby/js/jquery.slicknav.min.js"></script>
 +
<style>
 +
.header .header-inner{
 +
background-color: #38c5e5;
 +
}
 +
</style>
 +
</head>
 +
<body>
  
−
<!DOCTYPE html>
+
<div style="position:fixed;bottom:50px;right:50px;">
−
<html lang="">
+
<a class="btn btn-default" href="#header" role="button">go to top</a>
−
    <head>
+
</div>
−
        <meta charset="utf-8">
+
<!-- Header Area -->
−
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
<header id="header" class="header">
−
        <meta name="viewport" content="width=device-width, initial-scale=1">
+
<!-- Header Inner -->
−
        <title>Title Page</title>
+
<div class="header-inner">
−
        <!-- Bootstrap CSS -->
+
<div class="container">
−
        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
+
<div class="row">
−
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+
<div class="col-md-3 col-sm-2 col-xs-2">
−
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+
<div class="logo">
−
        <!--[if lt IE 9]>
+
<a href="https://2018.igem.org/Team:NEU_China_B"><img height="40px" src="https://static.igem.org/mediawiki/2018/thumb/7/70/T--NEU_China_B--led.png/320px-T--NEU_China_B--led.png"
−
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.3/html5shiv.js"></script>
+
alt="logo.png"></a>
−
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+
<img height="40px" src="https://static.igem.org/mediawiki/2018/6/66/T--NEU_China_B--igem.png ">
−
        <![endif]-->
+
</div>
−
    </head>
+
 
−
 
+
</div>
−
        <nav class="navbar navbar-default navbar-fixed-top" role="navigation" style="margin-top: 20px">
+
<div class="col-md-9 col-sm-10">
−
            <a class="navbar-brand" href="#">Title</a>
+
<div class="mobile-menu"></div>
−
            <ul class="nav navbar-nav">
+
<nav class="navbar navbar-default">
−
                <li class="active">
+
<div class="collapse navbar-collapse">
−
                    <a href="#">Home</a>
+
<ul id="nav" class="nav navbar-nav">
−
                </li>
+
<li>
−
                <li>
+
<a href="#">Project<span class="caret"></span></a>
−
                    <a href="#">Link</a>
+
<ul class="dropdown">
−
                </li>
+
<li><a href="https://2018.igem.org/Team:NEU_China_B/background">Background</a></li>
−
            </ul>
+
<li>
−
        </nav>
+
<a href="https://2018.igem.org/Team:NEU_China_B/Description">
−
       
+
Description
−
        <h1 class="text-center">Hello World</h1>
+
</a>
−
        <!-- jQuery -->
+
</li>
−
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
+
<li>
−
        <!-- Bootstrap JavaScript -->
+
<a href="https://2018.igem.org/Team:NEU_China_B/Design">
−
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
Applied Design
 +
</a>
 +
</li>
 +
 
 +
<li>
 +
<a href="https://2018.igem.org/Team:NEU_China_B/Demonstrate">
 +
Demonstration & Result
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2018.igem.org/Team:NEU_China_B/Model">
 +
Models
 +
</a>
 +
</li>
 +
 
 +
 
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="#">Lab<span class="caret"></span></a>
 +
<ul class="dropdown">
 +
<li>
 +
<a href="https://2018.igem.org/Team:NEU_China_B/InterLab">
 +
InterLab
 +
</a>
 +
</li>
 +
<li><a href="https://2018.igem.org/Team:NEU_China_B/protocols">Protocols</a></li>
 +
<li>
 +
<a href="https://2018.igem.org/Team:NEU_China_B/Notebook">
 +
Notebook
 +
</a>
 +
</li>
 +
<li><a href="https://2018.igem.org/Team:NEU_China_B/Safety">Safety</a></li>
 +
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="#">Parts<span class="caret"></span></a>
 +
<ul class="dropdown">
 +
<li>
 +
<a href="https://2018.igem.org/Team:NEU_China_B/Basic_Part">
 +
Basic Parts
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2018.igem.org/Team:NEU_China_B/Composite_Part">
 +
Composite Parts
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2018.igem.org/Team:NEU_China_B/Improve">
 +
Improve
 +
</a>
 +
</li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="#">Human practice<span class="caret"></span></a>
 +
<ul class="dropdown">
 +
<li>
 +
<a href="https://2018.igem.org/Team:NEU_China_B/Human_Practices">
 +
Human Practices
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2018.igem.org/Team:NEU_China_B/Collaborations">
 +
Collaborations
 +
</a>
 +
</li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="#">Team<span class="caret"></span></a>
 +
<ul class="dropdown">
 +
<li>
 +
<a href="https://2018.igem.org/Team:NEU_China_B/Team">
 +
Team Members
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2018.igem.org/Team:NEU_China_B/Attributions">
 +
Attributions
 +
</a>
 +
</li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
 +
</nav>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</header>
 +
<style>
 +
.p {
 +
font-family: 'Montserrat', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
 +
font-weight: 300;
 +
font-size: 20px;
 +
margin-bottom: 20px;
 +
}
 +
 
 +
;
 +
 
 +
h2 {
 +
margin-bottom: 20px;
 +
}
 +
 
 +
;
 +
</style>

Latest revision as of 03:45, 18 October 2018

Ruby - Responsive Corporate Tempalte