Difference between revisions of "Team:Hong Kong HKU/Notebook"

(Test for CSS)
(Update information)
 
(25 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{:Team:Hong_Kong_HKU/Template/default.css}}
 
−
{{:Team:Hong_Kong_HKU/Template/font.css}}
 
−
 
 
<html>
 
<html>
−
 
+
<style>
−
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
#sideMenu
−
<title>Our notebook</title>
+
{display:none; /* Disable the display of the annoying side main menu*/}
−
<meta name="keywords" content="" />
+
#top_title
−
<meta name="description" content="" />
+
{display:none; /* Disable the annoying title*/}
−
<link href="http://fonts.googleapis.com/css?family=Didact+Gothic" rel="stylesheet" />
+
#content
−
 
+
{padding:0px; width:90%; margin-left:5%; margin-right:5%;background-color: rgba(255,255,255,0);}
−
<div id="header-wrapper">
+
body
−
<div id="header" class="container">
+
{margin: 0;
−
<div id="logo">
+
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
−
<h1><a href="#">StoneWork</a></h1>
+
font-size: 24px;
−
</div>
+
color: #333333;
−
<div id="menu">
+
background-color: #fafafa;
−
<ul>
+
background-image:url(https://static.igem.org/mediawiki/2016/a/ae/T--Hong_Kong_HKU--Background_image.png);
−
<li class="active"><a href="#" accesskey="1" title="">Homepage</a></li>
+
background-position:center center;
−
<li><a href="#" accesskey="2" title="">Our Clients</a></li>
+
background-repeat:no-repeat;
−
<li><a href="#" accesskey="3" title="">About Us</a></li>
+
-moz-background-size: cover;
−
<li><a href="#" accesskey="4" title="">Careers</a></li>
+
background-size: cover;
−
<li><a href="#" accesskey="5" title="">Contact Us</a></li>
+
background-attachment:fixed;}
−
</ul>
+
.container
−
</div>
+
{background-color: rgba(255,255,255,0.4);
−
</div>
+
padding-top:80px;}
−
<div id="banner" class="container">
+
p {font-size: 16px;}
−
<div class="title">
+
h1,h2,h3,h4,h5,h6 {color: #282828;}
−
<h2>Maecenas luctus lectus</h2>
+
h1 {font-size:72px;} h2 {font-size:48px;} h3 {font-size:36px;}
−
<span class="byline">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</span>
+
h4 {font-size:32px;} h5 {font-size:28px;} h6 {font-size:24px;}
−
</div>
+
.nav-pills>li.active>a{background-color:#93d66b !important;}
−
<ul class="actions">
+
.nav-pills>li>a:hover{background-color:#b2dd75 !important; color:#FFFFFF!important;}
−
<li><a href="#" class="button">Etiam posuere</a></li>
+
.nav-pills>li.active>a:hover{background-color:#93d66b !important;}
−
</ul>
+
</style>
−
</div>
+
<head>
−
</div>
+
<meta charset="utf-8">
−
<div id="wrapper">
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
−
<div id="three-column" class="container">
+
<meta name="viewport" content="width=device-width, initial-scale=1">
−
<div class="title">
+
<link href="https://2016.igem.org/Team:Hong_Kong_HKU/css/default?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
−
<h2>Fusce ultrices fringilla metus</h2>
+
<link href="https://2016.igem.org/Team:Hong_Kong_HKU/css/custom?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
−
<span class="byline">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue</span>
+
</head>
−
</div>
+
</html>
−
<div class="boxA">
+
{{Hong_Kong_HKU/Header}}
−
<span class="fa fa-cloud-download"></span>
+
<html>
−
<p>Praesent pellentesque facilisis elit. Class aptent taciti sociosqu ad  torquent per conubia nostra.</p>
+
<body>
−
<a href="#" class="button button-alt">More Info</a>
+
<div class="container" align="center">
−
</div>
+
    <h2>Notebook</h2>
−
<div class="boxB">
+
    <p class="text-justify"><font size="3">
−
<span class="fa fa-cogs"></span>
+
    We have been having fun in the biochemical lab throughout the summer. Click to see what we have been doing!
−
<p>Etiam neque. Vivamus consequat lorem at nisl. Nullam  wisi a sem semper eleifend. Donec mattis.</p>
+
    </font></p>
−
<a href="#" class="button button-alt">More Info</a>
+
    <ul class="nav nav-pills">
−
</div>
+
      <li class="active"><a href="">Working Log</a></li>
−
<div class="boxC">
+
      <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Experiments">Experiments and Protocol</a></li>
−
<span class="fa fa-wrench"></span>
+
      <li><a href="https://2016.igem.org/Team:Hong_Kong_HKU/Safety">Safety</a></li>
−
<p> Aenean lectus lorem, imperdiet at, ultrices eget, ornare et, wisi. Pellentesque adipiscing purus.</p>
+
    </ul>
−
<a href="#" class="button button-alt">More Info</a>
+
    <div class="tab-content">
−
</div>
+
      <div id="inspiration" class="tab-pane fade in active">
−
</div>
+
        <h3>Working Log</h3>
−
</div>
+
        <hr>
−
<div id="welcome">
+
        <img class="img-responsive center-block" width="900px" height="auto" src="https://static.igem.org/mediawiki/2016/d/d9/T--Hong_Kong_HKU--Notebook-Timeline1.jpg" alt="">
−
<div class="container">
+
        <img class="img-responsive center-block" width="900px" height="auto" src="https://static.igem.org/mediawiki/2016/d/d3/T--Hong_Kong_HKU--Notebook-Timeline2.jpg" alt="">
−
<div class="title">
+
    <p class="text-justify"><font size="3">
−
<h2>Fusce ultrices fringilla metus</h2>
+
        </font></p>
−
<span class="byline">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue</span>
+
      </div>
−
</div>
+
    </div>
−
<p>This is <strong>StoneWork</strong>, a free, fully standards-compliant CSS template designed by <a href="http://templated.co" rel="nofollow">TEMPLATED</a>. The photos in this template are from <a href="http://fotogrph.com/"> Fotogrph</a>. This free template is released under the <a href="http://templated.co/license">Creative Commons Attribution</a> license, so you're pretty much free to do whatever you want with it (even use it commercially) provided you give us credit for it. Have fun :) </p>
+
−
<ul class="actions">
+
−
<li><a href="#" class="button">Etiam posuere</a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
 
+
−
<div id="copyright" class="container">
+
−
<p>&copy; Untitled. All rights reserved. | Photos by <a href="http://fotogrph.com/">Fotogrph</a> | Design by <a href="http://templated.co" rel="nofollow">TEMPLATED</a>.</p>
+
 
</div>
 
</div>
  
 +
<!-- footer -->
 +
<footer class="text-center"></footer>
 +
<script src="https://2016.igem.org/Team:Hong_Kong_HKU/JS/jQuery?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
<script src="https://2016.igem.org/Template:Hong_Kong_HKU/js/script?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
</body>
 
</html>
 
</html>
 +
{{Hong_Kong_HKU/Footer}}

Latest revision as of 03:33, 19 October 2016

Notebook

We have been having fun in the biochemical lab throughout the summer. Click to see what we have been doing!

Working Log


Copyright © 2016 HKU iGEM. All rights reserved.