web-development-session-content · DevWebAbhi · Jul 1, 2023 · Jul 2, 2023 · Jul 2, 2023
diff --git a/README.md b/README.md
@@ -1,3 +1,5 @@
+Link:https://64a1b978afc4987a24351d0e--zingy-hummingbird-264f2a.netlify.app/
+
 # plyo
 # **Project Playo.co**
 

diff --git a/activities.html b/activities.html
diff --git a/blog.html b/blog.html
@@ -65,10 +65,10 @@
 
                 <div id="sports-news">SPORTS</div>
                 <div id="health-news">HEALTH</div>
-                <div>CRICKET</div>
-                <div>FOOTBALL</div>
-                <div>TENNIS</div>
-                <div>QUIZ</div>
+                <div id="cricket-news">CRICKET</div>
+                <div id="football-news">FOOTBALL</div>
+                <div id="tennis-news">TENNIS</div>
+                <div id="quiz">QUIZ</div>
 
 
             </div>
@@ -84,7 +84,7 @@
                 <!-- Left box -->
                 <div class="left-box">
 
-                    <!-- Static News -->
+                    <!-- Static News 
 
                     <div class="static-news">
 
@@ -106,7 +106,7 @@
                             </div>
                             <div>COVID SAFETY GUIDELINES Playing during Omicron Scare?... </div>
                         </div>
-                    </div>
+                    </div>-->
 
                     <!-- Dynamic News -->
                     <div class="dynamic-news">
@@ -138,7 +138,7 @@
                     <!-- Head Box -->
                     <div class="head-box">
                         <div>RANDOM</div>
-                        <div>CATEGORIES</div>
+
                     </div>
 
                     <!-- Random Box -->
@@ -207,7 +207,7 @@
 
         <!-- Main Content Box End -->
 
-
+            <div id="paging" style="margin-left:20%;"></div>
         <!-- Footer start -->
             <div class="footer">
                 <div>

diff --git a/components/data.js b/components/data.js
diff --git a/components/footer.js b/components/footer.js
@@ -7,14 +7,14 @@ function footer()
     return `<div id="infooter">
     <div id="div1">
         <div id="weblogo">
-            <a href="index.html"><img src="https://playo-website.gumlet.net/logo/playo-logo-footer-website.png?auto=format,compress&h=100" alt="logo" width="100%" height="100%"></a>
+            <a href="index.html"><img src="https://playo-website.gumlet.io/playo-website-v2/Logo+with+Trademark_Filled.png" alt="logo" width="80%" height="80%"></a>
         </div>
         <div id="playstore">
             <a href="https://play.google.com/store/apps/details?id=com.techmash.playo">
-                <img src="https://playo-website.gumlet.net/icons/download-android.png?auto=format,compress " >
+                <img style="max-width:100px; height:50px" src="https://playo.co/_next/image?url=https%3A%2F%2Fplayo-website.gumlet.io%2Fplayo-website-v2%2Fstatic_pages%2FPlay%2Bstore.png&w=1920&q=75 " >
             </a>
             <a href="https://apps.apple.com/us/app/playo-local-sports-community/id1018786950?ls=1">
-                <img src="https://playo-website.gumlet.net/icons/download-ios.png?auto=format,compress" >
+                <img style="max-width:100px; height:50px" src="https://playo.co/_next/image?url=https%3A%2F%2Fplayo-website.gumlet.io%2Fplayo-website-v2%2Fstatic_pages%2Fapple-padding-2x.png&w=1920&q=75" >
             </a>
         </div>
         <div id="copyright">
@@ -29,6 +29,7 @@ function footer()
             <a href=""><p id="hiring">We're Hiring!</p></a>
         </div>
     </div>
+
     <div id="div2">
         <a href="about.html"><p>About Us</p></a>
         <a href="partner.html"><p>Partner With Us</p></a>

diff --git a/components/navbar.js b/components/navbar.js
@@ -4,10 +4,10 @@ function navbar(){
                     <img id="logo" src="https://playo-website.gumlet.net/logo/playo-logo-header-website.png?auto=compress,format&amp;q=90" alt="">
                 </a>
 
-                <ul id="nav_options">
-                    <li><a href="venues.html"><span class="link-btn">Book Venues</span></a></li>
-                    <li><a href="activities.html"><span class="link-btn">Activites</span></a></li>
-                    <li><a href="blog.html"><span class="link-btn">Blog</span></a></li>
+                <ul id="nav_options" style="font-weight:550; background-color=red display:flex; justify-content: end; width=30%">
+                    <li><a href="venues.html"><span class="link-btn">PLAY</span></a></li>
+                    <li><a href="activities.html"><span class="link-btn">BOOK</span></a></li>
+                    <li><a href="blog.html"><span class="link-btn">LEARN</span></a></li>
                 </ul>
             </div>`;
 }

diff --git a/database/bookvenue.json b/database/bookvenue.json
@@ -1,3 +1,5 @@
+
+
 [
     {
       "name": "147 One Four Seven Snooker, Billiards and Pool Sports Academy",

diff --git a/detail.html b/detail.html
@@ -29,7 +29,7 @@
 
 
     <!-- container -->
-    <div id="container">
+    <div id="container" style="margin-right: 35px;">
       <!-- <div id="left">
         <img src="./images/DanielsCricketAcademyIMG0 (1).jpg" alt="" id="leftimage" >
         <div>
@@ -82,7 +82,7 @@
         <div id="call"><p>CALL</p></div>
       </div> -->
 
-      <div id="modal_container" ></div>
+      <div id="modal_container" style="margin-right: 35px;"></div>
 
 
 
@@ -91,7 +91,8 @@
 
 
     </div> 
-    <!-- footer -->
+    <div id="ffooter"></div>
+    <!-- footer 
     <div id="infooter">
       <div id="div1">
           <div id="weblogo">
@@ -135,7 +136,7 @@
           <a href="https://twitter.com/playoApp"><p>Twitter</p></a>
           <a href="https://www.instagram.com/playoapp/"><p>Instagram</p></a>
           <a href="https://www.linkedin.com/company/playo"><p>LinkdIn</p></a>
-      </div>
+      </div>-->
 
 </body>
 </html>
@@ -434,4 +435,14 @@
 
 
 
-</script>
+</script>
+<script type="module">
+	import getpopup from "./components/popup.js"
+	import footer from "./components/footer.js"
+
+	//document.getElementById("show").innerHTML=getpopup();
+
+
+ document.querySelector("#ffooter").innerHTML=footer();
+
+  </script>
-Original file line number
+Diff line change
@@ -1,3 +1,5 @@
     [
         {
           "name": "147 One Four Seven Snooker, Billiards and Pool Sports Academy",
@@ Expand Down @@