Team:TecMonterrey/test1

From 2013.igem.org

(Difference between revisions)
(Blanked the page)
 
(14 intermediate revisions not shown)
Line 1: Line 1:
 +
<html>
 +
<head>
 +
<style type="text/css">
 +
#top-section {
 +
 
 +
  height: 100px;
 +
  border: none;
 +
  height:20px
 +
}
 +
#p-logo {
 +
  position: absolute;
 +
  display: none;
 +
 
 +
}
 +
#footer-box {
 +
display:none;
 +
}
 +
#catlinks {
 +
    display:none;
 +
}
 +
#search-controls {
 +
  display: none;
 +
}
 +
#menubar { background: none repeat transparent; display:none;}
 +
#menubar ul li a { color: white; }
 +
.right-menu li a {
 +
color: black;
 +
background: none repeat transparent;
 +
}
 +
#content {
 +
    background: none repeat scroll 0 0 transparent;
 +
    border-left: 0 solid;
 +
    border-right: 0 solid;
 +
}
 +
#content{
 +
    width: 80%;
 +
}
 +
#headover ul{
 +
    list-style: none;
 +
    display: none;
 +
    position: absolute;
 +
    top: 1.2em;
 +
    left: 0.2em;
 +
}
 +
.firstHeading {
 +
    display: none;
 +
}
 +
</style>
 +
 +
  <html lang="en">
 +
  <head>
 +
    <meta charset="utf-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
    <meta name="description" content="Bootbusiness | Short description about company">
 +
    <meta name="author" content="Your name">
 +
    <title>Bootbusiness | Give unique title of the page here</title>
 +
    <!-- Bootstrap -->
 +
    <link href="./css/bootstrap.min.css?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
    <!-- Bootstrap responsive -->
 +
    <link href="./css/bootstrap-responsive.min.css?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
    <!-- Font awesome - iconic font with IE7 support -->
 +
    <link href="./css/font-awesome.css?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
    <link href="./css/font-awesome-ie7.css?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
    <!-- Bootbusiness theme -->
 +
    <link href="./css/boot-business.css?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
  </head>
 +
  <body>
 +
    <!-- Start: HEADER -->
 +
    <header>
 +
      <!-- Start: Navigation wrapper -->
 +
      <div class="navbar navbar-fixed-top">
 +
        <div class="navbar-inner">
 +
          <div class="container">
 +
            <a href="index.html" class="brand brand-bootbus">Aqui logo :D</a>
 +
            <!-- Below button used for responsive navigation -->
 +
            <button type="button" 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>
 +
            </button>
 +
            <!-- Start: Primary navigation -->
 +
            <div class="nav-collapse collapse">       
 +
              <ul class="nav pull-right">
 +
                <li class="dropdown">
 +
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Biobricks<b class="caret"></b></a>
 +
                  <ul class="dropdown-menu">
 +
                    <li><a href="our_works.html">HlyA-Secretion</a></li>
 +
                    <li><a href="patnerships.html">TRAIL</a></li>
 +
                    <li><a href="leadership.html">Apopptin</a></li>
 +
                    <li><a href="news.html">HIP 1</a></li>
 +
                    <li><a href="events.html">FNR</a></li>
 +
                    <li><a href="blog.html">His-TAT</a></li>
 +
                  </ul>
 +
                </li>
 +
                <li><a href="contact_us.html">Methods</a></li>
 +
                <li><a href="contact_us.html">Results</a></li>
 +
                <li class="dropdown">
 +
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Biobricks<b class="caret"></b></a>
 +
                  <ul class="dropdown-menu">
 +
                    <li><a href="our_works.html">HlyA-Secretion</a></li>
 +
                    <li><a href="patnerships.html">TRAIL</a></li>
 +
                    <li><a href="leadership.html">Apopptin</a></li>
 +
                    <li><a href="news.html">HIP 1</a></li>
 +
                    <li><a href="events.html">FNR</a></li>
 +
                    <li><a href="blog.html">His-TAT</a></li>
 +
                  </ul>
 +
                </li>
 +
                <li><a href="contact_us.html">Notebook</a></li>
 +
                <li><a href="contact_us.html">Human Practice</a></li>
 +
 +
                <li class="dropdown">
 +
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team<b class="caret"></b></a>
 +
                  <ul class="dropdown-menu">
 +
                    <li><a href="our_works.html">Members</a></li>
 +
                    <li><a href="patnerships.html">Advisors</a></li>
 +
                    <li><a href="leadership.html">Acknoledgements</a></li>
 +
                    <li><a href="news.html">Our university</a></li>
 +
                  </ul>
 +
                </li>
 +
 +
              <li><a href="faq.html">Achievements</a></li>
 +
 +
 +
              </ul>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <!-- End: Navigation wrapper --> 
 +
    </header>
 +
    <!-- End: HEADER -->
 +
    <!-- Start: MAIN CONTENT -->
 +
    <div class="content">
 +
      <!-- Start: slider -->
 +
      <div class="slider">
 +
        <div class="container-fluid">
 +
          <div id="heroSlider" class="carousel slide">
 +
            <div class="carousel-inner">
 +
              <div class="active item">
 +
                <div class="hero-unit">
 +
                  <div class="row-fluid">
 +
                    <div class="span7 marketting-info">
 +
                      <h1>TELL ABOUT YOUR BUSINESS AND CORPORATE.</h1>
 +
                      <p>
 +
                        We are Bootbusiness and we are awesome.We solve your technology problems by our awesome products.
 +
                        We are Bootbusiness and we are awesome.We solve your technology problems by our awesome products.
 +
                      </p>
 +
                      <h3>
 +
                        <a href="product.html" class="btn">Learn more</a>
 +
                      </h3>                     
 +
                    </div>
 +
                    <div class="span5">
 +
                      <img src="img/placeholder.jpg" class="thumbnail">
 +
                    </div>
 +
                  </div>                 
 +
                </div>
 +
              </div>
 +
              <div class="item">
 +
                <div class="hero-unit">
 +
                  <div class="row-fluid">
 +
                    <div class="span7 marketting-info">
 +
                      <h1>TELL ABOUT YOUR NATURE OF WORK</h1>
 +
                      <p>
 +
                        We are Bootbusiness and we design ultimate website applications.
 +
                        We are Bootbusiness and we design ultimate website applications.
 +
                      </p>
 +
                      <h3>
 +
                        <a href="service.html" class="btn">Learn more</a>
 +
                      </h3>                     
 +
                    </div>
 +
                    <div class="span5">
 +
                      <img src="img/placeholder.jpg" class="thumbnail">
 +
                    </div>
 +
                  </div>                 
 +
                </div>
 +
              </div>
 +
              <div class="item">
 +
                <div class="hero-unit">
 +
                  <div class="row-fluid">
 +
                    <div class="span7 marketting-info">
 +
                      <h1>TELL ABOUT YOUR PRODUCT</h1>
 +
                      <p>
 +
                        Get excited about our products.We build awesome products in mobile.
 +
                        We build awesome products in mobile.We build awesome products in mobile.
 +
                      </p>
 +
                      <h3>
 +
                        <a href="#" class="btn btn-primary">Buy now</a>
 +
                        <a href="product.html" class="btn">Learn more</a>
 +
                      </h3>                     
 +
                    </div>
 +
                    <div class="span5">
 +
                      <img src="img/placeholder.jpg" class="thumbnail">
 +
                    </div>
 +
                  </div>                 
 +
                </div>
 +
              </div>
 +
              <div class="item">
 +
                <div class="hero-unit">
 +
                  <div class="row-fluid">
 +
                    <div class="span7 marketting-info">
 +
                      <h1>TELL ABOUT YOUR ANOTHER PRODUCT</h1>
 +
                      <p>
 +
                        Get excited about our products.We build awesome products in mobile.
 +
                        We build awesome products in mobile.We build awesome products in mobile.
 +
                      </p>
 +
                      <h3>
 +
                        <a href="#" class="btn btn-primary">Buy now</a>
 +
                        <a href="product.html" class="btn">Learn more</a>
 +
                      </h3>                     
 +
                    </div>
 +
                    <div class="span5">
 +
                      <img src="img/placeholder.jpg" class="thumbnail">
 +
                    </div>
 +
                  </div>                 
 +
                </div>
 +
              </div>
 +
            </div>
 +
            <a class="left carousel-control" href="#heroSlider" data-slide="prev">‹</a>
 +
            <a class="right carousel-control" href="#heroSlider" data-slide="next">›</a>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <!-- End: slider -->
 +
      <!-- Start: PRODUCT LIST -->
 +
        <div class="container">
 +
          <div class="page-header">
 +
            <h2>Our products</h2>
 +
          </div>
 +
          <div class="row-fluid">
 +
            <ul class="thumbnails">
 +
              <li class="span4">
 +
                <div class="thumbnail">
 +
                  <img src="img/placeholder-360x200.jpg" alt="product name">
 +
                  <div class="caption">
 +
                    <h3>Product name</h3>
 +
                    <p>
 +
                      Few attractive words about your product.Few attractive words about your product.
 +
                      Few attractive words about your product.Few attractive words about your product.
 +
                    </p>
 +
                  </div>
 +
                  <div class="widget-footer">
 +
                    <p>
 +
                      <a href="#" class="btn btn-primary">Buy now</a>&nbsp;
 +
                      <a href="product.html" class="btn">Read more</a>
 +
                    </p>
 +
                  </div>
 +
                </div>
 +
              </li>
 +
              <li class="span4">
 +
                <div class="thumbnail">
 +
                  <img src="img/placeholder-360x200.jpg" alt="product name">
 +
                  <div class="caption">
 +
                    <h3>Product name</h3>
 +
                    <p>
 +
                      Few attractive words about your product.Few attractive words about your product.
 +
                      Few attractive words about your product.Few attractive words about your product.
 +
                    </p>
 +
                  </div>
 +
                  <div class="widget-footer">
 +
                    <p>
 +
                      <a href="#" class="btn btn-primary">Buy now</a>&nbsp;
 +
                      <a href="product.html" class="btn">Read more</a>
 +
                    </p>
 +
                  </div>
 +
                </div>
 +
              </li>
 +
              <li class="span4">
 +
                <div class="thumbnail">
 +
                  <img src="img/placeholder-360x200.jpg" alt="product name">
 +
                  <div class="caption">
 +
                    <h3>Product name</h3>
 +
                    <p>
 +
                      Few attractive words about your product.Few attractive words about your product.
 +
                      Few attractive words about your product.Few attractive words about your product.
 +
                    </p>
 +
                  </div>
 +
                  <div class="widget-footer">
 +
                    <p>
 +
                      <a href="#" class="btn btn-primary">Buy now</a>&nbsp;
 +
                      <a href="product.html" class="btn">Read more</a>
 +
                    </p>
 +
                  </div>
 +
                </div>
 +
              </li>
 +
            </ul>
 +
          </div>
 +
          <div class="page-header">
 +
            <h2>Our Services</h2>
 +
          </div>
 +
          <div class="row-fluid">
 +
            <ul class="thumbnails">
 +
              <li class="span4">
 +
                <div class="thumbnail">
 +
                  <img src="img/placeholder-360x200.jpg" alt="product name">
 +
                  <div class="caption">
 +
                    <h3>Service title</h3>
 +
                    <p>
 +
                      Few attractive words about your service.Few attractive words about your service.
 +
                      Few attractive words about your service.Few attractive words about your service.
 +
                    </p>
 +
                  </div>
 +
                  <div class="widget-footer">
 +
                    <p>
 +
                      <a href="#" class="btn btn-primary">Try for free</a>&nbsp;
 +
                      <a href="product.html" class="btn">Read more</a>
 +
                    </p>
 +
                  </div>
 +
                </div>
 +
              </li>
 +
              <li class="span4">
 +
                <div class="thumbnail">
 +
                  <img src="img/placeholder-360x200.jpg" alt="product name">
 +
                  <div class="caption">
 +
                    <h3>Service title</h3>
 +
                    <p>
 +
                      Few attractive words about your service.Few attractive words about your service.
 +
                      Few attractive words about your service.Few attractive words about your service.
 +
                    </p>
 +
                  </div>
 +
                  <div class="widget-footer">
 +
                    <p>
 +
                      <a href="#" class="btn btn-primary">Try for free</a>&nbsp;
 +
                      <a href="product.html" class="btn">Read more</a>
 +
                    </p>
 +
                  </div>
 +
                </div>
 +
              </li>
 +
              <li class="span4">
 +
                <div class="thumbnail">
 +
                  <img src="img/placeholder-360x200.jpg" alt="product name">
 +
                  <div class="caption">
 +
                    <h3>Service title</h3>
 +
                    <p>
 +
                      Few attractive words about your service.Few attractive words about your service.
 +
                      Few attractive words about your service.Few attractive words about your service.
 +
                    </p>
 +
                  </div>
 +
                  <div class="widget-footer">
 +
                    <p>
 +
                      <a href="#" class="btn btn-primary">Try for free</a>&nbsp;
 +
                      <a href="product.html" class="btn">Read more</a>
 +
                    </p>
 +
                  </div>
 +
                </div>
 +
              </li>
 +
            </ul>
 +
          </div>
 +
        </div>
 +
      <!-- End: PRODUCT LIST -->
 +
    </div>
 +
    <!-- End: MAIN CONTENT -->
 +
    <!-- Start: FOOTER -->
 +
    <footer>
 +
      <div class="container">
 +
        <div class="row">
 +
          <div class="span2">
 +
            <h4><i class="icon-star icon-white"></i> Products</h4>
 +
            <nav>
 +
              <ul class="quick-links">
 +
                <li><a href="product.html">Product1</a></li>
 +
                <li><a href="product.html">Product2</a></li>
 +
                <li><a href="product.html">Product3</a></li>
 +
                <li><a href="all_products.html">All products</a></li>
 +
              </ul>
 +
            </nav>
 +
            <h4><i class="icon-cogs icon-white"></i> Services</h4>
 +
            <nav>
 +
              <ul class="quick-links">
 +
                <li><a href="service.html">Service1</a></li>
 +
                <li><a href="service.html">Service2</a></li>
 +
                <li><a href="service.html">Service3</a></li>
 +
                <li><a href="all_services.html">All services</a></li>             
 +
              </ul>
 +
            </nav>
 +
          </div>
 +
          <div class="span2">
 +
            <h4><i class="icon-beaker icon-white"></i> About</h4>
 +
            <nav>
 +
              <ul class="quick-links">
 +
                <li><a href="our_works.html">Our works</a></li>
 +
                <li><a href="patnerships.html">Patnerships</a></li>
 +
                <li><a href="leadership.html">Leadership</a></li>
 +
                <li><a href="news.html">News</a></li>
 +
                <li><a href="events.html">Events</a></li>
 +
                <li><a href="blog.html">Blog</a></li>
 +
              <ul>
 +
            </nav>         
 +
          </div>
 +
          <div class="span2">
 +
            <h4><i class="icon-thumbs-up icon-white"></i> Support</h4>
 +
            <nav>
 +
              <ul class="quick-links">
 +
                <li><a href="faq.html">FAQ</a></li>
 +
                <li><a href="contact_us.html">Contact us</a></li>           
 +
              </ul>
 +
            </nav>
 +
            <h4><i class="icon-legal icon-white"></i> Legal</h4>
 +
            <nav>
 +
              <ul class="quick-links">
 +
                <li><a href="#">License</a></li>
 +
                <li><a href="#">Terms of Use</a></li>
 +
                <li><a href="#">Privacy Policy</a></li>
 +
                <li><a href="#">Security</a></li>     
 +
              </ul>
 +
            </nav>           
 +
          </div>
 +
          <div class="span3">
 +
            <h4>Get in touch</h4>
 +
            <div class="social-icons-row">
 +
              <a href="#"><i class="icon-twitter"></i></a>
 +
              <a href="#"><i class="icon-facebook"></i></a>
 +
              <a href="#"><i class="icon-linkedin"></i></a>                                       
 +
            </div>
 +
            <div class="social-icons-row">
 +
              <a href="#"><i class="icon-google-plus"></i></a>             
 +
              <a href="#"><i class="icon-github"></i></a>
 +
              <a href="mailto:soundar.rathinasamy@gmail.com"><i class="icon-envelope"></i></a>       
 +
            </div>
 +
            <div class="social-icons-row">
 +
              <i class="icon-phone icon-large phone-number"></i> +919750227877
 +
            </div>
 +
          </div>     
 +
          <div class="span3">
 +
            <h4>Get updated by email</h4>
 +
            <form>
 +
              <input type="text" name="email" placeholder="Email address">
 +
              <input type="submit" class="btn btn-primary" value="Subscribe">
 +
            </form>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <hr class="footer-divider">
 +
      <div class="container">
 +
        <p>
 +
          &copy; 2012-3000 Bootbusiness, Inc. All Rights Reserved.
 +
        </p>
 +
      </div>
 +
    </footer>
 +
    <!-- End: FOOTER -->
 +
    <script src="./js/jquery.min.js?action=raw"></script>
 +
    <script src="./js/bootstrap.min.js?action=raw"></script>
 +
    <script src="./js/boot-business.js?action=raw"></script>
 +
  </body>
 +
</html>

Latest revision as of 16:21, 6 September 2013

Bootbusiness | Give unique title of the page here

Aqui logo :D

Our products

  • product name

    Product name

    Few attractive words about your product.Few attractive words about your product. Few attractive words about your product.Few attractive words about your product.

    Buy now  Read more

  • product name

    Product name

    Few attractive words about your product.Few attractive words about your product. Few attractive words about your product.Few attractive words about your product.

    Buy now  Read more

  • product name

    Product name

    Few attractive words about your product.Few attractive words about your product. Few attractive words about your product.Few attractive words about your product.

    Buy now  Read more

Our Services

  • product name

    Service title

    Few attractive words about your service.Few attractive words about your service. Few attractive words about your service.Few attractive words about your service.

    Try for free  Read more

  • product name

    Service title

    Few attractive words about your service.Few attractive words about your service. Few attractive words about your service.Few attractive words about your service.

    Try for free  Read more

  • product name

    Service title

    Few attractive words about your service.Few attractive words about your service. Few attractive words about your service.Few attractive words about your service.

    Try for free  Read more

Retrieved from "http://2013.igem.org/Team:TecMonterrey/test1"