add container helpers; constuct public directory-tree

1 files changed, 515 insertions, 0 deletions

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