-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathphotography.html
83 lines (80 loc) · 7.86 KB
/
photography.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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="shortcut icon" href="favicon.ico" type=“image/x-icon”>
<link rel="stylesheet" href="mvp.css" />
<meta charset="utf-8" />
<meta name="Neel Shihora" content="Website of roboticist Neel Shihora" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Neel Shihora | Recording Light</title>
</head>
<body>
<main>
<nav>
<a href="index.html"> 🏠 Home </a>
</nav>
<hr>
<section>
<div class="grid">
<div class="MasonryGridLayout-column MasonryGridLayout-column--fixed">
<figure class="MediaThumbnail ">
<a href="">
<div class="imageContainer" style="max-width:260px;">
<div class="MediaBgColorWrapper--withRatio relative" style="padding:5px 5px 5px 5px;"><a href="photography/savageGulf_1.jpg"><img src="photography/savageGulf_1.jpg" alt="gloomytrail" /></a></div>
<div class="MediaBgColorWrapper--withRatio relative" style="padding:5px 5px 5px 5px;"><a href="photography/savageGulf_2.jpg"><img src="photography/savageGulf_2.jpg" alt="gloomymountains" /></a></div>
<div class="MediaBgColorWrapper--withRatio relative" style="padding:5px 5px 5px 5px;"><a href="photography/savageGulf_3.jpg"><img src="photography/savageGulf_3.jpg" alt="waterfall" /></a></div>
<div class="MediaBgColorWrapper--withRatio relative" style="padding:5px 5px 5px 5px;"><a href="photography/NY_1.jpg"><img src="photography/NY_1.jpg" alt="mural" /></a></div>
<div class="MediaBgColorWrapper--withRatio relative" style="padding:5px 5px 5px 5px;"><a href="photography/NY_2.jpg"><img src="photography/NY_2.jpg" alt="oddoneout" /></a></div>
<div class="MediaBgColorWrapper--withRatio relative" style="padding:5px 5px 5px 5px;"><a href="photography/NY_3.jpg"><img src="photography/NY_3.jpg" alt="fromNJfavspot" /></a></div>
<div class="MediaBgColorWrapper--withRatio relative" style="padding:5px 5px 5px 5px;"><a href="photography/NY_4.jpg"><img src="photography/NY_4.jpg" alt="symmetry" /></a></div>
<div class="MediaBgColorWrapper--withRatio relative" style="padding:5px 5px 5px 5px;"><a href="photography/cabinTrip_1.jpg"><img src="photography/cabinTrip_1.jpg" alt="evesky" /></a></div>
<div class="MediaBgColorWrapper--withRatio relative" style="padding:5px 5px 5px 5px;"><a href="photography/cabinTrip_2.jpg"><img src="photography/cabinTrip_2.jpg" alt="morningsky" /></a></div>
<div class="MediaBgColorWrapper--withRatio relative" style="padding:5px 5px 5px 5px;"><a href="photography/pineParkMilpitasSky.jpg"><img src="photography/pineParkMilpitasSky.jpg" alt="moon-pitas" /></a></div>
</div>
</a>
</figure>
</div>
</div>
<div class="grid">
<div class="MasonryGridLayout-column MasonryGridLayout-column--fixed">
<figure class="MediaThumbnail ">
<a href="">
<div class="MediaImage relative" style="max-width:260px;">
<div class="MediaBgColorWrapper--withRatio relative" style="padding:5px 5px 5px 5px;"><a href="photography/cabinTrip_3.jpg"><img src="photography/cabinTrip_3.jpg" alt="eveskygaurdedbytrees" /></a></div>
<div class="MediaBgColorWrapper--withRatio relative" style="padding:5px 5px 5px 5px;"><a href="photography/cabinTrip_4.jpg"><img src="photography/cabinTrip_4.jpg" alt="dawnsky" /></a></div>
<div class="MediaBgColorWrapper--withRatio relative" style="padding:5px 5px 5px 5px;"><a href="photography/cali_1.jpg"><img src="photography/cali_1.jpg" alt="gloomytrail" /></a></div>
<div class="MediaBgColorWrapper--withRatio relative" style="padding:5px 5px 5px 5px;"><a href="photography/cali_2.jpg"><img src="photography/cali_2.jpg" alt="cloudwave" /></a></div>
<div class="MediaBgColorWrapper--withRatio relative" style="padding:5px 5px 5px 5px;"><a href="photography/cali_3.jpg"><img src="photography/cali_3.jpg" alt="leader" /></a></div>
<div class="MediaBgColorWrapper--withRatio relative" style="padding:5px 5px 5px 5px;"><a href="photography/cali_4.jpg"><img src="photography/cali_4.jpg" alt="waterfall" /></a></div>
<div class="MediaBgColorWrapper--withRatio relative" style="padding:5px 5px 5px 5px;"><a href="photography/cali_5.jpg"><img src="photography/cali_5.jpg" alt="paused" /></a></div>
<div class="MediaBgColorWrapper--withRatio relative" style="padding:5px 5px 5px 5px;"><a href="photography/cali_6.jpg"><img src="photography/cali_6.jpg" alt="crooked" /></a></div>
<div class="MediaBgColorWrapper--withRatio relative" style="padding:5px 5px 5px 5px;"><a href="photography/centralPark.jpg"><img src="photography/centralPark.jpg" alt="peek" /></a></div>
<div class="MediaBgColorWrapper--withRatio relative" style="padding:5px 5px 5px 5px;"><a href="photography/virginFalls.jpg"><img src="photography/virginFalls.jpg" alt="waterfall" /></a></div>
</div>
</a>
</figure>
</div>
</div>
<div class="grid">
<div class="MasonryGridLayout-column MasonryGridLayout-column--fixed">
<figure class="MediaThumbnail ">
<a href="">
<div class="MediaImage relative" style="max-width:260px;">
<div class="MediaBgColorWrapper--withRatio relative" style="padding:5px 5px 5px 5px;"><a href="photography/chicagoTrip_1.jpg"><img src="photography/chicagoTrip_1.jpg" alt="lighthouse" /></div>
<div class="MediaBgColorWrapper--withRatio relative" style="padding:5px 5px 5px 5px;"><a href="photography/chicagoTrip_2.jpg"><img src="photography/chicagoTrip_2.jpg" alt="skylinesquared" /></div>
<div class="MediaBgColorWrapper--withRatio relative" style="padding:5px 5px 5px 5px;"><a href="photography/gatlinberg.jpg"><img src="photography/gatlinberg.jpg" alt="bridgedbylight" /></div>
<div class="MediaBgColorWrapper--withRatio relative" style="padding:5px 5px 5px 5px;"><a href="photography/jnjTrail.jpg"><img src="photography/jnjTrail.jpg" alt="waitingforducks" /></div>
<div class="MediaBgColorWrapper--withRatio relative" style="padding:5px 5px 5px 5px;"><a href="photography/jnjTrailFavSpot.jpg"><img src="photography/jnjTrailFavSpot.jpg" alt="waterfall" /></div>
<div class="MediaBgColorWrapper--withRatio relative" style="padding:5px 5px 5px 5px;"><a href="photography/jnjView_1.jpg"><img src="photography/jnjView_1.jpg" alt="emptyeve" /></div>
<div class="MediaBgColorWrapper--withRatio relative" style="padding:5px 5px 5px 5px;"><a href="photography/jnjView_2.jpg"><img src="photography/jnjView_2.jpg" alt="sunraysthrubrokenclouds" /></div>
<div class="MediaBgColorWrapper--withRatio relative" style="padding:5px 5px 5px 5px;"><a href="photography/nashvilleFavSpot.jpg"><img src="photography/nashvilleFavSpot.jpg" alt="unwindingcity" /></div>
<div class="MediaBgColorWrapper--withRatio relative" style="padding:5px 5px 5px 5px;"><a href="photography/olinSky.jpg"><img src="photography/olinSky.jpg" alt="cirrocumulusclouds" /></div>
</div>
</a>
</figure>
</div>
</div>
</section>
</main>
</body>
</html>