diff --git a/source/html/recipes/items/test.html b/source/html/recipes/items/test.html
new file mode 100644
index 0000000..8f66eb0
--- /dev/null
+++ b/source/html/recipes/items/test.html
@@ -0,0 +1,166 @@
+<!DOCTYPE html>
+<html lang-en="en" lang-he="he" dir-he="rtl" dir-en="ltr"
+    nodata-he="אין מידע" nodata-en="No Data">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title en="APBD.net | {{TITLE_en}} Recipe" he="APBD.net | מתכון {{TITLE_he}}"></title>
+    
+    <link rel="stylesheet" href="/css/recipes/main.css">
+    <link rel="stylesheet" href="/css/foods/dropdown.css">
+    <link rel="stylesheet" href="/css/foods/main.css">
+    <link rel="stylesheet" href="/css/recipes/articles/main.css">
+    <link rel="stylesheet" href="/css/recipes/articles/sideview.css">
+</head>
+<body>
+    <script>
+		const touch = matchMedia('(hover: none)').matches
+		console.log(touch);
+
+		if (touch) {
+			let prev = window.document.body;
+			window.addEventListener("touchend", function (e) {
+				if (e.target.onclick) e.target.onclick();
+				if (prev !== e.target) prev.classList.remove("hover");
+				e.target.classList.toggle("hover");
+				prev = e.target;
+				console.log(e.target);
+			}, {
+				passive: false
+			});
+		}
+	</script>
+	<header>
+		<div class="logo">
+			<img src="/favicon.ico" alt="Website logo">
+			<div class="column">
+				<a class="title" href="/">APBD.net</a>
+				<a class="sub" href-en="/en/recipes" href-he="/he/recipes" en="The Great Cookbook"
+					he="ספר המתכונים הגדול"></a>
+			</div>
+
+		</div>
+		<nav class="header-menu">
+			<div class="dropdown">
+				<a id="about" href="#" en="About" he="אודות">About</a>
+				<div class="dropdown-content">
+					<a target="_blank"
+						href="https://rarediseases.org/rare-diseases/adult-polyglucosan-body-disease/">APBD
+						<span>↗</span></a>
+				</div>
+			</div>
+			<div class="dropdown">
+				<a id="contribute" href="#" en="Contribute" he="תרום תוכן">Contribute</a>
+				<div class="dropdown-content">
+					<a href="../contribute/write-a-recipe.html" en="Write a Recipe" he="כתוב מתכון"></a>
+				</div>
+			</div>
+
+			<div class="dropdown">
+				<a id="contact" href="#" en="Language" he="שפה">Language</a>
+				<div class="dropdown-content">
+					<a onclick="window.location.href = window.location.href.replace(new RegExp('he|en'), 'en')" href="#"
+						en="English" he="אנגלית">English</a>
+					<a onclick="window.location.href = window.location.href.replace(new RegExp('he|en'), 'he')" href="#"
+						en="Hebrew" he="עברית">Hebrew</a>
+				</div>
+			</div>
+		</nav>
+	</header>
+
+    <div class="container">
+        <div id="sideview">
+            <h1 en="Pesto Sauce Pasta Recipe" he="מתכון לפסטה ברוטב פסטו" id="sideview-title"></h1>
+            <figure>
+                <img class="preview" src="http://127.0.0.1:8080/en/recipes/contribute/write-a-recipe.html" alt-en="An Image of the final product" alt-he="תמונה של המאכל המוכן" id="preview">
+                <figcaption
+                    en="{{PREVIEWIMAGEDESCRIPTION_en}}"
+                    he="{{PREVIEWIMAGEDESCRIPTION_he}}"
+                ></figcaption>
+            </figure>
+            <hr id="sideview-ingredients-hr">
+            <h2 en="Ingredients" he="מרכיבים" id="sideview-ingredients-title"></h2>
+            <ul id="sideview-ingredients">
+                <li><span class="ing-name">Water</span>, 2.5l</li>
+
+            </ul>
+            <hr>
+            <h2 en="General Information" he="מידע כללי"></h2>
+            <ul id="recipe-stats">
+                <li><span en="Cooking Time: " he="זמן הכנה: "></span><span id="time">30min</span></li>
+                <li><span en="Difficulty: " he="רמת קושי: "></span><span id="difficulty">3</span>/10</li>
+                <li><span en="Total Servings: " he="כמות מנות: "></span><span id="servings">3 <span en="to" he="עד"></span> 5</span></li>
+                <li><span en="Total Ingredients: " he="כמות מרכיבים: "></span><span id="ingredient-amount">1</span></li>
+                <li><span en="Total Steps: " he="כמות שלבים: "></span><span id="step-amount">1</span></li>
+                <li><span en="Kashrut Status: " he="סטטוס כשרות: "></span><span id="kashrut" en="{{KASHRUT_en}}, {{FOODKASHRUTTYPE_en}}" he="{{KASHRUT_he}}, {{FOODKASHRUTTYPE_he}}"></span></li>
+
+            </ul>
+            <hr>
+            <h2 en="Nutrition Facts" he="סימון תזונתי"></h2>
+            <table id="nutrition-facts">
+                <thead>
+                    <tr>
+                        <th en="Field" he="שדה"></th>
+                        <th en="100 Grams" he="100 גרם"></th>
+                        <th en="One Serving<br> (200 grams)" he="מנה אחת ({{SERVINGSIZE}} גרם)" value="{{SERVINGSIZE}}" id="serving-weight-identifier"></th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr id="carbs">
+                        <th en="Carbohydrates:" he="פחמימות:"></th>
+                        <td>{{CARBS100g}}g</td>
+                        <td>27g</td>
+                    </tr>
+                    <tr id="fiber">
+                        <th en="Fiber" he="סיבים"></th>
+                        <td>{{FIBER100g}}g</td>
+                        <td>19g</td>
+                    </tr>
+                    <tr id="sugar">
+                        <th en="Sugar" he="סוכר"></th>
+                        <td>{{SUGAR100g}}g</td>
+                        <td>6g</td>
+                    </tr>
+                    <tr id="starch">
+                        <th en="Starch" he="עמילן"></th>
+                        <td>{{STARCH100g}}g</td>
+                        <td>2g</td>
+                    </tr>
+                    <tr id="glycemic-load">
+                        <th en="Glycemic Load (Estimated)" he="עומס גליקמי (מוערך)"></th>
+                        <td>{{GLYCEMICLOAD100g}}</td>
+                        <td>{{GLYCEMICLOADSERVING}}</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+        <main>
+            <h1>
+                <span id="title" en="Pesto Sauce Pasta" he="פסטה ברוטב פסטו"></span>
+                <small id="author" en="Shahar Marcus" he="שחר מרכוס"></small>
+            </h1>
+            <h2 en="Ingredients" he="מרכיבים"></h2>
+            <ul id="ingredients">
+                <li>
+                    <span class="ing-weight">2.5</span> 
+                    <span class="ing-unit">liters</span> 
+                    <span class="ing-name">Water</span>
+                </li>
+
+            </ul>
+            <h2 en="Instructions" he="הוראות"></h2>
+            <ol id="instructions">
+                <li>
+                    <p
+                        en="df"
+                    ></p>
+                </li>
+
+            </ol>
+        </main>
+    </div>
+
+    <script src="/js/recipes/recipePage.js"></script>
+    <script src="/js/recipes/statColors.js"></script>
+</body>
+</html>
\ No newline at end of file


	{{CARBS100g}}g	27g
	{{FIBER100g}}g	19g
	{{SUGAR100g}}g	6g
	{{STARCH100g}}g	2g
	{{GLYCEMICLOAD100g}}	{{GLYCEMICLOADSERVING}}