add container helpers; constuct public directory-tree

5 files changed, 704 insertions, 0 deletions

diff --git a/html/processed-views/partials/Loader.html b/html/processed-views/partials/Loader.html
new file mode 100644
index 0000000..81ea0ce
--- /dev/null
+++ b/html/processed-views/partials/Loader.html
@@ -0,0 +1,11 @@
+<div class="result result--fullheight">
+        <div class="result__content">
+            <div class="loader loader--circle">
+                <span class="loader__inner">
+                    <span class="loader__circle"></span>
+                </span>
+            </div>
+
+            <p class="result__title">Παρακαλούμε περιμένετε...</p>
+        </div>
+    </div>
\ No newline at end of file
diff --git a/html/processed-views/partials/ProductTile__body b/html/processed-views/partials/ProductTile__body
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/html/processed-views/partials/ProductTile__body
diff --git a/html/processed-views/partials/ProductTile__button b/html/processed-views/partials/ProductTile__button
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/html/processed-views/partials/ProductTile__button
diff --git a/html/processed-views/partials/footer.php b/html/processed-views/partials/footer.php
new file mode 100644
index 0000000..69ecebc
--- /dev/null
+++ b/html/processed-views/partials/footer.php
@@ -0,0 +1,178 @@
+<footer class="footer">
+
+    <section class="newsletter">
+
+        <div class="wrapper">
+            <div class="newsletter__inner">
+                
+                <form id="newsletterform" class="newsletter__form">
+                    <label class="newsletter__label" for="NewsletterEmail">
+                        Ανακάλυψε πρώτος τις προσφορές μας
+                    </label>
+                    <div class="newsletter__main">
+                        <div class="newsletter__field">
+                            <div class="newsletter__inputs">
+                                <input id="NewsletterEmail" class="newsletter__input" type="email"
+                                    placeholder="Συμπλήρωσε το email σου" name="NewsletterEmail">
+                                <input class="newsletter__submit button" type="submit" value="Εγγραφή"
+                                    data-qa="newsletterSubmit">
+                            </div>
+                            <div id="newsletterStatusMessageError" class="statusMessage statusMessage--error">Χρειάζεται
+                                να αποδεχτείτε τους όρους χρήσης</div>
+                            <div id="newsletterStatusMessageSuccess" class="statusMessage statusMessage--success">Έχετε
+                                εγγραφεί επιτυχώς!</div>
+                        </div>
+                        <div class="newsletter__terms">
+                            <div class="checkbox">
+                                <label class="checkbox__label" for="NewsletterTermOfUse">
+                                    <input class="checkbox__input" id="NewsletterTermOfUse" name="NewsletterTermOfUse"
+                                        type="checkbox">
+                                    <span class="checkbox__icon icon"></span>
+                                    Συμφωνώ με τους <a href="Contact.html#">Όρους χρήσης</a>
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+                </form>
+
+                <div class="newsletter__social">
+                    <div class="social" data-qa="socialList">
+                        <p>Ακολουθήστε μας</p>
+                        <ul class="social__list">
+                            <li class="social__item">
+                                <a class="social__link icon-facebook" href="Contact.html#" target="_blank"
+                                    title="facebook"></a>
+                            </li>
+                            <li class="social__item">
+                                <a class="social__link icon-twitter" href="Contact.html#" target="_blank"
+                                    title="twitter"></a>
+                            </li>
+                            <li class="social__item">
+                                <a class="social__link icon-youtube" href="Contact.html#" target="_blank"
+                                    title="youtube"></a>
+                            </li>
+                            <li class="social__item">
+                                <a class="social__link icon-instagram" href="Contact.html#" target="_blank"
+                                    title="instagram"></a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+
+            </div>
+        </div>
+
+    </section>
+
+    <div class="wrapper">
+        <div class="footer__main">
+
+            <div class="footer__col">
+                <h3 class="footer__title">
+                    Η ΠΑΡΑΓΓΕΛΙΑ ΜΟΥ
+                </h3>
+                <ul class="footer__list">
+                    <li class="footer__listItem">
+                        <a class="footer__listLink" href="Contact.html#">Επιστροφές &amp; αλλαγές</a>
+                    </li>
+                    <li class="footer__listItem">
+                        <a class="footer__listLink" href="Contact.html#">Έξοδα &amp; τρόποι αποστολής</a>
+                    </li>
+                    <li class="footer__listItem">
+                        <a class="footer__listLink" href="Contact.html#">Eξέλιξη παραγγελίας</a>
+                    </li>
+                    <li class="footer__listItem">
+                        <a class="footer__listLink" href="Contact.html#">Ασφαλής τρόποι πληρωμής</a>
+                    </li>
+                    <li class="footer__listItem">
+                        <a class="footer__listLink" href="Contact.html#">Ανάκληση προϊόντων</a>
+                    </li>
+                </ul>
+            </div>
+
+            <div class="footer__col">
+                <h3 class="footer__title">
+                    ΣΧΕΤΙΚΑ ΜΕ ΕΜΑΣ
+                </h3>
+                <ul class="footer__list">
+                    <li class="footer__listItem">
+                        <a class="footer__listLink" href="Contact.html#">Nέα &amp; ανακοινώσεις</a>
+                    </li>
+                    <li class="footer__listItem">
+                        <a class="footer__listLink" href="Contact.html#">Θέσεις εργασίας</a>
+                    </li>
+                    <li class="footer__listItem">
+                        <a class="footer__listLink" href="Contact.html#">Βοήθεια / Υποστήριξη</a>
+                    </li>
+                    <li class="footer__listItem">
+                        <a class="footer__listLink" href="Contact.html#">Προσβασιμότητα ιστοσελίδας</a>
+                    </li>
+                    <li class="footer__listItem">
+                        <a class="footer__listLink" href="Contact.html#">Social / affiliate / business</a>
+                    </li>
+                </ul>
+            </div>
+
+            <div class="footer__col">
+                <h3 class="footer__title">
+                    ΕΠΙΚΟΙΝΩΝΙΑ
+                </h3>
+                <ul class="footer__list">
+                    <li class="footer__listItem">
+                        <a class="footer__listLink" href="Contact.html#">Επικοινωνία</a>
+                    </li>
+                    <li class="footer__listItem">
+                        <a class="footer__listLink" href="Contact.html#">Συχνές ερωτήσεις</a>
+                    </li>
+                </ul>
+
+                <div class="footer__apps">
+                    <p>Kατεβασε την εφαρμογή μας τώρα</p>
+
+                    <div class="footer__appsInner">
+
+                        <a href="Contact.html#" class="footer__appsLink">
+                            <figure>
+                                <picture>
+                                    <source data-srcset="/content/images/140x42/png/Content/media/appstore.webp"
+                                        type="image/webp" class="lazysrcset">
+                                    <source data-srcset="/content/images/140x42/png/Content/media/appstore.jp2" type="image/jp2"
+                                        class="lazysrcset">
+
+                                    <img data-src="/content/images/140x42/png/Content/media/appstore.png" alt="Alt text"
+                                        class="lazy">
+                                </picture>
+                            </figure>
+                        </a>
+
+                        <a href="Contact.html#" class="footer__appsLink">
+                            <figure>
+                                <picture>
+                                    <source data-srcset="/content/images/140x42/png/Content/media/googlePlay.webp"
+                                        type="image/webp" class="lazysrcset">
+                                    <source data-srcset="/content/images/140x42/png/Content/media/googlePlay.jp2"
+                                        type="image/jp2" class="lazysrcset">
+
+                                    <img data-src="/content/images/140x42/png/Content/media/googlePlay.png" alt="Alt text"
+                                        class="lazy">
+                                </picture>
+                            </figure>
+                        </a>
+
+                    </div>
+
+                </div>
+
+            </div>
+        </div>
+
+        <div class="footer__btm">
+            <p class="footer__copy">©2020</p>
+            <a href="https://www.atcom.gr/" target="_blank" rel="noopener" class="footer__atcom"
+                aria-label="Επισκέφτείτε την ιστοσελίδα της ATCOM (ανοίγει σε νέο παράθυρο/καρτέλα)">
+                <img class="lazy" data-src="/content/Media/atcom.svg" alt="ATCOM">
+            </a>
+        </div>
+    </div>
+
+</footer>
\ No newline at end of file
diff --git a/html/processed-views/partials/header.php b/html/processed-views/partials/header.php
new file mode 100644
index 0000000..7a75657
--- /dev/null
+++ b/html/processed-views/partials/header.php
@@ -0,0 +1,515 @@
+<header class="header">
+    <div class="header__top">
+        <div class="wrapper header__topInner">
+            <button class="burgerMenu">
+                <span class="burgerMenu__bar burgerMenu__bar--top"></span>
+                <span class="burgerMenu__bar burgerMenu__bar--middle"></span>
+                <span class="burgerMenu__bar burgerMenu__bar--bottom"></span>
+            </button>
+            <div class="header__logo">
+                <h1><img src="/content/media/logo.svg" alt="atcom"></h1>
+            </div>
+            <div class="header__tools">
+                <div class="header__tool" data-plugin-expand="">
+
+                    <button class="iconButton icon-account userAccountBtn" data-trigger-expand="usermenu">
+                        <span class="userAccountBtn__text">ET</span>
+                    </button>
+                    <div class="userMenu" data-content-expand="usermenu">
+                        <div class="userMenu__overlay"></div>
+                        <div class="userMenu__content">
+                            <ul class="userMenu__list">
+                                <li class="userMenu__listItem"><a class="userMenu__link" href="Contact.html#">Ο
+                                        λογαριασμός μου</a></li>
+                                <li class="userMenu__listItem"><a class="userMenu__link" href="Contact.html#">Προσωπικά
+                                        στοιχεία</a></li>
+                                <li class="userMenu__listItem"><a class="userMenu__link" href="Contact.html#">Οι
+                                        διευθύνσεις μου</a></li>
+                                <li class="userMenu__listItem"><a class="userMenu__link" href="Contact.html#">Οι
+                                        παραγγελίες μου</a></li>
+                                <li class="userMenu__listItem"><a class="userMenu__link" href="Contact.html#">Διαχείριση
+                                        δεδομένων</a></li>
+                                <li class="userMenu__listItem userMenu__listItem--logout"><a class="userMenu__link"
+                                        href="Contact.html#">Αποσύνδεση</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+                <div class="header__tool" data-plugin-expand="">
+                    <button class="iconButton notificationsBtn icon-bell" data-items="2"
+                        data-trigger-expand="notifications"> </button>
+
+                    <div class="notifications" data-content-expand="notifications">
+                        <div class="notifications__overlay" data-trigger-expand="notifications"></div>
+                        <div class="notifications__content">
+                            <button class="notifications__close icon-close"
+                                data-trigger-expand="notifications"></button>
+                            <h6 class="notifications__maintitle">Ειδοποιήσεις</h6>
+                            <ul class="notifications__list">
+                                <li class="notifications__listItem notifications__listItem--unread">
+                                    <div class="notifications__title">Η παραγγελία σου με κωδικό #234524245 είναι σε
+                                        επεξεργασία</div>
+                                    <time class="notifications__date">Σήμερα</time>
+                                </li>
+                                <li class="notifications__listItem notifications__listItem--unread">
+                                    <div class="notifications__title">Έχετε <b>μη διαθέσιμα</b> προϊόντα στο καλάθι σας
+                                    </div>
+                                    <time class="notifications__date">Χθές</time>
+                                </li>
+                                <li class="notifications__listItem">
+                                    <div class="notifications__title">Η παραγγελία σου με κωδικό #234524245 είναι σε
+                                        επεξεργασία</div>
+                                    <time class="notifications__date">Χθές</time>
+                                </li>
+                                <li class="notifications__listItem">
+                                    <div class="notifications__title">Έχετε ένα προϊόν την λίστα Aγαπημένα που έχει
+                                        <b>καταργηθεί</b></div>
+                                    <time class="notifications__date">25/11</time>
+                                </li>
+                                <li class="notifications__listItem">
+                                    <div class="notifications__title">Το δεσμευμένο χρονικό διάστημα της παραγγελίας σου
+                                        λήγει σε 15’</div>
+                                    <time class="notifications__date">17/6</time>
+                                </li>
+                                <li class="notifications__listItem">
+                                    <div class="notifications__title">Έκλεισε το δεσμευμένο χρονικό διάστημα παραγγελίας
+                                    </div>
+                                    <time class="notifications__date">1/2/2020</time>
+                                </li>
+                                <li class="notifications__listItem">
+                                    <div class="notifications__title">Τώρα, η διεύθυνση σας Χίου 45, Χαλκίδα
+                                        εξυπηρετείται με Παράδοση στο χώρο σας</div>
+                                    <time class="notifications__date">1/2/2019</time>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+                <div class="header__tool">
+                    <button class="iconButton icon-heart"></button>
+                </div>
+                <div class="header__tool" data-plugin-minicart="">
+                    <a href="Contact.html#" class="iconButton icon-basket open-mini-cart">
+                        <span class="noInfo miniBasketNo">4</span>
+                    </a>
+
+                    <div class="minibasket miniCart">
+                        <div class="minibasket__overlay"></div>
+                        <div class="minibasket__inner">
+                            <div class="miniCart__main">
+                                <div class="minibasket__top">
+                                    <div class="minibasket__header">
+                                        <h3 class="minibasket__title">Το καλάθι μου</h3>
+                                        <button
+                                            class="iconButton iconButton--s iconButton--black icon-close close-mini-cart"></button>
+                                    </div>
+                                    <div class="minibasket__content">
+                                        <div class="minibasket__product">
+                                            <button class="iconButton icon-delete minibasket__remove"></button>
+
+                                            <div class="product product--mini">
+                                                <div class="product__inner">
+                                                    <button class="fav iconButton iconButton--s icon-heart"></button>
+                                                    <div class="product__img">
+
+
+                                                        <figure>
+                                                            <picture>
+                                                                <source
+                                                                    data-srcset="/content/images/300x300/png/Content/media/sampleProduct.webp"
+                                                                    type="image/webp" class="lazysrcset">
+                                                                <source
+                                                                    data-srcset="/content/images/300x300/png/Content/media/sampleProduct.jp2"
+                                                                    type="image/jp2" class="lazysrcset">
+
+
+                                                                <img data-src="/content/images/300x300/png/Content/media/sampleProduct.png"
+                                                                    alt="product" class="lazy">
+                                                            </picture>
+                                                        </figure>
+
+                                                    </div>
+                                                    <div class="product__more">
+                                                        <div>
+                                                            <a href="Contact.html#" class="product__title">
+                                                                Title of product
+                                                            </a>
+                                                            <p class="product__desc">
+                                                                Quantity text here
+                                                            </p>
+                                                        </div>
+                                                        <div class="product__bottom">
+                                                            <div class="product__quantity">
+                                                                Ποσότητα: <span class="bold">1</span>
+                                                            </div>
+
+                                                            <div class="priceContainer">
+                                                                <div class="priceBlock__price priceBlock__price--init">
+                                                                    18,91 €
+                                                                </div>
+                                                                <div class="priceBlock__price">
+                                                                    12,91 €
+                                                                </div>
+                                                                <span class="priceBlock__text">/ κιλό</span>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+
+                                            <p class="text text--pending product__avail">δεν είναι πλέον διαθέσιμο για
+                                                online αγορά</p>
+                                        </div>
+                                        <div class="minibasket__product">
+                                            <button class="iconButton icon-delete minibasket__remove"></button>
+
+                                            <div class="product product--mini">
+                                                <div class="product__inner">
+                                                    <button class="fav iconButton iconButton--s icon-heart"></button>
+                                                    <div class="product__img">
+
+
+                                                        <figure>
+                                                            <picture>
+                                                                <source
+                                                                    data-srcset="/content/images/300x300/png/Content/media/sampleProduct.webp"
+                                                                    type="image/webp" class="lazysrcset">
+                                                                <source
+                                                                    data-srcset="/content/images/300x300/png/Content/media/sampleProduct.jp2"
+                                                                    type="image/jp2" class="lazysrcset">
+
+
+                                                                <img data-src="/content/images/300x300/png/Content/media/sampleProduct.png"
+                                                                    alt="product" class="lazy">
+                                                            </picture>
+                                                        </figure>
+
+                                                    </div>
+                                                    <div class="product__more">
+                                                        <div>
+                                                            <a href="Contact.html#" class="product__title">
+                                                                Title of product
+                                                            </a>
+                                                            <p class="product__desc">
+                                                                Quantity text here
+                                                            </p>
+                                                        </div>
+                                                        <div class="product__bottom">
+                                                            <div class="product__quantity">
+                                                                Ποσότητα: <span class="bold">1</span>
+                                                            </div>
+
+                                                            <div class="priceContainer">
+                                                                <div class="priceBlock__price">
+                                                                    12,91 €
+                                                                </div>
+                                                                <span class="priceBlock__text">/ κιλό</span>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+
+                                        </div>
+                                        <div class="minibasket__product">
+                                            <button class="iconButton icon-delete minibasket__remove"></button>
+
+                                            <div class="product product--mini">
+                                                <div class="product__inner">
+                                                    <button class="fav iconButton iconButton--s icon-heart"></button>
+                                                    <div class="product__img">
+
+
+                                                        <figure>
+                                                            <picture>
+                                                                <source
+                                                                    data-srcset="/content/images/300x300/png/Content/media/sampleProduct.webp"
+                                                                    type="image/webp" class="lazysrcset">
+                                                                <source
+                                                                    data-srcset="/content/images/300x300/png/Content/media/sampleProduct.jp2"
+                                                                    type="image/jp2" class="lazysrcset">
+
+
+                                                                <img data-src="/content/images/300x300/png/Content/media/sampleProduct.png"
+                                                                    alt="product" class="lazy">
+                                                            </picture>
+                                                        </figure>
+
+                                                    </div>
+                                                    <div class="product__more">
+                                                        <div>
+                                                            <a href="Contact.html#" class="product__title">
+                                                                Title of product
+                                                            </a>
+                                                            <p class="product__desc">
+                                                                Quantity text here
+                                                            </p>
+                                                        </div>
+                                                        <div class="product__bottom">
+                                                            <div class="product__quantity">
+                                                                Ποσότητα: <span class="bold">1</span>
+                                                            </div>
+
+                                                            <div class="priceContainer">
+                                                                <div class="priceBlock__price priceBlock__price--init">
+                                                                    18,91 €
+                                                                </div>
+                                                                <div class="priceBlock__price">
+                                                                    12,91 €
+                                                                </div>
+                                                                <span class="priceBlock__text">/ κιλό</span>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+
+                                        </div>
+                                        <div class="minibasket__product">
+                                            <button class="iconButton icon-delete minibasket__remove"></button>
+
+                                            <div class="product product--mini">
+                                                <div class="product__inner">
+                                                    <button class="fav iconButton iconButton--s icon-heart"></button>
+                                                    <div class="product__img">
+
+
+                                                        <figure>
+                                                            <picture>
+                                                                <source
+                                                                    data-srcset="/content/images/300x300/png/Content/media/sampleProduct.webp"
+                                                                    type="image/webp" class="lazysrcset">
+                                                                <source
+                                                                    data-srcset="/content/images/300x300/png/Content/media/sampleProduct.jp2"
+                                                                    type="image/jp2" class="lazysrcset">
+
+
+                                                                <img data-src="/content/images/300x300/png/Content/media/sampleProduct.png"
+                                                                    alt="product" class="lazy">
+                                                            </picture>
+                                                        </figure>
+
+                                                    </div>
+                                                    <div class="product__more">
+                                                        <div>
+                                                            <a href="Contact.html#" class="product__title">
+                                                                Title of product
+                                                            </a>
+                                                            <p class="product__desc">
+                                                                Quantity text here
+                                                            </p>
+                                                        </div>
+                                                        <div class="product__bottom">
+                                                            <div class="product__quantity">
+                                                                Ποσότητα: <span class="bold">1</span>
+                                                            </div>
+
+                                                            <div class="priceContainer">
+                                                                <div class="priceBlock__price">
+                                                                    12,91 €
+                                                                </div>
+                                                                <span class="priceBlock__text">/ κιλό</span>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="minibasket__bottom">
+                                    <div class="priceRow priceRow--total">
+                                        <span>Αξία Καλαθιού:</span>
+                                        <div class="priceContainer">
+                                            <div class="priceBlock__price">
+                                                1.246,10 €
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="btnWrap btnWrap--noMargin btnWrap--hSpaceB">
+                                        <a href="Contact.html#" class="button button--border">To καλάθι μου</a>
+                                        <a href="Contact.html#" class="button button--green">Ολοκλήρωση αγοράς</a>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="miniCart__holder">
+                                <div class="loader">
+                                    <span class="loader__inner">
+                                        <span class="loader__item loader__item--1"></span>
+                                        <span class="loader__item loader__item--2"></span>
+                                        <span class="loader__item loader__item--3"></span>
+                                    </span>
+                                </div>
+
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="header__bottom">
+        <div class="wrapper">
+            <div class="mainNavWrap" id="mainNav">
+                <nav class="mainNav" data-plugin-menu="">
+                    <div class="megamenuBg"></div>
+                    <ul class="mainNav__list" role="menubar">
+                        <li class="mainNav__item" role="menuitem">
+                            <a class="mainNav__link mainNav__link--hasChildren" href="Contact.html#">Κατηγορία 1</a>
+                            <div class="megamenu">
+                                <div class="wrapper">
+                                    <div class="megamenu__inner">
+                                        <button class="iconButton icon-close megamenu__close"></button>
+                                        <button class="button megamenu__back">
+                                            <span aria-hidden="true">Κατηγορία 1</span>
+                                        </button>
+                                        <div class="megamenu__main">
+                                            <div class="megamenu__cols megamenu__cols--promo">
+                                                <ul class="megamenu__list megamenu__list--level2">
+                                                    <li><a href="Contact.html#">Ηοt προϊόντα</a></li>
+                                                    <li><a href="Contact.html#">Νέες Παραδόσεις</a></li>
+                                                    <li><a href="Contact.html#">Προσφορές</a></li>
+                                                </ul>
+                                            </div>
+                                            <div class="megamenu__cols">
+                                                <ul class="megamenu__list megamenu__list--level2">
+                                                    <li>
+                                                        <a href="Contact.html#">Υποκατηγορία 1</a>
+                                                        <ul class="megamenu__list megamenu__list--level3">
+                                                            <li><a href="Contact.html#">Άλλη ενότητα</a></li>
+                                                            <li><a href="Contact.html#">Κάτι άλλο</a></li>
+                                                            <li><a href="Contact.html#">Ενότητα μικρή</a></li>
+                                                            <li><a href="Contact.html#">Επόμενη ενότητα</a></li>
+                                                        </ul>
+                                                    </li>
+                                                    <li>
+                                                        <a href="Contact.html#">Υποκατηγορία 2</a>
+                                                        <ul class="megamenu__list megamenu__list--level3">
+                                                            <li><a href="Contact.html#">Άλλη ενότητα</a></li>
+                                                            <li><a href="Contact.html#">Κάτι άλλο</a></li>
+                                                            <li><a href="Contact.html#">Ενότητα μικρή</a></li>
+                                                            <li><a href="Contact.html#">Επόμενη ενότητα</a></li>
+                                                            <li><a href="Contact.html#">Ενότητα μικρή</a></li>
+                                                        </ul>
+                                                    </li>
+                                                    <li>
+                                                        <a href="Contact.html#">Υποκατηγορία 3</a>
+                                                        <ul class="megamenu__list megamenu__list--level3">
+                                                            <li><a href="Contact.html#">Επόμενη ενότητα</a></li>
+                                                            <li><a href="Contact.html#">Κάτι άλλο</a></li>
+                                                            <li><a href="Contact.html#">Επόμενη ενότητα με λεκτικο</a>
+                                                            </li>
+                                                            <li><a href="Contact.html#">Ενότητα μικρή</a></li>
+                                                            <li><a href="Contact.html#">Επόμενη ενότητα ακομη</a></li>
+                                                            <li><a href="Contact.html#">Άλλη ενότητα</a></li>
+                                                        </ul>
+                                                    </li>
+                                                    <li>
+                                                        <a href="Contact.html#">Υποκατηγορία 4</a>
+                                                        <ul class="megamenu__list megamenu__list--level3">
+                                                            <li><a href="Contact.html#">Άλλη ενότητα</a></li>
+                                                            <li><a href="Contact.html#">Κάτι άλλο</a></li>
+                                                            <li><a href="Contact.html#">Ενότητα μικρή</a></li>
+                                                            <li><a href="Contact.html#">Επόμενη ενότητα</a></li>
+                                                        </ul>
+                                                    </li>
+                                                    <li>
+                                                        <a href="Contact.html#">Υποκατηγορία 5</a>
+                                                        <ul class="megamenu__list megamenu__list--level3">
+                                                            <li><a href="Contact.html#">Επόμενη ενότητα</a></li>
+                                                            <li><a href="Contact.html#">Άλλη ενότητα</a></li>
+                                                            <li><a href="Contact.html#">Κάτι άλλο</a></li>
+                                                            <li><a href="Contact.html#">Επόμενη ενότητα ακομη</a></li>
+                                                        </ul>
+                                                    </li>
+                                                    <li>
+                                                        <a href="Contact.html#">Υποκατηγορία 6</a>
+                                                        <ul class="megamenu__list megamenu__list--level3">
+                                                            <li><a href="Contact.html#">Επόμενη ενότητα</a></li>
+                                                            <li><a href="Contact.html#">Άλλη ενότητα</a></li>
+                                                            <li><a href="Contact.html#">Κάτι άλλο</a></li>
+                                                        </ul>
+                                                    </li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="mainNav__item" role="menuitem">
+                            <a class="mainNav__link mainNav__link--hasChildren" href="Contact.html#">Κατηγορία 2</a>
+                            <div class="megamenu">
+                                <div class="megamenu__inner">
+                                    <button class="iconButton icon-close megamenu__close"></button>
+                                    <button class="button megamenu__back">
+                                        <span aria-hidden="true">Κατηγορία 2</span>
+                                    </button>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="mainNav__item" role="menuitem">
+                            <a class="mainNav__link mainNav__link--hasChildren" href="Contact.html#">Κατηγορία 3</a>
+                            <div class="megamenu">
+                                <div class="megamenu__inner">
+                                    <button class="iconButton icon-close megamenu__close"></button>
+                                    <button class="button megamenu__back">
+                                        <span aria-hidden="true">Κατηγορία 3</span>
+                                    </button>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="mainNav__item" role="menuitem">
+                            <a class="mainNav__link mainNav__link--hasChildren" href="Contact.html#">Κατηγορία 4</a>
+                            <div class="megamenu">
+                                <div class="megamenu__inner">
+                                    <button class="iconButton icon-close megamenu__close"></button>
+                                    <button class="button megamenu__back">
+                                        <span aria-hidden="true">Κατηγορία 4</span>
+                                    </button>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="mainNav__item" role="menuitem">
+                            <a class="mainNav__link mainNav__link--hasChildren" href="Contact.html#">Κατηγορία 5</a>
+                            <div class="megamenu">
+                                <div class="megamenu__inner">
+                                    <button class="iconButton icon-close megamenu__close"></button>
+                                    <button class="button megamenu__back">
+                                        <span aria-hidden="true">Κατηγορία 5</span>
+                                    </button>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="mainNav__item" role="menuitem">
+                            <a class="mainNav__link mainNav__link--hasChildren" href="Contact.html#">Κατηγορία 6</a>
+                            <div class="megamenu">
+                                <div class="megamenu__inner">
+                                    <button class="iconButton icon-close megamenu__close"></button>
+                                    <button class="button megamenu__back">
+                                        <span aria-hidden="true">Κατηγορία 6</span>
+                                    </button>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="mainNav__item" role="menuitem">
+                            <a class="mainNav__link mainNav__link--hasChildren" href="Contact.html#">Κατηγορία 7</a>
+                            <div class="megamenu">
+                                <div class="megamenu__inner">
+                                    <button class="iconButton icon-close megamenu__close"></button>
+                                    <button class="button megamenu__back">
+                                        <span aria-hidden="true">Κατηγορία 7</span>
+                                    </button>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="mainNav__item" role="menuitem">
+                            <a class="mainNav__link" href="Contact.html#">Προσφορές</a>
+                        </li>
+                    </ul>
+                </nav>
+            </div>
+        </div>
+    </div>
+</header>
\ No newline at end of file