108 lines
3.4 KiB
HTML
108 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>Progyssey 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 Progyssey 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 Progyssey 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 today’s 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>
|
||
"Progyssey 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 id="responseMessage"></div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Footer Section -->
|
||
<footer>
|
||
<div class="container">
|
||
<p>© 2024 Progyssey Traineeship Program. All rights reserved.</p>
|
||
</div>
|
||
</footer>
|
||
<script src="index.js"></script>
|
||
</body>
|
||
</html>
|