Menu Grid & List

                            
<section class="menu-grid-list">
    <div class="container">
        <div class="menu-block">
            <div class="row">
                <h2>Menu Grid 1</h2>
                <div class="col-md-4">
                    <div class="menu-grid">
                        <div class="image-wrapper">
                            <img src="sites/default/files/Menus/Grid-2Column/pizza-3007395_1920-min@2x.jpg" alt="">
                        </div>
                        <h4> Non Veg Pizza Mania</h4>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="menu-grid">
                        <div class="image-wrapper">
                            <img src="sites/default/files/Menus/Grid-2Column/brooke-lark-1Rm9GLHV0UA-unsplash-min@2x.jpg" alt="">
                        </div>
                        <h4> Fruits Mash</h4>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="menu-grid">
                        <div class="image-wrapper">
                            <img src="sites/default/files/Menus/Grid-2Column/churros-2188871_640@2x.jpg" alt="">
                        </div>
                        <h4> Fried strips Chicken </h4>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                            Copy to clipboard
                        

                            
<section class="menu-grid-list">
    <div class="container">
        <div class="menu-block">
            <div class="row">
                <h2>Menu Grid 2</h2>
                <div class="col-md-6">
                    <div class="menu-grid-1">
                        <div class="menu-grid-1-wrapper">
                            <img src="sites/default/files/4. Menus/1. Grid - 2 Column/pexels-mister-mister-3434523-min@2x.jpg" alt="">
                            <div class="menu-grid-detail">
                                <h4>Eggplant Parmigiana</h4>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt totam aliquid repellendus rerum culpa natus ipsam commodi quidem, dicta cupiditate distinctio ex.</p>
                            </div>
                            <div class="menu-price">
                                <p>$24.00</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="menu-grid-1">
                        <div class="menu-grid-1-wrapper">
                            <img src="sites/default/files/4. Menus/1. Grid - 2 Column/churros-2188871_640@2x.jpg" alt="">
                            <div class="menu-grid-detail">
                                <h4>Cornish-Meckerel</h4>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt totam aliquid repellendus rerum culpa natus ipsam commodi quidem, dicta cupiditate distinctio ex.</p>
                            </div>
                            <div class="menu-price">
                                <p>$24.00</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                            Copy to clipboard
                        

                            
<section class="menu-grid-list">
    <div class="container">
        <div class="menu-block">
            <div class="row">
                <h2>Menu List</h2>
                <div class="col-md-12">
                    <div class="menu-list">
                        <div class="menu-list-wrapper">
                            <img src="sites/default/files/4. Menus/4. List - Full Width/slide_03@2x.jpg" alt="menu-image">
                            <div class="menu-grid-detail">
                                <h4>Cornish-Meckerel</h4>
                                <p>Lorem ipsum dolor  sit amet consectetur adipisicing elit. Nesciunt totam aliquid sit amet consectetur adipisicing elit. Nesciunt totam aliquid.</p>
                            </div>
                            <div class="menu-price">
                                <h3>$124.00</h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                            Copy to clipboard