Added video section

Author: namangupta1399

index.html

@@ -174,6 +174,31 @@ <h4 class="text-secondary">Chryz-Hub Website</h4>
         </div>
       </div> -->
     </section>
+
+    <section id="video-section" class="py-5 mx-5">
+      <div class="container">
+        <div class="row">
+          <div class="col-12 col-lg-6">
+            <iframe src="https://www.youtube.com/embed/91x7KJ1lMHw" id="channel-video" title="YouTube video player"
+              frameborder="0"
+              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+              allowfullscreen></iframe>
+          </div>
+          <div class="col-12 col-lg-6">
+            <p>
+              Lorem ipsum, dolor sit amet consectetur adipisicing elit. Praesentium, animi. Eligendi facere voluptatum
+              aliquam cumque in fugiat officiis asperiores culpa voluptates eaque. Dolorum animi doloribus, sequi,
+              voluptas obcaecati vel impedit iste beatae reiciendis dolorem a. Debitis dignissimos iure natus, libero
+              vel tempore. Possimus provident soluta dolorum explicabo voluptates ipsa molestiae, debitis minus! Eaque,
+              impedit beatae, laboriosam rerum voluptatum amet nemo perspiciatis distinctio numquam sit incidunt labore
+              rem dolor soluta molestias voluptatibus recusandae, doloremque aliquam porro nesciunt. Quam voluptatum
+              veritatis tempore dolor impedit ratione eos quibusdam odio asperiores error deserunt qui modi eligendi
+              dolores, placeat atque facere molestias deleniti, praesentium iure.
+            </p>
+          </div>
+        </div>
+      </div>
+    </section>
     <!-- JAVASCRIPT -->
     <script src="./src/assets/javascript/script.js"></script>
 </body>

src/assets/css/styles.css

@@ -297,3 +297,11 @@ nav ul li a:focus {
     columns: 1;
   }
 }
+
+/* Video section */
+#video-section #channel-video {
+  display: block;
+  width: 80%;
+  height: 100%;
+  margin: 0 auto;
+}

src/assets/javascript/script.js

@@ -66,7 +66,7 @@ function createprojectcard(project, background) {
 
   // TODO: add Project Card
     let projectcard = `<div class="col-12 col-sm-6 col-lg-4">
-    <a href="#" class="project-box">
+    <a href="${project.html_url}" class="project-box">
       <div class="item project">
         <img src="./src/assets/images/projects/${background}" class="project-image" alt="">
         <div class="project-content">