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}}")
Line 1: Line 1:
  {{Team:Tsinghua-A/Style}}
  {{Team:Tsinghua-A/Style}}
 +
{{Team:Tsinghua-A/Menubar}}
-
 
+
{{Team:Tsinghua-A/Footer}}
-
<!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>
+
-
       
+
-
  <div class="navbar navbar-inverse navbar-fixed-top animated fadeInDownBig">
+
-
    <div class="navbar-inner">
+
-
      <div class="container">
+
-
        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+
-
          <span class="icon-bar"></span>
+
-
          <span class="icon-bar"></span>
+
-
          <span class="icon-bar"></span>
+
-
        </a>
+
-
        <a class="brand" href="#"><img src="img/logo.png" alt="Title"></a>
+
-
        <div class="nav-collapse collapse">
+
-
          <ul class="nav pull-right">
+
-
            <li class="active"><a href="index.html">Home</a></li>
+
-
            <li><a href="services.html">Services</a></li>
+
-
            <li><a href="about.html">About</a></li>
+
-
            <li><a href="portfolio.html">Portfolio</a></li>
+
-
            <li class="dropdown">
+
-
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Features <b class="caret"></b></a>
+
-
              <ul class="dropdown-menu">
+
-
                <li><a href="blog.html">Blog Loop</a></li>
+
-
                <li><a href="individual-blog.html">Blog Individual</a></li>
+
-
                <li><a href="individual-work.html">Portfolio Individual</a></li>
+
-
                <li><a href="icons.html">Icons</a></li>
+
-
                <li><a href="pricing.html">Pricing Tables</a></li>
+
-
                <li><a href="components.html">Components</a></li>
+
-
              </ul>
+
-
            </li>
+
-
            <li><a href="contact.php">Contact</a></li>
+
-
            <li><a href="login.html"><span class="light-gray"><i class="icon-user"></i> Login</span></a></li>
+
-
            <li><a href="signup.html"><span class="menu-button"> Sign Up</span></a></li>
+
-
          </ul>
+
-
        </div><!--/.nav-collapse -->
+
-
      </div>
+
-
    </div>
+
-
  </div>
+
-
 
+
-
  <!-- 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">
+
-
          <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"></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 One-->
+
-
        <div class="span4">
+
-
          <h2>About Us</h2>
+
-
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p><br />
+
-
            <a class="more" href="#">+ More</a>
+
-
        </div>
+
-
       
+
-
        <!--Bottom Section Two-->
+
-
        <div class="span4">
+
-
          <h2>Latest Tweets</h2>
+
-
          <div class="row-fluid">
+
-
            <div class="span2">
+
-
              <i class="icon-twitter icon-2x blue pull-left" style="padding-top:12px;"></i>
+
-
            </div>
+
-
           
+
-
            <div class="span10">
+
-
              <div class="twitter-feed">
+
-
      <ul id="twitter_update_list" class="rotate"></ul>
+
-
      </div>
+
-
            </div>
+
-
  </div>     
+
-
        </div>
+
-
       
+
-
        <!--Bottom Section Three-->
+
-
        <div class="span4">
+
-
          <h2>Contact Info</h2>
+
-
          <p>1234 Main Street | Suit 300<br />
+
-
          Atlanta, GA 30303</p>
+
-
          <p><i class="icon-phone"></i> <a class="more" href="tel:404.555.5555">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}}
  {{Team:Tsinghua-A/Script}}

Revision as of 07:58, 17 October 2014



  

    

      

        
          
          
          
        
        Title
Retrieved from "http://2014.igem.org/Team:Tsinghua-A/Test"