Hot Posts

News website fully responsive using html css with source code

 


<!DOCTYPE html>

 <html lang="en">

    <head>

        <meta charset="utf-8">

        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <title>FBC News-latest news</title>

        <meta name="description" content="">

        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="stylesheet" href="main.css">

        <!-- google fonts -->

        <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Raleway:wght@300;400;500;700;900&display=swap" rel="stylesheet">

        <!-- fontawesome -->

        <script src="https://kit.fontawesome.com/dbed6b6114.js" crossorigin="anonymous"></script>

    </head>

    <body>


        <!-- header -->

        <header>

            <div class = "navigation-container">

                <div class = "top-head">

                    <div class = "web-name">

                        <h1>FBC NEWS</h1>

                    </div>


                    <div class = "ham-btn">

                        <span>

                            <i class = "fas fa-bars"></i>

                        </span>

                    </div>


                    <div class = "times-btn">

                        <span>

                            <i class = "fas fa-times"></i>

                        </span>

                    </div>

                </div>


                <!-- nav bar -->


                <div class = "nav-bar" id = "nav-bar">

                    <nav>

                        <ul>

                            <li><a href = "#">Home</a></li>

                            <li><a href = "Dailynews.html">Daily News</a></li>

                            <li><a href = "sports.html">Sport News</a></li>

                            <li><a href = "business.html">Business News</a></li>

                            

                        </ul>

                    </nav>

                </div>


                

            </div>

        </header>

        <MARQUEE><b><u><h1>Breaking News</h1></u></b></MARQUEE>

        <section class = "banner">

            <div class = "banner-main-content">

                <h2>GET THE WORLD'S LATEST  NEWS</h2>

                <h3>World's Leading News Portal</h3>


                <div class = "current-news-head">

                    <h3>Fiji has recorded 215 new cases of COVID-19 infections in the 24-hour period ending 8am today. <span>by sKoroi Tadulala</span></h3>


                   

                </div>

            </div>

            <div class = "banner-sub-content">

                <div class = "hot-topic">

                    <img src = "images/img1.jpg" alt = "">


                    <div class = "hot-topic-content">

                        <h2>Government outsources food ration delivery</h2>


                        <h3>New Topic 1</h3>

                        <p>NewWorld and Shop N Save Supermarket will be delivering household packs to those in targeted lockdown areas and home isolation.</p>

                        

                    </div>

                </div>


                <div class = "hot-topic">

                    <img src = "images/covid.jpg" alt = "">


                    <div class = "hot-topic-content">

                        <h2>Virus can impact anyone of any age</h2>


                        <h3>New Topic 2</h3>

                        <p>A 30-year-old woman infected with COVID-19 currently admitted at the Colonial War Memorial Hospital in Suva is in a severe state.</p>

                        

                    </div>

                </div>


                <div class = "hot-topic">

                    <img src = "images/img3.jpg" alt = "">


                    <div class = "hot-topic-content">

                        <h2>President sounds alarm over non-compliance</h2>


                        <h3>New Topic 3</h3>

                        <p>The impact of the COVID-19 pandemic has caused more economic damage than any cyclone we’ve ever experienced.This was the sentiment shared by President, Major General Retired Jioji Konrote in his address.</p>

                        

                    </div>

                </div>


                <div class = "hot-topic">

                    <img src = "images/vaccine.jpg" alt = "">


                    <div class = "hot-topic-content">

                        <h2>Vaccination could pave way for recovery: RBF</h2>


                        <h3>New Topic 4</h3>

                        <p>The recent spike in infections due to the second wave of COVID-19 impedes confidence and poses significant downside risks to economic activity says the Reserve Bank of Fiji.</p>

                        

                    </div>

                </div>

            </div>

        </section>

        

        <hr>


        <main>

            <section class = "main-container-left">

                <h2>Top Stories</h2>

                <div class = "container-top-left">

                    <article>

                        <img src = "images/rigth1.jpg">


                        <div>

                            <h3>Prime Minister urges Fijians to get vaccinated</h3>


                            <p>Prime Minister Voreqe Bainimarama has stressed that the COVID-19 vaccine is the key that will open the gates to normal life in Fiji.<br>After receiving his second jab of the AstraZeneca vaccine, Bainimarama is urging Fijians to get vaccinated for themselves and their families.In a post on his official Facebook account, Bainimarama says people should also get vaccinated for their fellow Fijians and their country.</p>


                            

                        </div>

                    </article>

                </div>


                <div class = "container-bottom-left">

                    <article>

                        <img src = "images/rightbottom.jpg">

                        <div>

                            <h3>No MoH recommendation for extended lockdown</h3>

                            <p>A lack of public compliance is the main reason that a 24-hour lockdown over a 28-day period would not work for Fiji.<br>Permanent Secretary for Health, Doctor James Fong, says the only reason that similar lockdowns in other parts of the world have been successful in curbing infections is because people have complied with government directives.</p>

                        </div>

                    </article>


                    <article>

                        <img src = "images/rightbottom2.jpg">

                        <div>

                            <h3>Human Rights body probes sexual harassment allegation against senior executive</h3>

                            <p>The Fiji Human Rights and Anti-Discrimination Commission has received a sexual harassment complaint against a senior executive in the financial sector.<br>FBC News understands the accused is also an executive of a medical institution in Fiji.<br>Director Human Rights, Ashwin Raj says they have interviewed the complainant and raised the allegations with the accused.</p>

                        </div>

                    </article>

                    

                </div>

            </section>


            <section class = "main-container-right">

                <h2>Latest Stories</h2>

            


                <article>

                    <h4>just in </h4>

                    <div>

                        <h2>Brawl in Jittu Estate concerning</h2>


                        <p>A video of a group of men involved in a brawl at Jittu Estate in Samabula yesterday morning is circulating on social media.<br>The video shows men and youth involved in a punch up and being cheered on at times, with most people involving the culprits breaking all health measures in place.<br>Police has told FBC News that its officers are still at the site as information is still sketchy at this point.</p>

                    </div>

                    <img src = "images/left1.jpg">

                </article>


               


            

            </section>

        </main>


           


       <footer>

           <div class="center">

                Copyright &copy; www.FBCNEWS.com. All rights reserved!

           </div>

       </footer>


    </body>

</html> 

Here the link to download source code

Source code


Post a Comment

0 Comments