Scribd
Upload
3 views

WebProgTP_code

The document is an HTML template for a webpage featuring a navigation bar and three main sections: Home, About, and Project. The Home section provides an introduction to Premier, the About section lists social media links, and the Project section contains a brief note. It includes Bootstrap for styling and responsiveness.

Uploaded by

pikajisoo0909
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
3 views

WebProgTP_code

The document is an HTML template for a webpage featuring a navigation bar and three main sections: Home, About, and Project. The Home section provides an introduction to Premier, the About section lists social media links, and the Project section contains a brief note. It includes Bootstrap for styling and responsiveness.

Uploaded by

pikajisoo0909
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

<!

DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/
bootstrap.min.css" rel="stylesheet" />
<style>
.navbar-brand {
font-size: 2rem;
}

.fullscreen {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}

.section {
padding: 50px 0;
}
</style>
</head>
<body>

<nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-dark">


<div class="container-fluid">
<a class="navbar-brand" href="#">Logo</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Project</a>
</li>
</ul>
</div>
</div>
</nav>

<section id="home" class="fullscreen">


<div class="container text-center">
<h1>Everything You Need to Know About Premier</h1>
<p>First time playing in Premier? Or maybe you just need a refresh on
the who, what, when, and where. No worries—we’ve got you. Get started using the
info below, or if you’ve just got some lingering questions you need answers
to.<br /><br />As always, keep the feedback coming in your favorite ZAWARUDO
community space.</p>
</div>
</section>
<section id="about" class="fullscreen ">
<div class="container text-center">
<h1>My Socials</h1>
<p><strong>Link Here:</strong> <a href="https://x.com/Michael23439314?
t=EsJOz37qOHtDSQZQb8DpNg&s=09">X</a></p>
<p><strong>Link Here:</strong> <a href="https://www.google.com/url?
sa=t&source=web&rct=j&opi=89978449&url=https://www.tiktok.com/en/
&ved=2ahUKEwjF5oq10sWLAxXVavUHHSiGF4YQjjh6BAgeEAE&usg=AOvVaw2tOqk3xoej8k3xVCLGKPyS"
>TIKTOK</a></p>
<p><strong>Link Here:</strong> <a
href="https://www.facebook.com/share/1BjsYtWSrt/">FACEBOOK</a></p>
<p><strong>Link Here:</strong> <a
href="https://discord.com/">DISCORD</a></p>
</div>
</section>

<section id="contact" class="section fullscreen">


<div class="container text-center">
<h1>Project</h1>
<p>Secret!!!</p>
</div>
</section>

<footer class="footer text-center py-4">


<p class="mb-0">© 2025. All Rights Reserved.</p>
</footer>

<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.m
in.js"></script>
</body>
</html>

You might also like