From c20a6e9b011f2039c8443f11c882e3b81903d5b9 Mon Sep 17 00:00:00 2001
From: Ryan Mwangi <ryannganga13325@gmail.com>
Date: Sat, 31 Aug 2024 16:06:03 +0300
Subject: [PATCH] Initial commit

---
 form-handler.js |  32 ++++++++++++
 images/logo.png | Bin 0 -> 10020 bytes
 index.html      |  79 ++++++++++++++++++++++++++++
 styles.css      | 135 ++++++++++++++++++++++++++++++++++++++++++++++++
 4 files changed, 246 insertions(+)
 create mode 100644 form-handler.js
 create mode 100644 images/logo.png
 create mode 100644 index.html
 create mode 100644 styles.css

diff --git a/form-handler.js b/form-handler.js
new file mode 100644
index 0000000..3d407b0
--- /dev/null
+++ b/form-handler.js
@@ -0,0 +1,32 @@
+document.getElementById('applicationForm').addEventListener('submit', function(event) {
+    event.preventDefault(); 
+
+    // Get form data
+    const formData = new FormData(this);
+    
+    // Convert form data to an object
+    const data = Object.fromEntries(formData.entries());
+
+    // Display the form data in the console
+    console.log(data);
+
+    // Send form data to a server-side script
+    fetch('your-server-endpoint', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json',
+        },
+        body: JSON.stringify(data),
+    })
+    .then(response => response.json())
+    .then(result => {
+        console.log('Success:', result);
+        // Redirect or show a success message here
+    })
+    .catch(error => {
+        console.error('Error:', error);
+    });
+
+    // Display a thank you message (or redirect to another page)
+    document.body.innerHTML = '<h2>Thank you for your application!</h2>';
+});
diff --git a/images/logo.png b/images/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..2ead8efc42de96701d45ca9f8d9d68564a4daca0
GIT binary patch
literal 10020
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
SCxbcmh6Pd8RjF38j{YAYLPGZd

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
new file mode 100644
index 0000000..6340c2c
--- /dev/null
+++ b/index.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Tech Launchpad 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 Tech Launchpad 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 Tech Launchpad 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>"Tech Launchpad 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="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 Tech Launchpad Traineeship Program. All rights reserved.</p>
+        </div>
+    </footer>
+    <script src="form-handler.js"></script>
+
+</body>
+</html>
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..49b02bc
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,135 @@
+/* Basic Reset */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: Arial, sans-serif;
+    line-height: 1.6;
+    color: #333;
+}
+
+.container {
+    max-width: 1100px;
+    margin: auto;
+    padding: 20px;
+}
+
+/* Header */
+header {
+    background: #004080;
+    color: #fff;
+    padding: 60px 0;
+    text-align: center;
+}
+
+header h1 {
+    font-size: 2.5rem;
+    margin-bottom: 20px;
+}
+
+header p {
+    font-size: 1.2rem;
+    margin-bottom: 30px;
+}
+
+header .cta-button {
+    background: #ff9900;
+    color: #fff;
+    padding: 10px 20px;
+    text-decoration: none;
+    font-size: 1.2rem;
+    border-radius: 5px;
+}
+
+header .cta-button:hover {
+    background: #cc7a00;
+}
+
+.logo-container {
+    position: absolute;
+    top: 60px;
+    left: 10px;
+}
+
+.logo {
+    max-width: 150px;
+    height: auto;
+}
+
+/* Sections */
+section {
+    padding: 40px 0;
+}
+
+section h2 {
+    font-size: 2rem;
+    margin-bottom: 20px;
+    color: #004080;
+}
+
+/* Curriculum */
+#curriculum ul {
+    list-style: none;
+    padding-left: 20px;
+}
+
+#curriculum ul li {
+    margin-bottom: 10px;
+}
+
+/* Testimonials */
+#testimonials blockquote {
+    font-size: 1.2rem;
+    font-style: italic;
+    margin: 20px 0;
+    color: #666;
+}
+
+#testimonials cite {
+    font-size: 1rem;
+    color: #333;
+    font-style: normal;
+}
+
+/* Call to Action Form */
+form {
+    display: flex;
+    flex-direction: column;
+}
+
+form input,
+form textarea {
+    margin-bottom: 15px;
+    padding: 10px;
+    font-size: 1rem;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+}
+
+form button {
+    background: #004080;
+    color: #fff;
+    padding: 10px 20px;
+    font-size: 1.2rem;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+}
+
+form button:hover {
+    background: #00264d;
+}
+
+/* Footer */
+footer {
+    background: #f4f4f4;
+    text-align: center;
+    padding: 20px 0;
+}
+
+footer p {
+    font-size: 0.9rem;
+}