MLSAKIIT · SaniyaBhargav · Nov 24, 2021 · Nov 28, 2021 · Dec 1, 2021
diff --git a/src/Components/Algorithms/AlgoMenu.css b/src/Components/Algorithms/AlgoMenu.css
diff --git a/src/Components/Algorithms/AlgoMenu.jsx b/src/Components/Algorithms/AlgoMenu.jsx
@@ -1,11 +1,62 @@
 import React from "react";
 import './AlgoMenu.css'
-import {Container, Col, Image, Row} from 'react-bootstrap'
+import { Container, Col, Image, Row } from 'react-bootstrap'
+import AlgoPage from "./AlgoPage/AlgoPage";
 
-export default function AlgoMenu (){
-    return(
-        <div className="algomenu">
-            <h1>Hello World!</h1>
-        </div>
+
+export default function AlgoMenu() {
+    return (
+        <>
+        <AlgoPage/>
+
+<body>
+
+  <div id="con">
+    <div class="zayn_1 shadow">
+
+      <div class="overlay"></div>
+
+
+      <h4 class="f-title">ALGORITHM NAME</h4>
+    </div>
+  </div>
+
+
+  <div id="con2">
+    <div class="zayn_2 shadow">
+
+      <div class="overlay"></div>
+
+
+      <h4>He is not a lover who does not love forever.</h4>
+    </div>
+
+
+    <div class="zayn_3 shadow">
+
+      <div class="overlay"></div>
+
+
+      <h4>Show me your garden and I shall tell you what you are.</h4>
+    </div>
+  </div>
+
+
+  <div id="con3">
+    <div class="zayn_4 shadow">
+
+      <div class="overlay"></div>
+
+
+      <h4>All theory, dear friend, is gray, but the golden tree of life springs
+      ever green.</h4>
+    </div>
+  </div>
+
+  <div class="footer">
+  </div>
+</body>
+
+        </>
     )
 }
diff --git a/src/Components/Algorithms/AlgoPage/About/About.css b/src/Components/Algorithms/AlgoPage/About/About.css
@@ -0,0 +1,96 @@
+
+
+*, *:before, *:after {
+  box-sizing: border-box;
+}
+
+body {
+  background-color: #f3f3f3;
+}
+
+.product-card {
+  background-color: #fdfefe;
+  max-width: 550px;
+  min-height: 400px;
+  margin: 0 auto;
+  margin-top: 50px;
+  margin-bottom: 150px;
+  box-shadow: 8px 12px 30px darken( #f3f3f3, 25%);;
+  color: #919495;
+  font-weight: normal;
+  text-align: left;
+  font-size: 18px;
+  position: relative;
+}
+
+.product-details {
+  width: 53%;
+  float: left;
+  height: 100%;
+  padding: 30px;
+};
+
+  h1 {
+    color: #333;
+    font-family: 'Pacifico', cursive;
+    margin-bottom: 35px;
+  };
+  button {
+    width: 150px;
+    height: 50px;
+    margin-top: 20px;
+    background-color: #337AB7;
+    border-radius: 0;
+    color: #fff;
+    box-shadow: 2px 2px 7px darken(#337AB7, 25%);
+
+  };
+
+.product-image {
+  position: absolute;
+  right: -20px;
+  top: -40px;
+
+};
+img {
+    max-width: 400px;
+  };
+
+@media (max-width: 700px) {
+  .product-card {
+    margin-left: 20px;
+    margin-right: 20px;
+  }
+
+}
+
+@media (max-width: 540px) {
+  .product-card {
+    overflow: hidden;
+    margin-bottom: 50px;
+  }
+  .product-details {
+    width: 60%;
+    z-index: 1;
+  }
+  .product-image {
+    width: 100%;
+    left: 40%;
+    top: -50px;
+  }
+}
+
+@media (max-width: 440px) {
+    .product-details {
+      width: 65%;
+  }
+}
+
+@media (max-width: 365px) {
+    .product-details {
+      width: 80%;
+      position: relative;
+      color: #333;
+      background-color: rgba(255, 255, 255, 0.7);
+  }
+}
diff --git a/src/Components/Algorithms/AlgoPage/About/About.jsx b/src/Components/Algorithms/AlgoPage/About/About.jsx
@@ -0,0 +1,26 @@
+import React from 'react'
+
+const About = () => {
+    return (
+        <div>
+            <div class="product-card">
+    <div class="product-image">
+    <img src="data:image/jpeg;base64,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"></img>
+  </div>
+  <div class="product-details">
+    <h1>Product title</h1>
+    <p>Great product title for a great product and all of the extra things a product might need to make it fill an entire card.</p>
+    <br />
+    <br />
+    <br />
+    <br />
+    <br />
+  </div>
+</div>
+
+
+        </div>
+    )
+}
+
+export default About
diff --git a/src/Components/Algorithms/AlgoPage/AlgoPage.css b/src/Components/Algorithms/AlgoPage/AlgoPage.css
diff --git a/src/Components/Algorithms/AlgoPage/AlgoPage.jsx b/src/Components/Algorithms/AlgoPage/AlgoPage.jsx
@@ -0,0 +1,18 @@
+import React from 'react'
+import GetStartPath from '../../Pathfinder/GetStartPath'
+import Landing from '../../Pathfinder/Landing'
+import About from './About/About'
+import Video from './Video/Video'
+
+const AlgoPage = () => {
+    return (
+        <div>
+            <Landing/>
+            <GetStartPath/>
+            <About/>
+            <Video/>
+        </div>
+    )
+}
+
+export default AlgoPage
diff --git a/src/Components/Algorithms/AlgoPage/Video/Video.css b/src/Components/Algorithms/AlgoPage/Video/Video.css
@@ -0,0 +1,86 @@
+body {
+    background: #333;
+  }
+  a{
+    color: inherit;
+    text-decoration: none
+  }
+  /* Amimated Play Button */
+  .play-button {
+    position: absolute;
+      top: 50%;
+      left: auto;
+      right: 12%;
+      margin: 0;
+      padding: 0;
+      list-style: none;
+      width: 65px;
+      height: 65px;
+      background: #fff;
+      text-align: center;
+    border-radius: 50%;
+  /*   border-left: 100px solid transparent;
+    border-right: 100px solid transparent;
+      border-top: 0 solid red;
+    border-bottom: 100px solid black; */
+
+  /*   border-radius: 20%; */
+  /*   border-top-right-radius: 50%;             
+    border-bottom-right-radius: 50%; */
+      -webkit-animation: ripple-white3 3s linear infinite;
+      animation: ripple-white3 3s linear infinite;
+  }
+  @keyframes ripple-white3 {
+    0% {
+      -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
+      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1); }
+    100% {
+      -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 100px rgba(255, 255, 255, 0);
+      box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 100px rgba(255, 255, 255, 0); } }
+  .play-button::after {
+    content:'';
+    top:21px;
+    left:23px;
+    position: absolute;
+    border-left: 20px solid black;
+    border-top: 13px solid transparent;
+    border-bottom: 13px solid transparent;
+    border-right: 20px solid transparent;
+  }
+
+
+
+  /* Pop Up Style */
+  .video-pop {
+    position: absolute;
+    left:0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    visibility: hidden;
+    opacity: 0;
+  }
+  .video-pop:target {
+    visibility: visible;
+    opacity: 1;
+  }
+
+  .pop-bg {
+    background: rgba(0, 0, 0, .2);
+    height: 100%;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  .pop-container {
+    width: 50%;
+    text-align: right;
+    font-size: 30px;
+    font-weight: bold;
+    color: #fff;
+  }
+  .pop-container iframe {
+    width:100%;
+    height: 450px;
+  }
diff --git a/src/Components/Algorithms/AlgoPage/Video/Video.jsx b/src/Components/Algorithms/AlgoPage/Video/Video.jsx
@@ -0,0 +1,30 @@
+import React from 'react'
+
+const Video = () => {
+    return (
+        <div>
+
+
+<a href="#pop-up">
+  <div class="play-button">
+  <div class="play-icon">
+
+  </div>
+</div>
+</a>
+
+
+
+<div class="video-pop" id="pop-up">
+  <div class="pop-bg">
+    <div class="pop-container">
+      <a class="close" href="#">&times;</a>
+      <iframe width="560" height="315" src="https://www.youtube.com/embed/LqmratdBFNw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+    </div>
+  </div>
+</div>
+        </div>
+    )
+}
+
+export default Video
diff --git a/src/Components/Algorithms/pictures/algorithm.jpg b/src/Components/Algorithms/pictures/algorithm.jpg
diff --git a/src/Components/Developers/Developers.css b/src/Components/Developers/Developers.css
@@ -16,20 +16,32 @@ body {
 }
 
 h1,
-h2,
-h3,
 h4,
 h5,
 h6 {
   margin: 0 0 20px 0;
   text-transform: none;
   color: rgba(254, 82, 76, 1);
   font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-weight: 600;
+  font-weight: 700;
   letter-spacing: 1px;
   line-height: 1.5;
 }
-
+h2{
+  font-size: 3rem !important;
+  color: rgba(254, 82, 76, 1);
+  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-weight: 600 !important;
+}
+h3{
+  font-size: 2rem !important;
+  font-weight: 500 !important;
+}
+.heading-text{
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
 a:link,
 a:active,
 a:visited{

diff --git a/src/Components/Developers/Developers.jsx b/src/Components/Developers/Developers.jsx
@@ -20,8 +20,9 @@ export default function Developers (){
 <section id="team" class="team content-section">
   <div class="container">
     <div class="row text-center">
-      <div class="col-md-12">
+      <div class="col-md-12 heading-text">
         <h2>Our Team</h2>
+        <br></br>
         <h3 class="caption gray">Meet the people who made this amazing page.</h3>
       </div>
 

diff --git a/src/Components/Landing/Navbar/Navbars.jsx b/src/Components/Landing/Navbar/Navbars.jsx
@@ -17,9 +17,8 @@ const Navbars = () => {
                             <Nav className="me-auto">
                                 <Nav.Link href="#about" className="navbar_a">ABOUT</Nav.Link>
                                 <Nav.Link href="#projects" className="navbar_a">PROJECTS</Nav.Link>
-                                <Nav.Link href="developers" className="navbar_a">
-                                    DEVELOPERS
-                                </Nav.Link>
+                                <Nav.Link href="developers" className="navbar_a">DEVELOPERS</Nav.Link>
+                                <Nav.Link href="menu" className="navbar_a">MENU</Nav.Link>
                             </Nav>
                             <Button variant="outline-success" className="navbar_login_button">Login</Button>
                         </Navbar.Collapse>