Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Old Prod #1560

Merged
merged 5 commits into from
Jun 2, 2024
Merged

Old Prod #1560

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
13cc3d3
refactor:changes in launchpad steps
AbhishekNSanthosh Jun 2, 2024
66f0fde
refactor: Redirection changes in Launchpad
AbhishekNSanthosh Jun 2, 2024
e692011
Merge pull request #1558 from gtech-mulearn/old-production
Jenin82 Jun 2, 2024
cd65b0f
Merge pull request #1557 from AbhishekNSanthosh/old-dev
viraka Jun 2, 2024
9ffb565
Merge pull request #1559 from gtech-mulearn/old-dev
viraka Jun 2, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions src/Components/Navbar/Mylinks.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -194,8 +194,8 @@ export const links = [
name: "IEEE Launchpad",
submenu: false,
sublinks: [],
link: "https://launchpadkerala.org/",
foreign: true,
link: "/launchpad",
foreign: false,
},
{
name: "in50hours",
Expand Down
2 changes: 1 addition & 1 deletion src/Pages/Home/Home.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -127,7 +127,7 @@ const Home = () => {
>
<button className={styles.primary}>Join µLearn</button>
</a>
<a rel="noopener noreferrer" href="/launchpad">
<a rel="noopener noreferrer" target="_blank" href="https://launchpadkerala.org/">
<button className={styles.secondary}>Join Launchpad 🚀</button>
</a>
</div>
Expand Down
336 changes: 176 additions & 160 deletions src/Pages/Launchpad/Launchpad.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,172 +1,188 @@
import React from 'react'
import Navbar from '../../Components/Navbar/Navbar'
import Footer from '../../Components/Footer/Footer'
import styles from './Launchpad.module.css'
import './steps.css'
import React from "react";
import Navbar from "../../Components/Navbar/Navbar";
import Footer from "../../Components/Footer/Footer";
import styles from "./Launchpad.module.css";
import "./steps.css";
const Launchpad = () => {
return (
<>
<Navbar />
<div className={styles.main_container}>
<div className={styles.first_view_container}>
<div className={styles.first_view}>
<div className={styles.fv_texts}>
<p className={styles.fv_heading}>
Welcome aboard <span>LAUNCHPAD</span> 2024
</p>
<p className={styles.fv_content}>
The IEEE LAUNCHPAD Job Fair is an opportunity to secure your spotlight
and connect with potential employers through karma points!{" "}
{/* <br />
return (
<>
<Navbar />
<div className={styles.main_container}>
<div className={styles.first_view_container}>
<div className={styles.first_view}>
<div className={styles.fv_texts}>
<p className={styles.fv_heading}>
Welcome aboard <span>LAUNCHPAD</span> 2024
</p>
<p className={styles.fv_content}>
The IEEE LAUNCHPAD Job Fair is an opportunity to secure your
spotlight and connect with potential employers through karma
points!{" "}
{/* <br />
<br /> */}
This event is designed to facilitate meaningful interactions between talented individuals
like yourself and companies seeking top-tier talent.
</p>

</div>

</div>
</div>
<div className={styles.second_view_container}>
<div className={styles.second_view}>
<div className={styles.sv_texts}>
<p className={styles.sv_heading}>How to join Launchpad?</p>
</div>
</div>
<div className={styles.steps}>
<div className="ktimeline-container">
<div className="ktimeline">
<div className="ktimeline__event animated fadeInUp delay-3s ktimeline__event--type1">
<div className="ktimeline__event__icon">
<img
src={require("./assets/steps/studentreg.png")}
alt=""
className="lni-cake"
/>
</div>
<div className="ktimeline__event__date">1</div>
<div className="ktimeline__event__content">
<div className="ktimeline__event__title">Step One</div>
<div className="ktimeline__event__description">
Register{" "}
This event is designed to facilitate meaningful interactions
between talented individuals like yourself and companies seeking
top-tier talent.
</p>
</div>
</div>
</div>
<div className={styles.second_view_container}>
<div className={styles.second_view}>
<div className={styles.sv_texts}>
<p className={styles.sv_heading}>How to join Launchpad?</p>
</div>
</div>
<div className={styles.steps}>
<div className="ktimeline-container">
<div className="ktimeline">
<div className="ktimeline__event animated fadeInUp delay-3s ktimeline__event--type1">
<div className="ktimeline__event__icon">
<img
src={require("./assets/steps/studentreg.png")}
alt=""
className="lni-cake"
/>
</div>
<div className="ktimeline__event__date">1</div>
<div className="ktimeline__event__content">
<div className="ktimeline__event__title">Step One</div>
<div className="ktimeline__event__description">
{/* Register{" "}
<a
href="https://forms.gle/C5e6XHhVGkV3axQS8"
target="_blank"
rel="noopener noreferrer"
>
here
</a>
{" "}and get ready for the adventure! Once you receive your confirmation email, we're set to chart a course to your future!
</div>
</div>
</div>
<div className="ktimeline__event animated fadeInUp delay-2s ktimeline__event--type2">
<div className="ktimeline__event__icon">
<img
src={require("./assets/steps/team.webp")}
alt=""
className="lni-cake"
/>
</div>
<div className="ktimeline__event__date">2</div>
<div className="ktimeline__event__content">
<div className="ktimeline__event__title">Step Two</div>
<div className="ktimeline__event__description">
Join the GTech µLearn Discord Server! Dive into the action {" "}

<a
href="https://app.mulearn.org/register"
target="_blank"
rel="noopener noreferrer"
>
here
</a>{" "}
and join fellow Launchpad enthusiasts!
</div>
</div>
</div>
<div className="ktimeline__event animated fadeInUp delay-1s ktimeline__event--type3">
<div className="ktimeline__event__icon">
<img
src={require("./assets/steps/medal.svg").default}
alt=""
className="lni-cake"
/>
</div>
<div className="ktimeline__event__date">3</div>
<div className="ktimeline__event__content">
<div className="ktimeline__event__title">Step Three</div>
<div className="ktimeline__event__description">
Conquer the <b>21-day challenge</b> and earn <b>Karma points</b>!
Log in, climb the ranks from <b> Level 1 to 3</b>, and
don't miss our daily <b>Office Hours</b> from 8 to 9 pm for support.
</div>
</div>
</div>
<div className="ktimeline__event animated fadeInUp ktimeline__event--type4">
<div className="ktimeline__event__icon">
<img
src={require("./assets/steps/test.svg").default}
alt=""
className="lni-cake"
/>
</div>
<div className="ktimeline__event__date">4</div>
<div className="ktimeline__event__content">
<div className="ktimeline__event__title">Step Four</div>
<div className="ktimeline__event__description">
Gear up for the <b>Qualification Test</b> – show it who's boss!
This is your chance to shine and set yourself apart from the pack.
</div>
</div>
</div>
<div className="ktimeline__event animated fadeInUp delay-3s ktimeline__event--type1">
<div className="ktimeline__event__icon">
<img
src={require("./assets/steps/goal.svg").default}
alt=""
className="lni-cake"
/>
</div>
<div className="ktimeline__event__date">5</div>
<div className="ktimeline__event__content">
<div className="ktimeline__event__title">Step Five</div>
<div className="ktimeline__event__description">
Passed the test? <b>Congratulations</b>! You're in the company pool,
where opportunities await to advance your career further!
</div>
</div>
</div>
<div className="ktimeline__event animated fadeInUp delay-3s ktimeline__event--type6">
<div className="ktimeline__event__icon">
<img
src={require("./assets/steps/intervieww.svg").default}
alt=""
className="lni-cake"
/>
</div>
<div className="ktimeline__event__date">6</div>
<div className="ktimeline__event__content">
<div className="ktimeline__event__title">Step Six</div>
<div className="ktimeline__event__description">
Lights, camera, interview! It's your time to shine.
Show off your skills and make a lasting impression!
</div>
</div>
</div>
</div>
</div>


<div className={styles.callout}>
Bravo! You've secured your dream career! Get ready to dive into your exciting new role, and make a splash in the professional world!
</div>
{" "}and */}
Get ready for the adventure! Once you receive your
confirmation email, we're set to chart a course to your
future!
</div>
<div className="ktimeline__event__register_btn">
<button
href="https://forms.gle/C5e6XHhVGkV3axQS8"
target="_blank"
rel="noopener noreferrer"
className="ktimeline__event__register"
>
Register now
</button>
</div>
</div>
</div>
<div className="ktimeline__event animated fadeInUp delay-2s ktimeline__event--type2">
<div className="ktimeline__event__icon">
<img
src={require("./assets/steps/team.webp")}
alt=""
className="lni-cake"
/>
</div>
<div className="ktimeline__event__date">2</div>
<div className="ktimeline__event__content">
<div className="ktimeline__event__title">Step Two</div>
<div className="ktimeline__event__description">
Join the GTech µLearn Discord Server! Dive into the action {" "}
<a
href="https://app.mulearn.org/register"
target="_blank"
rel="noopener noreferrer"
>
here
</a>{" "}
and join fellow Launchpad enthusiasts!
</div>
</div>
</div>
<div className="ktimeline__event animated fadeInUp delay-1s ktimeline__event--type3">
<div className="ktimeline__event__icon">
<img
src={require("./assets/steps/medal.svg").default}
alt=""
className="lni-cake"
/>
</div>
<div className="ktimeline__event__date">3</div>
<div className="ktimeline__event__content">
<div className="ktimeline__event__title">Step Three</div>
<div className="ktimeline__event__description">
Conquer the <b>21-day challenge</b> and earn{" "}
<b>Karma points</b>! Log in, climb the ranks from{" "}
<b> Level 1 to 3</b>, and don't miss our daily{" "}
<b>Office Hours</b> from 8 to 9 pm for support.
</div>
</div>
</div>
<div className="ktimeline__event animated fadeInUp ktimeline__event--type4">
<div className="ktimeline__event__icon">
<img
src={require("./assets/steps/test.svg").default}
alt=""
className="lni-cake"
/>
</div>
<div className="ktimeline__event__date">4</div>
<div className="ktimeline__event__content">
<div className="ktimeline__event__title">Step Four</div>
<div className="ktimeline__event__description">
Gear up for the <b>Qualification Test</b> – show it who's
boss! This is your chance to shine and set yourself apart
from the pack.
</div>
</div>
</div>
<div className="ktimeline__event animated fadeInUp delay-3s ktimeline__event--type1">
<div className="ktimeline__event__icon">
<img
src={require("./assets/steps/goal.svg").default}
alt=""
className="lni-cake"
/>
</div>
<div className="ktimeline__event__date">5</div>
<div className="ktimeline__event__content">
<div className="ktimeline__event__title">Step Five</div>
<div className="ktimeline__event__description">
Passed the test? <b>Congratulations</b>! You're in the
company pool, where opportunities await to advance your
career further!
</div>
</div>
</div>
</div >
<Footer />
</>
)
}
<div className="ktimeline__event animated fadeInUp delay-3s ktimeline__event--type6">
<div className="ktimeline__event__icon">
<img
src={require("./assets/steps/intervieww.svg").default}
alt=""
className="lni-cake"
/>
</div>
<div className="ktimeline__event__date">6</div>
<div className="ktimeline__event__content">
<div className="ktimeline__event__title">Step Six</div>
<div className="ktimeline__event__description">
Lights, camera, interview! It's your time to shine. Show
off your skills and make a lasting impression!
</div>
</div>
</div>
</div>
</div>

<div className={styles.callout}>
Bravo! You've secured your dream career! Get ready to dive into
your exciting new role, and make a splash in the professional
world!
</div>
</div>
</div>
</div>
<Footer />
</>
);
};

export default Launchpad
export default Launchpad;
19 changes: 19 additions & 0 deletions src/Pages/Launchpad/steps.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -502,4 +502,23 @@ h2 {
padding: 0.45rem 2.25rem;
margin: 0px 10px;
}
}

.ktimeline__event__register_btn {
padding: 1rem 0rem 0 0;
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
}

.ktimeline__event__register {
padding: 0.5rem 1rem;
background: #f6832a;
/* margin-top: 0.5rem; */
border-radius: 8px;
color: #fff;
border: none;
outline: none;
cursor: pointer;
}
Loading