{% extends 'base.html.twig' %}
{% block body %}
<main class="main">
        	<div class="page-header text-center" style="background-image: url('assets/images/page-header-bg.jpg')">
        		<div class="container">
        			<h1 class="page-title">Food</h1>
        		</div><!-- End .container -->
        	</div><!-- End .page-header -->
            <nav aria-label="breadcrumb" class="breadcrumb-nav">
                <div class="container">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="/index">Home</a></li>
                        <li class="breadcrumb-item"><a href="/cats">Shop All</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Food</li>
                    </ol>
                </div><!-- End .container -->
            </nav><!-- End .breadcrumb-nav -->

            <div class="page-content">
                <div class="container" style="min-height:200px;">
                	<h2 class="title text-center mb-3">Food</h2>
                </div><!-- End .container -->
            </div><!-- End .page-content -->

        </main><!-- End .main -->
{% endblock %}