@extends('frontend-layout.main')

@section('content')
    <section class="banner-section text-center">
        <div class="container-fluid px-md-5 px-xlg-2">
            <h2>Meal Plan</h2>
        </div>
    </section>
    <section class="sect-meal-plan">
        <div class="container-fluid px-md-5 px-xlg-2">
            <div class="col-sm-6 float-left mb-50 ">
                <header class="meal-plan-head">
                    <div class="col-sm-6 float-left">
                        <h3>Meal Plan Two</h3>
                    </div>
                    <div class="col-sm-6 float-left text-right">
                        <h3>Weekly</h3>
                    </div>
                </header>
               
                <div class="main-menu text-center">
                    <div class="flex-box col-4 float-left">
                        <strong>Meal</strong>
                        <div class="row-1">
                            <p>Break Fast</p>
                        </div>
                        <div class="row-2">
                            <p>Lunch</p>
                        </div>
                        <div class="row-3">
                            <p>Dinner</p>
                        </div>
                    </div>
                    <div class="flex-box col-4 float-left">
                        <strong>Colories</strong>
                        <div class="row-1">
                            <p>100 cal</p>
                        </div>
                        <div class="row-2">
                            <p>200 cal</p>
                        </div>
                        <div class="row-3">
                            <p>300 cal</p>
                        </div>
                    </div>
                    <div class="flex-box col-4 float-left">
                        <strong>Days</strong>
                        <div class="row-1">
                            <p>7 Days</p>
                        </div>
                        <div class="row-2">
                            <p>7 Days</p>
                        </div>
                        <div class="row-3">
                            <p>7 Days</p>
                        </div>
                    </div> 
                </div>
                
                <footer class="meal-plan-foot text-center">
                    <p>Brings to you by DietBox</p>
                </footer>
            </div>
            <div class="col-sm-6 float-left mb-50 ">
                <header class="meal-plan-head">
                    <div class="col-sm-6 float-left">
                        <h3>Meal Plan Two</h3>
                    </div>
                    <div class="col-sm-6 float-left text-right">
                        <h3>Weekly</h3>
                    </div>
                </header>
               
                <div class="main-menu text-center">
                    <div class="flex-box col-4 float-left">
                        <strong>Meal</strong>
                        <div class="row-1">
                            <p>Break Fast</p>
                        </div>
                        <div class="row-2">
                            <p>Lunch</p>
                        </div>
                        <div class="row-3">
                            <p>Dinner</p>
                        </div>
                    </div>
                    <div class="flex-box col-4 float-left">
                        <strong>Colories</strong>
                        <div class="row-1">
                            <p>100 cal</p>
                        </div>
                        <div class="row-2">
                            <p>200 cal</p>
                        </div>
                        <div class="row-3">
                            <p>300 cal</p>
                        </div>
                    </div>
                    <div class="flex-box col-4 float-left">
                        <strong>Days</strong>
                        <div class="row-1">
                            <p>7 Days</p>
                        </div>
                        <div class="row-2">
                            <p>7 Days</p>
                        </div>
                        <div class="row-3">
                            <p>7 Days</p>
                        </div>
                    </div> 
                </div>
                
                <footer class="meal-plan-foot text-center">
                    <p>Brings to you by DietBox</p>
                </footer>
            </div>
        </div>
    </section>
    <section class="whats-in ">
	<div class="container-fluid px-md-5 px-xlg-2">
		<div class="row">
			<div class="col-12 float-left text-center">
				<h3>What is in a Diet Box?</h3>
				<p>Each box contains breakfast, lunch, dinner and 2 snacks per day – you really won’t need to go near the shops! No need to plan, shop or chop, we do it all!</p>
<p>We don’t neglect any food groups at Diet Box and believe that a diet made up of healthy fats, lean proteins and complex carbohydrates is the key to balanced, happy, healthy, long-term weight loss results.</p>
<p>Diet Box meals don’t contain any refined carbohydrates, refined sugars and unnecessary additives or preservatives, meaning that the diet food delivered to your home is as healthy and natural as possible. The food is free-range and ethical we source locally and organically where appropriate, and we even have a variety of plans from our classic box, to our vegetarian, pescatarian and free-from programs for you to try.</p>
<p>Whether you’re looking to cut calories or simply eat healthier, Diet Box has a diet delivery box for you!</p>
<!--
				
				<p class="btn btn-dark-grey">Fresh seasonally sourced ingredients</a>
				<p><a href="#" class="sourced-btn more">read more</a></p>
				<p><a href="#" class="sourced-btn less">read less</a></p>
				<div class="seasonal"><p>You will receive breakfast, lunch, dinner, a fruit snack with nuts or seeds and a homemade health bar for each day, ensuring you shed the pounds and get the right mix of nutrients to keep you feeling great.</p>
</div>
				</br>
				<p class="btn btn-dark-grey">3 meals & 2 snacks</a>
				<p><a href="#" class="snack-btn more">read more</a></p>
				<p><a href="#" class="snack-btn less">read less</a></p>
				<div class="meal-snacks"><p>Diet Box meals don’t contain any unnecessary additives or preservatives, meaning that the diet food delivered to your home is healthy and natural. The food is free-range and ethical, and you can even opt for vegetarian options if you’re looking to cut down on your meat consumption.</p>
<p>Whether you’re looking to cut calories or simply eat healthier, Diet Box has a diet delivery box for you.</p>
</div>
-->
			</div>
		</div>
	</div>
</section>
<section class="section-2-abt">
        <div class="container-fluid px-md-5 px-xlg-2">
            <div class="col-sm-12 float-left text-center pd-20">
                <h2>Best of Food we Bring to you</h2>
            </div>
            <div class="col-sm-6 float-left ">
                <div class="main-hvr">
                <img src="/frontend-assets/images/abt-1.jpg" alt="" class="img-fluid d-block mx-auto mb-10 mb-sm-0">
                <div class="overlay">
                <div class="text"><h3>Best of food</h3></div>
                </div>
                </div>
            </div>
            <div class="col-sm-3 float-left mb-10 ">
            <div class="main-hvr">
            <img src="/frontend-assets/images/abt-2.jpg" alt="" class="img-fluid d-block mx-auto">
            <div class="overlay">
            <div class="text"><h3>Best of food</h3></div>
                </div>
            </div>
            </div>
            <div class="col-sm-3 float-left  mb-10 ">
            <div class="main-hvr">
            <img src="/frontend-assets/images/abt-3.jpg" alt="" class="img-fluid d-block mx-auto">
            <div class="overlay">
            <div class="text"><h3>Best of food</h3></div>
                </div>
            </div>
            </div>
            <div class="col-sm-3 float-left  mb-10 ">
            <div class="main-hvr">
            <img src="/frontend-assets/images/abt-4.jpg" alt="" class="img-fluid d-block mx-auto">
            <div class="overlay">
            <div class="text"><h3>Best of food</h3></div>
                </div>
            </div>
            </div>
            <div class="col-sm-3 float-left  mb-10 ">
            <div class="main-hvr">
            <img src="/frontend-assets/images/abt-5.jpg" alt="" class="img-fluid d-block mx-auto">
            <div class="overlay">
                    <div class="text"><h3>Best of food</h3></div>
                </div>
            </div>
            </div>
            <div class="col-sm-12 float-left ">
            <div class="main-hvr">
                <img src="/frontend-assets/images/abt-big.jpg" alt="" class="img-fluid d-none d-sm-block mx-auto">
                <div class="overlay">
                    <div class="text"><h3>Best of food</h3></div>
                </div>
            </div>
            </div>
        </div>
    </section>
@endsection