web-development-session-content · monurajputrko · Jun 28, 2023 · Jun 28, 2023 · Jun 28, 2023 · Jun 28, 2023
diff --git a/apple.png b/apple.png
diff --git a/blog.html b/blog.html
@@ -37,11 +37,14 @@
                 <div id="quote">It is a happy talent to know how to play.</div>
             </div>
 
-            <div>
-                <input type="text" name="" id="search" placeholder="Search...">
+            <!-- <div>
+                <input type="text" id="search" oninput="debouncedSearch(event)" />
                 <i class="fa fa-search" aria-hidden="true"></i>
+            </div> -->
+            <div id="serchdiv">
+                <input type="text" placeholder="Search" id="search">
+                <!-- <button>Search</button> -->
             </div>
-
         </div>
         <!-- topbar start -->
 
@@ -65,10 +68,9 @@
 
                 <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>
@@ -110,22 +112,12 @@
 
                     <!-- Dynamic News -->
                     <div class="dynamic-news">
-
-                        <!--                         
-
-                        <div>
-                            <div><img src="https://ichef.bbci.co.uk/news/1024/branded_news/3B01/production/_122750151_404745d1-0dcf-4af2-8b3d-c69a254883bf.jpg" alt=""></div>
-
-                            <div>THIS IS FOR DATE</div>
-                            <div>Virat Kohli | Captaincy lessons we learnt from the former </div>
-                            <div>Looking for a golf guide? Whether you are going to one of the four major golf</div>
-                        </div> -->
-
-
-
+
 
                     </div>
-
+                 <div id="pagination">
+                       <button id="pminus">-</button><span id="spage">1</span><button id="pplus">+</button>
+                 </div>
 
                 </div>
 
@@ -216,9 +208,9 @@
             </div>
         <!-- Footer End-->
 
-    </div>
+    </div> 
 
 
+    <script src="./scripts/blog.js" type="module"></script>
 </body>
-</html>
-<script src="./scripts/blog.js" type="module"></script>
+</html>
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="100%" height="100%"></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="width: 100%;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBrl8xCF4PzFLK1-f2_Ms2N0OZUJHoilJS-epF_IB9W7kvYo2PJfLbzCX3ORT3Qzl_D1Cc_jC9GxsjLY3lf9ccJ-VncGIcu3GDPaf1fBjafkkdklsKNdbdWJznOshIkxsFzSUHyfyEzpbNLbVP5jFj7-VgCLkD-3H4xHoNHwQvGTXirMXOOTuzn9NItpmp/s320/gplay.png" >
             </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="width: 100%; margin-left: 20px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgglbv7FVzcglgVSiYJFTzRPDl__fmMhVlNI5rBm9_tY7Cdd43qgyp97Pp2gXeXKRJARVmH_cTK8xqgJ701JJPoyKOJQcllN-uoyDQVvk9sumDiEFj3CBmSWq4GXws2wTYaXnMdy14fojSCz_3anK7U-mfITxePV9MWIWenYj4YW-1fzzkCi0Gw1ydpOv0r/s320/apple.png" >
             </a>
         </div>
         <div id="copyright">

diff --git a/components/nav.js b/components/nav.js
@@ -0,0 +1,71 @@
+
+
+// yo can find css for these footer file here="style/footer.css".
+// you have to simply link that stylesheet in your heading part
+// for these file make one footer with id="footer" and make innerHtml for imported function
+function nav()
+{
+    return `
+    <div id="explorenavbar">
+
+    <div id="logodiv" >
+        <img id="logo" src="https://playo-website.gumlet.io/playo-website-v2/Logo+with+Trademark_Filled.png" alt="playo logo">
+    </div>
+
+    <div id="nav2div"> 
+        <img id="pplogo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPrvTQk7ichN8Ohn0iWQSiXNnSXQucnepFipS6ZzJ1QF1hNM3i3JhU58z0gJhJMFIP9shnXHCpjPyb5pKAz66XPo9hzZy1ICt-ZAiiRLxCySsjcXtDmVM0uQ3ysM_f-oUmCM3zHiQUmLpve9H98hkSHERaKuyqUxqkE1PIO-MJ5zecRXkBtSSL3QKPZmTo/s1600/user.png" alt="">
+        <p id="myBtn" class="loginp">Login/Signup</p>
+        <img id="dropdownarrow" src="https://playo-website.gumlet.net/playo_functional/Icons/arrow_light.svg" alt="arrow">
+    </div>
+
+
+
+    <!--    popupwindow -->
+    <!-- Otp Pop UP -->
+
+    <div id="otpPopup" style="display: none;">OTP: <span id="otpValue"></span></div>
+
+    <div id="modal_container">
+
+        <div id="modal">
+            <img id="close" src="https://playo-website.gumlet.net/playo_functional/Icons/closeButton.svg" alt="">
+
+            <div id="login_left_div">
+                <img width="100%" src="https://playo-website.gumlet.net/icons/login-graphics.png?auto=compress,format" alt="">
+            </div>
+            <div id="login_right_div">
+                <p id="entermobile">Enter Your Mobile Number</p>
+
+                <div id="user_phone_div">
+                    <div>
+                        <div id="countrySpan">
+                            <span>
+                                <div id="selectCallingCode">
+                                    <span style="font-size: 14px; color: #424242;" id="rem1">IND</span>
+                                    <span style="font-size: 14px; color: #424242;" id="rem2">+91</span>
+                                    <img id="countryDrop" src="https://s3.ap-south-1.amazonaws.com/playo-website/booking/selectCountry.svg" alt="dropdown">
+                                </div>
+                            </span>
+                        </div>
+                    </div>
+                    <span>
+                        <input id="input" type="number" placeholder="Mobile Number *" value="">
+                        <hr style="margin-top: -1px; margin-left: -65%; width: 220%;">
+                    </span>
+
+                </div>
+
+                <button id="sendOTP" style="font-size: 1em;">SEND OTP</button>
+                <button id="giveOTP"  style="font-size: 1em;" >Enter OTP</button>
+                <button id="resendOTP"  style="font-size: 1em;" >Resend OTP</button>
+            </div>
+        </div>
+    </div>
+
+</div>
+    `
+}
+
+export default nav
+
+
diff --git a/components/tst.html b/components/tst.html
@@ -0,0 +1 @@
+<img style="margin-bottom:1%;" src="../playo_logo.png" alt="">
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<img style="margin-bottom:1%;" src="../playo_logo.png" alt="">