-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathPhoto_Gallery.html
189 lines (186 loc) · 7.86 KB
/
Photo_Gallery.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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Photo Gallery</title>
<link rel="stylesheet" href="./Photo_Gallery.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Caveat+Brush&family=Caveat:[email protected]&family=Dancing+Script:[email protected]&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap"
rel="stylesheet"
/>
</head>
<body>
<header>
<h1>Photo Gallery</h1>
</header>
<main class="flex">
<div class="hover-items">
<img
src="https://media.istockphoto.com/id/1323617179/photo/nam-song-river-at-sunset-with-hot-air-balloon-in-vang-vieng-laos-beautifull-landscape-on-the.jpg?s=612x612&w=0&k=20&c=fQCvDhYf_0RLBS6jcrCv8loJWhnkSlA-7pQ0_74wqB8="
alt="balloon"
/>
<h2 class="hidden">Balloon</h2>
</div>
<div class="hover-items">
<img
src="https://img.freepik.com/free-photo/painting-mountain-lake-with-mountain-background_188544-9126.jpg?size=626&ext=jpg&ga=GA1.1.553209589.1713312000&semt=sph"
alt=""
/>
<h2 class="hidden">Snowy Mountains</h2>
</div>
<div class="hover-items">
<img
src="https://free4kwallpapers.com/uploads/originals/2019/01/17/beautifull-flower-hd--wallpaper.jpg"
alt=""
/>
<h2 class="hidden">Grassland</h2>
</div>
<div class="hover-items">
<img
src="https://thumbs.dreamstime.com/b/oak-tree-26681040.jpg"
alt=""
/>
<h2 class="hidden">The Tree</h2>
</div>
<div class="hover-items">
<img
src="https://m.media-amazon.com/images/I/71oJjfBxK-L._AC_UF1000,1000_QL80_.jpg"
alt=""
/>
<h2 class="hidden">Under the Moonlight</h2>
</div>
<div class="hover-items">
<img
src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/c837c5f2-5911-447e-a55c-6cd72fb54a36/d5ey7j1-90929413-c430-4a9b-bb17-84df3cab6062.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2M4MzdjNWYyLTU5MTEtNDQ3ZS1hNTVjLTZjZDcyZmI1NGEzNlwvZDVleTdqMS05MDkyOTQxMy1jNDMwLTRhOWItYmIxNy04NGRmM2NhYjYwNjIuanBnIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.evVq0yRZGbCLMViNkCH_EtrzpgsMXGPD4jQYQeVgIjY"
alt=""
/>
<h2 class="hidden">Pink Landscape</h2>
</div>
<div class="hover-items">
<img
src="https://c4.wallpaperflare.com/wallpaper/659/196/870/beautifull-sunset-in-the-forest-wallpaper-preview.jpg"
alt=""
/>
<h2 class="hidden">Sunlight through the Forest</h2>
</div>
<div class="hover-items">
<img
src="https://www.shutterstock.com/image-photo/romantic-night-scene-beautiful-pink-600nw-2261269699.jpg"
alt=""
/>
<h2 class="hidden">Moonflowers</h2>
</div>
<div class="hover-items">
<img src="https://cdn.wallpapersafari.com/66/43/ItGnPY.jpg" alt="" />
<h2 class="hidden">Swans</h2>
</div>
<div class="hover-items">
<img
src="https://images.pexels.com/photos/206359/pexels-photo-206359.jpeg?cs=srgb&dl=pexels-pixabay-206359.jpg&fm=jpg"
alt=""
/>
<h2 class="hidden">Serenity</h2>
</div>
<div class="hover-items">
<img
src="https://img.freepik.com/premium-photo/spring-flowers-closeup-macro-short-beautifull-cherry-blossom-flower-wallpaper_665888-2534.jpg"
alt=""
/>
<h2 class="hidden">Flowers</h2>
</div>
<div class="hover-items">
<img
src="https://images.pexels.com/photos/206359/pexels-photo-206359.jpeg?cs=srgb&dl=pexels-pixabay-206359.jpg&fm=jpg"
alt=""
/>
<h2 class="hidden">Flowers</h2>
</div>
<div class="hover-items">
<img
src="https://cdn.midjourney.com/75eb4b0f-d875-4c61-8258-3a0ea2272b9e/grid_0_640_N.webp"
alt=""
/>
<h2 class="hidden">Almond Trees</h2>
</div>
<div class="hover-items">
<img
src="https://cdn.create.vista.com/api/media/small/69234955/stock-photo-common-lionfish-pterois-volitans-scorpion-volitans-scorpionfishes-black-volitans-lionfish-black-lionfish-butterfly-cod-ornate"
alt=""
/>
<h2 class="hidden">Lion Fish</h2>
</div>
<div class="hover-items">
<img
src="https://t4.ftcdn.net/jpg/06/82/38/47/360_F_682384717_SteEiKnERrg2JpdQ3m6o8WrNNEaE3BO2.jpg"
alt=""
/>
<h2 class="hidden">Love Birds</h2>
</div>
<div class="hover-items">
<img
src="https://media.istockphoto.com/id/183412466/photo/eastern-bluebirds-male-and-female.webp?b=1&s=170667a&w=0&k=20&c=qhnCVBklcsCDgft1dK2TOD_FOJlxXP-zc-TOz9JLw8w="
alt=""
/>
<h2 class="hidden">Spring is Coming</h2>
</div>
<div class="hover-items">
<img
src="https://cdn.thecoolist.com/wp-content/uploads/2021/05/Top-10-Most-Beautiful-Birds-in-the-World.jpg"
alt=""
/>
<h2 class="hidden">Fkying To The Sky</h2>
</div>
<div class="hover-items">
<img
src="https://c4.wallpaperflare.com/wallpaper/504/980/870/beautiful-bird-beautiful-bird-animals-birds-hd-art-wallpaper-preview.jpg"
alt=""
/>
<h2 class="hidden">Lovely Bird</h2>
</div>
<div class="hover-items">
<img
src="https://hips.hearstapps.com/hmg-prod/images/french-polynesia-1528125221.jpg"
alt=""
/>
<h2 class="hidden">The Ocean</h2>
</div>
<div class="hover-items">
<img
src="https://media.istockphoto.com/id/1317323736/photo/a-view-up-into-the-trees-direction-sky.jpg?s=612x612&w=0&k=20&c=i4HYO7xhao7CkGy7Zc_8XSNX_iqG0vAwNsrH1ERmw2Q="
alt=""
/>
<h2 class="hidden">View Up Into The Trees</h2>
</div>
<div class="hover-items">
<img
src="https://images.nationalgeographic.org/image/upload/v1638892272/EducationHub/photos/hoh-river-valley.jpg"
alt=""
/>
<h2 class="hidden">The Dark Forest</h2>
</main>
<aside id="aside-left">Artistic Content
<nav class="contents"><ul class="contents menu">
<a href=""><li class="menu item">Home</li></a>
<a href=""><li class="menu item">Photo Gallery</li></a>
<a href=""><li class="menu item">Paintings</li></a>
<a href=""><li class="menu item">Digital Comunity</li></a>
<a href=""><li class="menu item">Photos All Over the World</li></a>
<a href=""><li class = "menu item">Artists</li></a>
</ul></nav>
</aside>
<aside id="aside-right"><hr>Promotional Content
<img class = 'Ads' src="./images/18148_Studio-Harcourt-espace-exposition--630x405Studio-Harcourt_panoramic_2-1_l.webp" alt="Gallery in Paris">
<p>Photo Gallery In Paris</p><hr>
<p>Paris puts the focus on photography with exhibitions, talks, shows, photo walks and more!
Photography enthusiasts will find plenty of things to do in Paris, from visiting top-notch exhibitions
and going backstage at legendary photo studios to attending photography-focused special events and setting off on a photo walk armed with professional camera equipment.</p>
<p>Check it Out Below</p>
<i class="arrow-down"></i>
<a class="navigation-link" href="https://parisjetaime.com/eng/article/photography-in-paris-a1069">Gallert In Paris</a>
</aside>
<footer class="grid-items">2024 © Kapsali Nikoleta</footer>
</body>
</html>