Team:Tsinghua-A/Test

From 2014.igem.org

(Difference between revisions)
(Replaced content with " {{Team:Tsinghua-A/Style}} {{Team:Tsinghua-A/Menubar}} {{Team:Tsinghua-A/Footer}} {{Team:Tsinghua-A/Script}}")
 
(6 intermediate revisions not shown)
Line 1: Line 1:
  {{Team:Tsinghua-A/Style}}
  {{Team:Tsinghua-A/Style}}
-
{{Team:Tsinghua-A/Menubar}}
+
{{Team:Tsinghua-A/Killbanner}}
 +
{{Team:Tsinghua-A/Menubar}}
 +
 
 +
<!DOCTYPE html>
 +
<html lang="en"><head>
 +
  <meta charset="utf-8">
 +
  <title>Breakroom | Designed By Theme Armada</title>
 +
  <meta name="keywords" content="made with bootstrap, wrap bootstrap themes, bootstrap agency theme, creative bootstrap sites, Agency11 theme, responsive bootstrap theme, mobile website themes, bootstrap portfolio, theme armada">
 +
  <meta name="description" content="">
 +
  <meta name="viewport" content="width=device-width">
 +
 
 +
  <meta property="og:title" content="Breakroom | Designed By Theme Armada">
 +
<meta property="og:type" content="website">
 +
<meta property="og:url" content="http://www.themearmada.com/demos/breakroom">
 +
<meta property="og:site_name" content="Theme Armada">
 +
<meta property="og:description" content="">
 +
 
 +
  <!-- Styles -->
 +
  <link rel="stylesheet" href="css/font-awesome.min.css">
 +
  <link rel="stylesheet" href="css/animate.css">
 +
  <link href='http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
 +
 
 +
  <link rel="stylesheet" href="css/bootstrap.min.css">
 +
  <link rel="stylesheet" href="css/main.css">
 +
  <link rel="stylesheet" href="css/custom-styles.css">
 +
 
 +
  <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
 +
 
 +
  <!-- Fav and touch icons -->
 +
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144-precomposed.png">
 +
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114-precomposed.png">
 +
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/apple-touch-icon-72-precomposed.png">
 +
  <link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57-precomposed.png">
 +
  <link rel="shortcut icon" href="/favicon.png">
 +
</head>
 +
 
 +
<body>
 +
       
 +
 
 +
  <!-- Carousel -->
 +
  <div id="header" class="carousel slide animated fadeIn">
 +
    <div class="carousel-inner">
 +
     
 +
      <!--Item One-->
 +
      <div class="item one active">
 +
        <div class="container animated fadeInUp">
 +
          <img src="https://static.igem.org/mediawiki/2014/6/68/Reportsystem2tsinghuaa.jpg">
 +
          <div class="carousel-caption">
 +
            <h1><i>Welcome To Breakroom</i></h1>
 +
            <h2><i>A multipurpose Bootstrap Theme</i></h2>
 +
            <a class="btn-main" href="#"><i class="icon-chevron-right"><img src=""></i> See More</a>
 +
          </div>
 +
        </div>
 +
      </div>
 +
     
 +
      <!--Item Two-->
 +
      <div class="item two">
 +
        <div class="container">
 +
          <div class="carousel-caption">
 +
            <h1><i>Built With Bootstrap</i></h1>
 +
            <h2><i>And 100% Responsive</i></h2>
 +
            <a class="btn-main" href="#"><i class="icon-chevron-right"></i> See More</a>
 +
          </div>
 +
        </div>
 +
      </div>
 +
     
 +
      <!--Item Three-->
 +
      <div class="item three">
 +
        <div class="container">
 +
          <div class="carousel-caption">
 +
            <h1><i>Lorem ipsum dolor sit</i></h1>
 +
            <h2><i>Curabitur viverra nulla non tel</i></h2>
 +
            <a class="btn-main" href="#"><i class="icon-chevron-right"></i> See More</a>
 +
          </div>
 +
        </div>
 +
      </div>
 +
     
 +
    </div>
 +
    <a class="left carousel-control hidden-phone" href="#header" data-slide="prev"><i class="icon-angle-left"></i></a>
 +
    <a class="right carousel-control hidden-phone" href="#header" data-slide="next"><i class="icon-angle-right"></i></a>
 +
  </div><!-- /.carousel -->
 +
 
 +
 
 +
  <!--Large Well-->
 +
  <section id="well">
 +
    <div class="well well-large">
 +
      <div class="container">
 +
        <div class="row-fluid">
 +
          <div class="span12 text-center">
 +
            <h3><strong>LOREM IPSUM DOLOR</strong> - <span><em>Curabitur viverra nulla non tellus suscipit condimentum eget.</em></span></h3>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </section>
 +
 
 +
 
 +
  <!--Services Section-->
 +
  <section id="services">
 +
    <div class="container">
 +
      <div class="row-fluid">
 +
       
 +
        <!--Service Section One-->
 +
        <div class="span3 text-center service-box">
 +
          <a href="#">
 +
            <i class="icon-thumbs-up icon-4x blue"></i>
 +
            <h2>Built w/ Bootstrap</h2>
 +
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt. </p>
 +
          </a>
 +
        </div>
 +
       
 +
        <!--Service Section Two-->
 +
        <div class="span3 text-center service-box">
 +
          <a href="#">
 +
            <i class="icon-flag icon-4x blue"></i>
 +
            <h2>Over 249 Icons</h2>
 +
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt. </p>
 +
          </a>
 +
        </div>
 +
       
 +
        <!--Service Section Three-->
 +
        <div class="span3 text-center service-box">
 +
          <a href="#">
 +
            <i class="icon-mobile-phone icon-4x blue"></i>
 +
            <h2>Mobile Responsive</h2>
 +
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt. </p>
 +
          </a>
 +
        </div>
 +
       
 +
        <!--Service Section Three-->
 +
        <div class="span3 text-center service-box">
 +
          <a href="#">
 +
            <i class="icon-file-alt icon-4x blue"></i>
 +
            <h2>Mobile Responsive</h2>
 +
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt. </p>
 +
          </a>
 +
        </div>
 +
 
 +
      </div>
 +
    </div>
 +
  </section>
 +
 
 +
 
 +
  <!--Message Section-->
 +
  <section id="message">
 +
    <div class="container">
 +
      <div class="row-fluid">
 +
        <div class="span12 text-center">
 +
          <h2>We strive to out work our competition with an effective approach and a powerful skill set, which is why were industry leading.</h2>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </section>
 +
 
 +
 
 +
  <!--Clients Section-->
 +
  <section id="clients">
 +
    <div class="image-break"> </div>
 +
      <div class="container">
 +
        <div class="row-fluid">
 +
          <div class="span12">
 +
            <h2>Our Clients</h2>
 +
          </div>
 +
        </div>
 +
       
 +
        <div class="row-fluid clients text-center">
 +
         
 +
          <!--Insert Client Logos Below-->
 +
          <div class="span2">
 +
            <a href="#"><img src="img/clients1.png" alt="Title"></a>
 +
          </div>
 +
         
 +
          <div class="span2">
 +
            <a href="#"><img src="img/clients2.png" alt="Title"></a>
 +
          </div>
 +
         
 +
          <div class="span2">
 +
            <a href="#"><img src="img/clients3.png" alt="Title"></a>
 +
          </div>
 +
         
 +
          <div class="span2">
 +
            <a href="#"><img src="img/clients4.png" alt="Title"></a>
 +
          </div>
 +
         
 +
          <div class="span2">
 +
            <a href="#"><img src="img/clients1.png" alt="Title"></a>
 +
          </div>
 +
         
 +
          <div class="span2">
 +
            <a href="#"><img src="img/clients4.png" alt="Title"></a>
 +
          </div>
 +
         
 +
        </div>
 +
      </div>
 +
  </section>
 +
 
 +
 
 +
  <!--Bottom Section-->
 +
  <section id="bottom">
 +
    <div class="container">
 +
      <div class="row-fluid">
 +
       
 +
       
 +
       
 +
        <!--Bottom Section Three-->
 +
        <div class="span4">
 +
          <h2>Contact Info</h2>
 +
          <p>Biotech Building,4-206, Tsinghua University<br />
 +
          Beijing, China 100084</p>
 +
          <p><i class="icon-phone"></i> <a class="more" href="tel:86-010-627-960-50">404.555.5555</a></p>
 +
         
 +
          <!--Social Icons-->         
 +
          <ul class="social-icons">
 +
  <li><a class="twitter" href="http://www.twitter.com/themearmada" target="_blank"><i class="icon-twitter icon-large"></i></a></li>
 +
  <li><a class="facebook" href="http://www.facebook.com" target="_blank"><i class="icon-facebook icon-large"></i></a></li>
 +
  <li><a class="google" href="http://www.googleplus.com" target="_blank"><i class="icon-google-plus icon-large"></i></a></li>
 +
  <li><a class="instagram" href="http://www.instagram.com" target="_blank"><i class="icon-camera-retro icon-large"></i></a></li>
 +
  <li><a class="pinterest" href="http://www.pinterest.com" target="_blank"><i class="icon-pinterest icon-large"></i></a></li>
 +
  <li><a class="linkedin" href="http://www.linkedin.com" target="_blank"><i class="icon-linkedin icon-large"></i></a></li>
 +
  <li><a class="Github" href="http://www.github.com" target="_blank"><i class="icon-github-alt icon-large"></i></a></li>
 +
  </ul>
 +
        </div>
 +
       
 +
      </div>
 +
    </div>
 +
  </section>
 +
 
 +
  <section id="footer">
 +
    <div class="container">
 +
  <div class="row-fluid">
 +
  <div class="span4 text-left copyright">
 +
        <p>&copy; Breakroom. All Rights Reserved.<br />
 +
        Created by <a href="http://www.themearmada.com" target="_blank">Theme Armada</a></p><br />
 +
  </div>
 +
 
 +
  <div class="span8 text-right">
 +
  <ul class="footer-links">
 +
  <li><a href="#" target="_blank">Menu 1</a></li>
 +
  <li><a href="#" target="_blank">Menu 2</a></li>
 +
  </ul>
 +
  </div>
 +
  </div>
 +
  </div>
 +
  </section>
 +
    </body>
 +
</html>
-
{{Team:Tsinghua-A/Footer}}
 
  {{Team:Tsinghua-A/Script}}
  {{Team:Tsinghua-A/Script}}

Latest revision as of 15:07, 17 October 2014

<!DOCTYPE html> Breakroom | Designed By Theme Armada

LOREM IPSUM DOLOR - Curabitur viverra nulla non tellus suscipit condimentum eget.

We strive to out work our competition with an effective approach and a powerful skill set, which is why were industry leading.

Our Clients

Title
Title
Title
Title
Title
Title

Contact Info

Biotech Building,4-206, Tsinghua University
Beijing, China 100084

404.555.5555