blog.html

<!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">
    <title>Playo:Blog Section</title>
    <link rel="stylesheet" href="./styles/blog.css">

    <!-- Google font for open sans -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">

    <!-- Roboto -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">

    <!-- Font Aswam -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">


</head>
<body>


    <!-- Main Container -->
    <div id="main">

        <!-- topbar start -->
        <div class="topbar">

            <div>
                <div>TRENDING</div>
                <div id="quote">It is a happy talent to know how to play.</div>
            </div>

            <div>
                <input type="text" name="" id="search" placeholder="Search...">
                <i class="fa fa-search" aria-hidden="true"></i>
            </div>

        </div>
        <!-- topbar start -->

        <!-- Banner Start -->
        <div class="banner">

            <a href="index.html">
                <img src="./playo_logo.png" alt="">
            </a>
            <a href="blog.html">
                <img src="./plyo_banner.png" alt="" >
            </a>


        </div>
        <!-- Banner End -->

        <!-- Navbar start -->
        <div class="navbar">
            <div>

                <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>
        </div>
        <!-- Navbar End -->


        <!-- Main Content Box start -->
        <div id="Container">

            <div class="main-blog-container">

                <!-- Left box -->
                <div class="left-box">

                    <!-- Static News -->

                    <div class="static-news">

                        <div id="first-blog">
                            <img src="https://blog.playo.co/wp-content/uploads/2021/10/playo-wants-you-351x185.jpg" alt="">
                            <div>
                                <div>NOVEMBER 16,2021</div>
                                <div>#HumansOfPlayo | We eant to listen to your stories, rooted from being a PLAYOHOLIC!</div>
                            </div>
                            <div>Playo is reaching out to all you playoholic out there to share your unique PLAYO stories</div>
                        </div>


                        <div id="sec-blog">
                            <img src="https://blog.playo.co/wp-content/uploads/2020/05/PlaySafeGuidelines-351x185.png" alt="">
                            <div>
                                <div>MAY 18, 2020</div>
                                <div>Covid Guidelines to #PlaySafe in these times</div>
                            </div>
                            <div>COVID SAFETY GUIDELINES Playing during Omicron Scare?... </div>
                        </div>
                    </div>

                    <!-- 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>


                <!-- Right box -->
                <div class="right-box">

                    <!-- Head Box -->
                    <div class="head-box">
                        <div>RANDOM</div>
                        <div>CATEGORIES</div>
                    </div>

                    <!-- Random Box -->
                    <div class="random-blog">

                        <div>

                            <img src="https://blog.playo.co/wp-content/uploads/2019/09/Will-Djokovic-be-crown-as-Winner-in-the-next-US-Open-343x215.png" alt="">
                            <div>SEPTEMBER 4, 2019</div>
                            <div>Will Djokovic Be Crown As Winner In The Next US Open</div>

                        </div>

                        <div>
                            <img src="https://blog.playo.co/wp-content/uploads/2017/08/cricket-football-343x215.jpg" alt="">
                            <div>August 23, 2017</div>
                            <div>Football Vs Cricket: Which 11 A-Side Game Is More Interesting?</div>
                        </div>


                        <div>
                            <img src="https://blog.playo.co/wp-content/uploads/2017/05/li-ning-rackets-HD-343x215.jpg" alt="">
                            <div>December 15, 2017</div>
                            <div>Have You Heard About “Sports Resolutions”. Are You Doing It?</div>
                        </div>


                        <div>
                            <img src="https://blog.playo.co/wp-content/uploads/2018/10/badminton-how-to-play-coverimage-343x215.jpg" alt="">
                            <div>October 15, 2018</div>
                            <div>Everything You Need To Know About Badminton Doubles And How To Play</div>
                        </div>


                        <div>
                            <img src="https://blog.playo.co/wp-content/uploads/2018/06/Capture-1-343x215.png" alt="">
                            <div>June 4, 2018</div>
                            <div>A Must Read If You Are Confused About Which Shin Pad To Buy!</div>
                        </div>

                        <div>
                            <img src="https://blog.playo.co/wp-content/uploads/2017/12/football-shoes-amazon-343x215.jpg" alt="">
                            <div>April 15, 2021</div>
                            <div>Badminton Court Near Me | Bangalore Edition | Playo</div>
                        </div>

                        <div>
                            <img src="https://blog.playo.co/wp-content/uploads/2017/11/basic-football-shots-gareth-bale-343x215.jpg" alt="">
                            <div>November 25, 2017</div>
                            <div>Decoded: How To Pick The Right Football Boots For the Right Surface?</div>
                        </div>

                    </div>


                </div>

            </div>

        </div>

        <!-- Main Content Box End -->


        <!-- Footer start -->
            <div class="footer">
                <div>
                    © 2019 TechMash Solutions. All Rights Reserved.
                </div>
            </div>
        <!-- Footer End-->

    </div>


</body>
</html>
<script src="./scripts/blog.js" type="module"></script>