0% found this document useful (0 votes)
20 views

Web Scrabing

Uploaded by

karunislegend999
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
20 views

Web Scrabing

Uploaded by

karunislegend999
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 5

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head
content must come *after* these tags -->
<title>Day - HTML Bootstrap Template</title>

<!-- Bootstrap -->


<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/animate.css">
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" />
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media
queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<header id="header">
<nav class="navbar navbar-default navbar-static-top" role="banner">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-
toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="navbar-brand">
<a href="index.html"><h1>Day</h1></a>
</div>
</div>
<div class="navbar-collapse collapse">

<div class="menu">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation"><a
href="index.html" >Home</a></li>
<li role="presentation"><a
href="about.html">About Us</a></li>
<li role="presentation"><a
href="services.html">Services</a></li>
<li role="presentation"><a
href="gallery.html" class="active">Gallery</a></li>
<li role="presentation"><a
href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div><!--/.container-->
</nav><!--/nav-->
</header><!--/header-->

<div class="gallery">
<div class="text-center">
<h2>Gallery</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Quaerat quod voluptate consequuntur ad quasi,<br> dolores obcaecati ex aliquid,
dolor provident </p>
</div>
<div class="container">
<div class="col-md-4">
<figure class="effect-marley">
<img src="img/8.jpg" alt="" class="img-responsive"/>
<figcaption>
<h4>sweet marley</h4>
<p>Marley tried to convince her but she was not
interested.</p>
</figcaption>
</figure>
</div>
<div class="col-md-4">
<figure class="effect-marley">
<img src="img/9.jpg" alt="" class="img-responsive"/>
<figcaption>
<h4>sweet marley</h4>
<p>Marley tried to convince her but she was not
interested.</p>
</figcaption>
</figure>
</div>
<div class="col-md-4">
<figure class="effect-marley">
<img src="img/10.jpg" alt="" class="img-responsive"/>
<figcaption>
<h4>sweet marley</h4>
<p>Marley tried to convince her but she was not
interested.</p>
</figcaption>
</figure>
</div>
</div>

<div class="container">
<div class="col-md-4">
<figure class="effect-marley">
<img src="img/11.jpg" alt="" class="img-responsive"/>
<figcaption>
<h4>sweet marley</h4>
<p>Marley tried to convince her but she was not
interested.</p>
</figcaption>
</figure>
</div>
<div class="col-md-4">
<figure class="effect-marley">
<img src="img/12.jpg" alt="" class="img-responsive"/>
<figcaption>
<h4>sweet marley</h4>
<p>Marley tried to convince her but she was not
interested.</p>
</figcaption>
</figure>
</div>
<div class="col-md-4">
<figure class="effect-marley">
<img src="img/13.jpg" alt="" class="img-responsive"/>
<figcaption>
<h4>sweet marley</h4>
<p>Marley tried to convince her but she was not
interested.</p>
</figcaption>
</figure>
</div>
</div>
</div>

<footer>
<div class="container">
<div class="col-md-4 wow fadeInDown" data-wow-duration="1000ms"
data-wow-delay="300ms">
<h4>About Us</h4>
<p>Day is tellus ac cursus commodo, mauesris condime ntum
nibh, ut fermentum mas justo sitters.</p>
<div class="contact-info">
<ul>
<li><i class="fa fa-home fa"></i>Suite 54
Elizebth Street, Victoria State Newyork, USA </li>
<li><i class="fa fa-phone fa"></i> +38 000
129900</li>
<li><i class="fa fa-envelope fa"></i>
[email protected]</li>
</ul>
</div>
</div>

<div class="col-md-4 wow fadeInDown" data-wow-duration="1000ms"


data-wow-delay="600ms">
<div class="text-center">
<h4>Photo Gallery</h4>
<ul class="sidebar-gallery">
<li><a href="#"><img src="img/gallery1.png"
alt="" /></a></li>
<li><a href="#"><img src="img/gallery2.png"
alt="" /></a></li>
<li><a href="#"><img src="img/gallery3.png"
alt="" /></a></li>
<li><a href="#"><img src="img/gallery4.png"
alt="" /></a></li>
<li><a href="#"><img src="img/gallery5.png"
alt="" /></a></li>
<li><a href="#"><img src="img/gallery6.png"
alt="" /></a></li>
</ul>
</div>
</div>

<div class="col-md-4 wow fadeInDown" data-wow-duration="1000ms"


data-wow-delay="900ms">
<div class="">
<h4>Newsletter Registration</h4>
<p>Subscribe today to receive the latest Day news via
email. You may unsubscribe from this service at any time</p>
<div class="btn-gamp">
<input type="email" class="form-control"
id="exampleInputEmail3" placeholder="Enter Email">
</div>
<div class="btn-gamp">
<a type="submit" class="btn btn-
default">Subscribe</a>
</div>

</div>

</div>
</footer>

<div class="sub-footer">
<div class="container">
<div class="social-icon">
<div class="col-md-4">
<ul class="social-network">
<li><a href="#" class="fb tool-tip"
title="Facebook"><i class="fa fa-facebook"></i></a></li>
<li><a href="#" class="twitter tool-tip"
title="Twitter"><i class="fa fa-twitter"></i></a></li>
<li><a href="#" class="gplus tool-tip"
title="Google Plus"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#" class="linkedin tool-tip"
title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#" class="ytube tool-tip"
title="You Tube"><i class="fa fa-youtube-play"></i></a></li>
</ul>
</div>
</div>

<div class="col-md-4 col-md-offset-4">


<div class="copyright">
&copy; Day 2015 by <a target="_blank"
href="http://bootstraptaste.com/" title="Free Twitter Bootstrap WordPress Themes
and HTML templates">Bootstrap Themes</a>.All Rights Reserved.
</div>
<!--
All links in the footer should remain intact.
Licenseing information is available at:
http://bootstraptaste.com/license/
You can buy this theme without footer links online at:
http://bootstraptaste.com/buy/?theme=Day
-->
</div>
</div>
</div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->


<script src="js/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as
needed -->
<script src="js/bootstrap.min.js"></script>
<script src="js/wow.min.js"></script>
<script>
wow = new WOW(
{

} )
.init();
</script>
</body>
</html>

You might also like