Scribd Logo
Upload

Welcome to Scribd!

  • 1 Home UI

    Uploaded by

    Matias Damico
    5 views1 page
    The document displays a menu item card with the name, price, image, categories, food type, description, and a button to view details. The card contains the essential information about a menu item in an organized visual layout within the larger category section of a menu.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document displays a menu item card with the name, price, image, categories, food type, description, and a button to view details. The card contains the essential information about a menu item in an organized visual layout within the larger category section of a menu.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    5 views1 page

    1 Home UI

    Uploaded by

    Matias Damico
    The document displays a menu item card with the name, price, image, categories, food type, description, and a button to view details. The card contains the essential information about a menu item in an organized visual layout within the larger category section of a menu.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 1

    <div class="row container pb-3 backgroundWhite">

    <h2 class="text-success pl-1"><b>CategoryName</b></h2>


    <div class="col-12">
    <div class="row my-3">
    <div class="col-lg-4 col-md-6 pb-4 filter">
    <div class="card bg-white rounded shadow-sm"
    style="border:1px solid #222">
    <div class="card-body pb-1 row">
    <div class="col-8 h5">Name</div>
    <div class="col-4 text-end"><span class="text-
    info h4">$$</span></div>
    </div>
    <img class="card-img-top img-fluid d-block mx-auto
    mb-3" src="" alt="menuitem image">
    <div class="card-body p-1 px-3 row">
    <div class="col-6">
    <span class="badge p-2 border w-100 text-
    dark bg-warning ">CategoryName</span>
    </div>
    <div class="col-6 border-0">
    <span class="badge p-2 border w-100 bg-
    info ">FoodTypeName</span>
    </div>
    <div class="col-12 pt-2" style="font-size:13px;
    text-align:justify">
    <p> Description</p>
    </div>
    <div class="col-12 p-1">
    <a class="btn btn-dark form-control btn-
    sm p-2" style="height:40px">View Details</a>
    </div>
    </div>
    </div>
    </div>

    </div>
    </div>
    </div>

    You might also like