add container helpers; constuct public directory-tree

10 files changed, 1262 insertions, 0 deletions

diff --git a/html/processed-views/modals/Login.html b/html/processed-views/modals/Login.html
new file mode 100644
index 0000000..b1d8b3c
--- /dev/null
+++ b/html/processed-views/modals/Login.html
@@ -0,0 +1,94 @@
+<div class="modal modal--l modal--noSpaces open" data-plugin-modal="">
+	<div class="modal__bg modal__close"></div>
+	<div class="modal__wrap">
+		<button class="modal__close modal__closeButton iconButton iconButton--s iconButton--black icon-close"></button>
+		<div class="modal__content">
+			<div class="loginWrap">
+				<div class="loginWrap__img">
+
+					<figure>
+						<picture>
+							<source data-srcset="/images/580x793/png/Files/login.webp" type="image/webp"
+								class="lazysrcset">
+							<source data-srcset="/images/580x793/png/Files/login.jp2" type="image/jp2"
+								class="lazysrcset">
+
+
+							<img data-src="/images/580x793/png/Files/login.png" alt="Alt text" class="lazy">
+						</picture>
+					</figure>
+				</div>
+				<div class="loginWrap__form">
+					<h2 class="modal__title">Είσοδος</h2>
+					<form class="form form--full" data-qa="login_form">
+						<div class="form__row">
+							<div class="field field--full">
+								<div class="field__inner">
+
+
+									<div class="field__wrap ">
+										<label class="field__label" for="email">Email*</label>
+										<input class="field__input" id="email" type="email">
+									</div>
+
+								</div>
+							</div>
+						</div>
+						<div class="form__row">
+							<div class="field field--full">
+								<div class="field__inner">
+
+
+									<div class="field__wrap ">
+										<label class="field__label" for="password">Κωδικός*</label>
+										<input class="field__input field__input--password" id="password"
+											type="password">
+										<button class="iconButton togglePassword" data-plugin-password=""></button>
+
+
+									</div>
+								</div>
+								<div class="field__more field__more--center">
+									<a href="Login.html#" class="link">Ξεχάσατε τον κωδικό σας;</a>
+								</div>
+							</div>
+						</div>
+						<div class="form__row">
+							<div class="field field--full">
+								<div class="field__inner">
+									<div class="field__wrap checkboxes">
+
+
+										<div class="checkbox ">
+											<label class="checkbox__label" for="loginCheck">
+												<input class="checkbox__input" type="checkbox" id="loginCheck"
+													name="loginCheck">
+												<span class="checkbox__icon icon"></span>
+												Αποθήκευση των στοιχείων μου
+
+											</label>
+
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+						<div class="field field--submit">
+							<button data-qa="form_submit" class="button button--full" type="submit">Είσοδος</button>
+						</div>
+					</form>
+					<div class="registerPromo">
+						<p class="text text--s">Εάν εγγραφείτε θα έχετε τη δυνατότητα να:</p>
+						<ul class="listS">
+							<li>Αποθήκευσετε περισσότερες διευθύνσεις παράδοσης</li>
+							<li>Παρακολούθησετε τις Παραγγελίες σας</li>
+							<li>Τήρησητε το Ιστορικό Παραγγελιών</li>
+							<li>Δημιουργήσετε προσωπικές Λίστες</li>
+						</ul>
+						<a href="Login.html#" class="button button--border button--full">Εγγραφή</a>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
\ No newline at end of file
diff --git a/html/processed-views/modals/My_Lists_Add.html b/html/processed-views/modals/My_Lists_Add.html
new file mode 100644
index 0000000..02205b9
--- /dev/null
+++ b/html/processed-views/modals/My_Lists_Add.html
@@ -0,0 +1,680 @@
+<div class="modal modal--l open" data-plugin-modal="">
+	<div class="modal__bg modal__close"></div>
+	<div class="modal__wrap">
+		<button class="modal__close modal__closeButton iconButton iconButton--s iconButton--black icon-close"></button>
+		<h2 class="modal__title">Δημιουργία νέας Λίστας</h2>
+		<p>Επιλέξτε όνομα και εικονίδιο για την Λίστα σας!</p>
+		<div class="formWrap formWrap--center">
+			<form class="form form--s" data-qa="addList">
+				<div class="form__row">
+					<div class="field field--full">
+						<div class="field__inner">
+
+
+
+							<div class="field__wrap ">
+								<label class="field__label" for="listname">Όνομα Λίστας</label>
+								<input class="field__input" id="listname" type="text">
+
+
+							</div>
+
+						</div>
+					</div>
+				</div>
+				<div class="form__row">
+					<div class="field field--full">
+						<div class="field__inner">
+
+
+							<fieldset>
+								<legend class="field__label">Εικονίδιο Λίστας</legend>
+								<div class="radiobuttons radiobuttons--icons radiobuttons--scrollV">
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_0">
+											<input class="radiobutton__input" type="radio" id="icon_0" name="icon"
+												value="Item_0">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_1">
+											<input class="radiobutton__input" type="radio" id="icon_1" name="icon"
+												value="Item_1">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_2">
+											<input class="radiobutton__input" type="radio" id="icon_2" name="icon"
+												value="Item_2">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_3">
+											<input class="radiobutton__input" type="radio" id="icon_3" name="icon"
+												value="Item_3">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_4">
+											<input class="radiobutton__input" type="radio" id="icon_4" name="icon"
+												value="Item_4">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_5">
+											<input class="radiobutton__input" type="radio" id="icon_5" name="icon"
+												value="Item_5">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_6">
+											<input class="radiobutton__input" type="radio" id="icon_6" name="icon"
+												value="Item_6">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_7">
+											<input class="radiobutton__input" type="radio" id="icon_7" name="icon"
+												value="Item_7">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_8">
+											<input class="radiobutton__input" type="radio" id="icon_8" name="icon"
+												value="Item_8">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_9">
+											<input class="radiobutton__input" type="radio" id="icon_9" name="icon"
+												value="Item_9">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_10">
+											<input class="radiobutton__input" type="radio" id="icon_10" name="icon"
+												value="Item_10">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_11">
+											<input class="radiobutton__input" type="radio" id="icon_11" name="icon"
+												value="Item_11">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_12">
+											<input class="radiobutton__input" type="radio" id="icon_12" name="icon"
+												value="Item_12">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_13">
+											<input class="radiobutton__input" type="radio" id="icon_13" name="icon"
+												value="Item_13">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_14">
+											<input class="radiobutton__input" type="radio" id="icon_14" name="icon"
+												value="Item_14">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_15">
+											<input class="radiobutton__input" type="radio" id="icon_15" name="icon"
+												value="Item_15">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_16">
+											<input class="radiobutton__input" type="radio" id="icon_16" name="icon"
+												value="Item_16">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_17">
+											<input class="radiobutton__input" type="radio" id="icon_17" name="icon"
+												value="Item_17">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_18">
+											<input class="radiobutton__input" type="radio" id="icon_18" name="icon"
+												value="Item_18">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_19">
+											<input class="radiobutton__input" type="radio" id="icon_19" name="icon"
+												value="Item_19">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_20">
+											<input class="radiobutton__input" type="radio" id="icon_20" name="icon"
+												value="Item_20">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_21">
+											<input class="radiobutton__input" type="radio" id="icon_21" name="icon"
+												value="Item_21">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_22">
+											<input class="radiobutton__input" type="radio" id="icon_22" name="icon"
+												value="Item_22">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_23">
+											<input class="radiobutton__input" type="radio" id="icon_23" name="icon"
+												value="Item_23">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_24">
+											<input class="radiobutton__input" type="radio" id="icon_24" name="icon"
+												value="Item_24">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_25">
+											<input class="radiobutton__input" type="radio" id="icon_25" name="icon"
+												value="Item_25">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_26">
+											<input class="radiobutton__input" type="radio" id="icon_26" name="icon"
+												value="Item_26">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_27">
+											<input class="radiobutton__input" type="radio" id="icon_27" name="icon"
+												value="Item_27">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_28">
+											<input class="radiobutton__input" type="radio" id="icon_28" name="icon"
+												value="Item_28">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_29">
+											<input class="radiobutton__input" type="radio" id="icon_29" name="icon"
+												value="Item_29">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_30">
+											<input class="radiobutton__input" type="radio" id="icon_30" name="icon"
+												value="Item_30">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_31">
+											<input class="radiobutton__input" type="radio" id="icon_31" name="icon"
+												value="Item_31">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_32">
+											<input class="radiobutton__input" type="radio" id="icon_32" name="icon"
+												value="Item_32">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_33">
+											<input class="radiobutton__input" type="radio" id="icon_33" name="icon"
+												value="Item_33">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_34">
+											<input class="radiobutton__input" type="radio" id="icon_34" name="icon"
+												value="Item_34">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_35">
+											<input class="radiobutton__input" type="radio" id="icon_35" name="icon"
+												value="Item_35">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_36">
+											<input class="radiobutton__input" type="radio" id="icon_36" name="icon"
+												value="Item_36">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_37">
+											<input class="radiobutton__input" type="radio" id="icon_37" name="icon"
+												value="Item_37">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_38">
+											<input class="radiobutton__input" type="radio" id="icon_38" name="icon"
+												value="Item_38">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_39">
+											<input class="radiobutton__input" type="radio" id="icon_39" name="icon"
+												value="Item_39">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_40">
+											<input class="radiobutton__input" type="radio" id="icon_40" name="icon"
+												value="Item_40">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_41">
+											<input class="radiobutton__input" type="radio" id="icon_41" name="icon"
+												value="Item_41">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_42">
+											<input class="radiobutton__input" type="radio" id="icon_42" name="icon"
+												value="Item_42">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_43">
+											<input class="radiobutton__input" type="radio" id="icon_43" name="icon"
+												value="Item_43">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_44">
+											<input class="radiobutton__input" type="radio" id="icon_44" name="icon"
+												value="Item_44">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_45">
+											<input class="radiobutton__input" type="radio" id="icon_45" name="icon"
+												value="Item_45">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_46">
+											<input class="radiobutton__input" type="radio" id="icon_46" name="icon"
+												value="Item_46">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_47">
+											<input class="radiobutton__input" type="radio" id="icon_47" name="icon"
+												value="Item_47">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_48">
+											<input class="radiobutton__input" type="radio" id="icon_48" name="icon"
+												value="Item_48">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_49">
+											<input class="radiobutton__input" type="radio" id="icon_49" name="icon"
+												value="Item_49">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_50">
+											<input class="radiobutton__input" type="radio" id="icon_50" name="icon"
+												value="Item_50">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_51">
+											<input class="radiobutton__input" type="radio" id="icon_51" name="icon"
+												value="Item_51">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_52">
+											<input class="radiobutton__input" type="radio" id="icon_52" name="icon"
+												value="Item_52">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_53">
+											<input class="radiobutton__input" type="radio" id="icon_53" name="icon"
+												value="Item_53">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_54">
+											<input class="radiobutton__input" type="radio" id="icon_54" name="icon"
+												value="Item_54">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon">
+										<label class="radiobutton__label" for="icon_55">
+											<input class="radiobutton__input" type="radio" id="icon_55" name="icon"
+												value="Item_55">
+											<span class="radiobutton__icon">
+												<span class="icon icon-fav"></span>
+											</span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyIcon disabled">
+										<label class="radiobutton__label" for="icon_56">
+											<input class="radiobutton__input" type="radio" id="icon_56" name="icon"
+												value="Item_56" disabled="">
+											<span class="radiobutton__icon">
+
+												<figure>
+													<picture>
+														<source
+															data-srcset="/images/32x32/png/Content/media/sampleColor.webp"
+															type="image/webp" class="lazysrcset">
+														<source
+															data-srcset="/images/32x32/png/Content/media/sampleColor.jp2"
+															type="image/jp2" class="lazysrcset">
+
+
+														<img data-src="/images/32x32/png/Content/media/sampleColor.png"
+															alt="Alt text" class="lazy">
+													</picture>
+												</figure>
+											</span>
+										</label>
+									</div>
+								</div>
+							</fieldset>
+
+						</div>
+					</div>
+				</div>
+				<div class="form__row">
+					<div class="field field--full">
+						<div class="field__inner">
+
+							<fieldset>
+								<legend class="field__label">Φόντο Λίστας</legend>
+								<div class="radiobuttons radiobuttons--colors">
+									<div class="radiobutton radiobutton--onlyColor">
+										<label class="radiobutton__label" for="color_0">
+											<input class="radiobutton__input" type="radio" id="color_0" name="color"
+												value="Item_0">
+											<span class="radiobutton__icon" style="background-color:#895988"></span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyColor">
+										<label class="radiobutton__label" for="color_1">
+											<input class="radiobutton__input" type="radio" id="color_1" name="color"
+												value="Item_1">
+											<span class="radiobutton__icon" style="background-color:#979476"></span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyColor">
+										<label class="radiobutton__label" for="color_2">
+											<input class="radiobutton__input" type="radio" id="color_2" name="color"
+												value="Item_2">
+											<span class="radiobutton__icon" style="background-color:#269129"></span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyColor">
+										<label class="radiobutton__label" for="color_3">
+											<input class="radiobutton__input" type="radio" id="color_3" name="color"
+												value="Item_3">
+											<span class="radiobutton__icon" style="background-color:#550870"></span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyColor">
+										<label class="radiobutton__label" for="color_4">
+											<input class="radiobutton__input" type="radio" id="color_4" name="color"
+												value="Item_4">
+											<span class="radiobutton__icon" style="background-color:#216667"></span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyColor">
+										<label class="radiobutton__label" for="color_5">
+											<input class="radiobutton__input" type="radio" id="color_5" name="color"
+												value="Item_5">
+											<span class="radiobutton__icon" style="background-color:#163841"></span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyColor">
+										<label class="radiobutton__label" for="color_6">
+											<input class="radiobutton__input" type="radio" id="color_6" name="color"
+												value="Item_6">
+											<span class="radiobutton__icon" style="background-color:#249438"></span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyColor">
+										<label class="radiobutton__label" for="color_7">
+											<input class="radiobutton__input" type="radio" id="color_7" name="color"
+												value="Item_7">
+											<span class="radiobutton__icon" style="background-color:#122902"></span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyColor">
+										<label class="radiobutton__label" for="color_8">
+											<input class="radiobutton__input" type="radio" id="color_8" name="color"
+												value="Item_8">
+											<span class="radiobutton__icon" style="background-color:#662688"></span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyColor">
+										<label class="radiobutton__label" for="color_9">
+											<input class="radiobutton__input" type="radio" id="color_9" name="color"
+												value="Item_9">
+											<span class="radiobutton__icon" style="background-color:#108901"></span>
+										</label>
+									</div>
+									<div class="radiobutton radiobutton--onlyColor disabled">
+										<label class="radiobutton__label" for="color_10">
+											<input class="radiobutton__input" type="radio" id="color_10" name="color"
+												value="Item_10" disabled="">
+											<span class="radiobutton__icon">
+
+												<figure>
+													<picture>
+														<source
+															data-srcset="/images/32x32/png/Content/media/sampleColor.webp"
+															type="image/webp" class="lazysrcset">
+														<source
+															data-srcset="/images/32x32/png/Content/media/sampleColor.jp2"
+															type="image/jp2" class="lazysrcset">
+
+
+														<img data-src="/images/32x32/png/Content/media/sampleColor.png"
+															alt="Alt text" class="lazy">
+													</picture>
+												</figure>
+											</span>
+										</label>
+									</div>
+								</div>
+							</fieldset>
+
+						</div>
+					</div>
+				</div>
+				<div class="form__row">
+					<div class="field field--full field--submit">
+						<button data-qa="form_submit" class="button" type="submit">Δημιουργία</button>
+					</div>
+				</div>
+			</form>
+		</div>
+	</div>
+</div>
\ No newline at end of file
diff --git a/html/processed-views/modals/My_Lists_Delete.html b/html/processed-views/modals/My_Lists_Delete.html
new file mode 100644
index 0000000..79cecf1
--- /dev/null
+++ b/html/processed-views/modals/My_Lists_Delete.html
@@ -0,0 +1,12 @@
+<div class="modal modal--s open" data-plugin-modal="">
+	<div class="modal__bg modal__close"></div>
+	<div class="modal__wrap">
+		<button class="modal__close modal__closeButton iconButton iconButton--s iconButton--black icon-close"></button>
+		<h2 class="modal__title">Διαγραφή Λίστας</h2>
+		<p>Eίστε σίγουροι ότι θέλετε να διαγράψετε την Λίστα “Χριστούγεννα”; H Λίστα περιέχει 23 προϊόντα.</p>
+		<div class="btnWrap btnWrap--hCenter">
+			<button class="button button--border">Ακύρωση</button>
+			<button class="button">Διαγραφή</button>
+		</div>
+	</div>
+</div>
\ No newline at end of file
diff --git a/html/processed-views/modals/Register.html b/html/processed-views/modals/Register.html
new file mode 100644
index 0000000..fbbebdc
--- /dev/null
+++ b/html/processed-views/modals/Register.html
@@ -0,0 +1,340 @@
+<div class="modal modal--full open" data-plugin-modal="">
+	<div class="modal__bg modal__close"></div>
+	<div class="modal__wrap">
+		<button class="modal__close modal__closeButton iconButton iconButton--s iconButton--black icon-close"></button>
+		<div class="modal__content">
+
+			<div class="registrationForm">
+				<h2 class="modal__title">Εγγραφή νέου χρήστη</h2>
+				<div class="formWrap formWrap--center">
+					<form class="form" data-qa="form_register">
+						<h3 class="form__title">Είδος Λογαριασμού</h3>
+						<div class="form__row">
+							<div class="field field--full">
+								<div class="field__inner">
+									<div class="radiobuttons radiobuttons--toggle">
+
+
+										<div class="radiobutton ">
+											<label class="radiobutton__label" for="personal">
+												<input class="radiobutton__input" type="radio" id="personal"
+													name="accounttype">
+												<span class="radiobutton__icon icon"></span>
+												<span class="radiobutton__text">Προσωπικός</span>
+											</label>
+										</div>
+
+
+										<div class="radiobutton ">
+											<label class="radiobutton__label" for="company">
+												<input class="radiobutton__input" type="radio" id="company"
+													name="accounttype">
+												<span class="radiobutton__icon icon"></span>
+												<span class="radiobutton__text">Εταιρικός</span>
+											</label>
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+						<div class="form__row">
+							<div class="field field--half">
+								<div class="field__inner">
+
+
+									<div class="field__wrap ">
+										<label class="field__label" for="afm">Εταιρικός ΑΦΜ *</label>
+										<input class="field__input" id="afm" type="number">
+									</div>
+
+								</div>
+							</div>
+							<div class="field field--half">
+								<div class="field__inner">
+
+									<div class="field__wrap ">
+										<label class="field__label" for="eponymia">Επωνυμία</label>
+										<input class="field__input" id="eponymia" type="text" readonly="">
+
+
+									</div>
+
+								</div>
+							</div>
+						</div>
+						<div class="form__row">
+							<div class="field field--half">
+								<div class="field__inner">
+
+									<div class="field__wrap ">
+										<label class="field__label" for="job">Επάγγελμα</label>
+										<input class="field__input" id="job" type="text" readonly="">
+
+									</div>
+
+								</div>
+							</div>
+							<div class="field field--half">
+								<div class="field__inner">
+
+
+
+									<div class="field__wrap ">
+										<label class="field__label" for="doy">ΔΟΥ</label>
+										<input class="field__input" id="doy" type="text" readonly="">
+
+
+									</div>
+
+								</div>
+							</div>
+						</div>
+
+						<div class="form__row">
+							<div class="field field--small">
+								<div class="field__inner">
+
+
+									<div class="field__wrap ">
+										<label class="field__label" for="region">Προσφώνηση *</label>
+										<div class="select" data-plugin-select="">
+											<div class="select__main">
+												<button class="select__button">
+													<span class="select__placeholder">
+														Επίλεξε
+													</span>
+												</button>
+												<div class="select__listWrap">
+													<ul class="select__list">
+														<li class="select__option" data-value="option1">Option 1</li>
+														<li class="select__option" data-value="option2">Option 2</li>
+														<li class="select__option" data-value="option3">Option 3</li>
+														<li class="select__option" data-value="option4">Option 4</li>
+														<li class="select__option" data-value="option5">Option 5</li>
+														<li class="select__option" data-value="option6">Option 6</li>
+														<li class="select__option" data-value="option7">Option 7</li>
+														<li class="select__option" data-value="option8">Option 8</li>
+													</ul>
+												</div>
+											</div>
+											<input type="hidden" class="select__input">
+										</div>
+
+
+									</div>
+
+								</div>
+							</div>
+						</div>
+						<div class="form__row">
+							<div class="field field--half">
+								<div class="field__inner">
+
+
+
+									<div class="field__wrap ">
+										<label class="field__label" for="name">'Ονομα*</label>
+										<input class="field__input" id="name" type="text">
+
+
+									</div>
+
+								</div>
+							</div>
+							<div class="field field--half">
+								<div class="field__inner">
+
+
+
+									<div class="field__wrap ">
+										<label class="field__label" for="surname">Επώνυμο *</label>
+										<input class="field__input" id="surname" type="text">
+
+
+									</div>
+
+								</div>
+							</div>
+						</div>
+						<div class="form__row">
+							<div class="field field--half">
+								<div class="field__inner">
+
+
+									<div class="field__wrap ">
+										<label class="field__label" for="tel">Kινητό *</label>
+										<input class="field__input" id="tel" type="tel">
+									</div>
+
+								</div>
+							</div>
+							<div class="field field--half">
+								<div class="field__inner">
+
+
+									<div class="field__wrap ">
+										<label class="field__label" for="telland">Σταθερό Τηλέφωνο</label>
+										<input class="field__input" id="telland" type="tel">
+									</div>
+
+								</div>
+							</div>
+						</div>
+						<div class="form__row">
+							<div class="field field--half">
+								<div class="field__inner">
+
+
+									<div class="field__wrap ">
+										<label class="field__label" for="email">Email *</label>
+										<input class="field__input" id="email" type="email">
+									</div>
+
+								</div>
+							</div>
+							<div class="field field--half">
+								<div class="field__inner">
+
+
+									<div class="field__wrap ">
+										<label class="field__label" for="password">Κωδικός πρόσβασης *</label>
+										<input class="field__input field__input--password" id="password"
+											type="password">
+										<button class="iconButton togglePassword" data-plugin-password=""></button>
+
+
+									</div>
+								</div>
+								<div class="field__more field__more--spaceS">
+									<div class="passwordValidation">
+										<p>Ο κωδικός πρόσβασης πρέπει να περιέχει 6 έως 25 χαρακτήρες, χωρίς κενά, οι
+											οποίοι μπορεί να είναι λατινικά γράμματα, αριθμοί ή και τα σύμβολα !@#$+_-
+										</p>
+									</div>
+
+								</div>
+							</div>
+						</div>
+						<h3 class="form__title">Διεύθυνση</h3>
+						<div class="form__row">
+							<div class="field field--full">
+								<div class="field__inner">
+
+									<div class="field__wrap ">
+										<label class="field__label" for="address2">Οδός &amp; αριθμός</label>
+										<input class="field__input" id="address2" type="text" readonly="">
+
+
+									</div>
+
+								</div>
+							</div>
+							<div class="field field--small">
+								<div class="field__inner">
+
+									<div class="field__wrap ">
+										<label class="field__label" for="floor2">Όροφος</label>
+										<input class="field__input" id="floor2" type="text">
+
+
+									</div>
+
+								</div>
+							</div>
+						</div>
+						<div class="form__row">
+							<div class="field field--full">
+								<div class="field__inner">
+
+									<div class="field__wrap ">
+										<label class="field__label" for="city2">Περιοχή *</label>
+										<input class="field__input" id="city2" type="text" value="Αγία Παρασκευή"
+											readonly="">
+
+
+									</div>
+
+								</div>
+							</div>
+							<div class="field field--small">
+								<div class="field__inner">
+
+
+
+									<div class="field__wrap ">
+										<label class="field__label" for="zipcode2">Ταχ. κώδικας</label>
+										<input class="field__input" id="zipcode2" type="text" value="15443" readonly="">
+
+
+									</div>
+
+								</div>
+							</div>
+						</div>
+						<div class="form__row">
+							<div class="field field--full">
+								<div class="field__inner">
+
+
+
+									<div class="field__wrap ">
+										<label class="field__label" for="region2">Νομός/Περιφέρεια</label>
+										<input class="field__input" id="region2" type="text" value="Αττικής"
+											readonly="">
+
+
+									</div>
+
+								</div>
+							</div>
+						</div>
+						<div class="form__row">
+							<div class="field field--full field--comments">
+								<div class="field__inner">
+
+
+									<div class="field__wrap ">
+										<label class="field__label" for="comments">Οδηγίες παράδοσης</label>
+										<div class="textarea">
+											<textarea class="textarea__field" id="comments"
+												placeholder="Γράψτε το σχόλιό σας πχ. οδηγίες για την παράδοση, διευκρίνιση για προϊόν κ.λπ."></textarea>
+										</div>
+
+
+									</div>
+
+								</div>
+							</div>
+						</div>
+
+						<div class="formTip formTip--border">
+							<p>Τα πεδία με (*) είναι υποχρεωτικά</p>
+						</div>
+						<div class="field field field--centered">
+							<div class="field__inner">
+
+
+								<div class="checkbox ">
+									<label class="checkbox__label" for="terms">
+										<input class="checkbox__input" type="checkbox" id="terms" name="terms">
+										<span class="checkbox__icon icon"></span>
+										Έχω διαβάσει και αποδέχομαι τους όρους χρήσης και την πολιτική απορρήτου.*
+
+									</label>
+
+								</div>
+							</div>
+						</div>
+						<div class="field field--submit">
+							<div class="btnWrap btnWrap--hCenter">
+								<button data-qa="form_back" class="button button--border">Προηγούμενο</button>
+								<button data-qa="form_submit" class="button widthAuto" type="submit">Εγγραφή</button>
+							</div>
+						</div>
+					</form>
+				</div>
+			</div>
+
+		</div>
+	</div>
+</div>
\ No newline at end of file
diff --git a/html/processed-views/modals/Reset_Password.html b/html/processed-views/modals/Reset_Password.html
new file mode 100644
index 0000000..068741d
--- /dev/null
+++ b/html/processed-views/modals/Reset_Password.html
@@ -0,0 +1,29 @@
+<div class="modal modal--l open" data-plugin-modal="">
+	<div class="modal__bg modal__close"></div>
+	<div class="modal__wrap">
+		<button class="modal__close modal__closeButton iconButton iconButton--s iconButton--black icon-close"></button>
+		<div class="modal__titleWrap">
+			<h2 class="modal__title">Αίτημα αλλαγής κωδικού</h2>
+		</div>
+		<div class="formWrap formWrap--center">
+			<form class="form form--s" data-qa="form_reset_password">
+				<div class="form__row">
+					<div class="field field--full">
+						<div class="field__inner">
+
+
+							<div class="field__wrap ">
+								<label class="field__label" for="email">Email*</label>
+								<input class="field__input" id="email" type="email">
+							</div>
+
+						</div>
+					</div>
+				</div>
+				<div class="field field--submit">
+					<button data-qa="form_submit" class="button widthAuto" type="submit">Επιβεβαίωση</button>
+				</div>
+			</form>
+		</div>
+	</div>
+</div>
\ No newline at end of file
diff --git a/html/processed-views/modals/Reset_Password2.html b/html/processed-views/modals/Reset_Password2.html
new file mode 100644
index 0000000..ab3742a
--- /dev/null
+++ b/html/processed-views/modals/Reset_Password2.html
@@ -0,0 +1,15 @@
+<div class="modal modal--l open" data-plugin-modal="">
+	<div class="modal__bg modal__close"></div>
+	<div class="modal__wrap">
+		<button class="modal__close modal__closeButton iconButton iconButton--s iconButton--black icon-close"></button>
+		<div class="modal__titleWrap">
+			<h2 class="modal__title">Αίτημα αλλαγής κωδικού</h2>
+		</div>
+		<div class="formWrap formWrap--center">
+			<div class="statusBox statusBox--success">
+				<div class="statusBox__icon icon-mailCircle"></div>
+				<p>Σας έχουμε αποστείλει email.</p>
+			</div>
+		</div>
+	</div>
+</div>
\ No newline at end of file
diff --git a/html/processed-views/modals/Set_New_Password.html b/html/processed-views/modals/Set_New_Password.html
new file mode 100644
index 0000000..5d00c7d
--- /dev/null
+++ b/html/processed-views/modals/Set_New_Password.html
@@ -0,0 +1,51 @@
+<div class="modal modal--l open" data-plugin-modal="">
+	<div class="modal__bg modal__close"></div>
+	<div class="modal__wrap">
+		<button class="modal__close modal__closeButton iconButton iconButton--s iconButton--black icon-close"></button>
+		<div class="modal__titleWrap">
+			<h2 class="modal__title">Δημιουργία νέου κωδικού πρόσβασης</h2>
+		</div>
+		<div class="formWrap formWrap--center">
+			<form class="form" data-qa="form_reset_password">
+				<div class="form__row">
+					<div class="field field--half">
+						<div class="field__inner">
+
+
+							<div class="field__wrap ">
+								<label class="field__label" for="password">Νέος κωδικός</label>
+								<input class="field__input field__input--password" id="password" type="password">
+								<button class="iconButton togglePassword" data-plugin-password=""></button>
+
+
+							</div>
+						</div>
+						<div class="field__more field__more--spaceS">
+							<div class="passwordValidation">
+								<p>Ο κωδικός πρόσβασης πρέπει να περιέχει 6 έως 25 χαρακτήρες, χωρίς κενά, οι οποίοι
+									μπορεί να είναι λατινικά γράμματα, αριθμοί ή και τα σύμβολα !@#$+_-</p>
+							</div>
+
+						</div>
+					</div>
+					<div class="field field--half">
+						<div class="field__inner">
+
+
+							<div class="field__wrap ">
+								<label class="field__label" for="password2">Επιβεβαίωση νέου κωδικού</label>
+								<input class="field__input field__input--password" id="password2" type="password">
+								<button class="iconButton togglePassword" data-plugin-password=""></button>
+
+
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="field field--submit">
+					<button data-qa="form_submit" class="button widthAuto" type="submit">Αποθήκευση</button>
+				</div>
+			</form>
+		</div>
+	</div>
+</div>
\ No newline at end of file
diff --git a/html/processed-views/modals/Set_New_Password2.html b/html/processed-views/modals/Set_New_Password2.html
new file mode 100644
index 0000000..d88281a
--- /dev/null
+++ b/html/processed-views/modals/Set_New_Password2.html
@@ -0,0 +1,18 @@
+<div class="modal modal--l open" data-plugin-modal="">
+	<div class="modal__bg modal__close"></div>
+	<div class="modal__wrap">
+		<button class="modal__close modal__closeButton iconButton iconButton--s iconButton--black icon-close"></button>
+		<div class="modal__titleWrap">
+			<h2 class="modal__title">Αίτημα αλλαγής κωδικού</h2>
+		</div>
+		<div class="formWrap formWrap--center">
+			<div class="statusBox statusBox--success">
+				<div class="statusBox__icon icon-tickOutline"></div>
+				<p>
+					Ο νέος σας κωδικός αποθηκεύτηκε.<br>
+					Σας ευχαριστούμε
+				</p>
+			</div>
+		</div>
+	</div>
+</div>
\ No newline at end of file
diff --git a/html/processed-views/modals/User_Account_Delete_Card.html b/html/processed-views/modals/User_Account_Delete_Card.html
new file mode 100644
index 0000000..86d4ccc
--- /dev/null
+++ b/html/processed-views/modals/User_Account_Delete_Card.html
@@ -0,0 +1,11 @@
+<div class="modal modal--l open" data-plugin-modal="">
+	<div class="modal__bg modal__close"></div>
+	<div class="modal__wrap">
+		<button class="modal__close modal__closeButton iconButton iconButton--s iconButton--black icon-close"></button>
+		<h2 class="modal__title">Επιθυμείτε να διαγράψετε αυτήν την κάρτα από τον λογαριασμό σας;</h2>
+		<div class="btnWrap btnWrap--hCenter">
+			<button class="button button--border">Ναι</button>
+			<button class="button">Όχι</button>
+		</div>
+	</div>
+</div>
\ No newline at end of file
diff --git a/html/processed-views/modals/User_Account_Order_History_DeleteOrder.html b/html/processed-views/modals/User_Account_Order_History_DeleteOrder.html
new file mode 100644
index 0000000..24c94ac
--- /dev/null
+++ b/html/processed-views/modals/User_Account_Order_History_DeleteOrder.html
@@ -0,0 +1,12 @@
+<div class="modal modal--l open" data-plugin-modal="">
+	<div class="modal__bg modal__close"></div>
+	<div class="modal__wrap">
+		<button class="modal__close modal__closeButton iconButton iconButton--s iconButton--black icon-close"></button>
+		<h2 class="modal__title">Eπιθυμείτε να διαγράψετε την Παραγγελία σας από το ιστορικό σας;</h2>
+		<p>Δεν θα μπορέσετε να αναιρέσετε αυτή την ενέργεια.</p>
+		<div class="btnWrap btnWrap--hCenter">
+			<button class="button button--border">Ακύρωση</button>
+			<button class="button">Επιβεβαίωση</button>
+		</div>
+	</div>
+</div>
\ No newline at end of file