<navbar></navbar>

<div class="container separator-container">
    <div class="row separator relative">
        <div class='col-md-6 col-sm-6 col-xs-6'>
            <h2>

                <a href="#">Voltar</a> |

                Chef</h2>
        </div>
        <div class="col-md-6 col-sm-6 col-xs-6">
            <div class="separator-element btn-group pull-right">
                <button type="button" id='font-increase' class="btn btn-default btn">
                    A+
                </button>
                <button type="button" id='font-decrease' class="btn btn-default btn">
                    A-
                </button>
            </div>
            <input type="text" class='pull-right search'></input>
        </div>
    </div>
    <div class="row separator hr">
        <hr>
    </div>
</div>


<div class="container">
    <div class="chef-detail">
        <div class="col-md-3 col-sm-3 chef-photo">
            <img src="http://placehold.it/200x300" class='img-responsive' alt="">
        </div>
        <div class="col-md-9 col-sm-9 chef-info">
            <h1>Fernando Cullen <span><a href="#" class='heart empty'></a> (55)</span></h1>
            <p>15 receitas | 10 vídeos</p>
            <p class="site"><a href="http://fernandocullen.com.br">fernandocullen.com.br</a></p>
            <div class="chef-social">
                <a href="#" class='icon facebook'></a>
                <a href="#" class='icon twitter'></a>
                <a href="#" class="icon instagram"></a>
                <a href="#" class="icon pinterest"></a>
            </div>
            <div class="chef-texto">
                <p>
                    Onde trabalha: Jelly Bread <br>
                    Av. Cidade Jardim, 60 - Jardim Europa
                </p>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vel arcu ac quam auctor interdum. Maecenas cursus por ttitor ligula, non dignissim odio. Mauris pretium rhoncus mattis. Etiam convallis est lectus, non rutrum mi tristique id. Etiam hendrerit sapien eget nulla mollis molestie. Vestibulum interdum porta enim in iaculis. Quisque bibendum quis nunc eu viverra.

                <p>Donec ut condimentum mauris, eget dapibus velit. Donec malesuada semper egestas. Donec vulputate odio vitae leo hendrerit dictum. Vivamus porta tortor dolor, quis pulvinar velit gravida sit amet. Aliquam fermentum a mi vitae luctus. Nulla faucibus vestibulum felis, pharetra tempus dui tempor eu. Nulla facilisi. Curabitur sed sagittis neque. In hac habitasse platea dictumst. Morbi commodo nunc turpis, id interdum est bibendum vel. Maecenas bibendum dapibus lacinia. Suspendisse tincidunt cursus turpis sit amet vestibulum. Maecenas vitae nulla non lectus gravida pellentesque a id augue.</p>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>

    <div class="chef-receitas">
        <div class="col-md-12 col-sm-12">
            <div class="clearfix">
            <ul class="gourmand nav nav-tabs col-sm-4">
                <li class='receitas active'><a href="#receitas"  data-toggle='tab'>Receitas</a></li>
                <li class='videos'><a href="#videos" data-toggle='tab'>Vídeos</a></li>
            </ul>
            <div class="col-sm-4">
                <input type="text" class='pull-right search'></input>
            </div>
            <div class="col-md-4 col-sm-4">
                <select name="ordernacao" class='form-control' id="">
                    <option value="">Ordenar por</option>
                    <option value="nome_inc">Ordem Alfabética (A-Z)</option>
                    <option value="nome_dec">Ordem Alfabética (Z-A)</option>
                    <option value="visitas">Mais Rápidas</option>
                    <option value="facilidade">Mais fáceis</option>
                    <option value="meus_favoritos">Meus Favoritos</option>
                    <option value="ranking">Melhor Ranking</option>
                </select>
            </div>
            </div>

            <div class="gourmand tab-content">
                <div class="tab-pane fade in active" id="receitas">
                    <ul class="recipe-list2">

                        <li>
                            <a href="#">
                                <span class="chef-img-wrapper">
                                    <!-- <img src="img/receitas/rec_0001.png" alt=""> -->
                                    <img src="http://placehold.it/300x200" alt="">
                                </span>
                                <span class="recipe-plus">Ver mais</span>
                            </a>
                        </li>

                    </ul>
                </div>
                <div class="tab-pane fade" id="videos">Vídeos.</div>
            </div>
        </div>
    </div>
</div>

<footer></footer>