Update

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}

client/app.js

@@ -6,7 +6,8 @@ var btnWorshop3 = document.getElementById("work-3");
 
 // __________________________________________________________________
 
-var URL = "https://kube-workshop.herokuapp.com";
+// var URL = "https://kube-workshop.herokuapp.com";
+var URL = "https://waypoint.291834ce-904a-4e6e-b79c-660f4b66e946.lb.civo.com";
 
 btnWorshop1.addEventListener("click", function (e) {
   e.preventDefault();

client/index.html

@@ -102,6 +102,50 @@ <h1 class="name">Workshop 3</h1>
           </div>
           <button class="btn" id="work-3">Register Now</button>
         </div>
+        <div class="speaker-container">
+          <img src="assets/price-tag.png" id="price-tag" style="width: 75px;">
+          <div id="price">FREE</div>
+          <div class="banner-img"></div>
+          <img
+            src="assets/Speaker_Imgs/Saiyam Pathak.jpg"
+            alt="profile image"
+            class="profile-img"
+          />
+          <h1 class="name">Workshop 3</h1>
+          <div class="description">
+            <div class="timings">
+              <p><i class="bi bi-calendar-fill"></i>June 5th, 2022</p>
+              <p><i class="bi bi-clock-fill"></i>08:00 PM IST</p>
+            </div>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit
+            blanditiis nihil officia quas, ullam distinctio molestias
+            necessitatibus. Totam non, nostrum sint ducimus quas ad, reiciendis
+            hic eaque ipsam, id qui.
+          </div>
+          <button class="btn" id="work-3">Register Now</button>
+        </div>
+        <div class="speaker-container">
+          <img src="assets/price-tag.png" id="price-tag" style="width: 75px;">
+          <div id="price">FREE</div>
+          <div class="banner-img"></div>
+          <img
+            src="assets/Speaker_Imgs/Saiyam Pathak.jpg"
+            alt="profile image"
+            class="profile-img"
+          />
+          <h1 class="name">Workshop 3</h1>
+          <div class="description">
+            <div class="timings">
+              <p><i class="bi bi-calendar-fill"></i>June 5th, 2022</p>
+              <p><i class="bi bi-clock-fill"></i>08:00 PM IST</p>
+            </div>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit
+            blanditiis nihil officia quas, ullam distinctio molestias
+            necessitatibus. Totam non, nostrum sint ducimus quas ad, reiciendis
+            hic eaque ipsam, id qui.
+          </div>
+          <button class="btn" id="work-3">Register Now</button>
+        </div>
 
       </div>
 

server.js

@@ -13,7 +13,8 @@ const stripe = require("stripe")(api_key);
 // ------------ Imports & necessary things here ------------
 
 // Setting up the static folder:
-app.use(express.static(resolve(__dirname, "./client")));
+// app.use(express.static(resolve(__dirname, "./client")));
+app.use(express.static(resolve(__dirname, process.env.STATIC_DIR)));
 
 app.use(express.json());
 app.use(express.urlencoded({ extended: false }));