# Footer 1

### 1. First footer widget area

![](https://460755057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl1d49lBAg3jv6axyszMB%2Fuploads%2FhixvxlhINYHCBI0bFK4j%2Ffooter1.png?alt=media\&token=a990a6fe-2438-4170-aa8c-a0c3b52ed2e9)

Follow the below steps

**Step-1:**

![](https://460755057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl1d49lBAg3jv6axyszMB%2Fuploads%2FfFCeMB3r5lRZguGVs5Vb%2Ftopbar_left1.png?alt=media\&token=010a021a-e9a7-4d05-9c3c-c10f0fbbc94c)

**Step-2:** 

Add Text box to First footer widget area

![](https://460755057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl1d49lBAg3jv6axyszMB%2Fuploads%2F5q6GorHVxSKKnXOp2N21%2Ffooter1_1.png?alt=media\&token=99e58516-3887-49a9-807b-b25c7ab7130a)

**Step-3:** 

Then add the below code to content

```html
<p><img alt="footer logo" src="/runway/wp-content/uploads/2016/09/footer_logo.png">
</p>
<p>We are J2store partners. We focus on helping you design, build and manage rich J2store-powered stores.</p>
<div class="social social-head"><a title="Linkedin" class="toptip" href="#"><em class="fa fa-linkedin"></em></a><a title="Github" class="toptip" href="#"><em class="fa fa-github"></em></a><a title="Dribbble" class="toptip" href="#"><em class="fa fa-dribbble"></em></a><a title="instagram" class="toptip" href="#"><em class="fa fa-instagram"></em></a><a title="Google Plus" class="toptip" href="#"><em class="fa fa-google-plus"></em></a><a title="Facebook" class="toptip" href="#"><em class="fa fa-facebook"></em></a><a title="Twitter" class="toptip" href="#"><em class="fa fa-twitter"></em></a>
</div>
```

![](https://460755057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl1d49lBAg3jv6axyszMB%2Fuploads%2FVm8gbsD63f5zbCEm3HIi%2Ffooter1_2.png?alt=media\&token=cbf2d3d5-da81-4ea5-9a86-f57934ee8f5b)

**Step-4:**&#x20;

Then Save the changes to see output.