Team:Tsinghua-A/Test

From 2014.igem.org

(Difference between revisions)
(Created page with "<!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 b...")
 
(13 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Team:Tsinghua-A/Style}}
 +
{{Team:Tsinghua-A/Killbanner}}
 +
{{Team:Tsinghua-A/Menubar}}
 +
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="en"><head>
<html lang="en"><head>
Line 34: Line 38:
<body>
<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 -->
   <!-- Carousel -->
Line 76: Line 46:
       <div class="item one active">
       <div class="item one active">
         <div class="container animated fadeInUp">
         <div class="container animated fadeInUp">
 +
          <img src="https://static.igem.org/mediawiki/2014/6/68/Reportsystem2tsinghuaa.jpg">
           <div class="carousel-caption">
           <div class="carousel-caption">
             <h1><i>Welcome To Breakroom</i></h1>
             <h1><i>Welcome To Breakroom</i></h1>
             <h2><i>A multipurpose Bootstrap Theme</i></h2>
             <h2><i>A multipurpose Bootstrap Theme</i></h2>
-
             <a class="btn-main" href="#"><i class="icon-chevron-right"></i> See More</a>
+
             <a class="btn-main" href="#"><i class="icon-chevron-right"><img src=""></i> See More</a>
           </div>
           </div>
         </div>
         </div>
Line 231: Line 202:
       <div class="row-fluid">
       <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-->
         <!--Bottom Section Three-->
         <div class="span4">
         <div class="span4">
           <h2>Contact Info</h2>
           <h2>Contact Info</h2>
-
           <p>1234 Main Street | Suit 300<br />
+
           <p>Biotech Building,4-206, Tsinghua University<br />
-
           Atlanta, GA 30303</p>
+
           Beijing, China 100084</p>
-
           <p><i class="icon-phone"></i> <a class="more" href="tel:404.555.5555">404.555.5555</a></p>
+
           <p><i class="icon-phone"></i> <a class="more" href="tel:86-010-627-960-50">404.555.5555</a></p>
            
            
           <!--Social Icons-->           
           <!--Social Icons-->           
Line 294: Line 244:
   </div>
   </div>
   </section>
   </section>
-
 
 
-
   
 
-
   
 
-
 
 
-
 
 
     </body>
     </body>
</html>
</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"