Merge pull request #9 from IITI-Gymkhana-Web-Team/restoration

Restoration

src/Home/Home.js

@@ -84,9 +84,9 @@ export const Home = () => {
 					<Route path="/Aboutioa" exact component={AboutIOA} />
 					<Route path="/LifeIITI" exact component={LifeIITI} />
 					<Route path="/guestHouse" exact component={Ghouse} />
-					<Route path="/ProsStud/visa" exact component={Visa} />
-					<Route path="/ProsStud/admission" exact component={Admission} />
-					<Route path="/ProsStud/programs" exact component={Programs} />
+					<Route path="/visa" exact component={Visa} />
+					<Route path="/admission" exact component={Admission} />
+					<Route path="/programs" exact component={Programs} />
 					<Route path="/Pros/places" exact component={Places} />
 					<Route path="/Pros/visitors_experience" exact component={Testimonials} />
 					<Route path="/ProsFaculty/visa" exact component={Visa} />

src/Home/components/EmbedVideo/EmbedVideo.css

@@ -0,0 +1,67 @@
+.embed-video {
+  margin-top: 3rem;
+  margin-bottom: 5rem;
+}
+.embed-video-content {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: fit-content;
+  word-wrap: break-word;
+  height: 100%;
+  font-family: "Titillium Web", sans-serif, Source Sans Pro, Helvetica Neue,
+    Helvetica, Arial, sans-serif;
+}
+.embed-video-title {
+  font-size: 3rem;
+  color: rgb(2, 2, 2);
+  font-weight: 400;
+  text-align: left;
+  padding-bottom: 0;
+  margin-bottom: 0;
+}
+.embed-video-text {
+  color: #585858;
+  text-align: justify;
+  font-size: 18px;
+}
+.embed-video-btn:hover,
+.embed-video-btn:active,
+.embed-video-btn:visited {
+  background-color: #efefef !important;
+}
+.embed-video-content hr {
+  padding-top: 0;
+  margin-top: 0px;
+  border: 0;
+  height: 5px;
+  width: 40%;
+  background-image: linear-gradient(
+    to right,
+    rgba(0, 0, 0, 0),
+    rgba(0, 0, 0, 0.75),
+    rgba(0, 0, 0, 0)
+  );
+}
+.video-responsive {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+}
+
+@media only screen and (max-width: 992px) {
+  .embed-video-content {
+    margin-bottom: 1rem;
+  }
+  .embed-video.row {
+    margin: 3rem;
+  }
+  .embed-video-div {
+    height: 400px;
+  }
+  .embed-video-text {
+    text-align: center;
+  }
+}

src/Home/components/EmbedVideo/EmbedVideo.js

@@ -0,0 +1,53 @@
+import React from "react";
+import { Col, Row } from "react-bootstrap";
+import { Link } from "react-router-dom";
+import "./EmbedVideo.css";
+
+const EmbedVideo = () => {
+  return (
+    <Row className="embed-video">
+      <Col md="12" lg="5">
+        <div className="embed-video-content">
+          <p className="embed-video-title text-center">
+            About <span style={{ color: "#3668dd" }}>IIT Indore</span>
+          </p>
+          <hr />
+          <p className="embed-video-text">
+            Indian Institute of Technology Indore, located in Madhya Pradesh,
+            known as IIT Indore or IITI, is an institute of national importance
+            established by the Government of India in 2009.
+            <br /> Over the last eight years, our graduating students have been
+            engaged with the best corporations in India and worldwide, across
+            different verticals. Many have also chosen the less-traveled path of
+            entrepreneurship. It is indeed a proud moment for us when our
+            students contribute to society by creating jobs and changing lives.
+            Along with their researchers in the last decade, our faculty
+            colleagues have also shown immense perseverance to attain new
+            heights of excellence.
+          </p>
+          <Link
+            to="/Aboutiiti"
+            className="embed-video-btn btn btn-outline-secondary"
+          >
+            Read More
+          </Link>
+        </div>
+      </Col>
+      <Col md="12" lg="5" className="embed-video-div">
+        <div className="video-responsive">
+          <iframe
+            width="100%"
+            height="100%"
+            src="https://www.youtube.com/embed/Thjsxz31rRk"
+            title="YouTube video player"
+            frameborder="0"
+            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+            allowfullscreen
+          ></iframe>
+        </div>
+      </Col>
+    </Row>
+  );
+};
+
+export default EmbedVideo;