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

  • 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.

  • 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.

  • 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.

  • 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.

  • 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.

  • 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.