Difference between revisions of "1.html"

(Blanked the page)
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
<!DOCTYPE HTML>
 
<html class="no-js" lang="">
 
<!--<![endif]-->
 
<head>
 
<meta charset="utf-8">
 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<!-- 上述3个meta标签*必须*放在最前面, 任何其他内容都*必须*跟随其后! -->
 
  
<title>Dsign - Minimal portfolio Bootstrap template</title>
 
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/bootstrap/min/CSS?action=raw&amp;ctype=text/css"/>
 
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/flexslider/CSS?action=raw&amp;ctype=text/css"/>
 
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/jquery.fancybox/CSS?action=raw&amp;ctype=text/css"/>
 
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/main/CSS?action=raw&amp;ctype=text/css"/>
 
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/responsive/CSS?action=raw&amp;ctype=text/css"/>
 
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/animate/min/CSS?action=raw&amp;ctype=text/css"/>
 
<link rel="stylesheet" href="css/font-icon.css">
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
 
 
 
<!-- Animate.css -->
 
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/animate/CSS?action=raw&amp;ctype=text/css"/>
 
<!-- Icomoon Icon Fonts-->
 
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/font-icon/CSS?action=raw&amp;ctype=text/css"/>
 
<!-- Bootstrap  -->
 
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/bootstrap/CSS?action=raw&amp;ctype=text/css"/>
 
<!-- Flexslider  -->
 
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/flexslider/CSS?action=raw&amp;ctype=text/css"/>
 
 
<!-- Theme style  -->
 
<link rel="stylesheet" href="https://2017.igem.org/Template:BIT/style/CSS?action=raw&amp;ctype=text/css"/>
 
<style>
 
 
 
        /*以下CSS用于解决iGEM官网坑爹样式问题*/
 
        body {
 
            height: 100%;
 
            width: 100%;
 
            font-family: 'Helvetica', 'Arial', 'Verdana', sans-serif;
 
            background-color: rgba(242,215,188,0.4);
 
        }
 
        #globalWrapper{
 
            margin: 0;
 
            padding: 0;
 
        }
 
        #content{
 
            width: 100%;
 
            padding: 0;
 
            margin: -12px 0 0;
 
        }
 
 
      #HQ_page p {
 
    font-family: "Arial",Helvetica,sans-serif;
 
    font-size: 13px;
 
    text-align: center;
 
 
        #top_title{
 
            display: none;
 
        }
 
        #sideMenu{
 
            display: none;
 
        }
 
      #content,
 
      .vs-content,
 
      .vs-wrapper section {
 
        background-color: transparent !important;
 
      }
 
      .my-backTop:visited {
 
        color: #F8A886 !important;
 
      }
 
        /*以上CSS用于解决iGEM官网坑爹样式问题*/
 
</style>
 
 
</head>
 
</head>
 
<body>
 
 
 
<div class="fh5co-loader"></div>
 
 
<div id="page">
 
<nav class="fh5co-nav" role="navigation">
 
<div class="top-menu">
 
<div class="container">
 
<div class="row">
 
<div class="col-xs-2">
 
<div id="fh5co-logo"><a href="../index.html">BIT<span>.</span></a></div>
 
</div>
 
<div class="col-xs-10 text-right menu-1">
 
<ul>
 
<li class="active"><a href="目录.html">Home</a></li>
 
<li><a href="../portfolio.html">Practice</a></li>
 
<li class="has-dropdown">
 
<a href="../blog.html">Blo</a>
 
<ul class="dropdown">
 
<li><a href="#">Design</a></li>
 
<li><a href="#">Demonstrate</a></li>
 
<li><a href="#">Model</a></li>
 
</ul>
 
</li>
 
<li><a href="../about.html">Achievement</a></li>
 
<li><a href="../contact.html">Notebook</a></li>
 
<li class="btn-cta"><a href="#"><span>Team</span></a></li>
 
</ul>
 
</div>
 
</div>
 
 
</div>
 
</div>
 
</nav>
 
 
<div class="第一段">
 
<div class="row animate-box">
 
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
 
<h2>Wireframe Connects the Underlying Conceptual Structure</h2>
 
</div>
 
</div>
 
<div class="row">
 
<div class="col-md-5 animate-box">
 
<div class="user-frame">
 
<h3>Wireframe Connects the Underlying Conceptual Structure</h3>
 
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts far from the countries Vokalia and Consonantia, there live the blind texts. </p>
 
<span>Louie Jie Mahusay</span><br>
 
<small>CEO, Founder</small>
 
</div>
 
</div>
 
<div class="col-md-7 animate-box">
 
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts far from the countries Vokalia and Consonantia, there live the blind texts. </p>
 
<blockquote>
 
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts far from the countries Vokalia and Consonantia, there live the blind texts. </p>
 
</blockquote>
 
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts far from the countries Vokalia and Consonantia, there live the blind texts. far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts far from the countries Vokalia and Consonantia, there live the blind texts. </p>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
 
<div id="fh5co-slider">
 
<div class="container">
 
<div class="row">
 
<div class="col-md-6 animate-box">
 
<div class="heading">
 
<h2>Download Our Latest Free HTML5 Bootstrap Template</h2>
 
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia.</p>
 
</div>
 
</div>
 
<div class="col-md-6 col-md-push-1 animate-box">
 
<aside id="fh5co-hero">
 
<div class="flexslider">
 
<ul class="slides">
 
  <li style="background-image: url(1.jpg);">
 
  <div class="overlay-gradient"></div>
 
  <div class="container-fluid">
 
  <div class="row">
 
  <div class="col-md-12 col-md-offset-0 col-md-pull-10 slider-text slider-text-bg">
 
  <div class="slider-text-inner">
 
  <div class="desc">
 
<h2>Air Free HTML5 Bootstrap Template</h2>
 
<p>Ink is a free html5 bootstrap and a multi-purpose template perfect for any type of websites. A combination of a minimal and modern design template. The features are big slider on homepage, smooth animation, product listing and many more</p>
 
  </div>
 
  </div>
 
  </div>
 
  </div>
 
  </div>
 
  </li>
 
  <li style="background-image: url(1.jpg);">
 
  <div class="overlay-gradient"></div>
 
  <div class="container-fluid">
 
  <div class="row">
 
  <div class="col-md-12 col-md-offset-0 col-md-pull-10 slider-text slider-text-bg">
 
  <div class="slider-text-inner">
 
  <div class="desc">
 
<h2>Ink Free HTML5 Bootstrap Template</h2>
 
<p>Ink is a free html5 bootstrap and a multi-purpose template perfect for any type of websites. A combination of a minimal and modern design template. The features are big slider on homepage, smooth animation, product listing and many more</p>
 
  </div>
 
  </div>
 
  </div>
 
  </div>
 
  </div>
 
  </li>
 
  <li style="background-image: url(1.jpg);">
 
  <div class="overlay-gradient"></div>
 
  <div class="container-fluid">
 
  <div class="row">
 
  <div class="col-md-12 col-md-offset-0 col-md-pull-10 slider-text slider-text-bg">
 
  <div class="slider-text-inner">
 
  <div class="desc">
 
<h2>Travel Free HTML5 Bootstrap Template</h2>
 
<p>Ink is a free html5 bootstrap and a multi-purpose template perfect for any type of websites. A combination of a minimal and modern design template. The features are big slider on homepage, smooth animation, product listing and many more</p>
 
  </div>
 
  </div>
 
  </div>
 
  </div>
 
  </div>
 
  </li>  
 
  </ul>
 
  </div>
 
</aside>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
<div id="fh5co-blog">
 
<div class="container">
 
<div class="row animate-box">
 
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
 
<h2>Recent Post</h2>
 
<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
 
</div>
 
</div>
 
<div class="row">
 
<div class="col-md-4">
 
<div class="fh5co-blog animate-box">
 
<a href="#" class="blog-bg" style="background-image: url(1.jpg);"></a>
 
<div class="blog-text">
 
 
<h3><a href="#">Photoshoot On The Street</a></h3>
 
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
 
<ul class="stuff">
 
 
<li><a href="#">Read More<i class="icon-arrow-right22"></i></a></li>
 
</ul>
 
</div>
 
</div>
 
</div>
 
<div class="col-md-4">
 
<div class="fh5co-blog animate-box">
 
<a href="#" class="blog-bg" style="background-image: url(1.jpg);"></a>
 
<div class="blog-text">
 
 
<h3><a href="#">Surfing at Philippines</a></h3>
 
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
 
<ul class="stuff">
 
 
<li><a href="#">Read More<i class="icon-arrow-right22"></i></a></li>
 
</ul>
 
</div>
 
</div>
 
</div>
 
<div class="col-md-4">
 
<div class="fh5co-blog animate-box">
 
<a href="#" class="blog-bg" style="background-image: url(1.jpg);"></a>
 
<div class="blog-text">
 
 
<h3><a href="#">Focus On Uderwater</a></h3>
 
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
 
<ul class="stuff">
 
 
<li><a href="#">Read More<i class="icon-arrow-right22"></i></a></li>
 
</ul>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
<div id="fh5co-started">
 
<div class="overlay"></div>
 
<div class="container">
 
<div class="row animate-box">
 
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
 
<h2>Hire Us!</h2>
 
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
 
<p><a href="#" class="btn btn-default btn-lg">Contact Us</a></p>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
<footer id="fh5co-footer" role="contentinfo">
 
<div class="container">
 
<div class="row row-pb-md">
 
<div class="col-md-4 fh5co-widget">
 
<h4>Air</h4>
 
<p>Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit. Eos cumque dicta adipisci architecto culpa amet.</p>
 
</div>
 
<div class="col-md-2 col-md-push-1 fh5co-widget">
 
<h4>Links</h4>
 
<ul class="fh5co-footer-links">
 
<li><a href="目录.html">Home</a></li>
 
<li><a href="#">Portfolio</a></li>
 
<li><a href="#">Blog</a></li>
 
<li><a href="#">About</a></li>
 
</ul>
 
</div>
 
 
<div class="col-md-2 col-md-push-1 fh5co-widget">
 
<h4>Categories</h4>
 
<ul class="fh5co-footer-links">
 
<li><a href="#">Landing Page</a></li>
 
<li><a href="#">Real Estate</a></li>
 
<li><a href="#">Personal</a></li>
 
<li><a href="#">Business</a></li>
 
<li><a href="#">e-Commerce</a></li>
 
</ul>
 
</div>
 
 
<div class="col-md-4 col-md-push-1 fh5co-widget">
 
<h4>Contact Information</h4>
 
<ul class="fh5co-footer-links">
 
<li>198 West 21th Street, <br> Suite 721 New York NY 10016</li>
 
<li><a href="tel://1234567920">+ 1235 2355 98</a></li>
 
<li><a href="mailto:info@yoursite.com">info@yoursite.com</a></li>
 
<li><a href="http://#">freehtml5.co</a></li>
 
</ul>
 
</div>
 
 
</div>
 
 
<div class="row copyright"> </div>
 
 
</div>
 
</footer>
 
</div>
 
 
<div class="gototop js-top">
 
<a href="#" class="js-gotop"><i class="icon-arrow-up22"></i></a>
 
</div>
 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js?action=raw&amp;ctype=text/jacascript"></script>
 
<script src="https://2017.igem.org/Template:BIT/bootstrap/min/Javascript"></script>
 
<script src="https://2017.igem.org/Template:BIT/jquery/flexslider-min/Javascript"></script>
 
<script src="js/jquery.fancybox.pack.js"></script>
 
<script src="js/jquery.waypoints.min.js"></script>
 
<script src="js/retina.min.js"></script>
 
<script src="js/modernizr.js"></script>
 
<script src="https://2017.igem.org/Template:BIT/main/Javascrip?action=raw&amp;ctype=text/jacascript"></script>
 
<script src="js/jquery.min.js"></script>
 
<!-- jQuery Easing -->
 
<script src="https://2017.igem.org/Template:BIT/jquery.easing/1/3/Javascript?action=raw&amp;ctype=text/jacascript"></script>
 
<!-- Bootstrap -->
 
<script src="https://2017.igem.org/Template:BIT/bootstrap/Javascript?action=raw&amp;ctype=text/jacascript"></script>
 
<!-- Waypoints -->
 
<script src="https://2017.igem.org/Template:BIT/jquery/waypoints/min/js"></script>
 
<!-- Flexslider -->
 
<script src="https://2017.igem.org/Template:BIT/jquery/flexslider-min/js"></script>
 
<!-- Main -->
 
<script src="https://2017.igem.org/Template:BIT/main/Javascript?action=raw&amp;ctype=text/jacascript"></script>
 
 
</body>
 
</html>
 

Latest revision as of 20:22, 26 October 2017