Resolved Carousel Buttons issue

AmulyaJain2004 · Oct 5, 2024 · de869d0 · de869d0
1 parent 2933307
commit de869d0
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 4 deletions.
diff --git a/CSS/contact.css b/CSS/contact.css
@@ -1,5 +1,9 @@
+body {
+    background-color: rgb(111, 111, 111);
+}
+
 #contact {
-    background-color: #f8f9fa;
+    background-color: #cccccc;
     padding: 40px;
     border-radius: 10px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

diff --git a/assets/UPES_Website_Short.mp4 b/assets/UPES_Website_Short.mp4
diff --git a/logo_reveal.mp4 → assets/logo_reveal.mp4 b/logo_reveal.mp4 → assets/logo_reveal.mp4
diff --git a/index.html b/index.html
@@ -12,7 +12,7 @@
 <body>
     <div id="splash-screen">
         <video id="logo-video" autoplay muted>
-            <source src="logo_reveal.mp4" type="video/mp4">
+            <source src="assets/logo_reveal.mp4" type="video/mp4">
             Your browser does not support the video tag.
         </video>
     </div>
@@ -68,6 +68,11 @@
             <section class="carousel">
                 <div id="carouselAutoplay" class="carousel slide" data-bs-ride="carousel">
                     <div class="carousel-inner">
+                        <div class="carousel-item">
+                            <video id="homevideo" muted autoplay playsinline loop style="height: 45vh; width:100% ">
+                                <source src="assets/UPES_Website_Short.mp4" type="video/mp4">
+                            </video>
+                        </div>
                         <div class="carousel-item active">
                             <img src="assets/upesRank.jpg" class="d-block w-100" alt="...">
                         </div>
@@ -81,11 +86,11 @@
                             <img src="assets/upescrpackage.jpg" class="d-block w-100" alt="...">
                         </div>
                     </div>
-                    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="prev">
+                    <button class="carousel-control-prev" type="button" data-bs-target="#carouselAutoplay" data-bs-slide="prev">
                         <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                         <span class="visually-hidden">Previous</span>
                     </button>
-                    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="next">
+                    <button class="carousel-control-next" type="button" data-bs-target="#carouselAutoplay" data-bs-slide="next">
                         <span class="carousel-control-next-icon" aria-hidden="true"></span>
                         <span class="visually-hidden">Next</span>
                     </button>