add container helpers; constuct public directory-tree

1 files changed, 178 insertions, 0 deletions

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