@page
@model GreenGardens2.Pages.PlantAModel
@{
    ViewData["Title"] = "PlantA";
}
    <environment include="Development">
        <link rel="stylesheet" href="~/css/GreenGardenTitle.css" />
        <link rel="stylesheet" href="~/css/Cards.css" />
        <link rel="stylesheet" href="~/css/CardsMain.css" />
    </environment>

<h1>PlantA</h1>

<div class="box" style="padding:20px" dir="rtl">
    <div class="my-2 mx-auto p-relative bg-white shadow-1 blue-hover" style="width: 360px; overflow: hidden; border-radius: 1px;" dir="rtl">
        <img src="~/Images/almond.jpg" alt="Man with backpack"
             class="d-block w-full">

        <div class="px-2 py-2" dir="rtl">
            <p class="mb-0 small font-weight-medium text-uppercase mb-1 text-muted lts-2px" dir="rtl">
                اللوزيات
            </p>

            <h1 class="ff-serif font-weight-normal text-black card-heading mt-0 mb-1" style="line-height: 1.25;" dir="rtl">
                نبتة اللوز
            </h1>

            <p class="mb-1" dir="rtl">
                يعد هذا النبات
            </p>

        </div>
    </div>



    <div class="my-2 mx-auto p-relative bg-white shadow-1 blue-hover" style="width: 360px; overflow: hidden; border-radius: 1px;" dir="rtl">
        <img src="~/Images/almond.jpg" alt="Man with backpack"
             class="d-block w-full">

        <div class="px-2 py-2" dir="rtl">
            <p class="mb-0 small font-weight-medium text-uppercase mb-1 text-muted lts-2px" dir="rtl">
                اللوزيات
            </p>

            <h1 class="ff-serif font-weight-normal text-black card-heading mt-0 mb-1" style="line-height: 1.25;" dir="rtl">
                نبتة اللوز
            </h1>

            <p class="mb-1" dir="rtl">
                يعد هذا النبات
            </p>

        </div>
    </div>

    <div class="my-2 mx-auto p-relative bg-white shadow-1 blue-hover" style="width: 360px; overflow: hidden; border-radius: 1px;" dir="rtl">
        <img src="~/Images/almond.jpg" alt="Man with backpack"
             class="d-block w-full">

        <div class="px-2 py-2" dir="rtl">
            <p class="mb-0 small font-weight-medium text-uppercase mb-1 text-muted lts-2px" dir="rtl">
                اللوزيات
            </p>

            <h1 class="ff-serif font-weight-normal text-black card-heading mt-0 mb-1" style="line-height: 1.25;" dir="rtl">
                نبتة اللوز
            </h1>

            <p class="mb-1" dir="rtl">
                يعد هذا النبات
            </p>

        </div>
    </div>

    <div class="my-2 mx-auto p-relative bg-white shadow-1 blue-hover" style="width: 360px; overflow: hidden; border-radius: 1px;" dir="rtl">
        <img src="~/Images/almond.jpg" alt="Man with backpack"
             class="d-block w-full">

        <div class="px-2 py-2" dir="rtl">
            <p class="mb-0 small font-weight-medium text-uppercase mb-1 text-muted lts-2px" dir="rtl">
                اللوزيات
            </p>

            <h1 class="ff-serif font-weight-normal text-black card-heading mt-0 mb-1" style="line-height: 1.25;" dir="rtl">
                نبتة اللوز
            </h1>

            <p class="mb-1" dir="rtl">
                يعد هذا النبات
            </p>

        </div>
    </div>

</div>