From 3a2de046375643496beab3ed9531a5a5cbd1a72c Mon Sep 17 00:00:00 2001 From: Edwinliby Date: Mon, 9 Oct 2023 20:09:59 +0530 Subject: [PATCH] Pathway Page updated --- src/Pages/Pathway/Pathway.jsx | 20 +-- src/Pages/Pathway/Pathway.module.css | 10 ++ .../course Overview => }/assets/S1.png | Bin .../course Overview => }/assets/arrow.png | Bin .../mainpage => }/assets/img2.webp | Bin .../what_is_pathway => }/assets/img3.webp | Bin .../{components/contact => }/assets/img4.webp | Bin .../WhoShouldAttend => }/assets/line.webp | Bin .../{components/contact => }/assets/logo.png | Bin .../{components/menuBar => }/assets/logo.webp | Bin .../{components/menuBar => }/assets/pre.png | Bin .../course Overview => }/assets/s2.png | Bin .../course Overview => }/assets/s3.png | Bin .../course Overview => }/assets/s4.png | Bin .../course Overview => }/assets/s5.png | Bin .../what_is_pathway.jsx => About/About.jsx} | 11 +- .../About.module.css} | 53 +++----- .../{mainpage => HeroSection}/mainpage.jsx | 32 +++-- .../mainpage.module.css | 36 +++++- .../Pathway/components/Navbar/menubar.jsx | 41 ++++++ .../{menuBar => Navbar}/menubar.module.css | 24 +++- .../WhoShouldAttend/WhoShouldAttend.jsx | 118 ++++++++---------- .../WhoShouldAttend.module.css | 64 +++++----- .../Pathway/components/contact/Contact.jsx | 109 ++++++++-------- .../components/contact/Contact.module.css | 54 ++++---- .../course Overview/CourseOverview.jsx | 58 +++++---- .../course Overview/CourseOverview.module.css | 47 ++++--- .../components/mainpage/assets/img1.webp | Bin 3902 -> 0 bytes .../components/mainpage/assets/pre.png | Bin 441 -> 0 bytes .../Pathway/components/menuBar/menubar.jsx | 27 ---- 30 files changed, 370 insertions(+), 334 deletions(-) rename src/Pages/Pathway/{components/course Overview => }/assets/S1.png (100%) rename src/Pages/Pathway/{components/course Overview => }/assets/arrow.png (100%) rename src/Pages/Pathway/{components/mainpage => }/assets/img2.webp (100%) rename src/Pages/Pathway/{components/what_is_pathway => }/assets/img3.webp (100%) rename src/Pages/Pathway/{components/contact => }/assets/img4.webp (100%) rename src/Pages/Pathway/{components/WhoShouldAttend => }/assets/line.webp (100%) rename src/Pages/Pathway/{components/contact => }/assets/logo.png (100%) rename src/Pages/Pathway/{components/menuBar => }/assets/logo.webp (100%) rename src/Pages/Pathway/{components/menuBar => }/assets/pre.png (100%) rename src/Pages/Pathway/{components/course Overview => }/assets/s2.png (100%) rename src/Pages/Pathway/{components/course Overview => }/assets/s3.png (100%) rename src/Pages/Pathway/{components/course Overview => }/assets/s4.png (100%) rename src/Pages/Pathway/{components/course Overview => }/assets/s5.png (100%) rename src/Pages/Pathway/components/{what_is_pathway/what_is_pathway.jsx => About/About.jsx} (87%) rename src/Pages/Pathway/components/{what_is_pathway/whatIsPathway.module.css => About/About.module.css} (50%) rename src/Pages/Pathway/components/{mainpage => HeroSection}/mainpage.jsx (51%) rename src/Pages/Pathway/components/{mainpage => HeroSection}/mainpage.module.css (84%) create mode 100644 src/Pages/Pathway/components/Navbar/menubar.jsx rename src/Pages/Pathway/components/{menuBar => Navbar}/menubar.module.css (68%) delete mode 100644 src/Pages/Pathway/components/mainpage/assets/img1.webp delete mode 100644 src/Pages/Pathway/components/mainpage/assets/pre.png delete mode 100644 src/Pages/Pathway/components/menuBar/menubar.jsx diff --git a/src/Pages/Pathway/Pathway.jsx b/src/Pages/Pathway/Pathway.jsx index 7e8f108d9..72a0e6838 100644 --- a/src/Pages/Pathway/Pathway.jsx +++ b/src/Pages/Pathway/Pathway.jsx @@ -1,21 +1,23 @@ import React from 'react' -import styles from "./Pathway.module.css" -import Navbar from './components/menuBar/menubar' -import Mainpage from './components/mainpage/mainpage' -import Whatispathway from './components/what_is_pathway/what_is_pathway' +import styles from './Pathway.module.css' +import Navbar from './components/Navbar/menubar' +import Mainpage from './components/HeroSection/mainpage' +import Whatispathway from './components/About/About' import CourseOverview from './components/course Overview/CourseOverview' import Whoshouldattend from './components/WhoShouldAttend/WhoShouldAttend' import Contact from './components/contact/Contact' export default function Pathway() { return ( -
+ <> - - - +
+ + + +
-
+ ) } diff --git a/src/Pages/Pathway/Pathway.module.css b/src/Pages/Pathway/Pathway.module.css index e69de29bb..f5d9e5e9c 100644 --- a/src/Pages/Pathway/Pathway.module.css +++ b/src/Pages/Pathway/Pathway.module.css @@ -0,0 +1,10 @@ +.pathway { + padding: 0 4rem; + background-color: #F5F5F5; +} + +@media(width<=820px) { + .pathway { + padding: 0 1rem; + } +} \ No newline at end of file diff --git a/src/Pages/Pathway/components/course Overview/assets/S1.png b/src/Pages/Pathway/assets/S1.png similarity index 100% rename from src/Pages/Pathway/components/course Overview/assets/S1.png rename to src/Pages/Pathway/assets/S1.png diff --git a/src/Pages/Pathway/components/course Overview/assets/arrow.png b/src/Pages/Pathway/assets/arrow.png similarity index 100% rename from src/Pages/Pathway/components/course Overview/assets/arrow.png rename to src/Pages/Pathway/assets/arrow.png diff --git a/src/Pages/Pathway/components/mainpage/assets/img2.webp b/src/Pages/Pathway/assets/img2.webp similarity index 100% rename from src/Pages/Pathway/components/mainpage/assets/img2.webp rename to src/Pages/Pathway/assets/img2.webp diff --git a/src/Pages/Pathway/components/what_is_pathway/assets/img3.webp b/src/Pages/Pathway/assets/img3.webp similarity index 100% rename from src/Pages/Pathway/components/what_is_pathway/assets/img3.webp rename to src/Pages/Pathway/assets/img3.webp diff --git a/src/Pages/Pathway/components/contact/assets/img4.webp b/src/Pages/Pathway/assets/img4.webp similarity index 100% rename from src/Pages/Pathway/components/contact/assets/img4.webp rename to src/Pages/Pathway/assets/img4.webp diff --git a/src/Pages/Pathway/components/WhoShouldAttend/assets/line.webp b/src/Pages/Pathway/assets/line.webp similarity index 100% rename from src/Pages/Pathway/components/WhoShouldAttend/assets/line.webp rename to src/Pages/Pathway/assets/line.webp diff --git a/src/Pages/Pathway/components/contact/assets/logo.png b/src/Pages/Pathway/assets/logo.png similarity index 100% rename from src/Pages/Pathway/components/contact/assets/logo.png rename to src/Pages/Pathway/assets/logo.png diff --git a/src/Pages/Pathway/components/menuBar/assets/logo.webp b/src/Pages/Pathway/assets/logo.webp similarity index 100% rename from src/Pages/Pathway/components/menuBar/assets/logo.webp rename to src/Pages/Pathway/assets/logo.webp diff --git a/src/Pages/Pathway/components/menuBar/assets/pre.png b/src/Pages/Pathway/assets/pre.png similarity index 100% rename from src/Pages/Pathway/components/menuBar/assets/pre.png rename to src/Pages/Pathway/assets/pre.png diff --git a/src/Pages/Pathway/components/course Overview/assets/s2.png b/src/Pages/Pathway/assets/s2.png similarity index 100% rename from src/Pages/Pathway/components/course Overview/assets/s2.png rename to src/Pages/Pathway/assets/s2.png diff --git a/src/Pages/Pathway/components/course Overview/assets/s3.png b/src/Pages/Pathway/assets/s3.png similarity index 100% rename from src/Pages/Pathway/components/course Overview/assets/s3.png rename to src/Pages/Pathway/assets/s3.png diff --git a/src/Pages/Pathway/components/course Overview/assets/s4.png b/src/Pages/Pathway/assets/s4.png similarity index 100% rename from src/Pages/Pathway/components/course Overview/assets/s4.png rename to src/Pages/Pathway/assets/s4.png diff --git a/src/Pages/Pathway/components/course Overview/assets/s5.png b/src/Pages/Pathway/assets/s5.png similarity index 100% rename from src/Pages/Pathway/components/course Overview/assets/s5.png rename to src/Pages/Pathway/assets/s5.png diff --git a/src/Pages/Pathway/components/what_is_pathway/what_is_pathway.jsx b/src/Pages/Pathway/components/About/About.jsx similarity index 87% rename from src/Pages/Pathway/components/what_is_pathway/what_is_pathway.jsx rename to src/Pages/Pathway/components/About/About.jsx index c455a581c..2f86864a8 100644 --- a/src/Pages/Pathway/components/what_is_pathway/what_is_pathway.jsx +++ b/src/Pages/Pathway/components/About/About.jsx @@ -1,18 +1,17 @@ import React from "react" -import styles from './whatIsPathway.module.css' -import img3 from "./assets/img3.webp"; +import styles from './About.module.css' +import img3 from "../../assets/img3.webp"; -export default function what_is_pathway() { +export default function About() { return ( -
+

What is Pathway

-
- +

diff --git a/src/Pages/Pathway/components/what_is_pathway/whatIsPathway.module.css b/src/Pages/Pathway/components/About/About.module.css similarity index 50% rename from src/Pages/Pathway/components/what_is_pathway/whatIsPathway.module.css rename to src/Pages/Pathway/components/About/About.module.css index fdbd1ca79..c38d6ea7f 100644 --- a/src/Pages/Pathway/components/what_is_pathway/whatIsPathway.module.css +++ b/src/Pages/Pathway/components/About/About.module.css @@ -1,20 +1,30 @@ +.About{ + padding: 1rem 0; +} + .Overview_container_head { display: flex; justify-content: center; align-items: center; - padding: 3rem; + padding: 5rem; gap: 2rem; + position: relative; } .Overview_container_head hr { - width: 25%; - color: blue; + width: 100%; + background-color: #1C1CF0; + height: .25rem; } .Overview_container_head p { + position: absolute; + background-color: #F5F5F5; + padding: 0 1.5rem; color: #000; font-size: 3rem; - font-weight: 700; + font-weight: 900; + width: max-content; } .WhatIsPathway_main { @@ -24,7 +34,6 @@ padding-left: 3rem; padding-right: 8rem; margin: 3rem; - } .WhatIsPathway_img img { @@ -45,37 +54,3 @@ .WhatIsPathway_desc span { font-weight: 800; } - -@media (width<1000px) { - .Overview_container_head p { - font-size: 1rem; - } - - /* .Overview_container_head hr{ - width: 7rem; - }*/ - .Overview_container_head { - padding: 1rem; - gap: 1rem; - - } - - .WhatIsPathway_main { - font-size: .8rem; - gap: 2rem; - padding: 1.5rem; - margin: 0; - padding-left: 1rem; - padding-right: .6rem; - flex-direction: column; - - } - - .WhatIsPathway_desc { - width: 100%; - } - - .WhatIsPathway_img { - margin-left: -2rem; - } -} \ No newline at end of file diff --git a/src/Pages/Pathway/components/mainpage/mainpage.jsx b/src/Pages/Pathway/components/HeroSection/mainpage.jsx similarity index 51% rename from src/Pages/Pathway/components/mainpage/mainpage.jsx rename to src/Pages/Pathway/components/HeroSection/mainpage.jsx index 43d29d55f..eb82a2ff3 100644 --- a/src/Pages/Pathway/components/mainpage/mainpage.jsx +++ b/src/Pages/Pathway/components/HeroSection/mainpage.jsx @@ -1,38 +1,36 @@ import React from "react" import styles from "./mainpage.module.css" -import img2 from "./assets/img2.webp"; -import pre from "./assets/pre.png"; +import img2 from "../../assets/img2.webp"; +import pre from "../../assets/pre.png"; export default function mainpage() { return ( -

-
-
+
+
+
-
-
+
+
Breaking into
Artificial
Intelligence
-
+
A µLearn x Pathway Initiative.
-
- - +
-
-

- Join us on an exciting adventure into the world of Artificial Intelligence (AI) through our collaborative
- initiative with Pathway. In this comprehensive course. -

-
+

+ Join us on an exciting adventure into the world of Artificial Intelligence (AI) through our collaborative
+ initiative with Pathway. In this comprehensive course. +

Only 20 individuals will be selected for the beta cohort, while the remaining applicants will be placed on a waiting list. diff --git a/src/Pages/Pathway/components/mainpage/mainpage.module.css b/src/Pages/Pathway/components/HeroSection/mainpage.module.css similarity index 84% rename from src/Pages/Pathway/components/mainpage/mainpage.module.css rename to src/Pages/Pathway/components/HeroSection/mainpage.module.css index 5867c5aa8..4c32e22ec 100644 --- a/src/Pages/Pathway/components/mainpage/mainpage.module.css +++ b/src/Pages/Pathway/components/HeroSection/mainpage.module.css @@ -15,6 +15,7 @@ justify-content: center; align-items: center; flex-direction: column; + gap: 1rem; } .Container { @@ -23,6 +24,7 @@ align-items: center; flex-direction: row; padding: 0 4rem; + gap: 1rem; } .Container_image_one { @@ -102,11 +104,8 @@ gap: 2rem; } -.Lower_desc { - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; +.desc { + width: 100%; text-align: center; font-size: 1.2rem; } @@ -126,4 +125,31 @@ .Lower_red b { background-color: #DC280B; padding: 0 .3rem; +} + +@media(width<=820px) { + .Container { + flex-direction: column; + } + + .Container_image_one { + width: 100%; + } + + .Container_desc { + width: 100%; + } + + .Container_head { + font-size: 4rem; + line-height: 4rem; + } + + .desc { + font-size: 1rem; + } + + .Lower_red { + font-size: .8rem; + } } \ No newline at end of file diff --git a/src/Pages/Pathway/components/Navbar/menubar.jsx b/src/Pages/Pathway/components/Navbar/menubar.jsx new file mode 100644 index 000000000..dcef0eab5 --- /dev/null +++ b/src/Pages/Pathway/components/Navbar/menubar.jsx @@ -0,0 +1,41 @@ +import React from "react"; +import styles from './menubar.module.css'; +import img4 from "../../assets/logo.webp"; +import pre from '../../assets/pre.png'; + +export default function Menubar() { + const navbar = React.useRef(null) + + React.useEffect(() => { + var prevScrollpos = window.pageYOffset; + window.onscroll = function () { + var currentScrollPos = window.pageYOffset; + if (prevScrollpos > currentScrollPos) { + navbar.current.style.top = "0"; + } else { + navbar.current.style.top = "-150px"; + } + prevScrollpos = currentScrollPos; + } + }, []) + + return ( +

+ ); +} diff --git a/src/Pages/Pathway/components/menuBar/menubar.module.css b/src/Pages/Pathway/components/Navbar/menubar.module.css similarity index 68% rename from src/Pages/Pathway/components/menuBar/menubar.module.css rename to src/Pages/Pathway/components/Navbar/menubar.module.css index 21a3276d8..92110c802 100644 --- a/src/Pages/Pathway/components/menuBar/menubar.module.css +++ b/src/Pages/Pathway/components/Navbar/menubar.module.css @@ -3,12 +3,13 @@ top: 0; display: flex; width: 100%; - padding: 2rem 0; - justify-content: space-around; + padding: 2rem; + justify-content: space-between; align-items: center; background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, .25); z-index: 1; + transition: all .5s ease-in-out; } .menu_bar a { @@ -43,4 +44,23 @@ .pre_rg a img { background-color: #DC280B; +} + +@media(width<=820px) { + .menu_bar { + padding: 1rem; + } + + .logo img { + height: 1rem; + } + + .menu { + display: none; + } + + .pre_rg a { + border-radius: .4rem; + padding: .5rem 1rem; + } } \ No newline at end of file diff --git a/src/Pages/Pathway/components/WhoShouldAttend/WhoShouldAttend.jsx b/src/Pages/Pathway/components/WhoShouldAttend/WhoShouldAttend.jsx index 43f1dfc84..9c72cc65b 100644 --- a/src/Pages/Pathway/components/WhoShouldAttend/WhoShouldAttend.jsx +++ b/src/Pages/Pathway/components/WhoShouldAttend/WhoShouldAttend.jsx @@ -1,74 +1,58 @@ import React from "react" import styles from './WhoShouldAttend.module.css' -import line from './assets/line.webp'; +import line from '../../assets/line.webp'; + +const content = [ + { + id: 1, + title: "Students interested in AI and machine learning.", + desc: "I need latency to be milliseconds or seconds, but my batch job is taking minutes or hours to run each time." + }, + { + id: 2, + title: "Professionals seeking to upskill in AI.", + desc: "I need latency to be milliseconds or seconds, but my batch job is taking minutes or hours to run each time." + }, + { + id: 3, + title: "Enthusiasts eager to explore LLMs and AI frameworks.", + desc: "I need latency to be milliseconds or seconds, but my batch job is taking minutes or hours to run each time." + }, + { + id: 4, + title: "Anyone looking to break into the exciting world of AI", + desc: "I need latency to be milliseconds or seconds, but my batch job is taking minutes or hours to run each time." + } +] export default function WhoShouldAttend() { return ( -
-
-
-
-

Who should Attend?

-
-
-
-
-
-
-

Students interested in AI and machine learning.

-
-
- -
-
-
-

I need latency to be
milliseconds or seconds, but my
batch job is taking minutes or
hours to run each time.

-
-
-
-
-
-

Students interested in AI and machine learning.

-
-
- -
-
-
-

I need latency to be
milliseconds or seconds, but my
batch job is taking minutes or
hours to run each time.

-
-
-
-
-
-

Students interested in AI and machine learning.

-
-
- -
-
-
-

- I need latency to be
milliseconds or seconds, but my
batch job is taking minutes or
hours to run each time. -

-
-
-
-
-
-

Students interested in AI and machine learning.

-
-
- -
-
-
-

I need latency to be
milliseconds or seconds, but my
batch job is taking minutes or
hours to run each time.

-
-
-
-
- -
+
+
+
+

Who should Attend?

+
+
+ { + content.map((item, index) => { + return ( +
+
+ + {item.title} + +
+ line +
+
+
+

{item.desc}

+
+
+ ) + }) + } +
+
) } diff --git a/src/Pages/Pathway/components/WhoShouldAttend/WhoShouldAttend.module.css b/src/Pages/Pathway/components/WhoShouldAttend/WhoShouldAttend.module.css index 6b8ce90db..e26dc4823 100644 --- a/src/Pages/Pathway/components/WhoShouldAttend/WhoShouldAttend.module.css +++ b/src/Pages/Pathway/components/WhoShouldAttend/WhoShouldAttend.module.css @@ -1,4 +1,4 @@ -.third { +.WhoShouldAttend { background: #F5F5F5; } @@ -6,72 +6,70 @@ display: flex; justify-content: center; align-items: center; - padding: 3rem; + padding: 5rem; gap: 2rem; + position: relative; } .Overview_container_head hr { - width: 25%; - color: blue; + width: 100%; + background-color: #1C1CF0; + height: .25rem; } .Overview_container_head p { + position: absolute; color: #000; + background-color: #F5F5F5; + padding: 0 1.5rem; font-size: 3rem; - font-weight: 700; + font-weight: 900; + width: max-content; } -.sec { +.section{ display: flex; justify-content: center; align-items: center; - flex-direction: row; - padding: 3rem; -} - -.section_top { - display: flex; - justify-content: center; - align-items: center; - width: 60%; - height: 6rem; - background-color: blue; - padding: 1rem; - border-radius: 8px; - color: white; + gap: 2rem; + padding: 1rem 2rem; } -.sec_one { +.container { display: flex; justify-content: center; align-items: center; flex-direction: column; + text-align: center; } -.sec_two { +.container .box{ display: flex; - justify-content: center; - align-items: center; flex-direction: column; -} - -.section_mid { - display: flex; - justify-content: center; align-items: center; - width: 20%; + margin-bottom: 1rem; } -.section_mid img { - width: 20%; +.container .box_bottom { + width: 70%; } -.section_bottom { +.container .box_top { + background-color: #1C1CF0; + padding: 1rem; + height: 5rem; + color: #fff; display: flex; justify-content: center; align-items: center; + border-bottom-right-radius: 1rem; + border-top-left-radius: 1rem; } +.container .box_mid img{ + height: 8rem; +} + @media (width<1000px) { .Overview_container_head p { font-size: 1rem; diff --git a/src/Pages/Pathway/components/contact/Contact.jsx b/src/Pages/Pathway/components/contact/Contact.jsx index 54846fe4a..59bf16ab9 100644 --- a/src/Pages/Pathway/components/contact/Contact.jsx +++ b/src/Pages/Pathway/components/contact/Contact.jsx @@ -1,9 +1,46 @@ import React from "react" import styles from "./Contact.module.css" -import img4 from "./assets/img4.webp"; -import logo from "./assets/logo.png"; +import img4 from "../../assets/img4.webp"; -const Contact = () => { +const links = [ + { + id: 1, + title: "Company", + l1: "Features", + l2: "Success Stories", + l3: "Our Story", + l4: "Careers", + l5: "Events", + }, + { + id: 2, + title: "Developers", + l1: "Documentation", + l2: "Tutorials", + l3: "Showcases", + }, + { + id: 3, + title: "About", + l1: "Legal & GDPR", + l2: "Equal opportunity employer", + l3: "Privacy policy", + l4: "Licensing", + l5: "Glossary", + }, + { + id: 4, + title: "Contact", + l1: "Pathway", + l2: "96bis Boulevard Raspail", + l3: "Agoranov", + l4: "75006 Paris", + l5: "France", + l6: "contact@pathway.com" + } +] + +export default function Contact() { return ( <>
@@ -11,57 +48,25 @@ const Contact = () => {
-
-
Company
-
Developers
-
About
-
Contact
- -
-
-
-
-
    -
  • Features
    • -
  • Success Stories
    • -
  • Our Story
    • -
  • Careers
    • -
  • Events
    • -
-
-
-
    -
  • Documentation
    • -
  • Tutorials
    • -
  • Showcases
    • -
-
-
-
    -
  • Legal & GDPR
    • -
  • Equal opportunity employer
    • -
  • Privacy policy
    • -
  • Licensing
    • -
  • Glossary
    • -
-
-
-
    -
  • Pathway
    • -
  • 96bis Boulevard Raspail
    • -
  • Agoranov
    • -
  • 75006 Paris
    • -
  • France
    • -
  • contact@pathway.com
    • -
-
- -
+ { + links.map((link) => { + return ( +
+

{link.title}

+ +
+ ) + }) + }
- ) } - -export default Contact diff --git a/src/Pages/Pathway/components/contact/Contact.module.css b/src/Pages/Pathway/components/contact/Contact.module.css index 3538a05b3..6f8caf71c 100644 --- a/src/Pages/Pathway/components/contact/Contact.module.css +++ b/src/Pages/Pathway/components/contact/Contact.module.css @@ -1,43 +1,39 @@ -@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap'); - -*{ - margin: 0; - padding: 0; - box-sizing: border-box; - font-family: 'Plus Jakarta Sans', sans-serif; - background: #F5F5F5; - -} -.ContactUs{ +.ContactUs { display: flex; justify-content: center; align-items: center; gap: 3rem; - padding: 4rem; + margin-top: -1rem; + padding: 3rem; + background-color: #f5f5f5; } -.Contact img{ - width: 50%; +.Contact img { + height: 3rem; } -.ContactHead{ + +.ContactList { + width: 70%; display: flex; - justify-content: space-evenly; - gap: 10rem; - align-items: center; - color: blue; - font-weight: 600; } -.contactLists{ - display: flex; - justify-content: space-evenly; - align-items: center; - font-size: .8rem; - gap: 2rem; + +.list { + width: 100%; +} + +.ContactHead { + color: #1C1CF0; + font-weight: 700; + border-bottom: 1px solid #1C1CF0; } -.contactLists ul{ + +.ContactList ul { list-style: none; width: 100%; } -.contactLists div{ - width: 40%; + +.ContactList ul li { + font-size: .9rem; + color: #3F3F46; + line-height: 1.1rem; } \ No newline at end of file diff --git a/src/Pages/Pathway/components/course Overview/CourseOverview.jsx b/src/Pages/Pathway/components/course Overview/CourseOverview.jsx index 7fa82483f..8ea2e8dac 100644 --- a/src/Pages/Pathway/components/course Overview/CourseOverview.jsx +++ b/src/Pages/Pathway/components/course Overview/CourseOverview.jsx @@ -1,71 +1,83 @@ import React from "react" import styles from "./CourseOverview.module.css" -import s1 from './assets/S1.png' -import arrow from './assets/arrow.png' +import arrow from '../../assets/arrow.png' +import s1 from '../../assets/S1.png' +import s2 from '../../assets/s2.png' +import s3 from '../../assets/s3.png' +import s4 from '../../assets/s4.png' +import s5 from '../../assets/s5.png' const content = [ { id: 1, title: "Stage 1", - desc: "Dive deep into the foundations of AI with a focus on Large Language Models (LLMs).", - icon: "./assets/S1.png" + desc: "Dive deep into the foundations of AI with a focus on", + bold: "Large Language Models (LLMs).", + icon: s1 }, { id: 2, title: "Stage 2", - desc: "Master LLMs and their real-world applications.", - icon: "./assets/S2.png" + desc: "Master LLMs and their", + bold: "real-world applications.", + icon: s2 }, { id: 3, title: "Stage 3", - desc: "Explore the magic of word vectors and their role in understanding language.", - icon: "./assets/S3.png" + desc: "Explore the magic of", + bold: "word vectors", + desc2: "and their role in understanding language.", + icon: s3 }, { id: 4, title: "Stage 4", - desc: "Harness the potential of LLM data pipelines for AI-driven insights.", - icon: "./assets/S4.png" + desc: "Harness the potential of", + bold: "LLM data pipelines", + desc2: "for AI-driven insights.", + icon: s4 }, { id: 5, title: "Stage 5", - desc: "Embark on a hands-on journey to build your own LLM-powered app using the cutting-edge Pathway framework.", - icon: "./assets/S5.png" + desc: "Embark on a hands-on journey to", + bold: "build your own LLM-powered app", + desc2: "using the cutting-edge Pathway framework.", + icon: s5 }, ] -const CourseOverview = () => { +export default function CourseOverview() { return ( -
+

Course Overview

-
{ - content.map((item) => { + content.map((item, key) => { return ( -
+
- -

{item.desc}

+ +

+ {item.desc} + {item.bold} + {item.desc2 ? item.desc2 : null} +

{item.title}
) - } - ) + }) }
) } - -export default CourseOverview diff --git a/src/Pages/Pathway/components/course Overview/CourseOverview.module.css b/src/Pages/Pathway/components/course Overview/CourseOverview.module.css index bfdb1fdc3..b61a5076e 100644 --- a/src/Pages/Pathway/components/course Overview/CourseOverview.module.css +++ b/src/Pages/Pathway/components/course Overview/CourseOverview.module.css @@ -2,20 +2,24 @@ display: flex; justify-content: center; align-items: center; - padding: 3rem; + padding: 5rem; gap: 2rem; + position: relative; } .Overview_container_head hr { - width: 25%; + width: 100%; background-color: #1C1CF0; height: .25rem; } .Overview_container_head p { + position: absolute; + background-color: #F5F5F5; + padding: 0 1.5rem; color: #000; font-size: 3rem; - font-weight: 700; + font-weight: 900; width: max-content; } @@ -23,44 +27,37 @@ display: flex; justify-content: center; align-items: center; - flex-direction: row; - gap: 1rem; + gap: 2rem; padding: 1rem; - width: 50%; } .Overview_desc .course { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); padding: 1.5rem; border-radius: .5rem; + width: 50%; + height: 16rem; + font-weight: 500; + display: flex; + flex-direction: column; + justify-content: space-between; + gap: .5rem; } -.Course_desc { +.Overview_desc .course .Course_desc { display: flex; gap: .5rem; } -.stage { +.Overview_desc .course .Course_desc img { + width: 2.5rem; + height: 2.5rem; +} + +.Overview_desc .course .stage { color: #E4311C; font-weight: 900; display: flex; align-items: center; gap: .5rem; } - -@media (width<1000px) { - .Overview_container_head p { - font-size: 1rem; - } - - .Overview_container_head { - padding: 1rem; - gap: 1rem; - } - - .Overview_desc { - width: 100%; - flex-direction: column; - } - -} \ No newline at end of file diff --git a/src/Pages/Pathway/components/mainpage/assets/img1.webp b/src/Pages/Pathway/components/mainpage/assets/img1.webp deleted file mode 100644 index 7c5f54004ffaee5bad58d0ad9ae6912b281ad538..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 3902 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 MwawwL2Qb1I0IAw-&;S4c diff --git a/src/Pages/Pathway/components/mainpage/assets/pre.png b/src/Pages/Pathway/components/mainpage/assets/pre.png deleted file mode 100644 index a3573470f6a6135fcd2b5bd7db53fd553e145374..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 441 zcmV;q0Y?6bP)n9N$9+p#!gjkP2c4Ar)lofDS?`NUXqgpdFYFybiDf+)s9yHUt31XSTp`F-0c{jjHR6YV8HhU{>-yV zlBCiof91xM#Bh4vLloI-eM#Q9u&hL%BFlEWC!%__C2gsh8vW_-@+b8U`vy};+G z7m#){HUV%lLvPb}GLnZb{V9Y2K^d0G)Vr|V_cTq=%#86&?MA6+*=oH7VOKFW)2PZe zDzJ6Kk9~jdjl;Mc145MIi{Y^#nm(d@V<6(4I1NofSjQjH<)V7UBMA-_)UNCz5+!P> ji{h#MtF3Pw$2-ai-xq5j0VRvu00000NkvXXu0mjfP%^+R diff --git a/src/Pages/Pathway/components/menuBar/menubar.jsx b/src/Pages/Pathway/components/menuBar/menubar.jsx deleted file mode 100644 index d67c38d03..000000000 --- a/src/Pages/Pathway/components/menuBar/menubar.jsx +++ /dev/null @@ -1,27 +0,0 @@ -import React from "react" -import styles from './menubar.module.css' -import img4 from "./assets/logo.webp"; -import pre from './assets/pre.png' - -export default function menubar() { - return ( -
-
- -
-
- Home - Course Overview - Who Should Attend? - About Pathway -
-
- - - Pre-register - -
-
- ) -} -