-
Notifications
You must be signed in to change notification settings - Fork 0
/
gallery - Copy.html
134 lines (129 loc) · 7.97 KB
/
gallery - Copy.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Photo Gallery of Dipan. Feel free to look around!">
<meta name="author" content="Dipan Ghosh">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="Dipan Ghosh, Dipan, Ghosh, Gallery, Images, Photos, Photography">
<!-- Be sure to change this up! -->
<title>Dipan's Photo Gallery</title>
<!-- Bootstrap -->
<link href="./css/bootstrap.css" rel="stylesheet">
<!-- Custom CSS -->
<link rel="stylesheet" href="./css/custom.css" type="text/css">
<!-- 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>
<nav class="navbar navbar-default " role = "navigation">
<div class="container-fluid container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#defaultNavbar1"><span id="mobileMenu" class="white"> Menu </span> <span class="glyphicon glyphicon-chevron-down white"></span> </button>
<a class="navbar-brand" href="http://thedesignerd.in"><img src="./images/brand.svg" alt="" id="navbrand"></a></div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="defaultNavbar1">
<ul class="nav navbar-nav">
<li><a href="index.html"><img src="./images/home-icon.svg" alt="">Home</a></li>
<li><a href="work.html"><img src="./images/work-icon.svg" alt="">Work</a></li>
<li><a href="photos.html"><img src="./images/photos-icon.svg" alt="">Photos</a></li>
<li><a href="designs.html"><img src="./images/designs-icon.svg" alt="">Designs</a></li>
<li><a href="meandus.html"><img src="./images/meandus-icon.svg" alt="">Me and Us</a></li>
<li><a href="blog.html"><img src="./images/blog-icon.svg" alt="">Blog</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<main class="container">
<h2>Photo Gallery</h2>
<p>Please choose from one of the albums you want to see!</p>
<p>The gallery is organised by date. Older albums are below the list. </p>
<section class="newgrid">
<figure class="col-lg-3 col-md-4 col-xs-6 thumb"> <a class="thumbnail" href="galleries/cherryblossom.html">
<h4>Cherry Blossom</h4>
<img class="img-responsive" src="galleries/CherryBlossom/thumb/CherryBlossom-049-thumb.jpg" alt=""> </a> </figure>
<figure class="col-lg-3 col-md-4 col-xs-6 thumb"> <a class="thumbnail" href="galleries/barcelona.html">
<h4>Barcelona: BigChem School</h4>
<img class="img-responsive" src="images/gallery-thumb/barcelona-thumb.jpg" alt=""> </a> </figure>
<figure class="col-lg-3 col-md-4 col-xs-6 thumb"> <a class="thumbnail" href="galleries/mittenwaldAlps.html">
<h4>Mittenwald: Meeting the Mighty</h4>
<img class="img-responsive" src="images/gallery-thumb/MightyAlpsMittenwald-120-thumb.jpg" alt=""> </a> </figure>
<figure class="col-lg-3 col-md-4 col-xs-6 thumb"> <a class="thumbnail" href="galleries/munichnightscape.html"> <h4>Nightscapes: Munich</h4>
<img class="img-responsive" src="images/gallery-thumb/munichNightscape.jpg" alt=""> </a> </figure>
<figure class="col-lg-3 col-md-4 col-xs-6 thumb"> <a class="thumbnail" href="galleries/swansofisar.html">
<h4>Swans of Isar</h4>
<img class="img-responsive" src="images/gallery-thumb/swansofisar.jpg" alt=""> </a> </figure>
<figure class="col-lg-3 col-md-4 col-xs-6 thumb"> <a class="thumbnail" href="galleries/englishGarden.html">
<h4>Englischer Garten</h4>
<img class="img-responsive" src="images/gallery-thumb/englishGarden-1.jpg" alt=""> </a> </figure>
<figure class="col-lg-3 col-md-4 col-xs-6 thumb"> <a class="thumbnail" href="galleries/chirstmasMarket.html">
<h4>Christmas Market</h4>
<img class="img-responsive" src="images/gallery-thumb/cristmasMarket.jpg" alt=""> </a> </figure>
<figure class="col-lg-3 col-md-4 col-xs-6 thumb"> <a class="thumbnail" href="galleries/nymphenburg.html">
<h4>Nymphenburg Palace</h4>
<img class="img-responsive" src="images/gallery-thumb/nymphenburg.jpg" alt=""> </a> </figure>
<figure class="col-lg-3 col-md-4 col-xs-6 thumb"> <a class="thumbnail" href="galleries/munchenZoo.html">
<h4>Munich Zoo</h4>
<img class="img-responsive" src="images/gallery-thumb/munchenZoo.jpg" alt=""> </a> </figure>
<figure class="col-lg-3 col-md-4 col-xs-6 thumb"> <a class="thumbnail" href="galleries/MBU2016/public_html/index.html">
<h4>MBU Trip 2016</h4>
<img class="img-responsive" src="images/gallery-thumb/mbuTrip.jpg" alt=""> </a> </figure>
<figure class="col-lg-3 col-md-4 col-xs-6 thumb"> <a class="thumbnail" href="galleries/keralaTrip/index.html">
<h4>IISc UG Trip 2014: Aleppy</h4>
<img class="img-responsive" src="images/gallery-thumb/aleppy.jpg" alt=""> </a> </figure>
</section>
</main>
<footer class="row container-fluid">
<div class="container">
<figure class="text-center col-md-offset-0 col-md-3"> <img src="./images/brand-footer.svg" alt="" id="footerbrand"> </figure>
<div class="text-center col-md-offset-0 col-md-3 footercontact col-lg-5">
<div class="text-center row"> <a href="https://www.facebook.com/dipan.ghosh.10" class="sb facebook">Facebook</a> <a href="https://twitter.com/ThisisDipan" class="sb twitter">Twitter</a> <a href="https://plus.google.com/+DipanGhosh" class="sb google">Linkedin</a> <a href="https://www.youtube.com/channel/UCuVznyH32OZUQZnJrYxAwFw" class="sb youtube">Youtube</a> <a href="https://www.linkedin.com/in/dipan-ghosh-17842257/https://www.linkedin.com/in/dipan-ghosh-17842257/" class="sb linkedin">LinkedIn</a> </div>
<a href="contact.php" class="white">
<button class="btn btn-info text-center" id = "contactbtn"> Contact me </button>
</a> </div>
<div class="text-center col-md-offset-0 col-md-3 col-lg-1"> <a href="sitemap.html" >
<button class="btn btn-default" id="sitemapbtn"> Sitemap </button>
</a> </div>
<nav class="text-center col-md-offset-0 col-md-3">
<ul class="row" id="footermenulist">
<li class="col-md-3 white footermenu"><a href="index.html">Home</a></li>
<li class="col-md-3 white footermenu"><a href="work.html">Work</a></li>
<li class="col-md-3 white footermenu"><a href="photos.html">Photos</a></li>
<li class="col-md-3 white footermenu"><a href="designs.html">Designs</a></li>
<li class="col-md-3 white footermenu"><a href="meandus.html">Me and Us</a></li>
<li class="col-md-3 white footermenu"><a href="blog.html">Blog</a></li>
</ul>
</nav>
</div>
<div class="text-center col-md-offset-0 col-md-12 black">
<p class="grey small">© 2017 Dipan Ghosh ALL RIGHTS RESERVED</p>
</div>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="./js/jquery-1.11.3.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="./js/bootstrap.js"></script>
<!-- SVGeezy fallback for SVGs being used-->
<script src="./js/svgeezy.min.js"></script>
<script>svgeezy.init('nocheck', 'png');</script>
<!-- Google Analyics Tracking code-->
<!--
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-91898116-1', 'auto');
ga('send', 'pageview');
</script>
-->
</body>
</html>