Professional Documents
Culture Documents
DOCTYPE html>
<html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Blog</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
}
header {
background-color: #333;
color: #fff;
padding: 1em;
text-align: center;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav li {
display: inline;
margin-right: 15px;
}
nav a {
text-decoration: none;
color: #fff;
cursor: pointer;
}
main {
padding: 20px;
}
article {
margin-bottom: 30px;
}
footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 1em;
position: fixed;
bottom: 0;
width: 100%;
}
.page {
display: none;
}
.page.active {
display: block;
}
</style>
</head>
<body>
<header>
<h1>Personal blog website</h1>
<nav>
<ul>
<li><a href="#" onclick="showPage('homePage')">Home</a></li>
<li><a href="#" onclick="showPage('aboutPage')">About</a></li>
<li><a href="#" onclick="showPage('contactPage')">Contact</a></li>
</ul>
</nav>
</header>
<main>
<!-- Content for the home page -->
<div id="homePage" class="page active">
<article>
<h2>Welcome to my personal blog about the latest events!</h2>
<p> Hey my new viewer i hope ur fellin alright and i welcome u to
my webpage wehere i post my own stories of life. it does not matter what kind of
stories , whether if it is bad , sad , happy or even crazy, i will post 'em all.
Hope u ll enjoy ;) </p>
</article>
<article>
<h2>Latest Posts</h2>
<p>1. <a href="https://www.booking.com/luxury/city/tr/istanbul.en-
gb.html?aid=1135786&label=tr-5Xd8ON4BCFa6649z2c9kJAS198728936635%3Apl%3Ata
%3Ap1%3Ap2%3Aac%3Aap%3Aneg%3Afi%3Atikwd-4472732327%3Alp9063099%3Ali%3Adec%3Adm
%3Appccp%3DUmFuZG9tSVYkc2RlIyh9YcpDr58xwogAfuBu-
XwhWKk&sid=87383b30b0ea1077fc63a66a3f8ae9ef">I spend my weekends in Istanbul in one
of best hotels EVER!</a></p>
<p>2. <a href="https://blog.padi.com/the-10-best-dive-sites-in-the-
world/">If you are planning to dive anytime soon, check those astonishing places to
visit and try yourself in the whole new world! </a></p>
<p>3. <a href="https://www.cnbc.com/2023/12/08/falling-ev-prices-
could-hinder-adoption-experts-say.html">The prices of electric vehicles are
gradually falling down, it can be a chance for you to get one !!</a></p>
</article>
</div>
The digital landscape is a beast, and I'm ready to tame it. Exploring emerging
technologies like virtual reality or gaming streams might add a unique flavor to my
content. Who knows, I might even venture into merchandising – Gabe Hrony hoodies,
anyone?
And let's not forget about giving back. I'm contemplating charity streams and
collaborations with organizations that align with my values. Using my platform for
good is essential, and I want to make a positive impact beyond the digital space.
So, whether you've been with me from the start or just stumbled upon the Gabe Hrony
channel, thank you for being part of this adventure. There's a lot more content,
collaborations, and surprises coming your way. Stay tuned, because the Gabe Hrony
story is just getting started, and I'm thrilled to have you along for the ride!
</p>
<p>Meet my team of youtubers:</p>
<ul>
<li>Jack Offardler - Founder</li>
<li>Nick Gurr - Editor</li>
<li>Hugh Jathenny - Writer</li>
</ul>
</article>
</div>
<footer>
<p> PB </p>
</footer>
<script>
function showPage(pageId) {
// Hide all pages
document.querySelectorAll('.page').forEach(function (page) {
page.classList.remove('active');
});
</body></html>