Old dev

src/App.js

@@ -53,6 +53,7 @@ import Submission from "./Pages/CapTF/Submission";
 import Pathway from "./Pages/Pathway/Pathway";
 import EnablersPage from "./Pages/EnablersPage/EnablersPage";
 import In50Hours from "./Pages/In50Hours/In50Hours";
+import Manifesto from "./Pages/Manifesto/Manifesto";
 function App() {
   const [redirects, setRedirects] = useState([]);
   const [isLoaded, setIsLoaded] = useState(false);
@@ -124,6 +125,7 @@ function App() {
             <Route path="/keralatechfest" element={<KKEMLearningFest />} />
             <Route path="/maveliportfolio" element={<MaveliPortfolio />} />
             <Route path="/wadhwani" element={<Wadhwani />} />
+            <Route path="/manifesto" element={<Manifesto />} />
 
             <Route path="/team">
               <Route path="" element={<Teams />} />

src/Components/Footer/Footer.jsx

@@ -93,7 +93,7 @@ const Footer = () => {
             </a>
 
             <a
-              href="https://www.youtube-nocookie.com/c/mulearn"
+              href="https://www.youtube.com/c/mulearn"
               target="_blank"
               rel="noopener noreferrer"
             >

src/Components/Navbar/Mylinks.jsx

@@ -23,6 +23,13 @@ export const links = [
             link: "/enablers",
             foreign: false,
           },
+          {
+            name: "Manifesto",
+            submenu: false,
+            sublinks: [],
+            link: "/manifesto",
+            foreign: false,
+          },
         ],
       },
 

src/Pages/ArtOfTeaching/ArtOfTeaching.jsx

@@ -8,7 +8,7 @@ import "./ArtOfTeaching.scss";
 import Faq from "react-faq-component";
 
 import fvimg from "./assets/fvimg.gif";
-import Guidlines from "./assets/Guidlines.pdf";
+import Guidlines from "./assets/Guidlines1.pdf";
 
 import MentorCard from "../../Components/MentorCard/MentorCard";
 
@@ -73,7 +73,9 @@ const ArtOfTeaching = () => {
 
   };
 
+
 
+
   const data = {
     title: "Frequently Asked Questions",
     rows: [
@@ -202,43 +204,15 @@ const ArtOfTeaching = () => {
 
             <div className={styles.cards_container_desktop}>
               <Swiper
-                // pagination={true}
-                // navigation={true}
-                // modules={[Pagination, Navigation]}
+
                 className="aswiper"
               >
                <SwiperSlide>
 
-                 {/* <div className={styles.topic_card_android}>
-                    <div className={styles.topic_card}>
-                      <p className={styles.card_heading}>
-                        <span>Android Development with Kotlin</span> by Google.
-                      </p>
-                      <p className={styles.card_description}>
-                        If you choose Android Development as the content you
-                        would have to learn the Android Development with Kotlin
-                        and have to create a 3 minute video summary of the
-                        course.
-                      </p>
-                      <a
-                        href="https://developer.android.com/courses/android-basics-compose/course"
-                        target="_blank"
-                        rel="noopener noreferrer"
-                      >
-                        <button
-                          style={{ fontSize: "1rem" }}
-                          className={styles.detailsbtn}
-                          type="submit"
-                        >
-                          View Course
-                        </button>
-                      </a>
-                    </div>
-                  </div>*/}
 
                   <div className={styles.topic_card_android}>
                   <p className={styles.card_heading}>
-                     <span> Guidlines</span>
+                     <span>Guidelines</span>
                     </p>
                   <div style={timelineStyle}>
                   <div>
@@ -247,7 +221,7 @@ const ArtOfTeaching = () => {
       <div className=" pl-4" style={timelineItemStyle}>
         <div className=" pl-4" style={circleStyle}></div>
         <div className=" ml-4" style={lineStyle}></div>
-        <div style={contentStyle} ><p style={{fontSize:'17px'}}>Task 1 - Self introduction with welcome ticket.</p></div>
+        <div style={contentStyle} ><p style={{fontSize:'17px'}}>Task 1 - Self introduction.</p></div>
       </div>
       <div className=" pl-4" style={timelineItemStyle}>
         <div className=" pl-4" style={circleStyle}></div>
@@ -260,7 +234,7 @@ const ArtOfTeaching = () => {
       <div  className=" pl-4"style={timelineItemStyle}>
         <div className=" pl-4"style={circleStyle}></div>
         <div className="ml-4" style={lineStyle}></div>
-        <div style={contentStyle}><p style={{fontSize:'17px'}}>Task 1 - Detailed document submission of the designed course curriculam.</p></div>
+        <div style={contentStyle}><p style={{fontSize:'17px'}}>Task 1 - Detailed document submission of the designed course curriculum.</p></div>
 
       </div>
       <div className="mt-2">
@@ -273,11 +247,12 @@ const ArtOfTeaching = () => {
     </div>
                   </div>
                 </SwiperSlide>
-
 
               </Swiper>
             </div>
 
+
+
             <div className={styles.cards_container_mobile} style={{marginTop:'45px',marginBottom:'30px'}}>
             <div className={styles.topic_card_android} style={{marginTop:'45px',marginBottom:'30px'}}>
                   <p className={styles.card_heading}>
@@ -318,12 +293,44 @@ const ArtOfTeaching = () => {
         </div>
     </div>
                   </div>
-
+                  <div className={`w-full max-w-md lg:max-w-2xl`}>
+                <iframe
+                  className={styles.yt_video}
+                  src="https://www.youtube.com/embed/r5izRx-4j68?si=L9gHSznyZTeCI3b3" 
+                  title="YouTube video player"
+                  frameborder="0"
+                  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+                  allowfullscreen
+                  loading="lazy"
+                ></iframe>
+              </div>
 
             </div>
           </div>
         </div>
 
+
+        <div className="hidden lg:flex  items-center justify-center lg:h-[500px] lg:mb-4">
+  <div className="w-full max-w-md lg:max-w-3xl xl:max-w-4xl 2xl:max-w-5xl">
+    <iframe
+
+      className="flex items-center justify-center mx-auto lg:w-[750px] h-56 lg:h-70 xl:h-96 rounded-lg"
+      src="https://www.youtube.com/embed/r5izRx-4j68?si=L9gHSznyZTeCI3b3"
+      title="YouTube video player"
+      frameborder="0"
+
+      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+      allowFullScreen
+      loading="lazy"
+    ></iframe>
+  </div>
+</div>
+
+
+
+
+
+
         <div className={styles.fourth_view_container}>
           <div className={styles.fourth_view}>
             <div className={styles.left_side}>

src/Pages/Manifesto/Manifesto.jsx

@@ -0,0 +1,61 @@
+import React from "react";
+import Navbar from "../../Components/Navbar/Navbar";
+import Footer from "../../Components/Footer/Footer";
+import styles from "./Manifesto.module.css";
+import muLogoBg from "./assets/µ.png";
+import muLogo from "./assets/µLearn-logo.svg";
+import handImg from "./assets/hand.png";
+export default function Manifesto() {
+  return (
+    <>
+      <Navbar />
+      <div className={styles.main}>
+        <div className={styles.head}>
+          <img src={muLogoBg} alt="" className={styles.muLogoBg} />
+          <div className={styles.textContainer}>
+            <div className={styles.logoContainer}>
+              <img src={muLogo} alt="" />
+              <div className={styles.ourManifestoText}>Our Manifesto</div>
+            </div>
+            <h1>We,The Unbound, The Unbowed</h1>
+          </div>
+          <div className={styles.imgContainer}>
+            <img src={handImg} alt="" />
+          </div>
+        </div>
+        <div className={styles.firstPara}>
+          <p>
+            <span>We, the Unbound, the Unbowed</span>, a tribe of relentless
+            learners, rise from the ashes of a broken education system.{" "}
+            <span>
+              We are the mavericks who dared to question the status quo
+            </span>
+            , the misfits who refused to be cogs in the machine of rote
+            memorization. For far too long, we've navigated the labyrinthine
+            corridors of standardized curriculums,{" "}
+            <span>our creativity stifled</span> by the stale{" "}
+            <span>air of conformity. Not anymore!</span>
+          </p>
+        </div>
+        <div className={styles.secondPara}>
+          <p>
+            <span> µLearn is our revolution.</span> Here, curiosity{" "}
+            <span>reigns</span>, and collaboration is our weapon. We{" "}
+            <span>transform</span> failures into stepping stones, and together
+            we <span>redefine</span> learning.
+          </p>
+        </div>
+        <div className={styles.joinRevolution}>
+          <h2>
+            Welcome to the <span>µLearn.</span>Welcome to the{" "}
+            <span>Revolution.</span>
+          </h2>{" "}
+          <a href="https://app.mulearn.org" target="_blank" rel="noreferrer">
+            <button>Join µLearn</button>
+          </a>
+        </div>
+      </div>
+      <Footer />
+    </>
+  );
+}