GRaPE-Mini-Beta / GRaPE_Mini_Beta_10%.html

Rename test_website.html to GRaPE_Mini_Beta_10%.html

90472ef verified 8 months ago

2.45 kB

	<!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>© 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>