Team:TecMonterrey/test1

From 2013.igem.org

(Difference between revisions)
(Created page with " <!DOCTYPE html> <html> <head> <title>Business Template</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=dev...")
 
(21 intermediate revisions not shown)
Line 1: Line 1:
-
 
-
<!DOCTYPE html>
 
<html>
<html>
<head>
<head>
-
<title>Business Template</title>
+
<style type="text/css">
-
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+
 
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
#top-section {
-
+
 
-
     <!-- Styles -->
+
  height: 100px;
-
     <style type="text/css">
+
  border: none;
-
   
+
  height:20px
-
   
+
}
-
   
+
#p-logo {
-
   
+
  position: absolute;
-
   
+
  display: none;
-
   
+
 
-
   
+
}
-
   
+
#footer-box {
-
   
+
display:none;
-
   
+
}
-
     </style>
+
#catlinks {
-
     <link href="css/bootstrap.min.css" rel="stylesheet">
+
     display:none;
-
     <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
+
}
-
     <link href="css/bootstrap-overrides.css" rel="stylesheet">
+
#search-controls {
-
     <link rel="stylesheet" type="text/css" href="css/theme.css">
+
  display: none;
-
    <link rel="stylesheet" href="css/index.css" type="text/css" media="screen" />
+
}
 +
#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>
-
    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
 
-
    <link rel="stylesheet" type="text/css" href="css/lib/animate.css" media="screen, projection">   
 
-
     <!--[if lt IE 9]>
+
              </ul>
-
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+
            </div>
-
    <![endif]-->
+
          </div>
-
</head>
+
        </div>
-
<body class="pull_top">
+
      </div>
-
  <div class="container-fluid">
+
      <!-- End: Navigation wrapper --> 
-
<div class="row-fluid">
+
    </header>
-
<div class="span12">
+
     <!-- End: HEADER -->
-
<div class="hero-unit">
+
    <!-- Start: MAIN CONTENT -->
-
<h1>
+
    <div class="content">
-
Hello, world!
+
      <!-- Start: slider -->
-
</h1>
+
      <div class="slider">
-
<p>
+
        <div class="container-fluid">
-
The potato is a starchy, tuberous crop from the perennial Solanum tuberosum of the Nightshade family. The word may refer to the plant itself as well as the edible tuber. In the region of the Andes, there are some other closely related cultivated potato species. Potatoes were introduced outside the Andes region four centuries ago, and have become an integral part of much of the world's cuisine. It is the world's fourth-largest food crop, following rice, wheat and maize.[1] Long-term storage of potatoes requires specialised care in cold warehouses.[2]
+
          <div id="heroSlider" class="carousel slide">
-
</p>
+
            <div class="carousel-inner">
-
<p>
+
              <div class="active item">
-
asdasdasdas
+
                <div class="hero-unit">
-
</p>
+
                  <div class="row-fluid">
-
<p>
+
                    <div class="span7 marketting-info">
-
<a class="btn btn-primary btn-large" href="#">Learn more »</a>
+
                      <h1>TELL ABOUT YOUR BUSINESS AND CORPORATE.</h1>
-
</p>
+
                      <p>
-
</div>
+
                        We are Bootbusiness and we are awesome.We solve your technology problems by our awesome products.
-
</div>
+
                        We are Bootbusiness and we are awesome.We solve your technology problems by our awesome products.
-
</div>
+
                      </p>
-
</div>
+
                      <h3>
-
</body>
+
                        <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>
</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"