-
Notifications
You must be signed in to change notification settings - Fork 0
/
gallery.html
167 lines (161 loc) · 7.3 KB
/
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PolishchukArt | Gallery</title>
<link rel="icon" href="favicon.png" type="image/x-icon">
<link rel="stylesheet" href="stylesheet.css">
<link rel="stylesheet" href="gallery_overlay.css">
<script src="gallery_overlay.js" defer></script>
</head>
<body>
<!-- Desktop Header -->
<header class="hide">
<nav>
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a class="current" href="gallery.html">Gallery</a>
</li>
<li>
<a href="cv.html">CV</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</nav>
<h1>
PolishchukArt
</h1>
<div>
<ul>
<li>
<a href="mailto:polishchukart@gmail.com"><img src="envelope.png" style="width: 16px;"></a>
</li>
<li>
<a href="https://www.instagram.com/ihorpolishchukart?igsh=ZnJuYTRwMTZwMmU="><img src="instagram.png" style="width: 16px;"></a>
</li>
<li>
<a href="https://www.pbase.com/igor_74" target="blank"><img src="palette.png" style="width: 16px;"></a>
</li>
</ul>
</div>
</header>
<!-- Mobile Header -->
<header class="hide_desktop">
<h1>
PolishchukArt
</h1>
<nav>
<ul>
<li class="dropdown">
<img src="menu-burger.png">
<ul class="dropdown_menu">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a class="current" href="gallery.html">Gallery</a>
</li>
<li>
<a href="cv.html">CV</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</li>
</ul>
</nav>
</header>
<!-- MAIN -->
<main>
<section id="lbOverlay">
<!-- PAGE 1 -->
<div class="gallery">
<div class="single_square">
<img src="2024_1.webp" class="gallery-image" alt="Козак Білозуб">
</div>
<div class="main_grid">
<img src="2018.webp" class="gallery-image" alt="unconditional love. безумовна любов">
<img src="2018_1.webp" class="gallery-image" alt="i am (я є)">
<img src="2018_2.webp" class="gallery-image" alt="EASTER. Великдень">
<img decoding="async" loading=“lazy” src="2018_3.webp" class="gallery-image" alt="Trip. Мандрівка">
<img decoding="async" loading=“lazy” src="2016_1.webp" class="gallery-image" alt="Не руш моїх кіл">
<img decoding="async" loading=“lazy” src="2013.webp" class="gallery-image" alt="Do not disturb my circles!">
</div>
<div class="single_square">
<img src="2024.webp" class="gallery-image" alt="Death - Love">
<!--<div class="galleryid">
<h5>Painting Name</h5>
<p class="painting_info">materials <br> Size <br> year </p>
<p>Description</p>
</div>-->
</div>
<!--<img decoding="async" loading=“lazy” src="2016_2.webp"> this painting already has a photo-->
<div class="main_grid">
<img decoding="async" loading=“lazy” src="2017_2.webp" class="gallery-image" alt="Jump from the Tower of Babel.">
<img decoding="async" loading=“lazy” src="2015_1.webp" class="gallery-image" alt="War. Portrait of the ruSSia">
<img decoding="async" loading=“lazy” src="2015_3.webp" class="gallery-image" alt="ВІРА. FAITH">
<img decoding="async" loading=“lazy” src="2015_4.webp" class="gallery-image" alt="НАДІЯ. HOPE">
<img decoding="async" loading=“lazy” src="2015_5.webp" class="gallery-image" alt="ЛЮБОВ. LOVE">
<img decoding="async" loading=“lazy” src="2015_6.webp" class="gallery-image" alt="Ukrainian Caryatids. Net of love">
</div>
<div class="single_square">
<img decoding="async" loading=“lazy” src="2011_1.webp" class="gallery-image" alt="The Road">
</div>
<div class="main_grid">
<img decoding="async" loading=“lazy” src="2005.webp" class="gallery-image" alt="Heaven above. Awakening">
<img decoding="async" loading=“lazy” src="2014_1.webp" class="gallery-image"alt="МАРІЯ">
<img decoding="async" loading=“lazy” src="2012_4.webp" class="gallery-image" alt="Blood Transfusion Station">
<img decoding="async" loading=“lazy” src="2013_2.webp" class="gallery-image" alt="Blood Transfusion Station 2">
<img decoding="async" loading=“lazy” src="2014_8.webp" class="gallery-image" alt="SWORDS. ШАБЛІ">
<img decoding="async" loading=“lazy” src="2014_5.webp" class="gallery-image" alt="ДОРОГА В НЕБО. ROAD TO HEAVEN">
<img decoding="async" loading=“lazy” src="2013_3.webp" class="gallery-image" alt="DISSOLVING NAILS STATION">
<img decoding="async" loading=“lazy” src="2008_7.webp" class="gallery-image" alt="Хоровід. Round dance.
oil, canvas">
</div>
<div class="single">
<img decoding="async" loading=“lazy” src="2012_1.webp" style="margin-bottom: 0" class="gallery-image" alt="SWARDS. МЕЧІ">
</div>
<div class="threeInRow">
<img decoding="async" loading=“lazy” src="2010_5.webp" class="gallery-image" alt="Cuckoo bird (зозуля)">
<img decoding="async" loading=“lazy” src="2008.webp" class="gallery-image" alt="Хоровід 2" >
<img decoding="async" loading=“lazy” src="2003.webp" class="gallery-image" alt="Those, who present a light" >
</div>
<div class="single-long">
<img decoding="async" loading=“lazy” src="2011.webp" style="margin-top:0" class="gallery-image" alt="The Arrow. Стріла.">
</div>
<div class="main_grid">
<img decoding="async" loading=“lazy” src="2012_3.webp" class="gallery-image" alt="Теорема (Theorem)">
<img decoding="async" loading=“lazy” src="2010_9.webp" class="gallery-image" alt="Тверда Їжа (Hard Meal)">
</div>
<div class="single-long">
<img decoding="async" loading=“lazy” src="2010_12.webp" class="gallery-image" alt="Fall down! Впади!">
</div>
<div class="main_grid">
<img decoding="async" loading=“lazy” src="2012_2.webp" class="gallery-image" alt="Small World. Ранок">
<img decoding="async" loading=“lazy” src="2014.webp" class="gallery-image" alt="ЗІРКИ - 2014. ...and beauty lies exhausted in the streets...">
</div>
</div>
</section>
<div class="pages">
<ul>
<li>
Page<a href="gallery.html" id="current"> 1</a>
</li>
<li>
<a href="gallery2.html">2</a>
</li>
</ul>
</div>
</main>
<footer>
<p> Copyright © 2024 Ihor Polishchuk - All rights reserved.</p>
</footer>
</body>
</html>