Chocolate Peanut Butter Protein Bar
$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), Peanuts, Soluble Corn Fiber, Water, Erythritol, Unsweetened Chocolate, Natural Flavors, Cocoa Butter. Contains Less Than 2% of the following: Sodium Caseinate, Sea Salt, Stevia Sweetener, Sunflower Lecithin.</p> <p><strong>Contains: Milk, Peanuts.</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 serving-size"> <span>Serving size</span> <span>1 bar (60g)</span> </div> <div class="amount-per-serving">Amount per serving</div> <div class="nutrition-row calories"> <span>Calories</span> <span>210</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 class="nutrition-row percent-daily-value" aria-hidden="true">% Daily Value*</div> <ul> <li> <div class="nutrition-row"> <span><b>Total Fat</b> 10g</span> <span class="percent">13% <span class="sr-only">daily value</span></span> </div> <ul> <li> <div class="nutrition-row"> <span>Saturated Fat 2.5g</span> <span class="percent">13% <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> <5mg</span> <span class="percent">0% <span class="sr-only">daily value</span></span> </div> </li> <li> <div class="nutrition-row"> <span><b>Sodium</b> 190mg</span> <span class="percent">8% <span class="sr-only">daily value</span></span> </div> </li> <li> <div class="nutrition-row"> <span><b>Total Carbohydrate</b> 22g</span> <span class="percent">8% <span class="sr-only">daily value</span></span> </div> <ul> <li> <div class="nutrition-row"> <span>Dietary Fiber 13g</span> <span class="percent">46% <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 4g</li> </ul> </li> <li> <div class="nutrition-row"> <span><b>Protein</b> 20g</span> <span class="percent">40% <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 100mg</span> <span class="percent">8% <span class="sr-only">daily value</span></span> </div> </li> <li> <div class="nutrition-row"> <span>Iron 0.8mg</span> <span class="percent">4% <span class="sr-only">daily value</span></span> </div> </li> <li> <div class="nutrition-row"> <span>Potassium 190mg</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>