Team:Tsinghua-A/Test

From 2014.igem.org

(Difference between revisions)
 
(4 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/Script}}

Latest revision as of 15:07, 17 October 2014

Title

<!DOCTYPE html> Breakroom | Designed By Theme Armada

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

Built w/ Bootstrap

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.

Over 249 Icons

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.

Mobile Responsive

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.

Mobile Responsive

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.

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
Retrieved from "http://2014.igem.org/Team:Tsinghua-A/Test"