Chocolate Peanut Butter Crispy Hero Protein Bars
$10.99
<div class="col-lg-6 col-md-6 col-xs-12nutrient-list"> <h2 class="ingredients">Ingredients</h2> <p>Protein blend (Milk Protein Isolate, Whey Protein Isolate), Allulose, Palm Kernel Oil, Peanuts, Erythritol, Soluble Corn Fiber, Water, Sodium Caseinate, Cocoa Processed with Alkali. Contains Less Than 2% of the following: Natural Flavors, Sea Salt, Sunflower Oil, Baking Soda, Peanut Oil, Butter (Cream), Pecans, Inulin, Palm Oil, Carrageenan, Sucralose, Sunflower Lecithin.</p> <p><strong>Contains: Milk, Peanuts, Pecans.</strong></p> <p><strong>Processed in a facility that also processes eggs, peanuts, soy, wheat and other tree nuts.</strong></p> </div> <div class="col-lg-6 col-md-6 col-xs-12"> <div class="nutrition-facts"> <h2>Nutrition Facts</h2> <!-- Note that <span>s are used so that the text is all read together (since <span>s are inline), even though they is visually separated using flexbox. --> <div class="nutrition-row">12 servings per container</div> <div class="nutrition-row serving-size"> <span>Serving size</span> <span>1 bar (54g)</span> </div> <div class="amount-per-serving">Amount per serving</div> <div class="nutrition-row calories"> <span>Calories</span> <span>200</span> </div> <!-- Although visually this seems like it might be a column header for a table, it is not possible to mark up the content that follows in a table. Therefore it is not easy to programmatically associate this text with the percentages for each line item. Instead, this visual "header" is hidden from screen readers to avoid confusion, then duplicated as screen-reader-only text after each percentage. --> <div aria-hidden="true" class="nutrition-row percent-daily-value">% Daily Value*</div> <ul> <li> <div class="nutrition-row"> <span><b>Total Fat</b> 12g</span> <span class="percent">15% <span class="sr-only">daily value</span></span> </div> <ul> <li> <div class="nutrition-row"> <span>Saturated Fat 7g</span> <span class="percent">35% <span class="sr-only">daily value</span></span> </div> </li> <li> <em>Trans</em> Fat 0g</li> </ul> </li> <li> <div class="nutrition-row"> <span><b>Cholesterol</b> 10mg</span> <span class="percent">3% <span class="sr-only">daily value</span></span> </div> </li> <li> <div class="nutrition-row"> <span><b>Sodium</b> 260mg</span> <span class="percent">11% <span class="sr-only">daily value</span></span> </div> </li> <li> <div class="nutrition-row"> <span><b>Total Carbohydrate</b> 18g</span> <span class="percent">7% <span class="sr-only">daily value</span></span> </div> <ul> <li> <div class="nutrition-row"> <span>Dietary Fiber 5g</span> <span class="percent">18% <span class="sr-only">daily value</span></span> </div> </li> <li>Total Sugars 1g <ul> <li> <div class="nutrition-row"> <span>Includes 0g Added Sugars</span> <span class="percent">0% <span class="sr-only">daily value</span></span> </div> </li> </ul> </li> <li>Erythritol 5g</li> </ul> </li> <li> <div class="nutrition-row"> <span><b>Protein</b> 19g</span> <span class="percent">38% <span class="sr-only">daily value</span></span> </div> </li> </ul> <ul class="bottom-panel"> <li> <div class="nutrition-row"> <span>Vitamin D 0.5mcg</span> <span class="percent">2% <span class="sr-only">daily value</span></span> </div> </li> <li> <div class="nutrition-row"> <span>Calcium 80mg</span> <span class="percent">6% <span class="sr-only">daily value</span></span> </div> </li> <li> <div class="nutrition-row"> <span>Iron 1mg</span> <span class="percent">6% <span class="sr-only">daily value</span></span> </div> </li> <li> <div class="nutrition-row"> <span>Potassium 160mg</span> <span class="percent">4% <span class="sr-only">daily value</span></span> </div> </li> </ul> <p>* The % Daily Value (DV) tells you how much a nutrient in a serving of food contributes to a daily diet. 2,000 calories a day is used for general nutrition advice.</p> </div> </div>