From 98034a966a10a7d4f6da337f3d5a0d58f39e0ed3 Mon Sep 17 00:00:00 2001
From: PunugupatiSaikumar <punugupatisaikumar777@gmail.com>
Date: Sat, 2 Dec 2023 00:53:46 -0500
Subject: [PATCH] updated version

---
 html/css/laugh.css     | 210 +++++++-----
 html/laughTherapy.html | 737 +++++++++++++++++++----------------------
 2 files changed, 473 insertions(+), 474 deletions(-)

diff --git a/html/css/laugh.css b/html/css/laugh.css
index 432d0fb..92dc645 100644
--- a/html/css/laugh.css
+++ b/html/css/laugh.css
@@ -1,18 +1,19 @@
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap');
+
 * {
   margin: 0;
   padding: 0;
-  font-family: "Poppins", sans-serif;
+  font-family: "Ephesis";
   box-sizing: border-box;
 }
 
 
-::-webkit-scrollbar{
+::-webkit-scrollbar {
   background: transparent;
   width: 0.4rem;
 }
 
-::-webkit-scrollbar-thumb{
+::-webkit-scrollbar-thumb {
   background-color: rgba(173, 173, 173, 0.2);
   border-radius: 10px;
   transition: background-color 0.5s ease-in-out;
@@ -22,21 +23,22 @@
   background-color: rgba(173, 173, 173, 0.5);
 }
 
-html{
+html {
   scroll-behavior: smooth;
   overflow-y: overlay;
 }
-body{
+
+body {
   background-color: #040404;
   color: #fff;
   font-family: 'Inter', sans-serif;
 }
 
-#main{
+#main {
   overflow: hidden !important;
 }
 
-html{
+html {
   scroll-behavior: smooth;
 }
 
@@ -65,14 +67,16 @@ html{
   color: #00488F;
   transition: 0.3s ease-in-out;
 }
-#load{
-	margin: auto;
-    width: 100%;
-    height: -webkit-fill-available;
-    position: fixed;
-    background: #fff url(/images/Spin-Preloader-1.gif) no-repeat center;
-    z-index: 9999999;
+
+#load {
+  margin: auto;
+  width: 100%;
+  height: -webkit-fill-available;
+  position: fixed;
+  background: #fff url(/images/Spin-Preloader-1.gif) no-repeat center;
+  z-index: 9999999;
 }
+
 header {
   min-height: 100vh;
   width: 100%;
@@ -81,6 +85,7 @@ header {
   background-position: center;
   background-size: cover;
 }
+
 nav {
   position: fixed;
   top: 0;
@@ -101,6 +106,7 @@ nav {
   flex-direction: column;
   cursor: pointer;
 }
+
 .menu {
   display: none;
   width: 100%;
@@ -117,7 +123,7 @@ nav {
   width: 60%;
   height: 100%;
   position: fixed;
-  background-color: rgba(56,56,55,1);
+  background-color: rgba(56, 56, 55, 1);
   top: 0;
   left: 0;
   padding: 30px;
@@ -130,30 +136,33 @@ nav {
   .nav-links {
     display: none;
   }
- 
+
   .audio-logo {
     width: 60px;
   }
+
   .hamburger {
     display: flex;
-  } 
+  }
 }
 
 @media screen and (min-width: 650px) {
-  .open{
+  .open {
     display: none;
-  } 
- 
+  }
+
 }
 
 @keyframes slideIn {
   0% {
     left: -150px;
   }
+
   100% {
     left: 0px;
   }
 }
+
 .menu-link {
   list-style: none;
   display: flex;
@@ -161,10 +170,12 @@ nav {
   align-items: center;
   flex-direction: column;
 }
+
 .menu.open a {
   color: #adb5bd;
   text-decoration: none;
 }
+
 .menu-link li {
   padding: 2rem;
   font-weight: bolder;
@@ -173,16 +184,19 @@ nav {
 .menu-link li:last-child {
   padding-bottom: 0;
 }
-.menu-link li{
+
+.menu-link li {
   list-style: none;
 }
+
 .menu-link li a {
   color: #fff;
   font-weight: bolder;
   font-size: 1rem;
   text-decoration: none;
 }
-.menu-link li a:hover{
+
+.menu-link li a:hover {
   color: cyan;
 }
 
@@ -196,6 +210,7 @@ nav {
   flex: 1;
   text-align: right;
 }
+
 .nav-links ul li {
   list-style: none;
   display: inline-block;
@@ -208,10 +223,11 @@ nav {
   text-decoration: none;
   font-size: 13px;
 }
+
 .nav-links ul li::after {
   content: "";
   width: 0%;
-  height: 2px;
+  height: 1px;
   background: rgb(208, 255, 0);
   display: block;
   margin: auto;
@@ -224,8 +240,8 @@ nav {
 
 .center {
   position: absolute;
-  top: 50%;
-  left: 50%;
+  top: 35%;
+  left: 30%;
   transform: translate(-50%, -50%);
   z-index: 20;
 }
@@ -247,15 +263,21 @@ h1 {
   font-weight: 900;
 }
 
+#title {
+  color: rgb(228, 242, 103);
+  text-shadow: 2.5px 2px 1px #05caca;
+}
+
 .heading-span {
-  color: #3b94af;
+  color: rgb(228, 242, 103);
   text-shadow: 2.5px 2px 1px #05caca;
 }
+
 #subtitle {
-  color:#d85e00;
+  color: #efeeec;
   text-align: center;
-  text-shadow: 1.5px 1.5px 1px #ac2045;
-  font-size: 1.3rem;
+  text-shadow: 1.5px 1.5px 1px rgb(246, 125, 5);
+  font-size: 1.5rem;
   font-weight: 800;
 }
 
@@ -264,32 +286,35 @@ h2 {
   text-align: center;
   margin-bottom: 1rem;
 }
+
 .section-headings {
   font-size: 2.3rem;
   text-decoration: underline;
   text-underline-offset: 10px;
   margin: 3rem 0;
 }
+
 hr {
   width: 90%;
   margin: 0 auto;
   border-color: #2b2c28;
 }
-.image{
+
+.image {
   width: 30rem;
   height: 30rem;
   border-radius: 50%;
   margin-bottom: 2%;
 }
 
-.image img{
+.image img {
   object-fit: cover;
   width: 100%;
   height: 100%;
   border-radius: 50%;
 }
 
-.about-container{
+.about-container {
   display: flex;
   justify-content: space-evenly;
   align-items: center;
@@ -297,18 +322,18 @@ hr {
   padding: 1.2em;
 }
 
-.about-content .one{
+.about-content .one {
   font-size: 2.2rem;
-  color: cyan;
+  color: rgb(115, 255, 0);
 }
 
-.about-content ol li{
+.about-content ol li {
   margin-top: 20px;
   font-size: 1.5rem;
   list-style: none;
 }
 
-.about-content a{
+.about-content a {
   display: inline-block;
   margin-top: 2em;
   border-radius: 10px;
@@ -321,7 +346,7 @@ hr {
   font-weight: 600;
 }
 
-.about-content a:hover{
+.about-content a:hover {
   background-color: #fff;
   border: 2px solid cyan;
   transition: 0.3s ease;
@@ -332,11 +357,13 @@ hr {
   position: relative;
   margin: auto;
 }
+
 .mySlides {
   display: none;
 }
 
-.prev, .next {
+.prev,
+.next {
   cursor: pointer;
   position: absolute;
   top: 50%;
@@ -350,49 +377,59 @@ hr {
   border-radius: 0 3px 3px 0;
   user-select: none;
 }
+
 .next {
   right: 0;
   border-radius: 3px 0 0 3px;
   cursor: pointer;
 }
 
-.prev:hover, .next:hover {
+.prev:hover,
+.next:hover {
   background-color: rgba(0, 255, 255, 0.8);
 }
+
 .active {
   background-color: #717171;
 }
+
 .fade {
   animation-name: fade;
   animation-duration: 1.5s;
 }
 
 @keyframes fade {
-  from {opacity: .4}
-  to {opacity: 1}
+  from {
+    opacity: .4
+  }
+
+  to {
+    opacity: 1
+  }
 }
+
 .video {
   box-sizing: border-box;
   float: left;
   width: 38%;
   margin-top: 5px;
   margin-left: 8.5%;
-  margin-bottom:5px;
+  margin-bottom: 5px;
 }
 
-.collection{
+.collection {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
 }
 
-iframe{
-  padding:10px;
+iframe {
+  padding: 10px;
 }
 
-iframe:hover{
-  border: 1.5px #00eeff solid ;
+iframe:hover {
+  border: 1.5px #00eeff solid;
   border-radius: 5px;
 }
 
@@ -404,13 +441,16 @@ iframe:hover{
   .logo {
     width: 60px;
   }
+
   .hamburger {
     display: flex;
   }
+
   header {
     min-height: 100vh;
   }
-  #title{
+
+  #title {
     font-size: 2rem;
   }
 }
@@ -425,31 +465,33 @@ iframe:hover{
   .video {
     width: 89%;
   }
-  .video iframe{
+
+  .video iframe {
     width: 97%;
   }
 }
 
-@media screen and (max-width: 550px){
-  .image{
+@media screen and (max-width: 550px) {
+  .image {
     width: 20rem;
     height: 20rem;
   }
 
-  .about-content .one{
+  .about-content .one {
     font-size: 1.5rem;
   }
-  
-  .about-content ol li{
+
+  .about-content ol li {
     margin-top: 20px;
     font-size: 1rem;
   }
 }
 
 /* footer */
-footer{
-  font-family: "Poppins",sans-serif;
+footer {
+  font-family: "Poppins", sans-serif;
 }
+
 .footer-container {
   bottom: 0;
   width: 100%;
@@ -459,18 +501,18 @@ footer{
   background-color: rgb(6, 16, 37);
 }
 
-.footer-side-col{
+.footer-side-col {
   display: grid;
-  grid-template-columns: repeat(4,1fr);
+  grid-template-columns: repeat(4, 1fr);
   width: 80%;
 }
 
-.footer-side-col > .col{
+.footer-side-col>.col {
   padding: 2.5rem;
   flex-wrap: nowrap;
 }
 
-.footer-container > .col {
+.footer-container>.col {
   padding: 2.5rem;
   flex-basis: 20%;
   color: white;
@@ -481,10 +523,10 @@ footer a:focus {
   color: cyan;
 }
 
-@media (max-width: 1120px){
-  .footer-side-col{
-    grid-template-columns: repeat(2,1fr);
-    grid-template-rows: repeat(2,1fr);
+@media (max-width: 1120px) {
+  .footer-side-col {
+    grid-template-columns: repeat(2, 1fr);
+    grid-template-rows: repeat(2, 1fr);
   }
 }
 
@@ -506,9 +548,9 @@ footer a:focus {
 }
 
 @media (max-width: 600px) {
-  .footer-side-col{
+  .footer-side-col {
     grid-template-columns: 1fr;
-    grid-template-rows: minmax(auto,auto);
+    grid-template-rows: minmax(auto, auto);
   }
 
   .footer-container .col {
@@ -566,7 +608,8 @@ footer a:focus {
 .footer-container p {
   margin-top: 0.5rem;
 }
-.footerpara{
+
+.footerpara {
   margin-left: -10px;
 }
 
@@ -575,7 +618,7 @@ footer a:focus {
   text-decoration: underline;
 }
 
-.email-id a{
+.email-id a {
   text-decoration: none;
   color: white;
 }
@@ -585,22 +628,25 @@ footer a:focus {
   font-size: 1.2rem;
   margin-bottom: 1rem;
   font-weight: 900;
-  font-family: "Ubuntu",sans-serif;
+  font-family: "Ubuntu", sans-serif;
 
 }
+
 .footer-container .col img {
   display: block;
   margin: 0 auto;
   width: 140px;
   cursor: pointer;
 }
+
 .footer-container .col .footerheading {
   display: flex;
-  color:white ;
+  color: white;
   font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
   justify-content: center;
   cursor: pointer;
 }
+
 .footer-container .col .footerpara {
   display: flex;
   margin-top: -19px;
@@ -609,6 +655,7 @@ footer a:focus {
   justify-content: center;
   cursor: pointer;
 }
+
 .fab:hover {
   text-decoration: none;
 }
@@ -626,7 +673,8 @@ footer a:focus {
 .footer-container .col .social-menu ul a {
   color: white;
 }
-.footer-container .col .social-menu ul a li{
+
+.footer-container .col .social-menu ul a li {
   transition: transform 250ms ease-out;
 }
 
@@ -634,13 +682,16 @@ footer a:focus {
   transform: scale(1.4) !important;
   text-decoration: none !important;
 }
-.footer-container .col .social-menu ul a li#social-twitter:hover{
-  color: 	#1DA1F2;
+
+.footer-container .col .social-menu ul a li#social-twitter:hover {
+  color: #1DA1F2;
 }
-.footer-container .col .social-menu ul a li#social-github:hover{
-  color:#333;
+
+.footer-container .col .social-menu ul a li#social-github:hover {
+  color: #333;
 }
-.footer-container .col .social-menu ul a li#social-linkedin:hover{
+
+.footer-container .col .social-menu ul a li#social-linkedin:hover {
   color: #0A66C2;
 }
 
@@ -649,13 +700,14 @@ footer a:focus {
   text-align: left;
   margin-top: 0.5rem;
 }
+
 .footer-container .col ul li a {
   text-decoration: none;
   color: white;
 }
 
 @media screen and (max-width: 600px) {
-  
+
   .footer-container .col ul li {
     text-align: center;
   }
@@ -669,9 +721,9 @@ footer a:focus {
   }
 }
 
-.footercontent{
+.footercontent {
   margin-right: auto;
   margin-left: auto;
   display: flex;
   flex-direction: column;
-}
+}
\ No newline at end of file
diff --git a/html/laughTherapy.html b/html/laughTherapy.html
index 3d3ef17..7c6ef7a 100644
--- a/html/laughTherapy.html
+++ b/html/laughTherapy.html
@@ -1,399 +1,345 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="icon" href="/images/favicon-enhanced.png" />
-    <title>Sukoon - Laughing Therapy</title>
-    <link rel="stylesheet" href="css/laugh.css" />
-    <link
-      rel="stylesheet"
-      text="text/CSS"
-      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
-    />
-    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
-  </head>
-  <body onload="myfunction()" id="main">
-    <div id="load">
-      <div style="background-color: white; height: 25vh; width: 100%; position: relative; top: -70px;"></div>
+
+<head>
+
+  <meta charset="UTF-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="icon" href="/images/favicon-enhanced.png" />
+  <title>Sukoon - Laughing Therapy</title>
+  <link rel="stylesheet" href="css/laugh.css" />
+  <link rel="stylesheet" text="text/CSS"
+    href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />
+  <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
+</head>
+
+<body onload="myfunction()" id="main">
+  <div id="load">
+    <div style="background-color: white; height: 25vh; width: 100%; position: relative; top: -70px;"></div>
+  </div>
+  <div id="back-top-div" class="back-top-wrap">
+    <i class="fas fa-arrow-up"></i>
+  </div>
+
+
+  <nav>
+    <a href="../index.html"><img class="audio-logo" src="../logo.png" alt="Logo" /></a>
+
+    <div class="nav-links" id="navLinks">
+      <ul>
+        <li><a href="../index.html">HOME</a></li>
+        <li><a href="#about">ABOUT</a></li>
+        <li><a href="#memes">MEMES </a></li>
+        <li><a href="#standups">STANDUPS </a></li>
+      </ul>
     </div>
-    <div id="back-top-div" class="back-top-wrap">
-      <i class="fas fa-arrow-up"></i>
+
+    <div class="hamburger" id="ham">
+      <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" height="1em" width="1em"
+        xmlns="http://www.w3.org/2000/svg">
+        <path
+          d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z">
+        </path>
+      </svg>
     </div>
-    
-  
-    <nav>
-      <a href="../index.html"><img class="audio-logo" src="../logo.png" alt="Logo"/></a>
-
-      <div class="nav-links" id="navLinks">
-        <ul>
-          <li><a href="../index.html">HOME</a></li>
-          <li><a href="#about">ABOUT</a></li>
-          <li><a href="#memes">MEMES </a></li>
-          <li><a href="#standups">STANDUPS </a></li>
-        </ul>
-      </div>
+  </nav>
 
-      <div class="hamburger" id="ham">
-        <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z"></path></svg>
-      </div>
-    </nav>
-  
-    <div class="menu" id="menu">
-      <ul class="menu-link">
-        <li><a  href="../index.html">HOME</a></li>
-        <li><a onclick="closeMenu()" href="#about">ABOUT</a></li>
-        <li><a onclick="closeMenu()" href="#memes">MEMES </a></li>
-        <li><a  onclick="closeMenu()" href="#standups">STANDUPS </a></li>
-      </ul>
+  <div class="menu" id="menu">
+    <ul class="menu-link">
+      <li><a href="../index.html">HOME</a></li>
+      <li><a onclick="closeMenu()" href="#about">ABOUT</a></li>
+      <li><a onclick="closeMenu()" href="#memes">MEMES </a></li>
+      <li><a onclick="closeMenu()" href="#standups">STANDUPS </a></li>
+    </ul>
+  </div>
+
+  <header>
+    <div class="filter"></div>
+    <div class="center">
+      <h1 data-aos="fade-down" id="title">Welcome to Our <br><span class="heading-span">Laughing Therapy</span></h1>
+      <h3 data-aos="fade-up-right" data-aos-duration="1500" id="subtitle">Read some memes and <br>enjoy watching standup
+        to gain some happiness and relief <br> from your problems.</h3>
     </div>
-    
-    <header>
-      <div class="filter"></div>
-      <div class="center"> 
-        <h1  data-aos="fade-down"  id="title">Welcome to Our <br><span class="heading-span">Laughing Therapy</span></h1>
-        <h3 data-aos="fade-up-right" data-aos-duration="1500" id="subtitle">Read some memes and <br>enjoy watching standup to gain some happiness and relief <br> from your problems.</h3>
+  </header>
+
+
+  <section id="about">
+    <h1 data-aos="flip-right" class="section-headings">ABOUT</h1>
+    <div class="about-container">
+      <div data-aos="fade-up-right" data-aos-duration="5000" class="image">
+        <img src="../images/laugh.jpg" alt="">
       </div>
-    </header>
 
-    <section id="about">
-      <h1 data-aos="flip-right" class="section-headings">ABOUT</h1>
-      <div class="about-container">
-        <div data-aos="fade-up-right" data-aos-duration="5000" class="image">
-          <img src="../images/laugh.jpg" alt="">
-        </div>
-        <div class="about-content">
-          <h4 data-aos="fade-up-left" class="one"> Laughter Yoga includes four things:</h4>
-          <ol class="about-list">
-            <li data-aos="fade-left">Clapping in rhythm to ‘ho-ho-ha-ha-ha’.</li>
-            <li data-aos="fade-left">Breathing and stretching.</li>
-            <li data-aos="fade-left">Child-like play.</li>
-            <li data-aos="fade-left">Laughter exercises.</li>
-          </ol>
-          <a href="https://www.healthline.com/nutrition/laughing-yoga" target="_blank">Know More</a>
+      <body>
+
+        <div class="about-container">
+          <div class="about-content">
+            <h4 data-aos="fade-up-left" class="one">Laughter Yoga includes four things:</h4>
+            <ol class="about-list">
+              <li data-aos="fade-left">Clapping in rhythm to ‘ho-ho-ha-ha-ha’.</li>
+              <li data-aos="fade-left">Breathing and stretching.</li>
+              <li data-aos="fade-left">Child-like play.</li>
+              <li data-aos="fade-left">Laughter exercises.</li>
+            </ol>
+            <a href="https://www.healthline.com/nutrition/laughing-yoga" target="_blank">Know More</a>
+          </div>
         </div>
+      </body>
+    </div>
+  </section>
+  <hr />
+  <section id="memes">
+    <h1 data-aos="zoom-out" class="section-headings">MEMES</h1>
+    <div data-aos="flip-up" class="slideshow-container">
+      <div class="mySlides fade">
+        <img src="../images/meme1.jpg" style="width:50%; margin-left: 25%;">
       </div>
-    </section>
-    <hr/>
-    <section id="memes">
-      <h1  data-aos="zoom-out" class="section-headings">MEMES</h1>
-      <div data-aos="flip-up" class="slideshow-container">
-        <div class="mySlides fade">
-          <img src="../images/meme1.jpg" style="width:50%; margin-left: 25%;">
-        </div>
-      
-        <div data-aos="flip-up" class="mySlides fade">
-          <img src="../images/meme2.jpg" style="width:50%; margin-left: 25%;">
-        </div>
-      
-        <div data-aos="flip-up" class="mySlides fade">
-          <img src="../images/meme3.jpg" style="width:50%; margin-left: 25%;">
-        </div>
 
-        <div data-aos="flip-up" class="mySlides fade">
-          <img src="../images/meme4.jpg" style="width:50%; margin-left: 25%;">
-        </div>
+      <div data-aos="flip-up" class="mySlides fade">
+        <img src="../images/meme2.jpg" style="width:50%; margin-left: 25%;">
+      </div>
 
-        <div data-aos="flip-up" class="mySlides fade">
-          <img src="../images/meme5.jpg" style="width:50%; margin-left: 25%;">
-        </div>
+      <div data-aos="flip-up" class="mySlides fade">
+        <img src="../images/meme3.jpg" style="width:50%; margin-left: 25%;">
+      </div>
 
-        <div data-aos="flip-up" class="mySlides fade">
-          <img src="../images/meme6.jpg" style="width:50% ; margin-left: 25%;">
-        </div>
-    
-        <!-- Next and previous buttons -->
-        <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
-        <a class="next" onclick="plusSlides(1)">&#10095;</a>
+      <div data-aos="flip-up" class="mySlides fade">
+        <img src="../images/meme4.jpg" style="width:50%; margin-left: 25%;">
       </div>
-      <br>
-    </section>
-    <hr/>
-    <section id="standups">
-      <h1 data-aos="zoom-in-up" class="section-headings">STANDUPS</h1>
-        <div class="collection">
-          <div data-aos="flip-down" class="video">
-            <iframe
-              width="100%"
-              height="330"
-              src="https://www.youtube.com/embed/Tqsz6fjvhZM"
-              title="YouTube video player"
-              frameborder="0"
-              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-              allowfullscreen>
-            </iframe>
-          </div>
-          <div data-aos="flip-down" class="video">
-            <iframe
-              width="100%"
-              height="330"
-              src="https://www.youtube.com/embed/Y2Oj9gllHno?start=16"
-              title="YouTube video player"
-              frameborder="0"
-              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-              allowfullscreen>
-            </iframe>
-          </div>
-          <div data-aos="flip-down" class="video">
-            <iframe
-              width="100%"
-              height="330"
-              src="https://www.youtube.com/embed/XDlyS4N__3o?start=22"
-              title="YouTube video player"
-              frameborder="0"
-              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-              allowfullscreen>
-            </iframe>
-          </div>
-          <div data-aos="flip-down" class="video">
-            <iframe
-              width="100%"
-              height="330"
-              src="https://www.youtube.com/embed/z12bz7adLKI"
-              title="YouTube video player"
-              frameborder="0"
-              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-              allowfullscreen>
-            </iframe>
-          </div>
-          <div data-aos="flip-down" class="video">
-            <iframe
-              width="100%"
-              height="330"
-              src="https://www.youtube.com/embed/4H5dtevdkEY"
-              title="YouTube video player"
-              frameborder="0"
-              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-              allowfullscreen>
-            </iframe>
-          </div>
-          <div data-aos="flip-down" class="video">
-            <iframe
-              width="100%"
-              height="330"
-              src="https://www.youtube.com/embed/J38ZBIvLank"
-              title="YouTube video player"
-              frameborder="0"
-              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-              allowfullscreen>
-            </iframe>
-          </div>
-          <div data-aos="flip-down" class="video" >
-            <iframe
-              width="100%"
-              height="330"
-              src="https://www.youtube.com/embed/dtaJzUbQS7E"
-              title="YouTube video player"
-              frameborder="0"
-              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-              allowfullscreen>
-            </iframe>
-          </div>
-          <div data-aos="flip-down" class="video">
-            <iframe
-              width="100%"
-              height="330"
-              src="https://www.youtube.com/embed/8PtsKRBgLrA"
-              title="YouTube video player"
-              frameborder="0"
-              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-              allowfullscreen>
-            </iframe>
-          </div>
-          <div data-aos="flip-down" class="video">
-            <iframe
-              width="100%"
-              height="330"
-              src="https://www.youtube.com/embed/cHLM9L_5gj0"
-              title="YouTube video player"
-              frameborder="0"
-              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-              allowfullscreen>
-            </iframe>
-          </div>
-          <div data-aos="flip-down" class="video">
-            <iframe
-              width="100%"
-              height="330"
-              src="https://www.youtube.com/embed/injU8xUHoyU"
-              title="YouTube video player"
-              frameborder="0"
-              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-              allowfullscreen>
-            </iframe>
-          </div>
-          <div data-aos="flip-down" class="video">
-            <iframe 
-              width="100%"
-              height="330" 
-              src="https://www.youtube.com/embed/KKnhgkmV7k8" 
-              title="YouTube video player" 
-              frameborder="0" 
-              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
-              allowfullscreen>
-            </iframe>
-          </div>
-          <div data-aos="flip-down" class="video">
-            <iframe 
-              width="100%" 
-              height="330" 
-              src="https://www.youtube.com/embed/_9x9zagDbks" 
-              title="YouTube video player" 
-              frameborder="0" 
-              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
-              allowfullscreen>
-            </iframe>
-          </div>
-          <div data-aos="flip-down" class="video">
-            <iframe 
-              width="100%" 
-              height="330" 
-              src="https://www.youtube.com/embed/L9pA6sZZjeY"
-              title="YouTube video player"
-              frameborder="0" 
-              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
-              allowfullscreen>
-            </iframe>
-          </div>
-          <div data-aos="flip-down" class="video">
-            <iframe 
-              width="100%" 
-              height="330"
-              src="https://www.youtube.com/embed/MLOp3iQFlXY" 
-              title="YouTube video player" 
-              frameborder="0" 
-              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
-              allowfullscreen>
-            </iframe>
-          </div>
-          <div data-aos="flip-down" class="video">
-            <iframe 
-              width="100%"
-              height="330" 
-              src="https://www.youtube.com/embed/AhacYw9dkyE" 
-              title="YouTube video player" 
-              frameborder="0" 
-              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
-              allowfullscreen>
-            </iframe>
-          </div>
-          <div data-aos="flip-down" class="video">
-            <iframe 
-              width="100%"
-              height="330" 
-              src="https://www.youtube.com/embed/qkxuFKqJXWY" 
-              title="YouTube video player"
-              frameborder="0" 
-              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
-              allowfullscreen>
-            </iframe>
-          </div>
+
+      <div data-aos="flip-up" class="mySlides fade">
+        <img src="../images/meme5.jpg" style="width:50%; margin-left: 25%;">
+      </div>
+
+      <div data-aos="flip-up" class="mySlides fade">
+        <img src="../images/meme6.jpg" style="width:50% ; margin-left: 25%;">
+      </div>
+
+      <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
+      <a class="next" onclick="plusSlides(1)">&#10095;</a>
+    </div>
+    <br>
+  </section>
+  <hr />
+  <section id="standups">
+    <h1 data-aos="zoom-in-up" class="section-headings">STANDUPS</h1>
+    <div class="collection">
+      <div data-aos="flip-down" class="video">
+        <iframe width="100%" height="330" src="https://www.youtube.com/embed/Tqsz6fjvhZM" title="YouTube video player"
+          frameborder="0"
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowfullscreen>
+        </iframe>
+      </div>
+      <div data-aos="flip-down" class="video">
+        <iframe width="100%" height="330" src="https://www.youtube.com/embed/Y2Oj9gllHno?start=16"
+          title="YouTube video player" frameborder="0"
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowfullscreen>
+        </iframe>
+      </div>
+      <div data-aos="flip-down" class="video">
+        <iframe width="100%" height="330" src="https://www.youtube.com/embed/XDlyS4N__3o?start=22"
+          title="YouTube video player" frameborder="0"
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowfullscreen>
+        </iframe>
+      </div>
+      <div data-aos="flip-down" class="video">
+        <iframe width="100%" height="330" src="https://www.youtube.com/embed/z12bz7adLKI" title="YouTube video player"
+          frameborder="0"
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowfullscreen>
+        </iframe>
+      </div>
+      <div data-aos="flip-down" class="video">
+        <iframe width="100%" height="330" src="https://www.youtube.com/embed/1EpOFzNo0MY" title="YouTube video player"
+          frameborder="0"
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowfullscreen>
+        </iframe>
+      </div>
+      <div data-aos="flip-down" class="video">
+        <iframe width="100%" height="330" src="https://www.youtube.com/embed/J38ZBIvLank" title="YouTube video player"
+          frameborder="0"
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowfullscreen>
+        </iframe>
+      </div>
+      <div data-aos="flip-down" class="video">
+        <iframe width="100%" height="330" src="https://www.youtube.com/embed/dtaJzUbQS7E" title="YouTube video player"
+          frameborder="0"
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowfullscreen>
+        </iframe>
+      </div>
+      <div data-aos="flip-down" class="video">
+        <iframe width="100%" height="330" src="https://www.youtube.com/embed/8PtsKRBgLrA" title="YouTube video player"
+          frameborder="0"
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowfullscreen>
+        </iframe>
+      </div>
+      <div data-aos="flip-down" class="video">
+        <iframe width="100%" height="330" src="https://www.youtube.com/embed/cHLM9L_5gj0" title="YouTube video player"
+          frameborder="0"
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowfullscreen>
+        </iframe>
+      </div>
+      <div data-aos="flip-down" class="video">
+        <iframe width="100%" height="330" src="https://www.youtube.com/embed/injU8xUHoyU" title="YouTube video player"
+          frameborder="0"
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowfullscreen>
+        </iframe>
+      </div>
+      <div data-aos="flip-down" class="video">
+        <iframe width="100%" height="330" src="https://www.youtube.com/embed/KKnhgkmV7k8" title="YouTube video player"
+          frameborder="0"
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowfullscreen>
+        </iframe>
+      </div>
+      <div data-aos="flip-down" class="video">
+        <iframe width="100%" height="330" src="https://www.youtube.com/embed/_9x9zagDbks" title="YouTube video player"
+          frameborder="0"
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowfullscreen>
+        </iframe>
+      </div>
+      <div data-aos="flip-down" class="video">
+        <iframe width="100%" height="330" src="https://www.youtube.com/embed/L9pA6sZZjeY" title="YouTube video player"
+          frameborder="0"
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowfullscreen>
+        </iframe>
+      </div>
+      <div data-aos="flip-down" class="video">
+        <iframe width="100%" height="330" src="https://www.youtube.com/embed/MLOp3iQFlXY" title="YouTube video player"
+          frameborder="0"
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowfullscreen>
+        </iframe>
+      </div>
+      <div data-aos="flip-down" class="video">
+        <iframe width="100%" height="330" src="https://www.youtube.com/embed/AhacYw9dkyE" title="YouTube video player"
+          frameborder="0"
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowfullscreen>
+        </iframe>
+      </div>
+      <div data-aos="flip-down" class="video">
+        <iframe width="100%" height="330" src="https://www.youtube.com/embed/qkxuFKqJXWY" title="YouTube video player"
+          frameborder="0"
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          allowfullscreen>
+        </iframe>
+      </div>
+    </div>
+  </section>
+
+  <!-- footer start -->
+  <footer>
+    <div class="footer-container">
+      <!--logo and info column-->
+      <div class="col">
+        <!--logo insert-->
+        <img src="../logo.png" alt="logo" class="footlogo" />
+        <div class="footercontent">
+          <h2 class="footerheading">Sukoon</h2>
+          <p class="footerpara">go stressfree</p>
         </div>
-    </section>
+      </div>
+
+      <!--ADDRESS COLUMN-->
 
-    <!-- footer start -->
-    <footer>
-      <div class="footer-container">
-        <!--logo and info column-->
+      <div class="footer-side-col">
         <div class="col">
-          <!--logo insert-->
-          <img src="../logo.png" alt="logo" class="footlogo" />
-          <div class="footercontent">
-            <h2 class="footerheading">Sukoon</h2>
-            <p class="footerpara">go stressfree</p>
-          </div>
+          <h3>
+            ADDRESS
+            <div class="underline"><span></span></div>
+          </h3>
+          <p>West Bengal, India</p>
+          <p class="email-id">
+            <a href="mailto:sukoon665@gmail.com">sukoon665@gmail.com</a>
+          </p>
         </div>
 
-        <!--ADDRESS COLUMN-->
-
-        <div class="footer-side-col">
-          <div class="col">
-            <h3>
-              ADDRESS
-              <div class="underline"><span></span></div>
-            </h3>
-            <p>West Bengal, India</p>
-            <p class="email-id">
-              <a href="mailto:sukoon665@gmail.com">sukoon665@gmail.com</a>
-            </p>
-          </div>
+        <!--HOME COLUMN-->
 
-          <!--HOME COLUMN-->
+        <div class="col">
+          <h3>HOME</h3>
+          <ul>
+            <li><a href="#about">About Us</a></li>
+            <li><a href="https://github.com/Susmita-Dey/Sukoon/blob/main/CODE_OF_CONDUCT.md">Code Of Conduct</a></li>
+            <li><a href="https://github.com/Susmita-Dey/Sukoon">Contribute</a></li>
+            <li><a href="https://www.buymeacoffee.com/susmitadey">Donate</a></li>
+          </ul>
+        </div>
 
-          <div class="col">
-            <h3>HOME</h3>
-            <ul>
-              <li><a href="#about">About Us</a></li>
-              <li><a href="https://github.com/Susmita-Dey/Sukoon/blob/main/CODE_OF_CONDUCT.md">Code Of Conduct</a></li>
-              <li><a href="https://github.com/Susmita-Dey/Sukoon">Contribute</a></li>
-              <li><a href="https://www.buymeacoffee.com/susmitadey">Donate</a></li>
-            </ul>
-          </div>
+        <!--OUR SERVICES COLUMN-->
+
+        <div class="col">
+          <h3>SERVICES<div class="underline"><span></span></div>
+          </h3>
+          <ul>
+            <li>
+              <a href="https://sukoon-stress-free.netlify.app/html/audiotherapy">Audio Therapy</a>
+            </li>
+            <li>
+              <a href="https://sukoon-stress-free.netlify.app/html/yogatherapy.html">Yoga Therapy</a>
+            </li>
+            <li>
+              <a href="https://sukoon-stress-free.netlify.app/html/readingtherapy">Reading Therapy</a>
+            </li>
+            <li>
+              <a href="https://sukoon-stress-free.netlify.app/html/talkingtherapy">Talking Therapy</a>
+            </li>
+            <li>
+              <a href="https://www.practo.com/counselling-psychology">Consult a Doctor</a>
+            </li>
+            <li>
+              <a href="https://sukoon-stress-free.netlify.app/html/childTherapy">Child Therapy</a>
+            </li>
+            <li>
+              <a href="https://sukoon-stress-free.netlify.app/html/spiritualTherapy">Spiritual Therapy</a>
+            </li>
+          </ul>
+        </div>
 
-          <!--OUR SERVICES COLUMN-->
+        <!--CONTACTS COLUMN-->
 
-          <div class="col">
-            <h3>SERVICES<div class="underline"><span></span></div></h3>
+        <div class="col">
+          <h3>CONTACTS<div class="underline"><span></span></div>
+          </h3>
+          <div class="social-menu">
             <ul>
-              <li>
-                <a href="https://sukoon-stress-free.netlify.app/html/audiotherapy">Audio Therapy</a>
-              </li>
-              <li>
-                <a href="https://sukoon-stress-free.netlify.app/html/yogatherapy.html">Yoga Therapy</a>
-              </li>
-              <li>
-                <a href="https://sukoon-stress-free.netlify.app/html/readingtherapy">Reading Therapy</a>
-              </li>
-              <li>
-                <a href="https://sukoon-stress-free.netlify.app/html/talkingtherapy">Talking Therapy</a>
-              </li>
-              <li>
-                <a href="https://www.practo.com/counselling-psychology">Consult a Doctor</a>
-              </li>
-              <li>
-                <a href="https://sukoon-stress-free.netlify.app/html/childTherapy"
-                  >Child Therapy</a
-                >
-              </li>
-              <li>
-                <a href="https://sukoon-stress-free.netlify.app/html/spiritualTherapy"
-                  >Spiritual Therapy</a
-                >
-              </li>
+              <a href="https://twitter.com/sukoon665" target="_blank">
+                <li id="social-twitter"><i class="fab fa-2x fa-twitter"></i></li>
+              </a>
+              <a href="https://github.com/Susmita-Dey/Sukoon" target="_blank">
+                <li id="social-github"><i class="fab fa-2x fa-github"></i></li>
+              </a>
+              <a href="https://www.linkedin.com/in/sukoon-web-820705238" target="_blank">
+                <li id="social-linkedin"><i class="fab fa-2x fa-linkedin-in"></i></li>
+              </a>
             </ul>
           </div>
-
-          <!--CONTACTS COLUMN-->
-
-          <div class="col">
-            <h3>CONTACTS<div class="underline"><span></span></div></h3>
-            <div class="social-menu">
-              <ul>
-                <a href="https://twitter.com/sukoon665" target="_blank">
-                  <li id="social-twitter"><i class="fab fa-2x fa-twitter"></i></li>
-                </a>
-                <a href="https://github.com/Susmita-Dey/Sukoon" target="_blank">
-                  <li id="social-github"><i class="fab fa-2x fa-github"></i></li>
-                </a>
-                <a href="https://www.linkedin.com/in/sukoon-web-820705238" target="_blank">
-                  <li id="social-linkedin"><i class="fab fa-2x fa-linkedin-in"></i></li>
-                </a>
-              </ul>
-            </div>
-          </div>
         </div>
       </div>
-    </footer>
+    </div>
+  </footer>
 
-    <script>
+  <script>
     const ham = document.getElementById("ham");
     const menu = document.getElementById("menu");
     const close = document.querySelectorAll('.close');
     const closeMenu = () => {
       if (menu.classList.contains("open")) {
         menu.classList.remove("open");
-        
+
         console.log("open");
       }
       ham.innerHTML = '<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z"></path></svg>'
@@ -429,46 +375,47 @@ <h3>CONTACTS<div class="underline"><span></span></div></h3>
       let i;
       let slides = document.getElementsByClassName("mySlides");
       let dots = document.getElementsByClassName("dot");
-      if (n > slides.length) {slideIndex = 1}
-      if (n < 1) {slideIndex = slides.length}
+      if (n > slides.length) { slideIndex = 1 }
+      if (n < 1) { slideIndex = slides.length }
       for (i = 0; i < slides.length; i++) {
         slides[i].style.display = "none";
       }
       for (i = 0; i < dots.length; i++) {
         dots[i].className = dots[i].className.replace(" active", "");
       }
-      slides[slideIndex-1].style.display = "block";
-      dots[slideIndex-1].className += " active";
+      slides[slideIndex - 1].style.display = "block";
+      dots[slideIndex - 1].className += " active";
+    }
+  </script>
+  <script>
+    var preloader = document.getElementById('load');
+    var scroll = document.getElementById('main');
+    function myfunction() {
+      preloader.style.display = 'none';
+      scroll.style.overflow = 'scroll';
     }
-    </script>
-    <script>
-      var preloader = document.getElementById('load');
-      var scroll = document.getElementById('main');
-      function myfunction(){
-          preloader.style.display='none';
-          scroll.style.overflow='scroll';
+    const backTopElement = document.getElementById("back-top-div");
+    const minScolledAmountToBackTop = 800;
+
+    window.addEventListener("scroll", () => {
+      if (window.scrollY < minScolledAmountToBackTop) {
+        backTopElement.classList.add("hidden");
+      } else {
+        backTopElement.classList.remove("hidden");
       }
-      const backTopElement = document.getElementById("back-top-div");
-      const minScolledAmountToBackTop = 800;
-
-      window.addEventListener("scroll", () => {
-        if (window.scrollY < minScolledAmountToBackTop) {
-          backTopElement.classList.add("hidden");
-        } else {
-          backTopElement.classList.remove("hidden");
-        }
-      });
-
-      const backTop = () => {
-        window.scrollTo(0, 0);
-      };
-
-      backTopElement.addEventListener("click", backTop);
-      ham.addEventListener("click", toggleMenu);
+    });
+
+    const backTop = () => {
+      window.scrollTo(0, 0);
+    };
+
+    backTopElement.addEventListener("click", backTop);
+    ham.addEventListener("click", toggleMenu);
   </script>
-   <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
-   <script>
-     AOS.init();
-   </script>    
-  </body>
-</html>
+  <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
+  <script>
+    AOS.init();
+  </script>
+</body>
+
+</html>
\ No newline at end of file