Skip to content
Permalink
master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Layout_3/index.html

Go to file
 
 
Cannot retrieve contributors at this time
420 lines (348 sloc) 15.8 KB
Raw Blame
Open in GitHub Desktop
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>WebWorld</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="stylesheet" href="css/bootstrap.min.css">
<style>
body {
padding-top: 50px;
padding-bottom: 20px;
}
</style>
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
<script src="js/vendor/bootstrap.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div class="">
<nav class="navbar navbar navbar-static-top container-fluid">
<div class="row top-nav">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#">Web<span class="blue-text">World</span></a>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-hamburger2">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="nav-hamburger">
<ul class="nav navbar-nav navbar-right">
<li>
<a href="#"><img src="img/rss.png" alt="rss"></a>
</li>
<li>
<a href="#"><img src="img/facebook.png" alt="facebook"></a>
</li>
<li>
<a href="#"><img src="img/twitter.png" alt="twitter"></a>
</li>
<li>
<a href="#"><img src="img/linkedin.png" alt="linkedin"></a>
</li>
</ul>
</div>
</div>
</div>
<div class="row container-fluid bottom-nav">
<div class="container">
<div class="navbar-header">
<!--
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-hamburger2">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
-->
</div>
<div class="collapse navbar-collapse" id="nav-hamburger2">
<ul class="nav nav-tabs col-sm-8">
<li class=" active"><a href="#">Home</a></li>
<li class=""><a href="#">About Us</a></li>
<li class=""><a href="#">Service</a></li>
<li class=""><a href="#">Pages</a></li>
<li class=""><a href="#">Blog</a></li>
<li class=""><a href="#">Contact Us</a></li>
</ul>
<form class="navbar-form navbar-right col-sm-1" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search Something">
</div>
<button type="submit" class="btn"><img src="img/search.png" alt="search"></button>
</form>
</div>
</div>
</div>
</nav>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
<li data-target="#myCarousel" data-slide-to="4"></li>
<li data-target="#myCarousel" data-slide-to="5"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="img/bridge.png" alt="Chania">
<div class="carousel-caption">
<h3>Welcome to our web site</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since.</p>
</div>
</div>
<div class="item">
<img src="img/bridge.png" alt="Chania">
<div class="carousel-caption">
<h3>Welcome to our web site</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since.</p>
</div>
</div>
<div class="item">
<img src="img/bridge.png" alt="Flower">
<div class="carousel-caption">
<h3>Welcome to our web site</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since.</p>
</div>
</div>
<div class="item">
<img src="img/bridge.png" alt="Flower">
<div class="carousel-caption">
<h3>Welcome to our web site</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since.</p>
</div>
</div>
<div class="item">
<img src="img/bridge.png" alt="Flower">
<div class="carousel-caption">
<h3>Welcome to our web site</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since.</p>
</div>
</div>
<div class="item">
<img src="img/bridge.png" alt="Flower">
<div class="carousel-caption">
<h3>Welcome to our web site</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since.</p>
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<!-- <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>-->
<span><img src="img/left.png" alt="previous"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<!-- <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>-->
<span><img src="img/right.png" alt="next"></span>
<span class="sr-only">Next</span>
</a>
</div>
<section class="dummy">
<div class="container">
<h1>Lorem Ipsum is <span class="bold">simply dummy</span> of the printing.</h1>
<p class="dummy">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make atype specimen book. It has survived not only five centuries.</p>
</div>
<div class="container features">
<div class="col-md-4 ">
<div class="feature">
<div class="flex-img">
<img class="flex-img" src="img/iMac.png" alt="imac">
</div>
<h2><span class="bold">Lorem Ipsum</span> is simply</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting of the industry. Lorem Ipsum has been</p>
</div>
</div>
<div class="col-md-4">
<div class="feature active">
<div class="flex-img">
<img class="flex-img" src="img/pencil-with-paper.png" alt="imac">
</div>
<h2><span class="bold">Lorem Ipsum</span> is simply</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting of the industry. Lorem Ipsum has been</p>
<div class="flex-img active triangle">
<img class="flex-img" src="img/triangle.png" alt="tri">
</div>
</div>
</div>
<div class="col-md-4">
<div class="feature">
<div class="flex-img">
<img class="flex-img" src="img/photo.png" alt="imac">
</div>
<h2><span class="bold">Lorem Ipsum</span> is simply</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting of the industry. Lorem Ipsum has been</p>
</div>
</div>
</div>
</section>
<section class="more">
<div class="container">
<div class="col-md-4 col-sm-6">
<div class="card">
<img class="card-img-top img-responsive" src="img/1.png" alt="car">
<div class="card-block">
<h4 class="card-title">Lorem Ipsum is simply</h4>
<p class="card-text">Lorem Ipsum is simply dummy text of the printing and typesetting of the</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="card">
<img class="card-img-top img-responsive" src="img/Layer-41.png" alt="car">
<div class="card-block">
<h4 class="card-title">Lorem Ipsum is simply</h4>
<p class="card-text">Lorem Ipsum is simply dummy text of the printing and typesetting of the</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="card">
<img class="card-img-top img-responsive" src="img/Layer-42.png" alt="car">
<div class="card-block">
<h4 class="card-title">Lorem Ipsum is simply</h4>
<p class="card-text">Lorem Ipsum is simply dummy text of the printing and typesetting of the</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="card">
<img class="card-img-top img-responsive" src="img/Layer-43.png" alt="car">
<div class="card-block">
<h4 class="card-title">Lorem Ipsum is simply</h4>
<p class="card-text">Lorem Ipsum is simply dummy text of the printing and typesetting of the</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="card">
<img class="card-img-top img-responsive" src="img/Layer-44.png" alt="car">
<div class="card-block">
<h4 class="card-title">Lorem Ipsum is simply</h4>
<p class="card-text">Lorem Ipsum is simply dummy text of the printing and typesetting of the</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="card">
<img class="card-img-top img-responsive" src="img/Layer-45.png" alt="car">
<div class="card-block">
<h4 class="card-title">Lorem Ipsum is simply</h4>
<p class="card-text">Lorem Ipsum is simply dummy text of the printing and typesetting of the</p>
</div>
</div>
</div>
</div>
</section>
<section class="row partners container">
<!-- <div class="row">-->
<img class="col-md-2 col-sm-3" src="img/Layer-48.png" alt="partner company">
<img class="col-md-2 col-sm-3" src="img/Layer-46.png" alt="partner company">
<img class="col-md-2 col-sm-3" src="img/Layer-47.png" alt="partner company">
<img class="col-md-2 col-sm-3" src="img/Layer-49.png" alt="partner company">
<!-- </div>-->
</section>
<footer>
<div class="row container">
<div class="popular col-sm-3 col-xs-10">
<h5>Populr Post</h5>
<div class="post">
<p>Lorem Ipsum is simply dummy text of the printing.</p>
<time datetime="2013-09-25"><img src='img/time.png' alt="time icon"> 25-September 2013</time>
</div>
<div class="post">
<p>Lorem Ipsum is simply dummy text of the printing.</p>
<time datetime="2013-09-25"><img src='img/time.png' alt="time icon"> 25-September 2013</time>
</div>
</div>
<div class="tags col-sm-3 col-xs-10">
<h5>Tags</h5>
<p class="tags">
apps <strong>blog</strong> blogroll christmas cms coda concert <strong>daily design</strong> develop dialog drinks envato food fun gallery gift holiday icon <strong>illustration</strong> ipad iphone journal <strong>jquery</strong> label link marketing mobile motion music photo <strong>profession</strong> quotation recipes show sound strategy tv typography <strong>video</strong>
</p>
</div>
<div class="about col-sm-3 col-xs-10">
<h5>A little about us</h5>
<p class="about">
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. </p>
<p>If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything.
</p>
</div>
<div class="contact col-sm-3 col-xs-10">
<h5>Get in touch</h5>
<p class="contact">
Lorem Ipsum is simply dummy of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since.</p>
<a href="#">Texas, US</a>
<a href="#">email@email.com</a>
<a href="tel://1-890-09880-45590">890-09880-45590</a>
</div>
</div>
<div class="navbar navbar-static-top container-fluid foot">
<div class="row top-nav">
<div class="container foot-cont">
<div class="navbar-header">
<p class="navbar-brand copy">&#169; 2016 Super Awesome Web Student</p>
</div>
<ul class="nav navbar-nav navbar-right ">
<li class=" col-xs-2">
<a href="#"><img src="img/rss.png" alt="rss"></a>
</li>
<li class=" col-xs-2">
<a href="#"><img src="img/facebook.png" alt="facebook"></a>
</li>
<li class=" col-xs-2">
<a href="#"><img src="img/twitter.png" alt="twitter"></a>
</li>
<li class=" col-xs-2">
<a href="#"><img src="img/linkedin.png" alt="linkedin"></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')
</script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
(function (b, o, i, l, e, r) {
b.GoogleAnalyticsObject = l;
b[l] || (b[l] =
function () {
(b[l].q = b[l].q || []).push(arguments)
});
b[l].l = +new Date;
e = o.createElement(i);
r = o.getElementsByTagName(i)[0];
e.src = '//www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e, r)
}(window, document, 'script', 'ga'));
ga('create', 'UA-XXXXX-X', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>