passion.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ECO FIELDS ORGANICS LTD</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
    <link rel="stylesheet" href="css/style.css"/>
    <link  rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.css'/>
</head>
<body>
    <header>   
        <div class="navbar navbar-expand-sm navbar-light bg-light">
            <a href="#" class="navbar-brand">ECO FIELDS ORGANICS LTD</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse">
                <span class='navbar-toggler-icon'></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarCollapse">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item">
                        <a href="index.html" class="nav-link">Home</a>
                    </li>
                    <li class="nav-item">
                        <a href="about.html" class="nav-link">About Us</a>
                    </li>
                    <li class="nav-item">
                        <a href="products.html" class="nav-link active">Products</a>
                    </li>
                    <li class="nav-item">
                        <a href="gallery.html" class="nav-link">Gallery</a>
                    </li>
                    <li class="nav-item">
                        <a href="contact.html" class="nav-link ">Contact Us</a>
                    </li>
                </ul>
            </div>
        </div>

<!---Product Details-->
<div class="specific-product">

    <div class="container">
        <div class="row">
            <div class="col-md-5 mt-2">
                <img src="img/PProduct.png">

            </div>
            <div class="col-md-7"> 
              <h2 class="mt-3 text-centre"> Purple Passion Fruit</h2>
                <h4 class="mt-5"> Description.</h4>
        <p>
            Passion fruit is a native of southern Brazil where it grows on the edges of rain forests. There are two distinct forms: forma edulis, the purple passion fruit, occurs in cool environments at higher altitudes, and forma flavicarpa, the yellow passion fruit, which is at home in the tropical lowlands. The two types were distributed throughout the tropics and subtropics via Europe and Australia during the 19th century.
            The passion is a perennial climbing plant, which was introduced into Kenya in the 1920's.</p><p> It is now a popular fruit for both domestic and export markets. From 2001 to 2005 export from Kenya of passion fruit was around 1,000 tons per year, against a total production of around 30,000 tons yearly. 
            The fruit may be eaten fresh, but mostly the pulp is extracted and preserved by heating or cooling. The juice has a unique and intense flavour and high acidity, which makes it a natural concentrate. When sweetened and diluted it is very palatable and blends well with other fruit juices. Typical processed products are ice cream, sherbet, nectar, juices, concentrate, squash, jams and jellies. Passiflora plants are often cultivated as ornamentals for their showy flowers. 
            </p>
            <p>Passion flowers are widely employed by herbalists and natural health practitioners around the world today. They are mostly employed as a sedative, hypnotic (inducing sleep), nervine, anti-spasmodic and pain reliever. </p>
              </div>
        </div>
    </div>
    
</div>

</div>
</body>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>  
</body>
</html>