Team:Beijing BHSF/Photo

From 2013hs.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 +
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
-
<title> </title>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
 +
<meta name="author" content="CSSTemplatesMarket" />
 +
<meta name="description" content="Responsive Html CSS Template" />
 +
<meta name="keywords" content="css templates market, free css templates, premium css templates, buy css template, free responsive css template" />
 +
<title>Guadi | Free Responsive Html CSS Template</title>
 +
<link rel="stylesheet" type="text/css" media="all" href="https://2013hs.igem.org/Team:Beijing_BHSF/css/style.css?action=raw&ctype=text/css" />
 +
<link rel="stylesheet" href="prettyphoto/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
 +
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
 +
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
 +
<script type="text/javascript" src="https://2013hs.igem.org/Team:Beijing_BHSF/js/jquery.flexslider-min.js?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" charset="utf-8">
 +
var $ = jQuery.noConflict();
 +
  $(window).load(function() {
 +
    $('.flexslider').flexslider({
 +
          animation: "slide"
 +
    });
 +
  });
 +
</script>
 +
</head>
 +
<body>
-
<style type="text/css">
+
  <div id="header">
 +
        <div class="header_content">
 +
     
 +
        <div class="logo"><a href="index.html">guadi</a> <span>| a simple responsive template</span></div>
 +
       
 +
        <div class="menu">
 +
            <ul>
 +
                <li class="selected"><a href="index.html">home</a></li>
 +
                <li><a href="page.html">page</a></li>
 +
                <li><a href="page.html">blog</a></li>
 +
                <li><a href="page.html">porfolio</a></li>
 +
                <li><a href="page.html">contact</a></li>
 +
            </ul>
 +
        </div>
 +
       
 +
        </div>
 +
  </div><!-- End of Header-->
-
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
<div id="wrap">
-
    display:none;}
+
-
#top-section {
+
  <div class="top_slogan">
-
    width: 965px;
+
Design is not just what it looks like and feels like. Design is how it works.
-
    height: 0;
+
  </div>
-
    margin: 0 auto;
+
-
    padding: 0;
+
-
    border: none;}
+
-
#content {
+
 
-
    border: none;
+
  <div class="slider">
-
position: absolute;
+
<div class="flexslider">
-
overflow: visible;
+
    <ul class="slides">
-
display: block;
+
    <li><a href="page.html"><img src="images/slider-image1.jpg" alt="" title="" border="0"/></a>
-
left: -10px;
+
            <div class="flex-caption">
-
width: 100%;
+
                <h2>Caption title</h2>
-
height:2000px
+
                    <p>Ut enim ad minima veniam, quis nostru <strong>exercitationem</strong> ullam corporis laboriosam, nisi ut aliquid ex ea commodi <strong><a href="#">consequatur</a></strong></p>
-
}
+
                    <a href="#" class="slider_button">View Portfolio</a>
 +
                </div>
 +
            </li>
 +
            <li><a href="page.html"><img src="images/slider-image2.jpg" alt="" title="" border="0"/></a>
 +
            <div class="flex-caption">
 +
                <h2>Caption title</h2>
 +
                    <p>Ut enim ad minima veniam, quis nostru <strong>exercitationem</strong> ullam corporis laboriosam, nisi ut aliquid ex ea commodi <strong><a href="#">consequatur</a></strong></p>
 +
                    <a href="#" class="slider_button">View Portfolio</a>
 +
                </div>
 +
            </li>
 +
            <li><a href="page.html"><img src="images/slider-image3.jpg" alt="" title="" border="0"/></a>
 +
            <div class="flex-caption">
 +
                <h2>Caption title</h2>
 +
                    <p>Ut enim ad minima veniam, quis nostru <strong>exercitationem</strong> ullam corporis laboriosam, nisi ut aliquid ex ea commodi <strong><a href="#">consequatur</a></strong></p>
 +
                    <a href="#" class="slider_button">View Portfolio</a>
 +
                </div>
 +
            </li>
 +
    </ul>
 +
  </div>
 +
  </div>
 +
 
 +
 
 +
  <div class="main_content">
 +
 
 +
 
 +
  <div class="section_one_three">
 +
        <h2 class="centered_title">Our Clients</h2>
 +
        <div class="roundimg"><a href="#" title=""><img src="images/icon_clients.png" alt="" title="" /></a></div>
 +
        <p class="centered_text">
 +
Ut enim ad minima veniam, quis nostru <strong>exercitationem</strong> ullam corporis laboriosam, nisi ut aliquid ex ea commodi <strong><a href="#">consequatur</a></strong>
 +
        </p>
 +
        <a href="#" class="more">read more</a>
 +
        </div>
 +
       
 +
  <div class="section_one_three">
 +
        <h2 class="centered_title">Main Services</h2>
 +
        <div class="roundimg"><a href="#" title=""><img src="images/icon_services.png" alt="" title="" /></a></div>
 +
        <p class="centered_text">
 +
Ut enim ad minima veniam, quis nostru <strong>exercitationem</strong> ullam corporis laboriosam, nisi ut aliquid ex ea commodi <strong><a href="#">consequatur</a></strong>
 +
        </p>
 +
        <a href="#" class="more">read more</a>
 +
        </div>
 +
 
 +
  <div class="section_one_three">
 +
        <h2 class="centered_title">Contact Us!</h2>
 +
        <div class="roundimg"><a href="#" title=""><img src="images/icon_contact.png" alt="" title="" /></a></div>
 +
        <p class="centered_text">
 +
Ut enim ad minima veniam, quis nostru <strong>exercitationem</strong> ullam corporis laboriosam, nisi ut aliquid ex ea commodi <strong><a href="#">consequatur</a></strong>
 +
        </p>
 +
        <a href="#" class="more">read more</a>
 +
        </div>
 +
         
 +
  </div>
 +
 
 +
  <div class="clear"></div>
 +
 
 +
 
 +
</div>
 +
 
 +
        <div class="footer">
 +
        <div class="footer_content">
 +
            <div class="footer_left">
 +
                <p>Free Responsive Html CSS Collect from <a href="http://www.cssmoban.com/" title="网站模板" target="_blank">网站模板</a></p>
 +
                <ul class="footer_menu">
 +
                    <li><a href="index.html">home</a></li>
 +
                    <li><a href="page.html">page</a></li>
 +
                    <li><a href="page.html">blog</a></li>
 +
                    <li><a href="page.html">porfolio</a></li>
 +
                    <li><a href="page.html">contact</a></li>
 +
                </ul>
 +
            </div>
 +
           
 +
            <div class="footer_right">
 +
                <ul class="social_icons">
 +
                <li><a href="#"><img src="images/icon_rss.png" alt="" title="" /></a></li>
 +
                <li><a href="#"><img src="images/icon_facebook.png" alt="" title="" /></a></li>
 +
                <li><a href="#"><img src="images/icon_twitter.png" alt="" title="" /></a></li>
 +
                <li><a href="#"><img src="images/icon_dribbble.png" alt="" title="" /></a></li>
 +
                </ul>
 +
            </div>
 +
          <div class="clear"></div>
 +
          </div>
 +
        </div>
 +
 
 +
 
 +
</body>
 +
</html>

Revision as of 13:20, 14 April 2013

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Guadi | Free Responsive Html CSS Template

Design is not just what it looks like and feels like. Design is how it works.

  • Caption title

    Ut enim ad minima veniam, quis nostru exercitationem ullam corporis laboriosam, nisi ut aliquid ex ea commodi consequatur

    View Portfolio

  • Caption title

    Ut enim ad minima veniam, quis nostru exercitationem ullam corporis laboriosam, nisi ut aliquid ex ea commodi consequatur

    View Portfolio

  • Caption title

    Ut enim ad minima veniam, quis nostru exercitationem ullam corporis laboriosam, nisi ut aliquid ex ea commodi consequatur

    View Portfolio

Our Clients

Ut enim ad minima veniam, quis nostru exercitationem ullam corporis laboriosam, nisi ut aliquid ex ea commodi consequatur

read more

Main Services

Ut enim ad minima veniam, quis nostru exercitationem ullam corporis laboriosam, nisi ut aliquid ex ea commodi consequatur

read more

Contact Us!

Ut enim ad minima veniam, quis nostru exercitationem ullam corporis laboriosam, nisi ut aliquid ex ea commodi consequatur

read more

Free Responsive Html CSS Collect from 网站模板

Retrieved from "http://2013hs.igem.org/Team:Beijing_BHSF/Photo"