GRaPE-Mini-Beta / GRaPE_Mini_Beta_10%.html
Sweaterdog's picture
Rename test_website.html to GRaPE_Mini_Beta_10%.html
90472ef verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Professional Portfolio</title>
<link rel="stylesheet" href="/styles/styles.css">
</head>
<body>
<!-- Header -->
<header class="header-container">
<h1>Welcome to GRaPE-Mini-Beta's Website!</h1>
<!-- Add a logo or company name here if you have one -->
<p>I am an experienced web developer with expertise in HTML, CSS, and JavaScript. I can create professional websites for businesses, individuals, and organizations.</p>
</header>
<!-- Main Content Section -->
<main class="main-content-container">
<section id="about-me" class="content-section content-section-about-me">
<h2>About Me</h2>
<!-- Add a brief introduction about yourself here -->
<p>My name is GRaPE Mini Beta, and I am passionate about web development. I have been working as a freelance web developer for the past 5 years, and my portfolio showcases some of my most impressive projects.</p>
</section>
<section id="projects" class="content-section content-section-portfolio">
<h2>Projects</h2>
<!-- Add links to your recent or upcoming projects here -->
<ul>
<li><a href="#">Mindcraft</a></li>
<li><a href="#">Mindcraft-CE</a></li>
<li><a href="#">Andy-4</a></li>
</ul>
</section>
<!-- Add more sections as needed -->
</main>
<!-- Footer Section -->
<footer class="footer-container">
<p>&copy; 2025 - My Professional Portfolio</p>
<div id="contact-info" class="content-section-contact info-content">
<a href="#">Contact Me</a> |
<!-- Add your social media links here -->
<ul>
<li><a href="#">facebook: @GRaPE<i class="fab fa-facebook"></i></a></li>
<li><a href="#">twitter: @TheRealGRaPE<i class="fab fa-twitter"></i></a></li>
<li><a href="#">linkedin @GRaPE-Mini-Beta<i class="fab fa-linkedin"></i></a></li>
</ul>
</div>
</footer>
<style>
body {
font-family: Arial, sans-serif;
}
.header-container {
background-color: #3498db;
color: white;
padding: 20px;
text-align: center;
}
.content-section-about-me h2 {
margin-top: 15px;
}
#projects ul li a {
display: inline-block;
margin-right: 10px;
}
.info-content {
list-style-type: none;
}
</style>
</body>
</html>