stud-sec.html

<div>
    <div>

        <div class="hero-container">


            <div class="hero-content">
                <h2 class="sec-title"> Exclusive Access for Students </h2>
                <div class="content">

                    <h3 class="sec-sub-title">Designed for the Next Generation of Innovators</h3>

                    <p class="sec-para">This track is your gateway to breaking into the tech industry, gaining hands-on
                        experience, and connecting with mentors who will guide you along the way. Learn from experts in
                        career development, coding, and cutting-edge research while building your network with peers and
                        professionals. Plus, get exclusive perks like resume reviews, hackathons, and mentorship to
                        supercharge your journey!

                        <a target="_blank" rel="noreferrer">Register with your .edu email for a student
                            discount!</em> </a>
                    </p>
                </div>


            </div>



        </div>

    </div>

</div>

<section>
    <div class="container">
        <div class="container-sec-wrapper nav-sec" id="launchpad">
            <div class="section-left-wrap">

                <div class="hero-banner-wrapper">
                    <div class="hero-banner-wrap">
                        <div class="hero-banner-card">
                            <div class="icon-wrap">
                                <i class="ph ph-graduation-cap"></i>
                            </div>
                            <p>
                                <strong>50,000+ Students from 100+ countries. </strong> <br>
                                Join a global network of future leaders.
                            </p>
                        </div>
                    </div>
                    <div class="hero-banner-wrap mt-5">
                        <div class="hero-banner-card">
                            <div class="icon-wrap">
                                <i class="ph ph-book-open"></i>
                            </div>
                            <p>
                                <strong>80% excel in STEM fields. </strong> <br>
                                Prepare for the future with the best in education.
                            </p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="application-form-wrap">
                <div class="application-form-wrapper">
                    <!-- form validation handle through JS -->
                    <form id="application-form-students" class="form" action="" method="post">
                        <div class="application-form">
                            <div class="comm-form">
                                <div class="row form-section">
                                    <!-- First Name and Last Name -->
                                    <div class="col col-sm-12 col-lg-6">
                                        <label for="summaryFName">First Name</label>
                                        <div class="form-grp">
                                            <input type="text" class="form-field" id="summaryFName" name="summaryFName"
                                                placeholder="Type First Name" />
                                        </div>
                                    </div>

                                    <div class="col col-sm-12 col-lg-6">
                                        <label for="summaryLName">Last Name</label>
                                        <div class="form-grp">
                                            <input type="text" class="form-field" id="summaryLName" name="summaryLName"
                                                placeholder="Type Last Name" />
                                        </div>
                                    </div>

                                    <hr>

                                    <!-- Date of Birth -->
                                    <div class="col col-sm-12 col-lg-6">
                                        <label for="dob">Date of Birth</label>
                                        <div class="form-grp">
                                            <input type="date" class="form-field" id="dob" name="dob"
                                                placeholder="Select your Date of Birth" />
                                        </div>
                                    </div>

                                    <!-- Gender -->
                                    <div class="col col-sm-12 col-lg-6">
                                        <label for="gender">Gender</label>
                                        <div class="form-grp">
                                            <select class="select-field" id="gender" name="gender">
                                                <option value="0">Select Gender</option>
                                                <option value="Male">Male</option>
                                                <option value="Female">Female</option>
                                                <option value="Other">Other</option>
                                            </select>
                                        </div>
                                    </div>

                                    <hr>

                                    <!-- Email and Mobile Number -->
                                    <div class="col col-sm-12 col-lg-6">
                                        <label for="formEmail">Email ID</label>
                                        <div class="form-grp">
                                            <input type="email" class="form-field" id="formEmail" name="formEmail"
                                                placeholder="Type Email ID" />
                                        </div>
                                    </div>

                                    <div class="col col-sm-12 col-lg-6">
                                        <label for="formMobile">Mobile Number</label>
                                        <div class="form-grp">
                                            <input type="tel" class="form-field" id="formMobile" name="formMobile"
                                                maxlength="12" placeholder="Type Mobile Number" />
                                        </div>
                                    </div>

                                    <hr>

                                </div>

                                <div class="row form-section">
                                    <!-- Educational Institution -->
                                    <div class="col col-sm-12 col-lg-12">
                                        <label for="eduInstitution">Educational Institution</label>
                                        <div class="form-grp">
                                            <input type="text" class="form-field" id="eduInstitution"
                                                name="eduInstitution" placeholder="Type Your Educational Institution" />
                                        </div>
                                    </div>

                                    <hr>

                                    <!-- Major and Current Year -->
                                    <div class="col col-sm-12 col-lg-6">
                                        <label for="major">Major</label>
                                        <div class="form-grp">
                                            <input type="text" class="form-field" id="major" name="major"
                                                placeholder="Type Your Major" />
                                        </div>
                                    </div>

                                    <div class="col col-sm-12 col-lg-6">
                                        <label for="currentYear">Current Year of Study</label>
                                        <div class="form-grp">
                                            <input type="text" class="form-field" id="currentYear" name="currentYear"
                                                placeholder="Type Current Year (e.g. Freshman, Sophomore)" />
                                        </div>
                                    </div>

                                    <hr>

                                    <!-- Industry and Leadership Experience -->
                                    <div class="col col-sm-12 col-lg-12">
                                        <label for="LeadExp">Leadership Experience</label>
                                        <div class="form-grp">
                                            <select class="select-field" id="LeadExp" name="LeadExp">
                                                <option value="0">Select Leadership Experience</option>
                                                <option value="0-2">0–2 Years</option>
                                                <option value="3-5">3–5 Years</option>
                                                <option value="5+">5+ Years</option>
                                            </select>
                                        </div>
                                    </div>

                                    <hr>

                                </div>

                                <div class="row form-section">
                                    <!-- Key Focus Areas -->
                                    <div class="col col-sm-12 col-lg-6">
                                        <label for="keyFocus">Key Focus Areas (Select all that apply):</label>
                                        <div class="form-grp" id="keyFocus">
                                            <!-- Dynamic focus areas can be added here -->

                                        </div>
                                    </div>

                                    <!-- Social Media Handles -->
                                    <div class="col col-sm-12 col-lg-6" id="socialGrp">
                                        <label for="socialHandle">Social Media Handles
                                            (Instagram/LinkedIn/Twitter)</label>
                                        <div class="form-grp">
                                            <select class="select-field" id="socialHandle" name="socialHandle">
                                                <option value="0">Add Social Handle</option>
                                                <option value="Instagram">Instagram</option>
                                                <option value="LinkedIn">LinkedIn</option>
                                                <option value="Twitter">Twitter</option>
                                                <option value="Other">Other</option>
                                            </select>
                                        </div>
                                    </div>

                                    <hr>

                                    <!-- Reason for Joining -->
                                    <div class="col col-sm-12 col-lg-12">
                                        <label for="whyWant">Why do you want to join the Student Track?</label>
                                        <div class="form-grp">
                                            <textarea class="form-field" id="whyWant" name="whyWant"
                                                placeholder="Type your Reason"></textarea>
                                        </div>
                                    </div>

                                    <hr>
                                </div>

                                <div class="row form-section">
                                    <!-- Interest in Roundtables -->
                                    <div class="col col-sm-12 col-lg-12">
                                        <label for="roundTableInterest">Are you interested in participating in student
                                            roundtables?</label>
                                        <div class="radio-grp-wrap">
                                            <div class="radio-grp">
                                                <label for="roundTable">Yes</label>
                                                <input type="radio" class="form-field" id="roundTable"
                                                    name="roundTable" />
                                            </div>
                                            <div class="radio-grp">
                                                <label for="roundTable">No</label>
                                                <input type="radio" class="form-field" id="roundTableTwo"
                                                    name="roundTable" />
                                            </div>
                                        </div>
                                    </div>

                                    <hr>

                                    <!-- Email Updates -->
                                    <div class="col col-sm-12 col-lg-12">
                                        <label for="preEmail">Would you like to receive updates and premium content via
                                            email?</label>
                                        <div class="radio-grp-wrap">
                                            <div class="radio-grp">
                                                <label for="preEmail">Yes</label>
                                                <input type="radio" class="form-field" id="preEmail" name="preEmail" />
                                            </div>
                                            <div class="radio-grp">
                                                <label for="preEmail">No</label>
                                                <input type="radio" class="form-field" id="preEmailTwo"
                                                    name="preEmail" />
                                            </div>
                                        </div>
                                    </div>

                                </div>

                                <div class="row form-section">

                                    <!-- Pass Option -->
                                    <div class="col col-sm-12 col-lg-12">
                                        <label for="passOpt">Select Your Pass Option:</label>
                                        <div class="radio-grp-wrap flex-column">
                                            <div class="radio-grp-card">
                                                <label for="passOpt">Student Pass – $199 (Full Access)</label>
                                                <input type="radio" class="form-field" id="passOpt" name="passOpt" />
                                            </div>
                                            <div class="radio-grp-card">
                                                <label for="passOpt">Student Pass + 1:1 Mentorship – $299 (Includes
                                                    private session)</label>
                                                <input type="radio" class="form-field" id="passOptTwo" name="passOpt" />
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Terms Confirmation -->
                                    <div class="checkbox-grp-wrap">
                                        <div class="form-grp">
                                            <input type="checkbox" name="termsCero" />
                                        </div>
                                        <label for="terms">
                                            I confirm that the information provided is accurate.
                                        </label>
                                    </div>

                                    <div class="checkbox-grp-wrap">
                                        <div class="form-grp">
                                            <input type="checkbox" name="termsOne" />
                                        </div>
                                        <label for="termsOne">
                                            I understand that availability is limited and subject to confirmation.
                                        </label>
                                    </div>

                                    <hr>

                                    <!-- Payment Method -->
                                    <div class="col col-sm-12 col-lg-6" id="paymentGrp">
                                        <label for="paymentMethod">Payment Method: </label>
                                        <div class="form-grp">
                                            <select class="select-field" id="paymentMethod" name="paymentMethod">
                                                <option value="0">Select Payment Method</option>
                                                <option value="Credit">Credit Card</option>
                                                <option value="PayPal">PayPal</option>
                                                <option value="Invoice">Invoice My School</option>
                                            </select>
                                        </div>
                                    </div>

                                    <hr>

                                    <!-- Submit Button -->
                                    <div class="w100">
                                        <div class="btn-grp">
                                            <button type="submit" id="submitApplication" class="btn submit-btn">
                                                <i class="ph ph-paper-plane-tilt"></i> &nbsp; Apply Now
                                            </button>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

        </div>

        <div class="container-sec-wrapper nav-sec" id="journey">

            <div class="section-para-wrap pt-5 mt-5">
                <h2 class="sec-title">Why Join the Students &amp; Academia Track?</h2>


                <div class="mt-5">
                    <h3><strong>1.Career-Boosting Sessions</strong></h3>
                    <p class="sec-para">Join us for a series of insightful sessions starting with the "Breaking
                        into Tech: Career Panel," where you'll get insider tips from recruiters and engineers at
                        top companies, learn how to stand out in internships and entry-level roles, and have a
                        live Q&A with professionals who started just like you. Next, dive into our "Hands-on
                        Coding Workshops" for practical, project-based learning in Python, JavaScript, or AI/ML,
                        and build a portfolio-ready project in just one session, with real-time feedback from
                        expert instructors. Lastly, in "Research Trends in Computer Science," explore emerging
                        fields like AI, quantum computing, and cybersecurity, learn how to publish your first
                        paper or contribute to open-source projects, and understand the difference between
                        academia and industry research paths.
                    </p>

                </div>

                <hr />
                <div class="mt-5">
                    <h3><strong>2. Exclusive Perks for Students</strong></h3>
                    <p class="sec-para">Get exclusive perks including discounted or free tickets (with a valid
                        .edu email), resume and LinkedIn review sessions (with feedback from hiring managers), a
                        student-only hackathon featuring prizes and recruiter visibility, and free access to
                        premium workshop materials to help you excel.
                    </p>

                </div>

                <hr />
                <div class="mt-5">
                    <h3><strong>3. Networking &amp; Mentorship</strong></h3>
                    <p class="sec-para">Gain access to a dedicated Discord/Slack community, where you can
                        connect with students worldwide for study groups and collaborations, receive exclusive
                        job/internship postings, and participate in AMA sessions with industry speakers. Plus,
                        enjoy 1:1 mentorship matching with an industry professional or senior researcher,
                        offering personalized career guidance, mock interviews, and long-term support to help
                        you thrive.
                    </p>

                </div>

                <hr />
            </div>

            <div class="img-wrap">
                <div class="sticky-div">
                    <img src="img/model-girl-2-sqr.webp" alt="">
                </div>
            </div>
        </div>

    </div>



    <div class="container pt-5 mt-5 nav-sec" id="tribe">
        <h2 class="sec-title">Who Should Attend?</h2>

        <div class="who-cards-wrapper">
            <div class="who-card">
                <div class="icon">
                    <i class="ph ph-graduation-cap"></i>
                </div>
                <div class="text-content">
                    <strong class="card-title"> Undergrad & Grad Students </strong>
                    <p>
                        Exploring tech careers? Join us to discover pathways and opportunities to kickstart your
                        journey.
                    </p>
                </div>
            </div>
            <div class="who-card">
                <div class="icon">
                    <i class="ph ph-flask"></i>
                </div>
                <div class="text-content">
                    <strong class="card-title"> Researchers </strong>
                    <p>
                        Looking to bridge academia and industry? Gain insights on how to apply research in real-world
                        tech.
                    </p>
                </div>
            </div>
            <div class="who-card">
                <div class="icon">
                    <i class="ph ph-code"></i>
                </div>
                <div class="text-content">
                    <strong class="card-title"> Self-Taught Coders </strong>
                    <p>
                        Seeking structured guidance? Learn from experts and take your skills to the next level.
                    </p>
                </div>
            </div>
            <div class="who-card">
                <div class="icon">
                    <i class="ph ph-trophy"></i>
                </div>
                <div class="text-content">
                    <strong class="card-title"> Hackathon Enthusiasts </strong>
                    <p>
                        Ready to compete and learn? Get hands-on experience and sharpen your coding skills.
                    </p>
                </div>
            </div>
        </div>

        <hr />

    </div>

    <div class="container pt-5 mt-5 nav-sec" id="experiences">
        <h3 class="sec-title">
            Still Deciding? Here&rsquo;s What Past Attendees Say:
        </h3>

        <div class="testimonial-wrapper mt-5">
            <div class="testim-card-wrap">
                <div class="testim-card">
                    <div class="card-image-wrap">
                        <img src="img/testim/student-girl-sqr.webp" alt="">
                    </div>

                    <div class="card-content-wrap">
                        <p class="testim-para">
                            <em>"I attended the student workshops last year, and it was an amazing experience! The
                                instructors were incredibly knowledgeable, and the interactive sessions gave me
                                real-world insights that I can apply in my studies and future career. I highly recommend
                                it!"</em>
                        </p>
                        <strong>Julia M., Computer Science Student</strong>
                    </div>

                </div>
            </div>
            <div class="testim-card-wrap">
                <div class="testim-card">
                    <div class="card-image-wrap">
                        <img src="img/testim/student-girl-1-sqr.webp" alt="">
                    </div>

                    <div class="card-content-wrap">
                        <p class="testim-para">
                            <em>"I was a bit nervous since I didn't have much coding experience, but the beginner
                                sessions were so well done that I felt right at home. The event is perfect for anyone,
                                no matter your skill level!"es and insights into the industry were amazing. It
                                definitely helped me land my first job in tech!"</em>
                        </p>
                        <strong>Emily T., Student</strong>
                    </div>
                </div>
            </div>
            <div class="testim-card-wrap">
                <div class="testim-card">
                    <div class="card-image-wrap">
                        <img src="img/testim/student-guy-1-sqr.webp" alt="">
                    </div>

                    <div class="card-content-wrap">
                        <p class="testim-para">
                            <em>"Attending the student workshops was a game-changer for me! The hands-on sessions helped
                                me grasp complex concepts, and I gained invaluable insights into the industry. I'm now
                                more confident about my future career."</em>
                        </p>
                        <strong>Sam L., Computer Science Student</strong>
                    </div>

                </div>
            </div>
        </div>

        <hr />
    </div>

    <div class="container pt-5 mt-5 nav-sec" id="aid">
        <h2 class="sec-title">Frequently Asked Questions</h2>
        <div class="faq-container">
            <div class="faq-item">
                <h3>Is there a deadline to register with a student discount?</h3>
                <p class="faq-ans">Yes, student pricing ends <strong>[two weeks before event]</strong>. To ensure you
                    can take advantage of the discounted rate, we recommend registering as soon as possible. The
                    deadline is strict, and after this period, the regular registration fees will apply. Be sure to
                    double-check the event date and give yourself enough time to complete the registration process!</p>
            </div>

            <div class="faq-item">
                <h3>Do I need coding experience for the workshops?</h3>
                <p class="faq-ans">No, coding experience is not required! Our workshops are designed to cater to a wide
                    range of skill levels, from complete beginners to those with advanced knowledge. For those who are
                    just starting out, we have beginner-friendly sessions that focus on the basics and gradually build
                    your skills. More experienced participants can attend advanced sessions to dive into complex topics
                    and sharpen their skills further. Our goal is to provide a supportive learning environment for
                    everyone, no matter your starting point.</p>
            </div>

            <div class="faq-item">
                <h3>Can I participate if I’m not currently enrolled?</h3>
                <p class="faq-ans">Absolutely! While the workshops are primarily aimed at current students, recent
                    graduates are also welcome to participate. If you've graduated within the last year, you are
                    eligible to register and benefit from the same great learning opportunities. We understand that many
                    graduates are eager to continue learning and developing their skills after they leave school, so we
                    strive to make our workshops inclusive for those who have recently completed their studies.</p>
            </div>

            <div class="faq-item">
                <h3>Will I get a certificate after completing the workshop?</h3>
                <p class="faq-ans">Yes! Upon completing any of our workshops, you will receive a certificate of
                    completion that acknowledges your participation and the skills you've gained. This certificate can
                    serve as a valuable addition to your resume or portfolio, showcasing your commitment to professional
                    development. It also demonstrates that you’ve gained hands-on experience in the workshop’s subject
                    matter. We believe that certification is an important way to recognize the effort and learning
                    participants put into our workshops!</p>
            </div>

            <div class="faq-item">
                <h3>How can I contact the organizers?</h3>
                <p class="faq-ans">If you have any questions or need assistance, we’re happy to help! You can reach us
                    at <strong>support@event.com</strong>, where our team will be ready to assist you with any inquiries
                    you may have. Alternatively, you can also use the contact form on our website to send us a message
                    directly. Whether you need more information about the event, have technical issues with
                    registration, or need help with anything else, we're here to support you every step of the way!</p>
            </div>

            <div class="faq-item">
                <h3>What should I bring to the workshop?</h3>
                <p class="faq-ans">For a smooth and productive workshop experience, we recommend bringing the following
                    items: a laptop (with necessary software installed if indicated), a charger to ensure your device
                    doesn’t run out of power during the session, and any questions you might have about the material.
                    It’s also a good idea to bring along a notebook and pen if you prefer taking notes the old-fashioned
                    way. Come prepared to engage, collaborate, and learn, and you’ll make the most out of the workshop!
                </p>
            </div>

            <div class="faq-item">
                <h3>Are the workshops in-person or virtual?</h3>
                <p class="faq-ans">We offer both <strong>in-person and virtual options</strong> for our workshops to
                    ensure accessibility for all participants. If you prefer a traditional classroom setting where you
                    can interact directly with instructors and fellow attendees, you can choose an in-person session at
                    one of our designated venues. Alternatively, if you prefer the flexibility of attending from home or
                    need to participate remotely, we have virtual workshops available. Please check the specific details
                    of each workshop session on our event page to confirm the format that works best for you!</p>
            </div>
        </div>


    </div>


    <div class="container pt-5 mt-5 register-sec nav-sec" id="scope">
        <h2 class="sec-title">Unlock Your Full Potential with a Student Pass</h2>
        <p class="sec-sub-title">Take the Next Step in Shaping Your Future</p>
        <hr />
        <p class="sec-para"><strong>Spaces are limited</strong> — don’t miss out on joining an exclusive group of
            students gaining <strong>expert insights, valuable networks, and essential career-building tools</strong>.
            <strong><a target="_blank" rel="noreferrer">Reserve Your Spot Today</a></strong>
            <em>(Special student pricing available for a limited time!)</em>
        </p>
        <p class="sec-para">The <strong>Student Track</strong> is your gateway to <strong>innovative learning, industry
                connections, and future career opportunities</strong>. <strong><a target="_blank"
                    rel="noreferrer">Upgrade Your Pass Now &amp; Secure Your Spot</a></strong> <em>(Only a few spots
                left!)</em></p>
        <hr />
    </div>

</section>