# Step 5

This is how your app will look like when we finish this step: 

![](https://720760333-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LMI4Smg5kqkZcFtc7nH%2F-LNLtnhtHL0orDaIZQAO%2F-LNLtzDSBGzBhRvCJ1ww%2Fimage.png?alt=media\&token=4ba17a57-ebf9-41e9-b74e-8ed3d1cd1177)

Before moving on with adding the new views, go to the styles first and change the theme parent to `Theme.AppCompat.Light.NoActionBar`

Now, make sure to go step by step for this one. It's easier to first try to add the "sun" view. The color I used is #FFB300 and it's 400x400dp

Then try adding one of the paws. Note that while we don't care that much how near or far they will be from Alex, we do need them to be mirrored. 

Try on your own first, especially for the paws. If you get stuck, see the hints below.

## HINTS

{% hint style="info" %}
For a circle `ImageView` you can use a library like [this](https://github.com/hdodenhof/CircleImageView).
{% endhint %}

{% hint style="info" %}
If `ImageView`s are overlapping trying moving them up or down in your code You'll be surprised!
{% endhint %}

{% hint style="info" %}
Use the `rotation` attribute to rotate the paws
{% endhint %}

{% hint style="info" %}
You don't need all 4 constraints for each view; 2 is enough
{% endhint %}

{% hint style="info" %}
For the top 2 paws, you need to have the same top margin. The start margin and the end margin are also the same. 
{% endhint %}

#### Give up not! Keep trying before rushing to the next page. The force is with you!