Difference between revisions of "Team:NCHU Taichung"

 
(13 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<!DOCTYPE HTML>
+
{{NCHU_Taichung/navbar}}
 
+
 
<html>
 
<html>
<head>
+
<h1 class="ui hidden header"></h1>
<title>NCHU Taichung</title>
+
  <h1 class="ui hidden header"></h1>
<meta charset="utf-8" />
+
  <div id="mainbg">
<meta name="viewport" content="width=device-width, initial-scale=1" />
+
    <div class="ui center aligned grid">
                <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Team:NCHU_Taichung/assets/css/main.css&action=raw&ctype=text/css" />
+
      <div class="equal width row" id="paddtoprow">
<!--<link rel="stylesheet" href="assets/css/main.css" />-->
+
        <div class="center aligned column"></div>
</head>
+
        <div class="center aligned column"></div>
<body>
+
      </div>
 
+
      <div class="equal width row" id="first">
<!-- Header -->
+
        <div class="center aligned column enL"></div>
<header id="header">
+
        <div class="center aligned column enL">
<div class="inner">
+
          <a href="https://2018.igem.org/Team:NCHU_Taichung/Description">
<a class="logo">
+
            <img class="ui fluid circular image" id="grandpa" src="https://static.igem.org/mediawiki/2018/2/23/T--NCHU_Taichung--grandpa.gif">
<img src="images/logo3.png" style=" height: -webkit-fill-available; ">
+
          </a>
</a>
+
        </div>
<nav id="nav">
+
      </div>
<a href="index.html">Home</a>
+
      <div class="equal width row" id="eq">
<a href="generic.html">Generic</a>
+
        <div class="center aligned column enL">
<a href="elements.html">Elements</a>
+
          <a href="https://2018.igem.org/Team:NCHU_Taichung/Design">
<a href="#">Documentation</a>
+
            <img class="ui fluid image" id="degration" src="https://static.igem.org/mediawiki/2018/3/37/T--NCHU_Taichung--degration.gif">
<a href="#">Project</a>
+
          </a>
<a href="#">Human Practice</a>
+
        </div>
</nav>
+
        <div class="center aligned column enL"></div>
<a href="#navPanel" class="navPanelToggle"><span class="fa fa-bars"></span></a>
+
      </div>
</div>
+
      <div class="equal width row" id="eq">
</header>
+
        <div class="center aligned column enL"></div>
 
+
        <div class="center aligned column enL">
<!-- Banner -->
+
          <a href="https://2018.igem.org/Team:NCHU_Taichung/Model">
<section id="banner">
+
            <img class="ui fluid circular image" id="grandpa" src="https://static.igem.org/mediawiki/2018/e/eb/T--NCHU_Taichung--dioxin.gif">
<h1>This is Project Name</h1>
+
          </a>
<p>Some description...............</p>
+
        </div>
</section>
+
      </div>
 
+
      <div class="equal width row" id="eq">
<!-- One -->
+
        <div class="center aligned column enL">
<section id="one" class="wrapper">
+
          <a href="https://2018.igem.org/Team:NCHU_Taichung/Human_Practices/Introduction">
<div class="inner">
+
            <img class="ui fluid circular image" id="grandpa" src="https://static.igem.org/mediawiki/2018/e/ea/T--NCHU_Taichung--shovel..gif">
<div class="flex flex-3">
+
          </a>
<article>
+
        </div>
<header>
+
        <div class="center aligned column enL"></div>
<h3>Magna tempus sed amet<br /> aliquam veroeros</h3>
+
      </div>
</header>
+
    </div>
<p>Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu.</p>
+
  </div>
<footer>
+
<a href="#" class="button special">More</a>
+
</footer>
+
</article>
+
<article>
+
<header>
+
<h3>Interdum lorem pulvinar<br /> adipiscing vitae</h3>
+
</header>
+
<p>Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu.</p>
+
<footer>
+
<a href="#" class="button special">More</a>
+
</footer>
+
</article>
+
<article>
+
<header>
+
<h3>Libero purus magna sapien<br /> sed ullamcorper</h3>
+
</header>
+
<p>Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu.</p>
+
<footer>
+
<a href="#" class="button special">More</a>
+
</footer>
+
</article>
+
</div>
+
</div>
+
</section>
+
 
+
<!-- Two -->
+
<section id="two" class="wrapper style1 special">
+
<div class="inner">
+
<header>
+
<h2>Ipsum Feugiat</h2>
+
<p>Semper suscipit posuere apede</p>
+
</header>
+
<div class="flex flex-4">
+
<div class="box person">
+
<div class="image round">
+
<img src="images/pic03.jpg" alt="Person 1" />
+
</div>
+
<h3>Magna</h3>
+
<p>Cipdum dolor</p>
+
</div>
+
<div class="box person">
+
<div class="image round">
+
<img src="images/pic04.jpg" alt="Person 2" />
+
</div>
+
<h3>Ipsum</h3>
+
<p>Vestibulum comm</p>
+
</div>
+
<div class="box person">
+
<div class="image round">
+
<img src="images/pic05.jpg" alt="Person 3" />
+
</div>
+
<h3>Tempus</h3>
+
<p>Fusce pellentes</p>
+
</div>
+
<div class="box person">
+
<div class="image round">
+
<img src="images/pic06.jpg" alt="Person 4" />
+
</div>
+
<h3>Dolore</h3>
+
<p>Praesent placer</p>
+
</div>
+
</div>
+
</div>
+
</section>
+
 
+
<!-- Three -->
+
<section id="three" class="wrapper special">
+
<div class="inner">
+
<header class="align-center">
+
<h2>Nunc Dignissim</h2>
+
<p>Aliquam erat volutpat nam dui </p>
+
</header>
+
<div class="flex flex-2">
+
<article>
+
<div class="image fit">
+
<img src="images/pic01.jpg" alt="Pic 01" />
+
</div>
+
<header>
+
<h3>Praesent placerat magna</h3>
+
</header>
+
<p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor lorem ipsum.</p>
+
<footer>
+
<a href="#" class="button special">More</a>
+
</footer>
+
</article>
+
<article>
+
<div class="image fit">
+
<img src="images/pic02.jpg" alt="Pic 02" />
+
</div>
+
<header>
+
<h3>Fusce pellentesque tempus</h3>
+
</header>
+
<p>Sed adipiscing ornare risus. Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit. Pellentesque egestas sem. Suspendisse commodo ullamcorper magna non comodo sodales tempus.</p>
+
<footer>
+
<a href="#" class="button special">More</a>
+
</footer>
+
</article>
+
</div>
+
</div>
+
</section>
+
 
+
<!-- Footer -->
+
<footer id="footer">
+
<div class="inner">
+
<div class="flex">
+
<div class="copyright">
+
&copy; Untitled. Design: <a href="https://templated.co">TEMPLATED</a>. Images: <a href="https://unsplash.com">Unsplash</a>.
+
</div>
+
<ul class="icons">
+
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
+
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
+
<li><a href="#" class="icon fa-linkedin"><span class="label">linkedIn</span></a></li>
+
<li><a href="#" class="icon fa-pinterest-p"><span class="label">Pinterest</span></a></li>
+
<li><a href="#" class="icon fa-vimeo"><span class="label">Vimeo</span></a></li>
+
</ul>
+
</div>
+
</div>
+
</footer>
+
 
+
<!-- Scripts -->
+
<script src="assets/js/jquery.min.js"></script>
+
<script src="assets/js/skel.min.js"></script>
+
<script src="assets/js/util.js"></script>
+
<script src="assets/js/main.js"></script>
+
 
+
</body>
+
 
</html>
 
</html>
 +
{{NCHU_Taichung/footer}}

Latest revision as of 03:31, 18 October 2018

NCHU_Taichung