How to Customize Layout

How to customize FrameLayout, I have to make screen like this:

and i have made this :

So now i want to know, How can i achieve above Layout, may i know:

1. 
   

   How to show icon on top, like in above screen (Path)

   
   


2. 
   

   How to place text above circles, like in above screen (Remember Life) (Instantly ....)

   
   


3. 
   

   How to place buttons below circles, like in above screen (Register & Login)

   
   

Here is my XML, in which i am using FrameLayout, see below:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://ift.tt/nIICcg"
    xmlns:app="http://ift.tt/1mtaml7"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <com.indianic.viewflipperdemo.widget.ViewFlow
        android:id="@+id/viewflow"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        app:sidebuffer="3" >
    </com.indianic.viewflipperdemo.widget.ViewFlow>

    <com.indianic.viewflipperdemo.widget.CircleFlowIndicator
        android:id="@+id/viewflowindic"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|center_horizontal"
        android:padding="10dip"
        android:layout_marginBottom="10dip"
        app:inactiveType="stroke" />

</FrameLayout>