Page 303 - Web Applications (803) Class 12
P. 303

<p>India is the world’s second-largest producer of tea, producing
                                     1,208,780 million tonnes per year. The northern part of India is
                                     the largest producer, accounting for 83% of the country’s yearly
                                     tea production.
                     The British brought tea to India in the nineteenth century. </p>

                     <img src=”Image1.jpg” height=25% width=25% align=middle border=2>
                      <p>In  the  1850s,  the  first  location  to  be  planted  was  the  alpine  region
                      surrounding  Darjeeling.  In  1837,  the  first  English  tea  garden  was  created
                      at Chabua in Upper Assam. In 1840, the Assam Tea Company began commercial
                      production of tea in the region. </p>
                             <a href=”#” class=”read-more”>Read More</a>
                             </article>

                             <!-- Add more blog posts here -->
                         </main>
                     </body>
                     </html>
                 File2: styles.css

                      body {
                         font-family: sans-serif,Times New Roman;

                         margin: 0;
                         padding: 0;
                         background-color: #f2f2f2;
                     }

                     header {
                         background-color: #333;
                         color: #fff;

                         text-align: center;
                         padding: 1rem;
                     }

                     main {
                         max-width: 800px;
                         margin: 0 auto;

                         padding: 2rem;
                     }
                     .blog-post {
                         background-color: #fff;

                         border-radius: 10px;
                         padding: 1rem;
                         margin-bottom: 2rem;


                                                                                                          Projects   301
   298   299   300   301   302   303   304   305   306   307   308