You are on page 1of 4

<!

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>

<!-- Content for the about page -->


<div id="aboutPage" class="page">
<article>
<h2>About Me</h2>
<p>My name is Gabe Hrony, im 20 and i live in Nigeria.I am
transgender and my pronouns are they/them and dare anybody to confuse my gender or
call me not by my pronouns , i will ban them immediately . I am a person of my word
so dont mess with me. I left the school with three years of education but that does
not mean i am ineducated or illiterte. I concluded that school will only waste my
time and hinder my further development as a global streamer. I dont regret that
desicion at all because in exchange for time spent in school i got an indispensible
experience in the sphere of youtube and gained some subscribers as well as money of
2,45$.The $2.45 I've earned is just a start. It's not about the money; it's about
building a community and creating content that matters. Whether it's sharing my
transgender journey or diving into new topics, I'm excited to see where this
adventure takes me. Here's to more growth, more experiences, and more meaningful
connections in the digital realm!So, buckle up because there's more to spill on the
Gabe Hrony journey! My subscribers are becoming a tight-knit community, and I'm
loving the interactions. I'm thinking of incorporating live streams, Q&A sessions,
and maybe even starting a podcast to connect with my audience on a deeper level.

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?

Speaking of connections, attending digital events and conferences could be on the


horizon. Networking with influencers and industry experts could open doors I never
thought possible. It's all about staying ahead of the curve and bringing fresh,
exciting content to my audience.

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.

As I navigate this ever-evolving journey, I'm keeping my eyes open for


opportunities. Maybe there's a chance to dabble in other forms of media – who
knows, a Gabe Hrony documentary, perhaps? The possibilities are endless, and I'm
ready to embrace them all.

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>

<!-- Content for the contact page -->


<div id="contactPage" class="page">
<article>
<h2>Contact Us</h2>
<p>Feel free to reach out to us through the following channels:</p>
<ul>
<li>Phone: +1 (555) 123-4567</li>
<li>Email: info@example.com</li>
<li>Address: 123 Blog Street, Cityville</li>
</ul>
</article>
</div>
</main>

<footer>
<p> PB </p>
</footer>

<script>
function showPage(pageId) {
// Hide all pages
document.querySelectorAll('.page').forEach(function (page) {
page.classList.remove('active');
});

// Show the selected page


document.getElementById(pageId).classList.add('active');
}
</script>

</body></html>

You might also like