Merge pull request #284 from 007aneesh/main

talks section added
MonalikaPatnaik · May 23, 2023 · 21cad93 · 21cad93 · vercel · May 23, 2023
2 parents f040cf0 + 8e5ee7c
commit 21cad93
Show file tree

Hide file tree

Showing 4 changed files with 102 additions and 2 deletions.
diff --git a/src/App.js b/src/App.js
@@ -15,7 +15,7 @@ function App() {
     <BrowserRouter>
       <Routes>
 
-        <Route exact path="/UMatter" element={<Home />} />
+        <Route exact path="/" element={<Home />} />
         <Route exact path="/signin" element={<SigninPage />} />
         <Route path="/blogs" element={<BlogPage />} />
         <Route exact path="/signin/forgotPassword" element={<Forgot_password/>}/>

diff --git a/src/Components/Blogs/review.css b/src/Components/Blogs/review.css
@@ -0,0 +1,30 @@
+.main{
+    padding: 5rem;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+.main h3{
+    font-size: 2rem;
+}
+iframe{
+    width: 46vw;
+    height: 50vh;
+    margin-bottom: 50px;
+    margin-top: 70px;
+}
+.ele{
+    display: flex;
+    flex-direction: column;
+}
+@media only screen and (max-width: 768px) {
+    iframe{
+        width: 550px;
+        height: 300px;
+
+    }
+    .main{
+        padding: 10rem 5rem;
+    }
+}
diff --git a/src/Components/Blogs/review.js b/src/Components/Blogs/review.js
@@ -0,0 +1,69 @@
+import React from "react";
+import "./review.css";
+const Reviews = () => {
+  return (
+    <div className="main">
+      <h3>Let's hear what others have to say!!</h3>
+      <div className="ele">
+        <iframe
+          src="https://www.youtube.com/embed/vKS-dIj81rk"
+          title="YouTube video player"
+          frameborder="0"
+          allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+          allowfullscreen
+        ></iframe>
+        <iframe
+          src="https://www.youtube.com/embed/Nf0x5kIdw70"
+          title="YouTube video player"
+          frameborder="0"
+          allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+          allowfullscreen
+        ></iframe>
+        <iframe
+          src="https://www.youtube.com/embed/zJ9ty5_Z-Lo"
+          title="YouTube video player"
+          frameborder="0"
+          allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+          allowfullscreen
+        ></iframe>
+        <iframe
+          src="https://www.youtube.com/embed/HFgtol421r4"
+          title="YouTube video player"
+          frameborder="0"
+          allow="accelerometer;  clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+          allowfullscreen
+        ></iframe>
+        <iframe
+          src="https://www.youtube.com/embed/NKE9BQ5QVfE"
+          title="YouTube video player"
+          frameborder="0"
+          allow="accelerometer;  clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+          allowfullscreen
+        ></iframe>
+        <iframe
+          src="https://www.youtube.com/embed/BjD7uxSwGWY"
+          title="YouTube video player"
+          frameborder="0"
+          allow="accelerometer;  clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+          allowfullscreen
+        ></iframe>
+        <iframe
+          src="https://www.youtube.com/embed/fakc0l1pe-E"
+          title="YouTube video player"
+          frameborder="0"
+          allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+          allowfullscreen
+        ></iframe>
+        <iframe
+          src="https://www.youtube.com/embed/rJ9yqzHciEU"
+          title="YouTube video player"
+          frameborder="0"
+          allow="accelerometer;  clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+          allowfullscreen
+        ></iframe>
+      </div>
+    </div>
+  );
+};
+
+export default Reviews;
diff --git a/src/pages/blogs.js b/src/pages/blogs.js
@@ -2,12 +2,13 @@ import React from "react";
 import Footer from "../Components/Footer";
 import Navbar from "../Components/Navbar";
 import Blogs from "../Components/Blogs";
-
+import Reviews from "../Components/Blogs/review";
 const BlogPage = () => {
   return (
     <>
       <Navbar />
       <Blogs />
+      <Reviews />
       <Footer />
     </>
   );