Difference between revisions of "Team:Cornell NY/Test"

 
(35 intermediate revisions by the same user not shown)
Line 1: Line 1:
  
 +
<html lang="en">
  
−
<!DOCTYPE HTML>
 
−
<!--
 
−
Aesthetic by gettemplates.co
 
−
Twitter: http://twitter.com/gettemplateco
 
−
URL: http://gettemplates.co
 
−
-->
 
−
<html>
 
−
<style>
 
−
#sideMenu, #top_title {display:none;}
 
−
</style>
 
−
<link rel="stylesheet" type="text/css"
 
−
href="https://2016.igem.org/Team:Cornell_NY/CSS?action=raw&ctype=text/css" />
 
  
−
<script type="text/javascript" src="https://2016.igem.org/Team:Cornell_NY/JS?
 
−
action=raw&ctype=text/javascript"></script>
 
  
−
<head>
+
<style>/********************************* WIKI RESET  ********************************/
−
<meta charset="utf-8">
+
−
<meta http-equiv="X-UA-Compatible" content="IE=edge">
+
−
<title>Aesthetic &mdash; Free Website Template, Free HTML5 Template by gettemplates.co</title>
+
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
−
<meta name="description" content="Free HTML5 Website Template by gettemplates.co" />
+
−
<meta name="keywords" content="free website templates, free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" />
+
−
<meta name="author" content="gettemplates.co" />
+
  
−
  <!-- Facebook and Twitter integration -->
+
#sideMenu, #top_title {display:none;}
−
<meta property="og:title" content=""/>
+
#content { padding:0px; width:100%;margin-top:2px; margin-left:0px;font-family:"Trebuchet MS", Helvetica, sans-serif;}
−
<meta property="og:image" content=""/>
+
body {background-color:white; font-family:"Trebuchet MS", Helvetica, sans-serif; }
−
<meta property="og:url" content=""/>
+
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
−
<meta property="og:site_name" content=""/>
+
.mediawiki {
−
<meta property="og:description" content=""/>
+
background: #f6f6f6;
−
<meta name="twitter:title" content="" />
+
}
−
<meta name="twitter:image" content="" />
+
−
<meta name="twitter:url" content="" />
+
−
<meta name="twitter:card" content="" />
+
  
−
<!-- <link href="https://fonts.googleapis.com/css?family=Droid+Sans" rel="stylesheet"> -->
 
  
 +
 +
#globalWrapper {
 +
background-color: transparent;
 +
border: none;
 +
margin: 0;
 +
padding: 0;
 +
width: 100%;
 +
height: 100%;
 +
margin-top: -10px;
 +
font-size: 100%;
 +
}
  
−
</head>
+
#bodyContent {
−
<body>
+
border: none;
−
+
padding: 0px;
−
<div class="gtco-loader"></div>
+
margin: 0px;
−
+
width: 100%;
−
<div id="page">
+
height: 100%;
−
<nav class="gtco-nav" role="navigation">
+
potition: relative;
−
<div class="gtco-container">
+
}
−
<div class="row">
+
#top-section {
−
<div class="col-md-12 text-right gtco-contact">
+
width: 65%;
−
<ul class="">
+
position: absolute;
−
<li><a href="#"><i class="ti-mobile"></i> +1 (0)123 456 7890 </a></li>
+
z-index: 5000;
−
<li><a href="http://twitter.com/gettemplatesco"><i class="ti-twitter-alt"></i> </a></li>
+
height: 15px;
−
<li><a href="#"><i class="icon-mail2"></i></a></li>
+
margin-left: 150px;
−
<li><a href="#"><i class="ti-facebook"></i></a></li>
+
margin-right: auto;
−
</ul>
+
margin-bottom: 0 !important;
−
</div>
+
padding: 0;
−
</div>
+
border: none;
−
<div class="row">
+
font-size: 10px;
−
<div class="col-sm-4 col-xs-12">
+
}
−
<div id="gtco-logo"><a href="index.html">Aesthetic <em>.</em></a></div>
+
#p-logo {
−
</div>
+
height: 1px;
−
<div class="col-xs-8 text-right menu-1">
+
overflow: hidden;
−
<ul>
+
display: none;
−
<li class="active"><a href="index.html">Home</a></li>
+
}
−
<li><a href="about.html">About</a></li>
+
#search-controls {
−
<li class="has-dropdown">
+
overflow: hidden;
−
<a href="services.html">Services</a>
+
display: block;
−
<ul class="dropdown">
+
background: none;
−
<li><a href="#">Web Design</a></li>
+
position: absolute;
−
<li><a href="#">eCommerce</a></li>
+
top: 100px;
−
<li><a href="#">Branding</a></li>
+
right: 40px;
−
<li><a href="#">API</a></li>
+
}
−
</ul>
+
−
</li>
+
−
<li class="has-dropdown">
+
−
<a href="#">Dropdown</a>
+
−
<ul class="dropdown">
+
−
<li><a href="#">HTML5</a></li>
+
−
<li><a href="#">CSS3</a></li>
+
−
<li><a href="#">Sass</a></li>
+
−
<li><a href="#">jQuery</a></li>
+
−
</ul>
+
−
</li>
+
−
<li><a href="portfolio.html">Portfolio</a></li>
+
−
<li><a href="contact.html">Contact</a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
+
−
</div>
+
−
</nav>
+
  
−
<header id="gtco-header" class="gtco-cover" role="banner" style="background-image:url(images/img_bg_1.jpg);">
+
#menubar {
−
<div class="overlay"></div>
+
top: 0px;
−
<div class="gtco-container">
+
}
−
<div class="row">
+
−
<div class="col-md-12 col-md-offset-0 text-left">
+
−
<div class="display-t">
+
−
<div class="display-tc">
+
−
<h1 class="animate-box" data-animate-effect="fadeInUp">Your Business To The Next Level</h1>
+
−
<h2 class="animate-box" data-animate-effect="fadeInUp">Free HTML5 Bootstrap Templates Made <em>by</em> <a href="http://gettemplates.co/" target="_blank">GetTemplates.co</a></h2>
+
−
<p class="animate-box" data-animate-effect="fadeInUp"><a href="#" class="btn btn-white btn-lg btn-outline">Get In Touch</a></p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</header>
+
  
−
<div id="gtco-features-3">
+
#menubar.left-menu {
−
<div class="gtco-container">
+
/* margin-top: -80px; uncomment this when page goes live */
−
<div class="gtco-flex">
+
background: none;
−
<div class="feature feature-1 animate-box" data-animate-effect="fadeInUp">
+
height: 20px;
−
<div class="feature-inner">
+
left: 20px;
−
<span class="icon">
+
float: left;
−
<i class="ti-search"></i>
+
}
−
</span>
+
.left-menu ul {
−
<h3>Search</h3>
+
visibility: visible;
−
<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. </p>
+
}
−
<p><a href="#" class="btn btn-white btn-outline">Learn More</a></p>
+
−
</div>
+
−
</div>
+
−
<div class="feature feature-2 animate-box" data-animate-effect="fadeInUp">
+
−
<div class="feature-inner">
+
−
<span class="icon">
+
−
<i class="ti-announcement"></i>
+
−
</span>
+
−
<h3>Announcdement</h3>
+
−
<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. </p>
+
−
<p><a href="#" class="btn btn-white btn-outline">Learn More</a></p>
+
−
</div>
+
−
</div>
+
−
<div class="feature feature-3 animate-box" data-animate-effect="fadeInUp">
+
−
<div class="feature-inner">
+
−
<span class="icon">
+
−
<i class="ti-timer"></i>
+
−
</span>
+
−
<h3>Timer</h3>
+
−
<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. </p>
+
−
<p><a href="#" class="btn btn-white btn-outline">Learn More</a></p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
+
−
<div id="gtco-features">
+
−
<div class="gtco-container">
+
−
<div class="row">
+
−
<div class="col-md-8 col-md-offset-2 text-center gtco-heading animate-box">
+
−
<h2>Aesthetic Features</h2>
+
−
<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
+
−
</div>
+
−
</div>
+
−
<div class="row">
+
−
<div class="col-md-3 col-sm-6">
+
−
<div class="feature-center animate-box" data-animate-effect="fadeIn">
+
−
<span class="icon">
+
−
<i class="ti-vector"></i>
+
−
</span>
+
−
<h3>Pixel Perfect</h3>
+
−
<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. </p>
+
−
</div>
+
−
</div>
+
−
<div class="col-md-3 col-sm-6">
+
−
<div class="feature-center animate-box" data-animate-effect="fadeIn">
+
−
<span class="icon">
+
−
<i class="ti-tablet"></i>
+
−
</span>
+
−
<h3>Fully Responsive</h3>
+
−
<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. </p>
+
−
</div>
+
−
</div>
+
−
<div class="col-md-3 col-sm-6">
+
−
<div class="feature-center animate-box" data-animate-effect="fadeIn">
+
−
<span class="icon">
+
−
<i class="ti-settings"></i>
+
−
</span>
+
−
<h3>Web Development</h3>
+
−
<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. </p>
+
−
</div>
+
−
</div>
+
−
<div class="col-md-3 col-sm-6">
+
−
<div class="feature-center animate-box" data-animate-effect="fadeIn">
+
−
<span class="icon">
+
−
<i class="ti-ruler-pencil"></i>
+
−
</span>
+
−
<h3>Web Design</h3>
+
−
<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. </p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
  
−
<div id="gtco-portfolio" class="gtco-section">
+
.left-menu ul li a {
−
<div class="gtco-container">
+
color: #666;
−
<div class="row">
+
}
−
<div class="col-md-8 col-md-offset-2 text-center gtco-heading animate-box">
+
 
−
<h2>Our Latest Works</h2>
+
.left-menu li a:hover {
−
<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
+
color: #aaaaff !important;
−
</div>
+
text-decoration: none;
−
</div>
+
}
 +
#menubar.right-menu {
 +
display: block;
 +
width: 300px;
 +
float: left;
 +
margin-top: 2px;
 +
margin-right: 0px;
 +
border: none;
 +
}
 +
.right-menu ul {
 +
width: 300px;
 +
margin: 0px;
 +
visibility: visible;
 +
}
 +
.right-menu ul li a {
 +
background: none;
 +
color: #666;
 +
}
 +
 
 +
.right-menu:hover {
 +
color: white;
 +
}
 +
 
 +
#footer-box {
 +
width: 100%;
 +
margin: -10px auto 0 auto;
 +
padding: 20px 0;
 +
display: none; /* uncomment when page goes live */
 +
}
 +
.visualClear {
 +
display: none;
 +
}
 +
#footer {
 +
border: none;
 +
width: 965px;
 +
margin: 0 auto;
 +
padding: 0;
 +
}
 +
.firstHeading {
 +
display: none;
 +
}
 +
#f-list a {
 +
color: #333;
 +
font-size: 10px;
 +
}
 +
#f-list a:hover {
 +
color: #666;
 +
}
 +
.printfooter {
 +
display: none;
 +
}
 +
#footer ul {
 +
margin: 0;
 +
padding: 0;
 +
}
 +
#footer ul li {
 +
margin-top: 0;
 +
margin-bottom: 0;
 +
margin-left: 10px;
 +
margin-right: 10px;
 +
padding: 0;
 +
}
 +
#search-controls {
 +
display: none;
 +
}
 +
h3#siteSub {
 +
display: none;
 +
}
 +
#contentSub {
 +
display: none;
 +
}
 +
p:first-child {
 +
display: none;
 +
}
 +
#catlinks {
 +
display: none;
 +
}
 +
#footer-box {
 +
width: 977px;
 +
margin-bottom: 20px;
 +
}
 +
 
 +
</style>
 +
  
−
<div class="row row-pb-md">
 
−
<div class="col-md-12">
 
−
<ul id="gtco-portfolio-list">
 
−
<li class="two-third animate-box" data-animate-effect="fadeIn" style="background-image: url(images/img_1.jpg); ">
 
−
<a href="#" class="color-1">
 
−
<div class="case-studies-summary">
 
−
<span>Web Design</span>
 
−
<h2>View the Earth from the Outer Space</h2>
 
−
</div>
 
−
</a>
 
−
</li>
 
−
<li class="one-third animate-box" data-animate-effect="fadeIn" style="background-image: url(images/img_2.jpg); ">
 
−
<a href="#" class="color-2">
 
−
<div class="case-studies-summary">
 
−
<span>Illustration</span>
 
−
<h2>Sleeping in the Cold Blue Water</h2>
 
−
</div>
 
−
</a>
 
−
</li>
 
  
 +
<head>
  
−
<li class="one-half animate-box" data-animate-effect="fadeIn" style="background-image: url(images/img_3.jpg); ">
+
    <meta charset="utf-8">
−
<a href="#" class="color-3">
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
−
<div class="case-studies-summary">
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
−
<span>Illustration</span>
+
    <meta name="description" content="">
−
<h2>Building Builded by Man</h2>
+
    <meta name="author" content="">
−
</div>
+
−
</a>
+
−
</li>
+
−
<li class="one-half animate-box" data-animate-effect="fadeIn" style="background-image: url(images/img_4.jpg); ">
+
−
<a href="#" class="color-4">
+
−
<div class="case-studies-summary">
+
−
<span>Web Design</span>
+
−
<h2>The Peaceful Place On Earth</h2>
+
−
</div>
+
−
</a>
+
−
</li>
+
  
−
<li class="one-third animate-box" data-animate-effect="fadeIn" style="background-image: url(images/img_5.jpg); ">  
+
    <title>Creative - Start Bootstrap Theme</title>
−
<a href="#" class="color-5">
+
−
<div class="case-studies-summary">
+
−
<span>Web Design</span>
+
−
<h2>I'm Getting Married</h2>
+
−
</div>
+
−
</a>
+
−
</li>
+
−
<li class="two-third animate-box" data-animate-effect="fadeIn" style="background-image: url(images/img_6.jpg); ">
+
−
<a href="#" class="color-6">
+
−
<div class="case-studies-summary">
+
−
<span>Illustration</span>
+
−
<h2>Beautiful Flowers In The Air</h2>
+
−
</div>
+
−
</a>
+
−
</li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
  
−
<div class="row">
+
    <link href="https://2016.igem.org/Team:Cornell_NY/CSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
−
<div class="col-md-4 col-md-offset-4 text-center animate-box">
+
<script type="text/javascript" src="https://2016.igem.org/Team:Cornell_NY/JS?action=raw&ctype=text/javascript"></script>  
−
<a href="#" class="btn btn-white btn-outline btn-lg btn-block">See All Our Works</a>
+
−
</div>
+
−
</div>
+
  
−
+
  <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
−
</div>
+
    <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
−
</div>
+
  
−
<div id="gtco-counter" class="gtco-section">
+
−
<div class="gtco-container">
+
  
−
<div class="row">
+
<script  type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
−
<div class="col-md-8 col-md-offset-2 text-center gtco-heading animate-box">
+
−
<h2>Fun Facts</h2>
+
−
<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
+
−
</div>
+
−
</div>
+
  
−
<div class="row">
+
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
−
+
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
−
<div class="col-md-3 col-sm-6 animate-box" data-animate-effect="fadeInLeft">
+
    <!--[if lt IE 9]>
−
<div class="feature-center">
+
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
−
<span class="icon">
+
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
−
<i class="ti-settings"></i>
+
    <![endif]-->
−
</span>
+
−
<span class="counter js-counter" data-from="0" data-to="22070" data-speed="5000" data-refresh-interval="50">1</span>
+
−
<span class="counter-label">Creativity Fuel</span>
+
  
−
</div>
+
</head>
−
</div>
+
−
<div class="col-md-3 col-sm-6 animate-box" data-animate-effect="fadeInLeft">
+
−
<div class="feature-center">
+
−
<span class="icon">
+
−
<i class="ti-face-smile"></i>
+
−
</span>
+
−
<span class="counter js-counter" data-from="0" data-to="97" data-speed="5000" data-refresh-interval="50">1</span>
+
−
<span class="counter-label">Happy Clients</span>
+
−
</div>
+
−
</div>
+
−
<div class="col-md-3 col-sm-6 animate-box" data-animate-effect="fadeInLeft">
+
−
<div class="feature-center">
+
−
<span class="icon">
+
−
<i class="ti-briefcase"></i>
+
−
</span>
+
−
<span class="counter js-counter" data-from="0" data-to="402" data-speed="5000" data-refresh-interval="50">1</span>
+
−
<span class="counter-label">Projects Done</span>
+
−
</div>
+
−
</div>
+
−
<div class="col-md-3 col-sm-6 animate-box" data-animate-effect="fadeInLeft">
+
−
<div class="feature-center">
+
−
<span class="icon">
+
−
<i class="ti-time"></i>
+
−
</span>
+
−
<span class="counter js-counter" data-from="0" data-to="212023" data-speed="5000" data-refresh-interval="50">1</span>
+
−
<span class="counter-label">Hours Spent</span>
+
  
−
</div>
+
<body id="page-top">
−
</div>
+
−
+
−
</div>
+
−
</div>
+
−
</div>
+
  
−
<div id="gtco-products">
+
    <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
−
<div class="gtco-container">
+
        <div class="container-fluid">
−
<div class="row animate-box">
+
            <!-- Brand and toggle get grouped for better mobile display -->
−
<div class="col-md-8 col-md-offset-2 text-center gtco-heading animate-box">
+
            <div class="navbar-header">
−
<h2>Products</h2>
+
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
−
<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
+
                    <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
−
</div>
+
                </button>
−
</div>
+
                <a class="navbar-brand page-scroll" href="#page-top">Start Bootstrap</a>
−
<div class="row animate-box">
+
            </div>
−
<div class="owl-carousel owl-carousel-carousel">
+
−
<div class="item">
+
−
<img src="images/img_1.jpg" alt="Free HTML5 Bootstrap Template by GetTemplates.co">
+
−
</div>
+
−
<div class="item">
+
−
<img src="images/img_2.jpg" alt="Free HTML5 Bootstrap Template by GetTemplates.co">
+
−
</div>
+
−
<div class="item">
+
−
<img src="images/img_3.jpg" alt="Free HTML5 Bootstrap Template by GetTemplates.co">
+
−
</div>
+
−
<div class="item">
+
−
<img src="images/img_4.jpg" alt="Free HTML5 Bootstrap Template by GetTemplates.co">
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
  
−
+
            <!-- Collect the nav links, forms, and other content for toggling -->
 +
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 +
                <ul class="nav navbar-nav navbar-right">
 +
                    <li>
 +
                        <a class="page-scroll" href="#about">About</a>
 +
                    </li>
 +
                    <li>
 +
                        <a class="page-scroll" href="#services">Services</a>
 +
                    </li>
 +
                    <li>
 +
                        <a class="page-scroll" href="#portfolio">Portfolio</a>
 +
                    </li>
 +
                    <li>
 +
                        <a class="page-scroll" href="#contact">Contact</a>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
            <!-- /.navbar-collapse -->
 +
        </div>
 +
        <!-- /.container-fluid -->
 +
    </nav>
  
−
<div id="gtco-subscribe">
+
    <header>
−
<div class="gtco-container">
+
        <div class="header-content">
−
<div class="row animate-box">
+
            <div class="header-content-inner">
−
<div class="col-md-8 col-md-offset-2 text-center gtco-heading">
+
                <h1 id="homeHeading">Your Favorite Source of Free Bootstrap Themes</h1>
−
<h2>Subscribe</h2>
+
                <hr>
−
<p>Be the first to know about the new templates.</p>
+
                <p>Start Bootstrap can help you build better websites using the Bootstrap CSS framework! Just download your template and start going, no strings attached!</p>
−
</div>
+
                <a href="#about" class="btn btn-primary btn-xl page-scroll">Find Out More</a>
−
</div>
+
            </div>
−
<div class="row animate-box">
+
        </div>
−
<div class="col-md-12">
+
    </header>
−
<form class="form-inline">
+
−
<div class="col-md-4 col-sm-4">
+
−
<div class="form-group">
+
−
<label for="email" class="sr-only">Email</label>
+
−
<input type="email" class="form-control" id="email" placeholder="Your Email">
+
−
</div>
+
−
</div>
+
−
<div class="col-md-4 col-sm-4">
+
−
<div class="form-group">
+
−
<label for="name" class="sr-only">Name</label>
+
−
<input type="text" class="form-control" id="name" placeholder="Your Name">
+
−
</div>
+
−
</div>
+
−
<div class="col-md-4 col-sm-4">
+
−
<button type="submit" class="btn btn-default btn-block">Subscribe</button>
+
−
</div>
+
−
</form>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
  
−
<footer id="gtco-footer" role="contentinfo">
+
    <section class="bg-primary" id="about">
−
<div class="gtco-container">
+
        <div class="container">
−
<div class="row row-p b-md">
+
            <div class="row">
 +
                <div class="col-lg-8 col-lg-offset-2 text-center">
 +
                    <h2 class="section-heading">We've got what you need!</h2>
 +
                    <hr class="light">
 +
                    <p class="text-faded">Start Bootstrap has everything you need to get your new website up and running in no time! All of the templates and themes on Start Bootstrap are open source, free to download, and easy to use. No strings attached!</p>
 +
                    <a href="#services" class="page-scroll btn btn-default btn-xl sr-button">Get Started!</a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
  
−
<div class="col-md-4">
+
    <section id="services">
−
<div class="gtco-widget">
+
        <div class="container">
−
<h3>About Us</h3>
+
            <div class="row">
−
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore eos molestias quod sint ipsum possimus temporibus officia iste perspiciatis consectetur in fugiat repudiandae cum. Totam cupiditate nostrum ut neque ab?</p>
+
                <div class="col-lg-12 text-center">
−
</div>
+
                    <h2 class="section-heading">At Your Service</h2>
−
</div>
+
                    <hr class="primary">
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-lg-3 col-md-6 text-center">
 +
                    <div class="service-box">
 +
                        <i class="fa fa-4x fa-diamond text-primary sr-icons"></i>
 +
                        <h3>Sturdy Templates</h3>
 +
                        <p class="text-muted">Our templates are updated regularly so they don't break.</p>
 +
                    </div>
 +
                </div>
 +
                <div class="col-lg-3 col-md-6 text-center">
 +
                    <div class="service-box">
 +
                        <i class="fa fa-4x fa-paper-plane text-primary sr-icons"></i>
 +
                        <h3>Ready to Ship</h3>
 +
                        <p class="text-muted">You can use this theme as is, or you can make changes!</p>
 +
                    </div>
 +
                </div>
 +
                <div class="col-lg-3 col-md-6 text-center">
 +
                    <div class="service-box">
 +
                        <i class="fa fa-4x fa-newspaper-o text-primary sr-icons"></i>
 +
                        <h3>Up to Date</h3>
 +
                        <p class="text-muted">We update dependencies to keep things fresh.</p>
 +
                    </div>
 +
                </div>
 +
                <div class="col-lg-3 col-md-6 text-center">
 +
                    <div class="service-box">
 +
                        <i class="fa fa-4x fa-heart text-primary sr-icons"></i>
 +
                        <h3>Made with Love</h3>
 +
                        <p class="text-muted">You have to make your websites with love these days!</p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
  
−
<div class="col-md-4 col-md-push-1">
+
    <section class="no-padding" id="portfolio">
−
<div class="gtco-widget">
+
        <div class="container-fluid">
−
<h3>Links</h3>
+
            <div class="row no-gutter popup-gallery">
−
<ul class="gtco-footer-links">
+
                <div class="col-lg-4 col-sm-6">
−
<li><a href="#">Knowledge Base</a></li>
+
                    <a href="img/portfolio/fullsize/1.jpg" class="portfolio-box">
−
<li><a href="#">Career</a></li>
+
                        <img src="img/portfolio/thumbnails/1.jpg" class="img-responsive" alt="">
−
<li><a href="#">Press</a></li>
+
                        <div class="portfolio-box-caption">
−
<li><a href="#">Terms of services</a></li>
+
                            <div class="portfolio-box-caption-content">
−
<li><a href="#">Privacy Policy</a></li>
+
                                <div class="project-category text-faded">
−
</ul>
+
                                    Category
−
</div>
+
                                </div>
−
</div>
+
                                <div class="project-name">
 +
                                    Project Name
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </a>
 +
                </div>
 +
                <div class="col-lg-4 col-sm-6">
 +
                    <a href="img/portfolio/fullsize/2.jpg" class="portfolio-box">
 +
                        <img src="img/portfolio/thumbnails/2.jpg" class="img-responsive" alt="">
 +
                        <div class="portfolio-box-caption">
 +
                            <div class="portfolio-box-caption-content">
 +
                                <div class="project-category text-faded">
 +
                                    Category
 +
                                </div>
 +
                                <div class="project-name">
 +
                                    Project Name
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </a>
 +
                </div>
 +
                <div class="col-lg-4 col-sm-6">
 +
                    <a href="img/portfolio/fullsize/3.jpg" class="portfolio-box">
 +
                        <img src="img/portfolio/thumbnails/3.jpg" class="img-responsive" alt="">
 +
                        <div class="portfolio-box-caption">
 +
                            <div class="portfolio-box-caption-content">
 +
                                <div class="project-category text-faded">
 +
                                    Category
 +
                                </div>
 +
                                <div class="project-name">
 +
                                    Project Name
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </a>
 +
                </div>
 +
                <div class="col-lg-4 col-sm-6">
 +
                    <a href="img/portfolio/fullsize/4.jpg" class="portfolio-box">
 +
                        <img src="img/portfolio/thumbnails/4.jpg" class="img-responsive" alt="">
 +
                        <div class="portfolio-box-caption">
 +
                            <div class="portfolio-box-caption-content">
 +
                                <div class="project-category text-faded">
 +
                                    Category
 +
                                </div>
 +
                                <div class="project-name">
 +
                                    Project Name
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </a>
 +
                </div>
 +
                <div class="col-lg-4 col-sm-6">
 +
                    <a href="img/portfolio/fullsize/5.jpg" class="portfolio-box">
 +
                        <img src="img/portfolio/thumbnails/5.jpg" class="img-responsive" alt="">
 +
                        <div class="portfolio-box-caption">
 +
                            <div class="portfolio-box-caption-content">
 +
                                <div class="project-category text-faded">
 +
                                    Category
 +
                                </div>
 +
                                <div class="project-name">
 +
                                    Project Name
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </a>
 +
                </div>
 +
                <div class="col-lg-4 col-sm-6">
 +
                    <a href="img/portfolio/fullsize/6.jpg" class="portfolio-box">
 +
                        <img src="img/portfolio/thumbnails/6.jpg" class="img-responsive" alt="">
 +
                        <div class="portfolio-box-caption">
 +
                            <div class="portfolio-box-caption-content">
 +
                                <div class="project-category text-faded">
 +
                                    Category
 +
                                </div>
 +
                                <div class="project-name">
 +
                                    Project Name
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
  
−
<div class="col-md-4">
+
    <aside class="bg-dark">
−
<div class="gtco-widget">
+
        <div class="container text-center">
−
<h3>Get In Touch</h3>
+
            <div class="call-to-action">
−
<ul class="gtco-quick-contact">
+
                <h2>Free Download at Start Bootstrap!</h2>
−
<li><a href="#"><i class="icon-phone"></i> +1 234 567 890</a></li>
+
                <a href="http://startbootstrap.com/template-overviews/creative/" class="btn btn-default btn-xl sr-button">Download Now!</a>
−
<li><a href="#"><i class="icon-mail2"></i> info@gettemplates.co</a></li>
+
            </div>
−
<li><a href="#"><i class="icon-chat"></i> Live Chat</a></li>
+
        </div>
−
</ul>
+
    </aside>
−
</div>
+
−
</div>
+
  
−
</div>
+
    <section id="contact">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-lg-8 col-lg-offset-2 text-center">
 +
                    <h2 class="section-heading">Let's Get In Touch!</h2>
 +
                    <hr class="primary">
 +
                    <p>Ready to start your next project with us? That's great! Give us a call or send us an email and we will get back to you as soon as possible!</p>
 +
                </div>
 +
                <div class="col-lg-4 col-lg-offset-2 text-center">
 +
                    <i class="fa fa-phone fa-3x sr-contact"></i>
 +
                    <p>123-456-6789</p>
 +
                </div>
 +
                <div class="col-lg-4 text-center">
 +
                    <i class="fa fa-envelope-o fa-3x sr-contact"></i>
 +
                    <p><a href="mailto:your-email@your-domain.com">feedback@startbootstrap.com</a></p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
  
−
<div class="row copyright">
+
 
−
<div class="col-md-12">
+
−
<p class="pull-left">
+
−
<small class="block">&copy; 2016 Free HTML5. All Rights Reserved.</small>
+
−
<small class="block">Designed by <a href="http://gettemplates.co/" target="_blank">GetTemplates.co</a> Demo Images: <a href="http://unsplash.co/" target="_blank">Unsplash</a></small>
+
−
</p>
+
−
<p class="pull-right">
+
−
<ul class="gtco-social-icons pull-right">
+
−
<li><a href="#"><i class="icon-twitter"></i></a></li>
+
−
<li><a href="#"><i class="icon-facebook"></i></a></li>
+
−
<li><a href="#"><i class="icon-linkedin"></i></a></li>
+
−
<li><a href="#"><i class="icon-dribbble"></i></a></li>
+
−
</ul>
+
−
</p>
+
−
</div>
+
−
</div>
+
  
−
</div>
 
−
</footer>
 
−
</div>
 
  
−
<div class="gototop js-top">
+
</body>
−
<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
+
−
</div>
+
−
+
−
<!-- jQuery -->
+
−
<script src="js/jquery.min.js"></script>
+
−
<!-- jQuery Easing -->
+
−
<script src="js/jquery.easing.1.3.js"></script>
+
−
<!-- Bootstrap -->
+
−
<script src="js/bootstrap.min.js"></script>
+
−
<!-- Waypoints -->
+
−
<script src="js/jquery.waypoints.min.js"></script>
+
−
<!-- Carousel -->
+
−
<script src="js/owl.carousel.min.js"></script>
+
−
<!-- countTo -->
+
−
<script src="js/jquery.countTo.js"></script>
+
−
<!-- Magnific Popup -->
+
−
<script src="js/jquery.magnific-popup.min.js"></script>
+
−
<script src="js/magnific-popup-options.js"></script>
+
−
<!-- Main -->
+
−
<script src="js/main.js"></script>
+
  
−
</body>
 
 
</html>
 
</html>

Latest revision as of 03:38, 14 September 2016

Creative - Start Bootstrap Theme

Your Favorite Source of Free Bootstrap Themes

Start Bootstrap can help you build better websites using the Bootstrap CSS framework! Just download your template and start going, no strings attached!

Find Out More

We've got what you need!

Start Bootstrap has everything you need to get your new website up and running in no time! All of the templates and themes on Start Bootstrap are open source, free to download, and easy to use. No strings attached!

Get Started!

At Your Service

Sturdy Templates

Our templates are updated regularly so they don't break.

Ready to Ship

You can use this theme as is, or you can make changes!

Up to Date

We update dependencies to keep things fresh.

Made with Love

You have to make your websites with love these days!

Category
Project Name
Category
Project Name
Category
Project Name
Category
Project Name
Category
Project Name
Category
Project Name

Let's Get In Touch!

Ready to start your next project with us? That's great! Give us a call or send us an email and we will get back to you as soon as possible!

123-456-6789

feedback@startbootstrap.com