Skip to content

Commit

Permalink
Added new html file of pizza hub
Browse files Browse the repository at this point in the history
  • Loading branch information
@AnkitMajee
AnkitMajee authored Aug 2, 2022
1 parent ab24c26 commit c95ca18
Show file tree
Hide file tree
Showing 2 changed files with 821 additions and 0 deletions.
298 changes: 298 additions & 0 deletions gallery.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,298 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Kolkata Pizza Hub | Gallery</title>
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Kolkata Pizza Hub" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/lightbox.css">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-awesome.css" rel="stylesheet">
<!--web-fonts-->
<link href="//fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Tangerine:400,700" rel="stylesheet">
<!--//web-fonts-->
</head>
<body>
<!-- banner -->
<div class="banner inner-bg-w3" id="home">
<!-- header -->
<div class="banner-top">
<div class="social-bnr-agileits">
<ul>
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
</ul>
</div>
<div class="contact-bnr-w3-agile">
<ul>
<li><i class="fa fa-envelope" aria-hidden="true"></i><a href="mailto:[email protected]">[email protected]</a></li>
<li><i class="fa fa-phone" aria-hidden="true"></i>+91 (033)733-33-33</li>
<li>
<div class="search">
<input class="search_box" type="checkbox" id="search_box">
<label class="icon-search" for="search_box"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></label>
<div class="search_form">
<form action="#" method="post">
<input type="search" name="Search" placeholder="Search..." required="" />
<input type="submit" value="Send" />
</form>
</div>
</div>
</li>
</ul>
</div>
<div class="clearfix"></div>
</div>
<header>
<div class="container">

<!-- navigation -->
<div class="w3_navigation">
<nav class="navbar navbar-default">
<div class="navbar-header navbar-left">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<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="w3_navigation_pos">
<h1 style="text-align: center"><a href="index.html"><span>K</span>olkata <span>P</span>izza<br><span>H</span>ub</a></h1>
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
<nav class="menu menu--miranda">
<ul class="nav navbar-nav menu__list">
<li class="menu__item"><a href="index.html" class="menu__link">Home</a></li>
<li class="menu__item"><a href="index.html#about" class=" menu__link">About</a></li>
<li class="menu__item"><a href="index.html#particles-js" class=" menu__link">Services</a></li>
<li class="menu__item menu__item--current"><a href="gallery.html" class=" menu__link">Gallery</a></li>
<li class="dropdown menu__item">
<a href="#" class="dropdown-toggle menu__link" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Offer<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="coupon.py">Coupon Codes</a></li>
<li><a href="coupon.py">Everyday Value</a></li>
</ul>
</li>
<li class="menu__item"><a href="index.html#contact" class=" menu__link">Contact</a></li>
</ul>
</nav>
</div>
</nav>
</div>
<div class="clearfix"></div>
<!-- //navigation -->
</div>
</header>
<!-- //header -->
</div>
<!-- //banner -->
<!-- gallery -->
<div class="gallery">
<div class="container">
<h2 class="tittle-w3">Gallery</h2>
<div class="gallery-grids">
<div class="col-md-4 gallery-grid wow fadeInUp animated" data-wow-delay=".5s">
<div class="grid">
<figure class="effect-apollo">
<a class="example-image-link" href="images/g1.jpg" data-lightbox="example-set" data-title="">
<img src="images/g1.jpg" alt="" />
<figcaption>
<h3>POTATO WEDGES</h3>
<p>Delish Food <br>Best Recipes</p>
</figcaption>
</a>
</figure>
</div>
</div>
<div class="col-md-4 gallery-grid wow fadeInUp animated" data-wow-delay=".5s">
<div class="grid">
<figure class="effect-apollo">
<a class="example-image-link" href="images/g2.jpg" data-lightbox="example-set" data-title="">
<img src="images/g2.jpg" alt="" />
<figcaption>
<h3>Buttery Crescent Rolls</h3>
<p>Delish Food <br>Best Recipes</p>
</figcaption>
</a>
</figure>
</div>
</div>
<div class="col-md-4 gallery-grid wow fadeInUp animated" data-wow-delay=".5s">
<div class="grid">
<figure class="effect-apollo">
<a class="example-image-link" href="images/g3.jpg" data-lightbox="example-set" data-title="">
<img src="images/g3.jpg" alt="" />
<figcaption>
<h3>Penne Pasta</h3>
<p>Delish Food <br>Best Recipes</p>
</figcaption>
</a>
</figure>
</div>
</div>
<div class="col-md-4 gallery-grid wow fadeInUp animated" data-wow-delay=".5s">
<div class="grid">
<figure class="effect-apollo">
<a class="example-image-link" href="images/g4.jpg" data-lightbox="example-set" data-title="">
<img src="images/g4.jpg" alt="" />
<figcaption>
<h3>Desserts</h3>
<p>Delish Food <br>Best Recipes</p>
</figcaption>
</a>
</figure>
</div>
</div>
<div class="col-md-4 gallery-grid wow fadeInUp animated" data-wow-delay=".5s">
<div class="grid">
<figure class="effect-apollo">
<a class="example-image-link" href="images/g5.jpg" data-lightbox="example-set" data-title="">
<img src="images/g5.jpg" alt="" />
<figcaption>
<h3>Drinks</h3>
<p>Delish Food <br>Best Recipes</p>
</figcaption>
</a>
</figure>
</div>
</div>
<div class="col-md-4 gallery-grid wow fadeInUp animated" data-wow-delay=".5s">
<div class="grid">
<figure class="effect-apollo">
<a class="example-image-link" href="images/g6.jpg" data-lightbox="example-set" data-title="">
<img src="images/g6.jpg" alt="" />
<figcaption>
<h3>Desserts</h3>
<p>Delish Food <br>Best Recipes</p>
</figcaption>
</a>
</figure>
</div>
</div>
<div class="col-md-4 gallery-grid wow fadeInUp animated" data-wow-delay=".5s">
<div class="grid">
<figure class="effect-apollo">
<a class="example-image-link" href="images/g7.jpg" data-lightbox="example-set" data-title="">
<img src="images/g7.jpg" alt="" />
<figcaption>
<h3>Breads</h3>
<p>Delish Food <br>Best Recipes</p>
</figcaption>
</a>
</figure>
</div>
</div>
<div class="col-md-4 gallery-grid wow fadeInUp animated" data-wow-delay=".5s">
<div class="grid">
<figure class="effect-apollo">
<a class="example-image-link" href="images/g8.jpg" data-lightbox="example-set" data-title="">
<img src="images/g8.jpg" alt="" />
<figcaption>
<h3>Pan Pizza</h3>
<p>Delish Food <br>Best Recipes</p>
</figcaption>
</a>
</figure>
</div>
</div>
<div class="col-md-4 gallery-grid wow fadeInUp animated" data-wow-delay=".5s">
<div class="grid">
<figure class="effect-apollo">
<a class="example-image-link" href="images/g9.jpg" data-lightbox="example-set" data-title="">
<img src="images/g9.jpg" alt="" />
<figcaption>
<h3>Low Fat</h3>
<p>Delish Food <br>Best Recipes</p>
</figcaption>
</a>
</figure>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //gallery -->
<!-- Footer -->
<div class="copyright-wthree">
<p>&copy; 2017 Kolkata Pizza Hub . All Rights Reserved | Made with &hearts; in India</p>
</div>
<!-- //Footer -->
<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
<!-- //smooth scrolling -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<!-- //gallery -->
<script src="js/lightbox-plus-jquery.min.js"> </script>
<!-- //gallery -->
<!-- Dropdown-Menu-JavaScript -->
<script>
$(document).ready(function(){
$(".dropdown").hover(
function() {
$('.dropdown-menu', this).stop( true, true ).slideDown("fast");
$(this).toggleClass('open');
},
function() {
$('.dropdown-menu', this).stop( true, true ).slideUp("fast");
$(this).toggleClass('open');
}
);
});
</script>
<!-- //Dropdown-Menu-JavaScript -->
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- start-smoth-scrolling -->
<!-- here stars scrolling icon -->
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/

$().UItoTop({ easingType: 'easeOutQuart' });

});
</script>
<!-- //here ends scrolling icon -->
<!--js for bootstrap working-->
<script src="js/bootstrap.js"></script>
<!-- //for bootstrap working -->


<!-- script-for-menu -->
<script>
$("span.menu").click(function(){
$(".top-nav ul").slideToggle("slow" , function(){
});
});
</script>
<!-- script-for-menu -->
</body>
</html>
Loading

0 comments on commit c95ca18

Please sign in to comment.