nutrition-label-jquery-plugin
Version:
To be able to create a FDA-style nutrition label with any nutrition data source
181 lines (174 loc) • 7.34 kB
HTML
<html lang="en">
<head>
<title>Nutrition Label Demo Page</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha256-7s5uDGW3AHqw6xtJmNNtr+OBRJUlgkNJEo78P4b0yRw= sha512-nNo+yCHEyn0smMxSswnf/OnX6/KwJuZTlNZBjauKhTK0c+zT+q5JOCx0UFhXQ6rJR9jg6Es8gPuD2uZcYDLqSw==" crossorigin="anonymous">
<link rel='stylesheet' type='text/css' media='screen' href='./css/demo.css'>
<!-- google webfont for nutrition label -->
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Archivo+Black" />
</head>
<body>
<div class="demo-legacy">
<h2>Legacy Demo Pages</h2>
<ul class="demo-list-parent">
<li class="demo-list">
<a href="./legacy-version/demo.html" class="demo-link">demo</a>
</li>
<li class="demo-list">
<a href="./legacy-version/demo-mini.html" class="demo-link">demo-mini</a>
</li>
<li class="demo-list">
<a href="./legacy-version/demo-mobile.html" class="demo-link">demo-mobile</a>
</li>
<li class="demo-list">
<a href="./legacy-version/demo-random-values.html" class="demo-link">demo-random-values</a>
</li>
<li class="demo-list">
<a href="./legacy-version/demo-adding-potassium-on-the-label.html" class="demo-link">demo-adding-potassium-on-the-label</a>
</li>
<li class="demo-list">
<a href="./legacy-version/demo-analytics-custom-js-trigger.html" class="demo-link">demo-analytics-custom-js-trigger</a>
</li>
<li class="demo-list">
<a href="./legacy-version/demo-custom-footer.html" class="demo-link">demo-custom-footer</a>
</li>
<li class="demo-list">
<a href="./legacy-version/demo-drop-point-zero.html" class="demo-link">demo-drop-point-zero</a>
</li>
<li class="demo-list">
<a href="./legacy-version/demo-for-iframe-embedding.html" class="demo-link">demo-for-iframe-embedding</a>
</li>
<li class="demo-list">
<a href="./legacy-version/demo-hidden-na.html" class="demo-link">demo-hidden-na</a>
</li>
<li class="demo-list">
<a href="./legacy-version/demo-long-item-name.html" class="demo-link">demo-long-item-name</a>
</li>
<li class="demo-list">
<a href="./legacy-version/demo-NaN.html" class="demo-link">demo-NaN</a>
</li>
<li class="demo-list">
<a href="./legacy-version/demo-texbox-case1-a.html" class="demo-link">demo-texbox-case1-a</a>
</li>
<li class="demo-list">
<a href="./legacy-version/demo-texbox-case1-b.html" class="demo-link">demo-texbox-case1-b</a>
</li>
<li class="demo-list">
<a href="./legacy-version/demo-texbox-computation-1.html" class="demo-link">demo-texbox-computation-1</a>
</li>
<li class="demo-list">
<a href="./legacy-version/demo-serving-weight-gram.html" class="demo-link">demo-serving-weight-gram</a>
</li>
<li class="demo-list">
<a href="./legacy-version/demo-serving-weight-gram-2.html" class="demo-link">demo-serving-weight-gram-2</a>
</li>
<li class="demo-list">
<a href="./legacy-version/demo-legacy-version-feature.html" class="demo-link">demo-legacy-version-feature</a>
</li>
<li class="demo-list">
<a href="./legacy-version/demo-rounding-rule.html" class="demo-link">demo-rounding-rule</a>
</li>
</ul>
</div>
<div class="demo-2018">
<h2>2018 Demo Pages</h2>
<ul class="demo-list-parent">
<li class="demo-list">
<a href="./2018-version/demo.html" class="demo-link">demo</a>
</li>
<li class="demo-list">
<a href="./2018-version/demo-mini.html" class="demo-link">demo-mini</a>
</li>
<li class="demo-list">
<a href="./2018-version/demo-mobile.html" class="demo-link">demo-mobile</a>
</li>
<li class="demo-list">
<a href="./2018-version/demo-random-values.html" class="demo-link">demo-random-values</a>
</li>
<li class="demo-list">
<a href="./2018-version/demo-analytics-custom-js-trigger.html" class="demo-link">demo-analytics-custom-js-trigger</a>
</li>
<li class="demo-list">
<a href="./2018-version/demo-custom-footer.html" class="demo-link">demo-custom-footer</a>
</li>
<li class="demo-list">
<a href="./2018-version/demo-drop-point-zero.html" class="demo-link">demo-drop-point-zero</a>
</li>
<li class="demo-list">
<a href="./2018-version/demo-for-iframe-embedding.html" class="demo-link">demo-for-iframe-embedding</a>
</li>
<li class="demo-list">
<a href="./2018-version/demo-hidden-na.html" class="demo-link">demo-hidden-na</a>
</li>
<li class="demo-list">
<a href="./2018-version/demo-long-item-name.html" class="demo-link">demo-long-item-name</a>
</li>
<li class="demo-list">
<a href="./2018-version/demo-NaN.html" class="demo-link">demo-NaN</a>
</li>
<li class="demo-list">
<a href="./2018-version/demo-texbox-case1-a.html" class="demo-link">demo-texbox-case1-a</a>
</li>
<li class="demo-list">
<a href="./2018-version/demo-texbox-case1-b.html" class="demo-link">demo-texbox-case1-b</a>
</li>
<li class="demo-list">
<a href="./2018-version/demo-texbox-computation-1.html" class="demo-link">demo-texbox-computation-1</a>
</li>
<li class="demo-list">
<a href="./2018-version/demo-serving-weight-gram.html" class="demo-link">demo-serving-weight-gram</a>
</li>
<li class="demo-list">
<a href="./2018-version/demo-serving-weight-gram-2.html" class="demo-link">demo-serving-weight-gram-2</a>
</li>
<li class="demo-list">
<a href="./2018-version/demo-use-base-value-and-not-dv-percentage.html" class="demo-link">demo-use-base-value-and-not-dv-percentage</a>
</li>
</ul>
</div>
<div class="demo-uk">
<h2>UK Demo Pages</h2>
<ul class="demo-list-parent">
<li class="demo-list">
<a href="./uk-version/demo.html" class="demo-link">demo</a>
</li>
<li class="demo-list">
<a href="./uk-version/demo-mini.html" class="demo-link">demo-mini</a>
</li>
<li class="demo-list">
<a href="./uk-version/demo-mobile.html" class="demo-link">demo-mobile</a>
</li>
<li class="demo-list">
<a href="./uk-version/demo-random-values.html" class="demo-link">demo-random-values</a>
</li>
<li class="demo-list">
<a href="./uk-version/demo-analytics-custom-js-trigger.html" class="demo-link">demo-analytics-custom-js-trigger</a>
</li>
<li class="demo-list">
<a href="./uk-version/demo-custom-footer.html" class="demo-link">demo-custom-footer</a>
</li>
<li class="demo-list">
<a href="./uk-version/demo-drop-point-zero.html" class="demo-link">demo-drop-point-zero</a>
</li>
<li class="demo-list">
<a href="./uk-version/demo-for-iframe-embedding.html" class="demo-link">demo-for-iframe-embedding</a>
</li>
<li class="demo-list">
<a href="./uk-version/demo-hidden-na.html" class="demo-link">demo-hidden-na</a>
</li>
<li class="demo-list">
<a href="./uk-version/demo-NaN.html" class="demo-link">demo-NaN</a>
</li>
<li class="demo-list">
<a href="./uk-version/demo-serving-unit-name.html" class="demo-link">demo-serving-unit-name</a>
</li>
<li class="demo-list">
<a href="./uk-version/demo-long-item-name.html" class="demo-link">demo-long-item-name</a>
</li>
<li class="demo-list">
<a href="./uk-version/demo-textbox.html" class="demo-link">demo-textbox</a>
</li>
</ul>
</div>
</body>
</html>