Team:TecMonterrey/test1

From 2013.igem.org

(Difference between revisions)
Line 49: Line 49:
</style>
</style>
-
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+
  <html lang="en">
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
  <head>
-
+
    <meta charset="utf-8">
-
     <!-- Styles -->
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
     <link href="./styles/bootstrap.css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
    <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" rel="stylesheet">
 +
    <!-- Bootstrap responsive -->
     <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
     <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
-
 
+
    <!-- Font awesome - iconic font with IE7 support -->
-
 
+
     <link href="css/font-awesome.css" rel="stylesheet">
-
     <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
+
     <link href="css/font-awesome-ie7.css" rel="stylesheet">
-
     <link rel="stylesheet" type="text/css" href="css/lib/animate.css" media="screen, projection">  
+
     <!-- Bootbusiness theme -->
-
 
+
    <link href="css/boot-business.css" rel="stylesheet">
-
     <!--[if lt IE 9]>
+
  </head>
-
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+
  <body>
-
     <![endif]-->
+
     <!-- Start: HEADER -->
-
</head>
+
    <header>
-
<body>
+
      <!-- Start: Navigation wrapper -->
-
    <div class="container">
+
      <div class="navbar navbar-fixed-top">
-
<div class="row">
+
        <div class="navbar-inner">
-
<div class="span12">
+
          <div class="container">
-
<h3>
+
            <a href="index.html" class="brand brand-bootbus">Bootbusiness</a>
-
h3. Lorem ipsum dolor sit amet.
+
            <!-- Below button used for responsive navigation -->
-
</h3>
+
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-
<div class="navbar">
+
              <span class="icon-bar"></span>
-
<div class="navbar-inner">
+
              <span class="icon-bar"></span>
-
<div class="container-fluid">
+
              <span class="icon-bar"></span>
-
<a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a> <a href="#" class="brand">Title</a>
+
            </button>
-
<div class="nav-collapse collapse navbar-responsive-collapse">
+
            <!-- Start: Primary navigation -->
-
<ul class="nav">
+
            <div class="nav-collapse collapse">      
-
<li class="active">
+
              <ul class="nav pull-right">
-
<a href="#">Home</a>
+
                <li class="dropdown">
-
</li>
+
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Products and Services<b class="caret"></b></a>
-
<li>
+
                  <ul class="dropdown-menu">
-
<a href="#">Link</a>
+
                    <li class="nav-header">PRODUCTS</li>
-
</li>
+
                    <li><a href="product.html">Product1</a></li>
-
<li>
+
                    <li><a href="product.html">Product2</a></li>
-
<a href="#">Link</a>
+
                    <li><a href="product.html">Product3</a></li>
-
</li>
+
                    <li><a href="all_products.html">All products</a></li>            
-
<li class="dropdown">
+
                    <li class="divider"></li>
-
<a data-toggle="dropdown" class="dropdown-toggle" href="#">Dropdown<strong class="caret"></strong></a>
+
                    <li class="nav-header">SERVICES</li>
-
<ul class="dropdown-menu">
+
                    <li><a href="service.html">Service1</a></li>
-
<li>
+
                    <li><a href="service.html">Service2</a></li>
-
<a href="#">Action</a>
+
                    <li><a href="service.html">Service3</a></li>
-
</li>
+
                    <li><a href="all_services.html">All services</a></li>
-
<li>
+
                  </ul>                
-
<a href="#">Another action</a>
+
                </li>
-
</li>
+
                <li class="dropdown">
-
<li>
+
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">About<b class="caret"></b></a>
-
<a href="#">Something else here</a>
+
                  <ul class="dropdown-menu">
-
</li>
+
                    <li><a href="our_works.html">Our works</a></li>
-
<li class="divider">
+
                    <li><a href="patnerships.html">Parnerships</a></li>
-
</li>
+
                    <li><a href="leadership.html">Leadership</a></li>
-
<li class="nav-header">
+
                    <li><a href="news.html">News</a></li>
-
Nav header
+
                    <li><a href="events.html">Events</a></li>
-
</li>
+
                    <li><a href="blog.html">Blog</a></li>
-
<li>
+
                  </ul>
-
<a href="#">Separated link</a>
+
                </li>
-
</li>
+
                <li><a href="faq.html">FAQ</a></li>
-
<li>
+
                <li><a href="contact_us.html">Contact us</a></li>
-
<a href="#">One more separated link</a>
+
                <li><a href="signup.html">Sign up</a></li>
-
</li>
+
                <li><a href="signin.html">Sign in</a></li>
-
</ul>
+
              </ul>
-
</li>
+
            </div>
-
</ul>
+
          </div>
-
<ul class="nav pull-right">
+
        </div>
-
<li>
+
      </div>
-
<a href="#">Link</a>
+
      <!-- End: Navigation wrapper -->  
-
</li>
+
    </header>
-
<li class="divider-vertical">
+
    <!-- End: HEADER -->
-
</li>
+
    <!-- Start: MAIN CONTENT -->
-
<li class="dropdown">
+
    <div class="content">
-
<a data-toggle="dropdown" class="dropdown-toggle" href="#">Dropdown<strong class="caret"></strong></a>
+
      <!-- Start: slider -->
-
<ul class="dropdown-menu">
+
      <div class="slider">
-
<li>
+
        <div class="container-fluid">
-
<a href="#">Action</a>
+
          <div id="heroSlider" class="carousel slide">
-
</li>
+
            <div class="carousel-inner">
-
<li>
+
              <div class="active item">
-
<a href="#">Another action</a>
+
                <div class="hero-unit">
-
</li>
+
                  <div class="row-fluid">
-
<li>
+
                    <div class="span7 marketting-info">
-
<a href="#">Something else here</a>
+
                      <h1>TELL ABOUT YOUR BUSINESS AND CORPORATE.</h1>
-
</li>
+
                      <p>
-
<li class="divider">
+
                         We are Bootbusiness and we are awesome.We solve your technology problems by our awesome products.
-
</li>
+
                        We are Bootbusiness and we are awesome.We solve your technology problems by our awesome products.
-
<li>
+
                      </p>
-
<a href="#">Separated link</a>
+
                      <h3>
-
</li>
+
                         <a href="product.html" class="btn">Learn more</a>
-
</ul>
+
                      </h3>                     
-
</li>
+
-
</ul>
+
-
</div>
+
-
+
-
</div>
+
-
</div>
+
-
+
-
</div>
+
-
<div class="carousel slide" id="carousel-673931">
+
-
<ol class="carousel-indicators">
+
-
<li data-slide-to="0" data-target="#carousel-673931">
+
-
</li>
+
-
<li data-slide-to="1" data-target="#carousel-673931">
+
-
</li>
+
-
<li data-slide-to="2" data-target="#carousel-673931" class="active">
+
-
</li>
+
-
</ol>
+
-
<div class="carousel-inner">
+
-
<div class="item">
+
-
<img alt="" src="http://lorempixel.com/1600/500/sports/1" />
+
-
<div class="carousel-caption">
+
-
<h4>
+
-
First Thumbnail label
+
-
</h4>
+
-
<p>
+
-
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
+
-
</p>
+
-
</div>
+
-
</div>
+
-
<div class="item">
+
-
<img alt="" src="http://lorempixel.com/1600/500/sports/2" />
+
-
<div class="carousel-caption">
+
-
<h4>
+
-
Second Thumbnail label
+
-
</h4>
+
-
<p>
+
-
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
+
-
</p>
+
-
</div>
+
-
</div>
+
-
<div class="item active">
+
-
<img alt="" src="http://lorempixel.com/1600/500/sports/3" />
+
-
<div class="carousel-caption">
+
-
<h4>
+
-
Third Thumbnail label
+
-
</h4>
+
-
<p>
+
-
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
+
-
</p>
+
-
</div>
+
-
</div>
+
-
</div> <a data-slide="prev" href="#carousel-673931" class="left carousel-control">‹</a> <a data-slide="next" href="#carousel-673931" class="right carousel-control">›</a>
+
-
</div>
+
-
<ul class="thumbnails">
+
-
<li class="span4">
+
-
<div class="thumbnail">
+
-
<img alt="300x200" src="http://lorempixel.com/600/200/people" />
+
-
<div class="caption">
+
-
<h3>
+
-
Thumbnail label
+
-
</h3>
+
-
<p>
+
-
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
+
-
</p>
+
-
<p>
+
-
<a class="btn btn-primary" href="#">Action</a> <a class="btn" href="#">Action</a>
+
-
</p>
+
-
</div>
+
-
</div>
+
-
</li>
+
-
<li class="span4">
+
-
<div class="thumbnail">
+
-
<img alt="300x200" src="http://lorempixel.com/600/200/city" />
+
-
<div class="caption">
+
-
<h3>
+
-
Thumbnail label
+
-
</h3>
+
-
<p>
+
-
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
+
-
</p>
+
-
<p>
+
-
<a class="btn btn-primary" href="#">Action</a> <a class="btn" href="#">Action</a>
+
-
</p>
+
-
</div>
+
-
</div>
+
-
</li>
+
-
<li class="span4">
+
-
<div class="thumbnail">
+
-
<img alt="300x200" src="http://lorempixel.com/600/200/sports" />
+
-
<div class="caption">
+
-
<h3>
+
-
Thumbnail label
+
-
</h3>
+
-
<p>
+
-
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
+
-
</p>
+
-
<p>
+
-
<a class="btn btn-primary" href="#">Action</a> <a class="btn" href="#">Action</a>
+
-
</p>
+
-
</div>
+
-
</div>
+
-
</li>
+
-
</ul>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
 
+
-
    <!-- starts footer -->
+
-
    <footer id="footer">
+
-
        <div class="container">
+
-
            <div class="row sections">
+
-
                <div class="span4 recent_posts">
+
-
                    <h3 class="footer_header">
+
-
                        Recent Posts
+
-
                    </h3>
+
-
                    <div class="post">
+
-
                         <a href="blogpost.html">
+
-
                            <img src="img/recent_post1.png" class="img-circle" />
+
-
                        </a>
+
-
                        <div class="date">
+
-
                            Wed, 12 Dec
+
-
                        </div>
+
-
                         <a href="blogpost.html" class="title">
+
-
                            Randomised words which don't look embarrasing hidden.
+
-
                        </a>
+
                     </div>
                     </div>
-
                     <div class="post">
+
                     <div class="span5">
-
                        <a href="blogpost.html">
+
                      <img src="img/placeholder.jpg" class="thumbnail">
-
                            <img src="img/recent_post2.png" class="img-circle" />
+
-
                        </a>
+
-
                        <div class="date">
+
-
                            Mon, 12 Dec
+
-
                        </div>
+
-
                        <a href="blogpost.html" class="title">
+
-
                            Randomised words which don't look embarrasing hidden.
+
-
                        </a>
+
                     </div>
                     </div>
 +
                  </div>                 
                 </div>
                 </div>
-
                <div class="span4 testimonials">
+
              </div>
-
                    <h3 class="footer_header">
+
              <div class="item">
-
                        Testimonials
+
                <div class="hero-unit">
-
                    </h3>
+
                  <div class="row-fluid">
-
                    <div class="wrapper">
+
                    <div class="span7 marketting-info">
-
                        <div class="quote">
+
                      <h1>TELL ABOUT YOUR NATURE OF WORK</h1>
-
                            <span>“</span>
+
                      <p>
-
                            There are many variations of passages of randomised words which don't look even slightly believable. You need to be sure there isn't anything embarrassing of text.
+
                        We are Bootbusiness and we design ultimate website applications.
-
                            <span></span>
+
                        We are Bootbusiness and we design ultimate website applications.
-
                        </div>
+
                      </p>
-
                         <div class="author">
+
                      <h3>
-
                            <img src="img/user-display.png" />
+
                         <a href="service.html" class="btn">Learn more</a>
-
                            <div class="name">Alejandra Galvan Castillo</div>
+
                      </h3>                    
-
                            <div class="info">
+
-
                                Details Canvas
+
-
                            </div>
+
-
                        </div>
+
                     </div>
                     </div>
 +
                    <div class="span5">
 +
                      <img src="img/placeholder.jpg" class="thumbnail">
 +
                    </div>
 +
                  </div>                 
                 </div>
                 </div>
-
                 <div class="span4 contact">
+
              </div>
-
                     <h3 class="footer_header">
+
              <div class="item">
-
                         Contact
+
                 <div class="hero-unit">
-
                    </h3>
+
                  <div class="row-fluid">
-
                    <form action="#" method="post">
+
                     <div class="span7 marketting-info">
-
                         <input type="text" placeholder="Your name" />
+
                      <h1>TELL ABOUT YOUR PRODUCT</h1>
-
                        <input type="text" placeholder="Your email" />
+
                      <p>
-
                        <textarea rows="3" placeholder="Message"></textarea>
+
                         Get excited about our products.We build awesome products in mobile.
-
                        <input type="submit" value="Send" />
+
                        We build awesome products in mobile.We build awesome products in mobile.
-
                     </form>
+
                      </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>
+
              </div>
-
            <div class="row credits">
+
              <div class="item">
-
                 <div class="span12">
+
                 <div class="hero-unit">
-
                    <div class="row social">
+
                  <div class="row-fluid">
-
                        <div class="span12">
+
                    <div class="span7 marketting-info">
-
                            <a href="#" class="facebook">
+
                      <h1>TELL ABOUT YOUR ANOTHER PRODUCT</h1>
-
                                <span class="socialicons ico1"></span>
+
                      <p>
-
                                <span class="socialicons_h ico1h"></span>
+
                        Get excited about our products.We build awesome products in mobile.
-
                            </a>
+
                        We build awesome products in mobile.We build awesome products in mobile.
-
                            <a href="#" class="twitter">
+
                      </p>
-
                                <span class="socialicons ico2"></span>
+
                      <h3>
-
                                <span class="socialicons_h ico2h"></span>
+
                        <a href="#" class="btn btn-primary">Buy now</a>
-
                            </a>
+
                        <a href="product.html" class="btn">Learn more</a>
-
                            <a href="#" class="gplus">
+
                      </h3>                    
-
                                <span class="socialicons ico3"></span>
+
-
                                <span class="socialicons_h ico3h"></span>
+
-
                            </a>
+
-
                            <a href="#" class="flickr">
+
-
                                <span class="socialicons ico4"></span>
+
-
                                <span class="socialicons_h ico4h"></span>
+
-
                            </a>
+
-
                            <a href="#" class="pinterest">
+
-
                                <span class="socialicons ico5"></span>
+
-
                                <span class="socialicons_h ico5h"></span>
+
-
                            </a>
+
-
                            <a href="#" class="dribble">
+
-
                                <span class="socialicons ico6"></span>
+
-
                                <span class="socialicons_h ico6h"></span>
+
-
                            </a>
+
-
                            <a href="#" class="behance">
+
-
                                <span class="socialicons ico7"></span>
+
-
                                <span class="socialicons_h ico7h"></span>
+
-
                            </a>
+
-
                        </div>
+
                     </div>
                     </div>
-
                     <div class="row copyright">
+
                     <div class="span5">
-
                        <div class="span12">
+
                      <img src="img/placeholder.jpg" class="thumbnail">
-
                            © 2013 Clean Canvas. All rights reserved. Theme by Detail Canvas.
+
-
                        </div>
+
                     </div>
                     </div>
-
                 </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>     
 +
          <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>
 +
      </div>
 +
      <hr class="footer-divider">
 +
      <div class="container">
 +
        <p>
 +
          &copy; 2012-3000 Bootbusiness, Inc. All Rights Reserved.
 +
        </p>
 +
      </div>
     </footer>
     </footer>
-
 
+
     <!-- End: FOOTER -->
-
     <!-- Scripts -->
+
     <script type="text/javascript" src="js/jquery.min.js"></script>
-
     <script src="http://code.jquery.com/jquery-latest.js"></script>
+
     <script type="text/javascript" src="js/bootstrap.min.js"></script>
-
     <script src="js/bootstrap.min.js"></script>
+
     <script type="text/javascript" src="js/boot-business.js"></script>
-
 
+
  </body>
-
     <script type="text/javascript" src="js/index-slider.js"></script>
+
-
</body>
+
</html>
</html>

Revision as of 13:31, 6 September 2013

Bootbusiness | Give unique title of the page here

Bootbusiness

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"