Ionic Content : Content in ionic is scrollable area which contains the content which are being displayed on the major portion of the app ie. between header and footer. Content area is scrollable, footer and header are fixed at the top and bottom. Content can static or dynamic depending upon you app.

2. Ionic Content
 Ionic Content : Content in ionic is scrollable area which contains the
content which are being displayed on the major portion of the app ie.
between header and footer. Content area is scrollable, footer and header
are fixed at the top and bottom.
 Content can static or dynamic depending upon you app. Content area can
contain headings, paragraphs, buttons links etc. You can use own
formatting (such as padding, overflow etc) to display data in content. We
are going to explain the tags and classes used for displaying content area
in your app.

5. Ionic Footer
 Ionic Footer: Footers are placed at the bottom of the screen which
contains different types of element. You can use color options same as
header. Class bar-footer is used to create footer in ionic. You can add links
and buttons in footer as per your need. We are going to explain the footer
functionality with example and demo.

6. If you run the above example it will produce the following
output-

7. Ionic Footer Colors
Here are ionic color options available-

11. Source: - http://tutorialsplane.com/ionic-footer/