Верстка сайту під opencart

1. Використання бібліотек та фреймворки:

                       a. Bootstrap v5.0.0

                       b. jQuery v3.6.0

2. Верстка сторінко повинна проходити перевірку на валідаторі https://validator.w3.org/unicorn/?ucn_lang=ru
3. Зверстані сторінки повинні проходити перевірку https://developers.google.com/speed/pagespeed/insights/?hl=uk

         Мобільта та десктопна версія повинні бути з показником вище 90+

4. Якщо в ТЗ наявні AMP сторінки то вони повинні проходити валідатор

5. Під час верстки сайту бажано використовувати класи та блоки такі ж самі які використовуються в дефолтному шаблоні опенкарт (по можливості) А саме блоки:

        a. Кошик в шапці сайту

        b. кнопки купити , додати до порівнять, в закладки

        c. Блок характеристик на сторінці товару

        d. Блок опцій на сторінці товару

6. В усіх текстових полях тексти не повинні містити html тегів. Заборонено використовувати класи та id в середині текстів. Дозволяється використовувати теги розмітки текстів:

         <b>,<p>,<a>,<img>,<br>,</li></ol>,<u>

7. Всередині заголовка заборонено використання будь яких тегів !

8. Блоки з окремими розділами повинні бути зверстані окремими блоками.

принцип структури:

      <header></header>

         <div class=”container”>

                 <div class=”left-sidebar”>

                 <div class=”latest-product”> </div>

                </div>             

                <div class=”center”>

                     <div class=”latest-product”>

                     </div>

                     <div class=”latest-news”>

                    </div>                 

                </div>

         </div>

<footer></footer>

9.  Верстка модулів які дублюються в центральній частині та лівому сайтарі не повинна відрізнятись. Всі стилі повинні бути написані відносно материнського класу. Наприклад  left-sidebar та center.

Модуль на головній “Акционное предложение” и в категорії “Акционные товары” це один і той самий модуль . Верстка модуля в сайт барі і центральній частині не повинні відрізнятись.

10. Всі спливаючі вікна повинні бути реалізовані за однаковим принципом.

Дизайн сайту:

https://www.figma.com/file/4gRWpuq1ccYbDfzDD5WOSo/HVGreen-source?node-id=0%3A1