-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgallery.html
158 lines (144 loc) · 7.84 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- META -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="I'm Velimir Paleksić, a Full-stack developer, software engineer, and security enthusiast.">
<meta name="author" content="Velimir Paleksić">
<meta name="keywords" content="Velimir, Paleksić, Paleksic, Velimir Paleksić, portfolio, personal portfolio, developer, web design, development">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#ffffff">
<meta name="generator" content="Fresco Velimir Paleksić">
<meta name="application-name" content="Fresco | Velimir Paleksić">
<!-- SOCIAL MEDIA META -->
<meta property="og:title" content="Fresco | Velimir Paleksić">
<meta property="og:description" content="I'm Velimir Paleksić, a Full-stack developer, software engineer, and security enthusiast.">
<meta property="og:image" content="https://velimirpaleksic.github.io/fresco/assets/img/logo/logo.webp">
<meta property="og:url" content="https://velimirpaleksic.github.com/fresco">
<meta property="og:type" content="website">
<!-- TWITTER -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Fresco | Velimir Paleksić" />
<meta name="twitter:description" content="I'm Velimir Paleksić, a Full-stack developer, software engineer, and security enthusiast."/>
<meta name="twitter:image" content="https://velimirpaleksic.github.io/fresco/assets/img/logo/logo.webp"/>
<!-- TITLE -->
<title>Gallery - Fresco | Velimir Paleksić</title>
<!-- FAVICONS -->
<link rel="icon" type="image/x-icon" href="assets/img/logo/favicon.ico">
<!-- CSS -->
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/gallery.css">
<!-- LAZY LOADING -->
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js" async></script>
</head>
<body onload="heroChange()">
<!-- START NAVBAR -->
<nav>
<div class="logo">
<a href="index">
<img src="assets/img/logo/fresco_white.png" alt="Logo" loading="lazy">
</a>
</div>
<div class="links">
<a href="menu">Menu</a>
<a href="reservations">Reservations</a>
<a href="gallery">Gallery</a>
<a href="contact">Contact</a>
</div>
</nav>
<!-- END NAVBAR -->
<!-- START GALLERY -->
<section class="gallery">
<div class="split-section">
<h1>Gallery</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer augue augue, pretium non est vel, interdum dapibus tellus. Quisque auctor, enim at varius hendrerit, dui sapien faucibus eros, at ornare ipsum ligula a lectus. Nulla sit amet maximus sem. In id molestie tellus. Ut nisl elit, sollicitudin non laoreet non, bibendum ac felis.</p>
<hr>
</div>
<div class="wrapper">
<div class="container">
<img src="assets/img/gallery/example.webp" alt="Example image">
</div>
<div class="container">
<img src="assets/img/gallery/example.webp" alt="Example image">
</div>
<div class="container">
<img src="assets/img/gallery/example.webp" alt="Example image">
</div>
<div class="container">
<img src="assets/img/gallery/example.webp" alt="Example image">
</div>
<div class="container">
<img src="assets/img/gallery/example.webp" alt="Example image">
</div>
<div class="container">
<img src="assets/img/gallery/example.webp" alt="Example image">
</div>
<div class="container">
<img src="assets/img/gallery/example.webp" alt="Example image">
</div>
<div class="container">
<img src="assets/img/gallery/example.webp" alt="Example image">
</div>
<div class="container">
<img src="assets/img/gallery/example.webp" alt="Example image">
</div>
<div class="container">
<img src="assets/img/gallery/example.webp" alt="Example image">
</div>
<div class="container">
<img src="assets/img/gallery/example.webp" alt="Example image">
</div>
<div class="container">
<img src="assets/img/gallery/example.webp" alt="Example image">
</div>
</div>
</section>
<!-- END GALLERY -->
<!-- START FOOTER -->
<footer>
<div class="top-bar">
<h1>TRADITION AND LOVE</h1>
</div>
<div class="wrapper">
<!-- USEFUL LINKS -->
<div class="container" id="useful-links">
<h2>Useful links:</h2>
<a href="reservations">RESERVATIONS</a>
<a href="menu">MENU</a>
<a href="contact">CONTACT</a>
</div>
<!-- FOLLOW US -->
<div class="container" id="social-media">
<h2>FOLLOW US</h2>
<div class="inner">
<a href="https://www.instagram.com/vex.systems/" target="_blank">
<img id="instagram" src="assets/img/icons/instagram.svg" alt="Instagram" loading="lazy">
</a>
<a href="https://github.com/velimirpaleksic" target="_blank">
<img id="github" src="assets/img/icons/github.svg" alt="GitHub" loading="lazy">
</a>
<a href="https://velimirpaleksic.github.io/portfolio/" target="_blank">
<img id="portfolio" src="assets/img/icons/resume.svg" alt="Website" loading="lazy">
</a>
</div>
</div>
<!-- POLICIES -->
<div class="container" id="policy">
<h2>Policies:</h2>
<a onclick="alert('Fresco is a fictional brand that does not exist and is only used for demonstrating design and functionality, therefore this function is nonexistent.')">Cookies</a>
<a onclick="alert('Fresco is a fictional brand that does not exist and is only used for demonstrating design and functionality, therefore this function is nonexistent.')">Terms of Service</a>
<a onclick="alert('Fresco is a fictional brand that does not exist and is only used for demonstrating design and functionality, therefore this function is nonexistent.')">Privacy Policy</a>
</div>
</div>
<div class="split-section">
<hr>
</div>
<div class="credits">
<p>Fresco is a fictional brand that does not exist and is only used for demonstrating design and functionality..</p>
<p>Design <a href="https://github.com/velimirpaleksic" target="_blank">Velimir Paleksić</a>. Copyright 2025 © All rights reserved.</p>
</div>
</footer>
<!-- END FOOTER -->
</body>
</html>