progodyssey/public/index.html

81 lines
3.2 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Progodyssey Traineeship Program</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Header Section -->
<header>
<div class="logo-container">
<img src="images/logo.png" alt="TechStep Logo" class="logo">
</div>
<div class="container">
<h1>Welcome to Progodyssey Traineeship</h1>
<p>Where Tech Careers Begin</p>
<a href="#apply" class="cta-button">Apply Now</a>
</div>
</header>
<!-- Program Overview Section -->
<section id="overview">
<div class="container">
<h2>About the Program</h2>
<p>The Progodyssey Traineeship Program is designed for aspiring IT professionals who want to build a solid foundation in the tech industry. We get to assist you in honing your technical skills for the challenges and opportunities in todays technology landscape.</p>
</div>
</section>
<!-- Curriculum Section -->
<section id="curriculum">
<div class="container">
<h2> Recommended IT courses</h2>
<ul>
<li>Missing Semester - Advanced Computer Skills: <a href="https://missing.csail.mit.edu/">https://missing.csail.mit.edu/</a></li>
<li>Programming Overview: <a href="https://pll.harvard.edu/course/cs50-introduction-computer-science">https://pll.harvard.edu/course/cs50-introduction-computer-science</a></li>
<li>To dive deeper into a fascinating programming language: <a href="https://learnyouahaskell.github.io/">https://learnyouahaskell.github.io/</a></li>
</ul>
</div>
</section>
<!-- Testimonials Section -->
<section id="testimonials">
<div class="container">
<h2>What Our Trainees Say</h2>
<blockquote>
<p>"Progodyssey Traineeship Program gave me the skills and confidence I needed to start my career in IT. The mentorship and real-world experience were invaluable!"</p>
<cite>— Ryan Mwangi, Software Developer</cite>
</blockquote>
</div>
</section>
<!-- Call to Action Section -->
<section id="apply">
<div class="container">
<h2>Get Started</h2>
<p>Ready to take the next step in your IT career? Apply today!</p>
<form id="applicationForm">
<input type="hidden" name="list_id" value="3">
<input type="text" name="name" placeholder="Your Name" required>
<input type="email" name="email" placeholder="Your Email" required>
<textarea name="message" placeholder="Why are you interested in this program?" required></textarea>
<button type="submit" class="cta-button">Submit Application</button>
</form>
</div>
</section>
<!-- Footer Section -->
<footer>
<div class="container">
<p>&copy; 2024 Progodyssey Traineeship Program. All rights reserved.</p>
</div>
</footer>
<script src="index.js"></script>
</body>
</html>