-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path404.html
133 lines (118 loc) · 6.65 KB
/
404.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
<!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>404 Not Found - 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/main.css">
<!-- JAVASCRIPT -->
<script defer src="assets/js/main.js"></script>
<!-- SLIDER -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/tiny-slider.css">
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/min/tiny-slider.js"></script>
<!-- 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 HERO -->
<section class="hero">
<div class="images">
<img src="assets/img/hero/1.webp" alt="Hero image 1" class="hero-image" style="opacity: 1;" loading="lazy">
<img src="assets/img/hero/2.webp" alt="Hero image 2" class="hero-image" loading="lazy">
<img src="assets/img/hero/3.webp" alt="Hero image 3" class="hero-image" loading="lazy">
<img src="assets/img/hero/4.webp" alt="Hero image 4" class="hero-image" loading="lazy">
<img src="assets/img/hero/5.webp" alt="Hero image 5" class="hero-image" loading="lazy">
</div>
<div class="hero-text">
<h1>Fresco</h1>
<p id="error">PAGE NOT FOUND</p>
<a href="index">GO BACK</a>
</div>
</section>
<!-- END HERO -->
<!-- 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>