Theme integration

Drop the test theme in app/design folder

1. Create footer links block

2. Code

<!-- Footer -->

<div class="custom-footer">
<ul class="footer links">
<li class="nav item">
<h4 class="footer-sub-title">Escentials <span></span></h4>
</li>
<li class="nav item hidden-xs"><a href="{{store url="about"}}">About Us</a></li>
<li class="nav item hidden-xs"><a href="{{store url="find-us"}}">Find Us</a></li>
<li class="nav item bt0 payment-title">
<h4 class="footer-sub-title">Payment <span></span></h4>
</li>
<li class="nav-item payment-img"><img width="138" height="48" /></li>
</ul>
<ul class="foot-main-links">
<li class="nav item bt0">
<h4 class="footer-sub-title">Categories <span></span></h4>
</li>
<li class="nav item hidden-xs"><a href="{{store url="home-scent.html"}}">Shop Home Scent</a></li>
<li class="nav item hidden-xs"><a href="{{store url="makeup.html"}}">Shop Makeup</a></li>
<li class="nav item hidden-xs"><a href="{{store url="skincare.html"}}">Shop Skincare</a></li>
<li class="nav item hidden-xs"><a href="{{store url="fragrance.html"}}">Shop Fragrance</a></li>
<li class="nav item hidden-xs"><a href="{{store url="body.html"}}">Shop Body Care</a></li>
<li class="nav item hidden-xs"><a href="{{store url="haircare.html"}}">Shop Haircare</a></li>
<li class="nav item hidden-xs"><a href="{{store url="accessories.html"}}">Shop Accessories</a></li>
</ul>
<ul class="foot-main-links information">
<li class="nav item bt0">
<h4 class="footer-sub-title">Information <span></span></h4>
</li>
<li class="nav item hidden-xs"><a href="{{store url="customer-care"}}">Customer Care</a></li>
<li class="nav item hidden-xs"><a href="{{store url="delivery"}}">Delivery, Exchanges &amp;
Returns</a></li>
<li class="nav item hidden-xs"><a href="{{store url="privacy-policy"}}">Privacy Policy</a></li>
<li class="nav item hidden-xs"><a href="{{store url="escentials_faq"}}">FAQs</a></li>
<li class="nav item hidden-xs"><a href="{{store url="terms-conditions"}}">Terms &amp;
Conditions</a></li>
<li class="nav item hidden-xs"><a href="{{store url="personal-data-protection-act"}}">Personal Data
Protection Act</a></li>
<li class="nav item hidden-xs"><a href="{{store url="blog"}}">The Paper</a></li>
<li class="nav item hidden-xs"><a href="{{store url="careers"}}">Careers</a></li>
</ul>
</div>

3. Create a widget and insert

Select proper block in the widget options

4. Create Banner Block

<div id="top-banner" class="top-container banner-slider owl-carousel">

<div class="item">
<div class="banner-img"><img src="{{media url="wysiwyg/home/banner1.jpg"}}" alt="" /></div>
</div>
</div>

4. Insert banner block in homepage.

5. Include required js from content -> design – configuration and edit theme and include in html
head Scripts and Style Sheets block.

6. Drop the css and js files under pub/media folder.