Cookies & Cream 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, Soluble Corn Fiber, Palm Kernel Oil, Water, Erythritol, Cocoa Processed with Alkali, Sodium Caseinate, Unsweetened Chocolate. Contains Less Than 2% of the following: Sea Salt, Natural Flavors, Sunflower Lecithin, Sucralose, Butter (Cream), Palm Oil, Carrageenan.</p> <p><strong>Contains: Milk.</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 (52g)</span> </div> <div class="amount-per-serving">Amount per serving</div> <div class="nutrition-row calories"> <span>Calories</span> <span>150</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> 6g</span> <span class="percent">8% <span class="sr-only">daily value</span></span> </div> <ul> <li> <div class="nutrition-row"> <span>Saturated Fat 5g</span> <span class="percent">25% <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> 200mg</span> <span class="percent">9% <span class="sr-only">daily value</span></span> </div> </li> <li> <div class="nutrition-row"> <span><b>Total Carbohydrate</b> 23g</span> <span class="percent">8% <span class="sr-only">daily value</span></span> </div> <ul> <li> <div class="nutrition-row"> <span>Dietary Fiber 6g</span> <span class="percent">21% <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 3g</li> </ul> </li> <li> <div class="nutrition-row"> <span><b>Protein</b> 18g</span> <span class="percent">36% <span class="sr-only">daily value</span></span> </div> </li> </ul> <ul class="bottom-panel"> <li> <div class="nutrition-row"> <span>Vitamin D 0mcg</span> <span class="percent">0% <span class="sr-only">daily value</span></span> </div> </li> <li> <div class="nutrition-row"> <span>Calcium 240mg</span> <span class="percent">20% <span class="sr-only">daily value</span></span> </div> </li> <li> <div class="nutrition-row"> <span>Iron 1.6mg</span> <span class="percent">8% <span class="sr-only">daily value</span></span> </div> </li> <li> <div class="nutrition-row"> <span>Potassium 100mg</span> <span class="percent">2% <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>