404 error
- 🔠I’m currently working on my web-site
https://akashdip2001.github.io/website-2/About_e6843420070625d7049861cecdfdc6cefbbe2dbfcaf29f22a63f03c3a64a00da.html
https://youtu.be/ysBF9EfvWkk?t=428
<!doctype html>
<html lang="en">
<head>
<!-- META -->
<meta charset="utf-8">
<meta name="robots" content="noodp">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<!-- PAGE TITLE -->
<title>404 -- error</title>
<!-- Akashdip2001 -->
<link rel="shortcut icon" href="assets/img/akashdip2001.png">
<!-- FONTS -->
<link href="https://fonts.googleapis.com/css?family=Anonymous+Pro:400,700&subset=latin-ext" rel="stylesheet">
<!-- STYLESHEETS -->
<link rel="stylesheet" type="text/css" href="assets/css/plugins.css">
<link rel="stylesheet" type="text/css" href="assets/css/main.css">
</head>
<body>
<!-- HERO -->
<div class="hero">
<!-- FRONT CONTENT -->
<div class="front-content">
<!-- CONTAINER MID -->
<div class="container-mid">
<h1>404<br>That’s an error</h1>
<p class="subline">The requested URL was not found on this server. @@@ 2001</p>
<a href="https://www.youtube.com/channel/UCxvmp634YDc41xCWOdvWqoQ">Back Home</a>
</div>
<!-- /CONTAINER MID -->
<!-- FOOTER -->
<div class="footer">
<p>AKASHDIP MAHAPATRA @ 27 sep/2022 | main <a href="https://akashdip2001.github.io/linktree/">Website</a></p>
</div>
<!-- /FOOTER -->
</div>
<!-- /FRONT CONTENT -->
<!-- BACKGROUND CONTENT -->
<div class="background-content">
<div class="background-overlay"></div>
<div class="background-img"></div>
</div>
<!-- /BACKGROUND CONTENT -->
</div>
<!-- /HERO -->
<!-- JAVASCRIPTS -->
<script type="text/javascript" src="assets/js/plugins.js"></script>
<script type="text/javascript" src="assets/js/main.js"></script>
<script>
// Function to disable right-click context menu
function disableRightClick(event) {
event.preventDefault();
}
// Attach the disableRightClick function to the contextmenu event
window.addEventListener('contextmenu', disableRightClick);
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="robots" content="noodp">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="description" content="Your website description here.">
<meta property="og:title" content="404 -- error">
<meta property="og:description" content="Your website description here.">
<meta property="og:image" content="URL_TO_SHAREABLE_IMAGE">
<meta property="og:url" content="URL_TO_CURRENT_PAGE">
<title>404 -- error</title>
<link rel="shortcut icon" href="assets/img/akashdip2001.png">
<link href="https://fonts.googleapis.com/css?family=Anonymous+Pro:400,700&subset=latin-ext" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="assets/css/styles.css"> <!-- Combine CSS files if needed -->
<style>
/* Add mobile styles here */
body {
font-size: 16px; /* Adjust as needed for mobile readability */
}
.hero {
display: flex;
flex-direction: column-reverse; /* Reverse order on mobile for better flow */
}
.front-content {
padding: 20px; /* Adjust padding for better spacing on mobile */
}
.container-mid {
text-align: center; /* Center text on mobile */
}
.footer {
text-align: center; /* Center footer text on mobile */
}
</style>
</head>
<body>
<div class="hero">
<div class="background-content">
<div class="background-overlay"></div>
<div class="background-img"></div>
</div>
<div class="front-content">
<div class="container-mid">
<h1>404<br>That’s an error</h1>
<p class="subline">The requested URL was not found on this server. @@@ 2001</p>
<a href="https://www.youtube.com/channel/UCxvmp634YDc41xCWOdvWqoQ">Back Home</a>
</div>
<div class="footer">
<p>AKASHDIP MAHAPATRA @ 27 sep/2022 | main <a href="https://akashdip2001.github.io/linktree/">Website</a></p>
</div>
</div>
</div>
<script type="text/javascript" src="assets/js/scripts.js"></script> <!-- Combine JS files if needed -->
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="robots" content="noodp">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="description" content="Your website description here.">
<meta property="og:title" content="404 -- error">
<meta property="og:description" content="Your website description here.">
<meta property="og:image" content="URL_TO_SHAREABLE_IMAGE">
<meta property="og:url" content="URL_TO_CURRENT_PAGE">
<title>404 -- error</title>
<link rel="shortcut icon" href="assets/img/akashdip2001.png">
<link href="https://fonts.googleapis.com/css?family=Anonymous+Pro:400,700&subset=latin-ext" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="assets/css/styles.css"> <!-- Combine CSS files if needed -->
<style>
/* Additional CSS for mobile responsiveness */
body {
margin: 0;
padding: 0;
font-family: 'Anonymous Pro', sans-serif;
background: #f5f5f5;
}
.hero {
display: flex;
flex-direction: column;
height: 100vh;
text-align: center;
}
.front-content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px;
box-sizing: border-box;
color: #fff;
}
.container-mid {
max-width: 600px;
margin: 0 auto;
}
h1 {
font-size: 4em;
margin: 0;
}
.subline {
font-size: 1.2em;
margin-top: 10px;
}
a {
display: inline-block;
margin-top: 20px;
padding: 10px 20px;
background-color: #3498db;
color: #fff;
text-decoration: none;
border-radius: 5px;
}
.footer {
margin-top: 20px;
font-size: 0.8em;
}
.background-content {
position: relative;
flex: 1;
background: url('assets/img/background-image.jpg') center center / cover no-repeat;
}
.background-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
</style>
</head>
<body>
<div class="hero">
<div class="front-content">
<div class="container-mid">
<h1>404<br>That’s an error</h1>
<p class="subline">The requested URL was not found on this server. @@@ 2001</p>
<a href="https://www.youtube.com/channel/UCxvmp634YDc41xCWOdvWqoQ">Back Home</a>
</div>
<div class="footer">
<p>AKASHDIP MAHAPATRA @ 27 sep/2022 | main <a href="https://akashdip2001.github.io/linktree/">Website</a></p>
</div>
</div>
<div class="background-content">
<div class="background-overlay"></div>
</div>
</div>
<script type="text/javascript" src="assets/js/scripts.js"></script> <!-- Combine JS files if needed -->
</body>
</html>