Add a HTML component joined to the header

I am building a Ionic 2 app and one thing I am struggling to work out is how to implement a section for info which is both joined to the nav bar or the same colour (appears as one).
All the methods I have tried so far like individually assigning colours to tags causes the time to receive the colour but not the background also.
What I would like to achieve is somewhat similar to this:

Where there is a section 40-50% of the screen which appears to be joined to the nav and beneath is room for more data, perhaps a list.