add container helpers; constuct public directory-tree

1 files changed, 680 insertions, 0 deletions

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