"Fake Bon Appetit - Pecan Rye Pumpkin Pie Sample"
Bootstrap 4.1.1 Snippet by lelouch8

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <head> <!-- Place your kit's code here --> <script src="https://kit.fontawesome.com/fdf7670f30.js" crossorigin="anonymous"></script> </head> <body> <nav class = "navbar navbar-expand-lg navbar-dark bg-dark"> <i class="fas fa-bars"></i> <ul class = "navbar-nav ml-auto"> <li class = "nav-item"> <a class = "nav-link" href = "#">Login</a> </li> <li class = "nav-item"> <a class = "nav-link" href = "#">Subscribe</a> </li> </ul> <i class="fas fa-search"></i> </nav> <div class = "container"> <button type = "button" class = "btn btn-warning">Recipes</button> <h1>Pecan-Rye Pumpkin Pie</h1> <img id = "pie" src = "https://assets.bonappetit.com/photos/5da4b1a474c8710009b9ffee/16:9/w_1280,c_limit/1119-Perfect-Pecan-Rye-Pumpkin-Pie-NEW.jpg"> <h6 id = "photo">Photo by alex lau, food styling by susie theodorou, prop styling by kalen kaminski</h6> <h6 id = "servings">8 servings</h6> <p>Imagine a pumpkin pie with pecan pie's best feature - obviously, the <br> candied nut topping. Now spike the custard with rye whiskey, up the <br> flavor of the crust with rye flour, and volia: pecan-rye pumpkin pie. We <br> use <a href = "#" id = "can">Libby's canned pumpkin</a> because it's reliably consistent, with an ideal <br> water content, and few variations in flavor (and no, we're not paid to say <br> that). The egg wash added during the blind bake serves as a moisture- <br> fighting barrier - a seal-tight guarantee that the bottom crust won't get <br> soggy. The rye flour will make the crust look darker than your standard <br> pie dough. If it starts getting too dark while baking with the custard <br> filling, tent it with a ring of foil.<i class = "fas fa-search"></i></p> </div> </body>
h1{ text-align: center; margin-top: 50px; margin-bottom: 75px; font-weight: bold; font-size: 50px; } #photo { text-transform: uppercase; margin-top: 20px; margin-bottom: 20px; position: relative; border-bottom: 5px solid black; } #servings { font-weight:bold; text-align:center; margin-top: 5px; } .nav-link { text-transform: uppercase; } .btn { text-transform: uppercase; position: relative; left: 47%; margin-top: 50px; } .fa-bars, .fa-search{ color: white; } p { margin-top: 20px; text-align:center; } #can { font-weight: bold; color: black; text-decoration: underline; } #pie { width: 100%; }

Related: See More


Questions / Comments: