Repository navigation
Expand file tree
/
Copy pathPhotography.html
More file actions
116 lines (87 loc) · 11.2 KB
/
Copy pathPhotography.html
File metadata and controls
116 lines (87 loc) · 11.2 KB
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" class="gr__home_iitk_ac_in"><head>
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="robots" content="INDEX, FOLLOW">
<title>Photography</title>
<meta name="google-site-verification" content="L67icinIXbIAh9kzpspxifF8pWNB1p9J3SQilVT2YGk">
<link rel="stylesheet" type="text/css" href="./CSS/bongo-styles.css" media="all">
<script src="./Photography_files/jquery-1.6.1.min.js.download" type="text/javascript"></script><style type="text/css"></style><style type="text/css"></style>
<!--script src="/assets/prettyPhoto/js/jquery.lint.js" type="text/javascript" charset="utf-8"></script-->
<link rel="stylesheet" href="./Photography_files/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8">
<script src="./Photography_files/jquery.prettyPhoto.js.download" type="text/javascript" charset="utf-8"></script>
<meta name="robots" content="INDEX, FOLLOW">
<meta name="author" content="eBree Web Design, www.ebree.com">
<style> .askemmy { background: #fff url(chrome-extension://gllmlkidgbagkcikijiljllpdloelocn/logo_housefly_new.png) no-repeat right 5px bottom 5px; background-size: 45px; } .askemmy { z-index: 10000; position: fixed; display: block; width: 350px; height: 145px; background-color: white; border-radius: 2px; box-shadow: rgb(133, 133, 133) 0px 0px 25px 1px; margin: 0 auto; text-align: center; margin-left: 35%; margin-top: 10%; } .askemmy p#msg { font-size: 1.1em; font-weight: 600; margin-top: 31px; margin-bottom: 20px; } .askemmy .error-msg { color: #FF5600; padding-top: 10px; } .askemmy .success-msg { color: green; padding-top: 10px; } .askemmy input { padding: .5em .6em; display: inline-block; border: 1px solid #ccc; box-shadow: inset 0 1px 3px #ddd; border-radius: 4px; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: normal; -webkit-appearance: textfield; cursor: auto; } .askemmy input[type="submit"] { font-family: inherit; font-size: 100%; padding: .5em 1em; color: white; font-weight: 600; border: 1px solid #999; border: 0 rgba(0,0,0,0); background-color: rgba(31, 196, 255, .8); text-decoration: none; border-radius: 2px; display: inline-block; zoom: 1; line-height: normal; white-space: nowrap; vertical-align: middle; text-align: center; cursor: pointer; -webkit-user-drag: none; -webkit-user-select: none; user-select: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .askemmy .closebox { display: inline-block; height: 16px; width: 16px; position: absolute; right: 4px; top: 4px; cursor: pointer; background: url(chrome-extension://gllmlkidgbagkcikijiljllpdloelocn/close_box.png) } .pop-up-report { background: #fff url(chrome-extension://gllmlkidgbagkcikijiljllpdloelocn/logo_housefly_new.png) no-repeat right 5px bottom 5px; background-size: 45px; } .pop-up-report { z-index: 10000; position: fixed; display: block; width: 400px; height: 200px; background-color: white; border-radius: 2px; box-shadow: rgb(133, 133, 133) 0px 0px 25px 1px; margin: 0 auto; text-align: left; margin-left: 35%; margin-top: 10%; padding-left:10px; padding-bottom:10px; padding-top:10px; font-family: Arial,sans-serif; font-size:13px; } .pop-up-report textarea { width:380px; height:75px; padding: .5em .6em; display: inline-block; border: 1px solid #ccc; box-shadow: inset 0 1px 3px #ddd; border-radius: 4px; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: normal; -webkit-appearance: textarea; cursor: auto; } .pop-up-report input[type="button"] { font-family: Arial,sans-serif; font-size: 100%; padding: .5em 1em; color: white; font-weight: 600; border: 1px solid #999; border: 0 rgba(0,0,0,0); background-color: rgba(31, 196, 255, .8); text-decoration: none; border-radius: 2px; display: inline-block; zoom: 1; line-height: normal; white-space: nowrap; vertical-align: middle; text-align: center; cursor: pointer; -webkit-user-drag: none; -webkit-user-select: none; user-select: none; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top:5px; } .pop-up-report select { background-color:rgb(221,221,221); border: 1px solid #DDD; border-radius: 4px 4px 4px 4px; height:25px; width:380px; padding: 3px; } .pop-up-report select { align: center; text-align: center; } .alert_message_mc { background: #fff url(chrome-extension://gllmlkidgbagkcikijiljllpdloelocn/logo_housefly_new.png) no-repeat right 5px bottom 5px; background-size: 45px; } .alert_message_mc { z-index: 10000; position: fixed; display: block; width: 350px; height: 145px; background-color: white; border-radius: 2px; box-shadow: rgb(133, 133, 133) 0px 0px 25px 1px; margin: 0 auto; text-align: center; margin-left: 35%; margin-top: 10%; } .alert_message_mc p#msg { padding-top:60px; } .alert_message_mc p{ margin: auto; } .alert_message_mc .error-msg { color: #FF5600; padding-top: 10px; } .alert_message_mc .success-msg { color: green; padding-top: 10px; } .alert_message_mc input { padding: .5em .6em; display: inline-block; border: 1px solid #ccc; box-shadow: inset 0 1px 3px #ddd; border-radius: 4px; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: normal; -webkit-appearance: textfield; cursor: auto; } .alert_message_mc input[type="submit"] { font-family: inherit; font-size: 100%; padding: .5em 1em; color: white; font-weight: 600; border: 1px solid #999; border: 0 rgba(0,0,0,0); background-color: rgba(31, 196, 255, .8); text-decoration: none; border-radius: 2px; display: inline-block; zoom: 1; line-height: normal; white-space: nowrap; vertical-align: middle; text-align: center; cursor: pointer; -webkit-user-drag: none; -webkit-user-select: none; user-select: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .alert_message_mc .closebox { display: inline-block; height: 16px; width: 16px; position: absolute; right: 4px; top: 4px; cursor: pointer; background: url(chrome-extension://gllmlkidgbagkcikijiljllpdloelocn/close_box.png) } </style></head>
<body data-gr-c-s-loaded="true"><div id="StayFocusd-infobar" style="display:none;">
<img src="chrome-extension://laankejkbhbdhmipfmgcngdelahlfoji/common/img/eye_19x19_red.png">
<span id="StayFocusd-infobar-msg"></span>
<span id="StayFocusd-infobar-links">
<a id="StayFocusd-infobar-never-show">hide forever</a> |
<a id="StayFocusd-infobar-hide">hide once</a>
</span>
</div>
<div id="container"><!-- Start container -->
<div id="pageHeader"><!-- Start page header -->
<h1><a href="./index.html" style="text-decoration:none">Home</a></h1>
</div><!-- End page header -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./Photography_files/bootstrap.min.css">
<script src="./Photography_files/jquery.min.js.download"></script>
<script src="./Photography_files/bootstrap.min.js.download"></script>
</div><!-- End navigation -->
</div><!-- End sidebar content -->
</div><!-- End sidebar wrapper -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<body>
<br><br><br>
<h2 class="w3-center"> Birdwatching</h2>
<div class="w3-content w3-display-container">
<img class="mySlides2" src="./Photography_files/b1.JPG" style="width:100%">
<img class="mySlides2" src="./Photography_files/b7.JPG" style="width:100%">
<img class="mySlides2" src="./Photography_files/b2.JPG" style="width:100%">
<img class="mySlides2" src="./Photography_files/b3.JPG" style="width:100%">
<img class="mySlides2" src="./Photography_files/b9.JPG" style="width:100%">
<img class="mySlides2" src="./Photography_files/b4.JPG" style="width:100%">
<img class="mySlides2" src="./Photography_files/b5.JPG" style="width:100%">
<img class="mySlides2" src="./Photography_files/b6.JPG" style="width:100%">
<img class="mySlides2" src="./Photography_files/b8.JPG" style="width:100%">
<button class="w3-button w3-black w3-display-left" onclick="plusDivs(-1, 1)">❮</button>
<button class="w3-button w3-black w3-display-right" onclick="plusDivs(1, 1)">❯</button>
</div>
<h2 class="w3-center"> Life</h2>
<div class="w3-content w3-display-container">
<img class="mySlides1" src="./Photography_files/2.jpg" style="width:100%">
<img class="mySlides1" src="./Photography_files/11.JPG" style="width:100%">
<img class="mySlides1" src="./Photography_files/81.jpg" style="width:100%">
<img class="mySlides1" src="./Photography_files/4.jpg" style="width:100%">
<img class="mySlides1" src="./Photography_files/31.jpg" style="width:100%">
<img class="mySlides1" src="./Photography_files/51.jpg" style="width:100%">
<img class="mySlides1" src="./Photography_files/7.jpg" style="width:100%">
<button class="w3-button w3-black w3-display-left" onclick="plusDivs(-1, 0)">❮</button>
<button class="w3-button w3-black w3-display-right" onclick="plusDivs(1, 0)">❯</button>
</div>
<script>
var slideIndex = [1,1];
var slideId = ["mySlides1", "mySlides2"]
showDivs(1, 0);
showDivs(1, 1);
function plusDivs(n, no) {
showDivs(slideIndex[no] += n, no);
}
function showDivs(n, no) {
var i;
var x = document.getElementsByClassName(slideId[no]);
if (n > x.length) {slideIndex[no] = 1}
if (n < 1) {slideIndex[no] = x.length}
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
x[slideIndex[no]-1].style.display = "block";
}
</script>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>
<span class="gr__tooltip"><span class="gr__tooltip-content"></span><i class="gr__tooltip-logo"></i><span class="gr__triangle"></span></span></body></html>