@{
    ViewData["Title"] = "Home Page";
}
<head>
    <title>@ViewData["Title"]</title>
    <link rel="stylesheet" href="~/css/HelloFresh/ingredients.css" asp-append-version="true" />

    <link rel="stylesheet" href="https://unpkg.com/tippy.js@6/dist/tippy.css" />

    <!-- Custom fonts for this template-->
    <link href="~/lib/fontawesome-free/css/all.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
     
</head>

<section id="recipesAll" class="recipes-section">
    <div id="recipeStrip" class="hscroll grid"></div>
</section>

<section id="ingredientsBoard" class="hf-ingredients">
    <div id="titleAndSearch">
        <div class="hf-head">
            <h2>Ingrédients</h2>
        </div>
        <div class="hf-search">
            <input id="hfSearch" type="search" class="form-control" placeholder="Rechercher un ingrédient..." />
        </div>

    </div>
 
    <!-- liste principale -->
    <ul id="ingredientsList" class="hf-grid"></ul>

    <!-- séparation -->
    <hr class="hf-sep" />

    <!-- “à avoir chez soi” -->
    <h3 class="hf-subtitle">Ingrédients à avoir chez soi</h3>
    <ul id="neededIngredients" class="hf-grid"></ul>
</section>

<script src="~/js/HelloFresh/ingredients.js" asp-append-version="true"></script>
