diff --git a/AndroidManifest.xml b/AndroidManifest.xml
index 901fbfd9..335587d2 100644
--- a/AndroidManifest.xml
+++ b/AndroidManifest.xml
@@ -2,18 +2,19 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     package="com.duckduckgo.mobile.android"
     android:installLocation="auto"
-    android:versionCode="76"
-    android:versionName="3.0.14">
+    android:versionCode="77"
+    android:versionName="3.0.15">
 
     <uses-sdk android:minSdkVersion="8" android:targetSdkVersion="23" />
     <uses-permission android:name="android.permission.INTERNET"/>
     <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
     <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
+    <uses-permission android:name="com.android.launcher.permission.INSTALL_SHORTCUT" />
 
     <application
         android:hardwareAccelerated="true"
         android:icon="@drawable/icon"
-        android:theme="@style/DDGTheme"
+        android:theme="@style/DDGTheme.Launcher"
         android:label="@string/AppName"
         android:name="DDGApplication">
 
@@ -85,6 +86,10 @@
 	        android:excludeFromRecents="true"
 	        android:finishOnTaskLaunch="true" />
 
+        <activity android:name=".activity.OnboardingActivity"
+            android:screenOrientation="sensorPortrait"
+            android:theme="@style/DDGTheme.ClearStatusBar"/>
+
 		<provider android:name=".providers.DuckDuckGoProvider"
 				android:authorities="com.duckduckgo.mobile.android.providers.DuckDuckGoProvider" />
         
diff --git a/res/drawable-hdpi/chrome.png b/res/drawable-hdpi/chrome.png
new file mode 100644
index 00000000..4cbce44c
Binary files /dev/null and b/res/drawable-hdpi/chrome.png differ
diff --git a/res/drawable-hdpi/firefox.png b/res/drawable-hdpi/firefox.png
new file mode 100644
index 00000000..7cd046c1
Binary files /dev/null and b/res/drawable-hdpi/firefox.png differ
diff --git a/res/drawable-hdpi/ic_action_close.png b/res/drawable-hdpi/ic_action_close.png
new file mode 100644
index 00000000..0cd254b3
Binary files /dev/null and b/res/drawable-hdpi/ic_action_close.png differ
diff --git a/res/drawable-hdpi/ic_close_black_18dp.png b/res/drawable-hdpi/ic_close_black_18dp.png
new file mode 100644
index 00000000..a86fc103
Binary files /dev/null and b/res/drawable-hdpi/ic_close_black_18dp.png differ
diff --git a/res/drawable-hdpi/illustration_1.png b/res/drawable-hdpi/illustration_1.png
new file mode 100644
index 00000000..deabe818
Binary files /dev/null and b/res/drawable-hdpi/illustration_1.png differ
diff --git a/res/drawable-hdpi/illustration_2.png b/res/drawable-hdpi/illustration_2.png
new file mode 100644
index 00000000..25e93409
Binary files /dev/null and b/res/drawable-hdpi/illustration_2.png differ
diff --git a/res/drawable-hdpi/illustration_3.png b/res/drawable-hdpi/illustration_3.png
new file mode 100644
index 00000000..c459b349
Binary files /dev/null and b/res/drawable-hdpi/illustration_3.png differ
diff --git a/res/drawable-hdpi/illustration_3_instruction.png b/res/drawable-hdpi/illustration_3_instruction.png
new file mode 100644
index 00000000..be356452
Binary files /dev/null and b/res/drawable-hdpi/illustration_3_instruction.png differ
diff --git a/res/drawable-hdpi/illustration_4.png b/res/drawable-hdpi/illustration_4.png
new file mode 100644
index 00000000..83b0b8da
Binary files /dev/null and b/res/drawable-hdpi/illustration_4.png differ
diff --git a/res/drawable-hdpi/loupe.png b/res/drawable-hdpi/loupe.png
new file mode 100644
index 00000000..a7de6ec8
Binary files /dev/null and b/res/drawable-hdpi/loupe.png differ
diff --git a/res/drawable-mdpi/chrome.png b/res/drawable-mdpi/chrome.png
new file mode 100644
index 00000000..f98c0ad3
Binary files /dev/null and b/res/drawable-mdpi/chrome.png differ
diff --git a/res/drawable-mdpi/firefox.png b/res/drawable-mdpi/firefox.png
new file mode 100644
index 00000000..08f8beb7
Binary files /dev/null and b/res/drawable-mdpi/firefox.png differ
diff --git a/res/drawable-mdpi/ic_action_close.png b/res/drawable-mdpi/ic_action_close.png
new file mode 100644
index 00000000..320daff7
Binary files /dev/null and b/res/drawable-mdpi/ic_action_close.png differ
diff --git a/res/drawable-mdpi/ic_close_black_18dp.png b/res/drawable-mdpi/ic_close_black_18dp.png
new file mode 100644
index 00000000..f2b54600
Binary files /dev/null and b/res/drawable-mdpi/ic_close_black_18dp.png differ
diff --git a/res/drawable-mdpi/illustration_1.png b/res/drawable-mdpi/illustration_1.png
new file mode 100644
index 00000000..84fc61b9
Binary files /dev/null and b/res/drawable-mdpi/illustration_1.png differ
diff --git a/res/drawable-mdpi/illustration_2.png b/res/drawable-mdpi/illustration_2.png
new file mode 100644
index 00000000..86e7d902
Binary files /dev/null and b/res/drawable-mdpi/illustration_2.png differ
diff --git a/res/drawable-mdpi/illustration_3.png b/res/drawable-mdpi/illustration_3.png
new file mode 100644
index 00000000..e91c385f
Binary files /dev/null and b/res/drawable-mdpi/illustration_3.png differ
diff --git a/res/drawable-mdpi/illustration_3_instruction.png b/res/drawable-mdpi/illustration_3_instruction.png
new file mode 100644
index 00000000..03f1a294
Binary files /dev/null and b/res/drawable-mdpi/illustration_3_instruction.png differ
diff --git a/res/drawable-mdpi/illustration_4.png b/res/drawable-mdpi/illustration_4.png
new file mode 100644
index 00000000..3e15ab90
Binary files /dev/null and b/res/drawable-mdpi/illustration_4.png differ
diff --git a/res/drawable-mdpi/loupe.png b/res/drawable-mdpi/loupe.png
new file mode 100644
index 00000000..4e7afe3f
Binary files /dev/null and b/res/drawable-mdpi/loupe.png differ
diff --git a/res/drawable-xhdpi/chrome.png b/res/drawable-xhdpi/chrome.png
new file mode 100644
index 00000000..9b38d48c
Binary files /dev/null and b/res/drawable-xhdpi/chrome.png differ
diff --git a/res/drawable-xhdpi/firefox.png b/res/drawable-xhdpi/firefox.png
new file mode 100644
index 00000000..eff6b17e
Binary files /dev/null and b/res/drawable-xhdpi/firefox.png differ
diff --git a/res/drawable-xhdpi/ic_action_close.png b/res/drawable-xhdpi/ic_action_close.png
new file mode 100644
index 00000000..658a422f
Binary files /dev/null and b/res/drawable-xhdpi/ic_action_close.png differ
diff --git a/res/drawable-xhdpi/ic_close_black_18dp.png b/res/drawable-xhdpi/ic_close_black_18dp.png
new file mode 100644
index 00000000..1a9cd75a
Binary files /dev/null and b/res/drawable-xhdpi/ic_close_black_18dp.png differ
diff --git a/res/drawable-xhdpi/illustration_1.png b/res/drawable-xhdpi/illustration_1.png
new file mode 100644
index 00000000..70acf5f4
Binary files /dev/null and b/res/drawable-xhdpi/illustration_1.png differ
diff --git a/res/drawable-xhdpi/illustration_2.png b/res/drawable-xhdpi/illustration_2.png
new file mode 100644
index 00000000..5dc70dde
Binary files /dev/null and b/res/drawable-xhdpi/illustration_2.png differ
diff --git a/res/drawable-xhdpi/illustration_3.png b/res/drawable-xhdpi/illustration_3.png
new file mode 100644
index 00000000..8e37492d
Binary files /dev/null and b/res/drawable-xhdpi/illustration_3.png differ
diff --git a/res/drawable-xhdpi/illustration_3_instruction.png b/res/drawable-xhdpi/illustration_3_instruction.png
new file mode 100644
index 00000000..bcd3a72c
Binary files /dev/null and b/res/drawable-xhdpi/illustration_3_instruction.png differ
diff --git a/res/drawable-xhdpi/illustration_4.png b/res/drawable-xhdpi/illustration_4.png
new file mode 100644
index 00000000..30f2cea9
Binary files /dev/null and b/res/drawable-xhdpi/illustration_4.png differ
diff --git a/res/drawable-xhdpi/loupe.png b/res/drawable-xhdpi/loupe.png
new file mode 100644
index 00000000..a3088a59
Binary files /dev/null and b/res/drawable-xhdpi/loupe.png differ
diff --git a/res/drawable-xxhdpi/chrome.png b/res/drawable-xxhdpi/chrome.png
new file mode 100644
index 00000000..1d7baa50
Binary files /dev/null and b/res/drawable-xxhdpi/chrome.png differ
diff --git a/res/drawable-xxhdpi/firefox.png b/res/drawable-xxhdpi/firefox.png
new file mode 100644
index 00000000..fb9b5105
Binary files /dev/null and b/res/drawable-xxhdpi/firefox.png differ
diff --git a/res/drawable-xxhdpi/ic_action_close.png b/res/drawable-xxhdpi/ic_action_close.png
new file mode 100644
index 00000000..9932e90d
Binary files /dev/null and b/res/drawable-xxhdpi/ic_action_close.png differ
diff --git a/res/drawable-xxhdpi/ic_close_black_18dp.png b/res/drawable-xxhdpi/ic_close_black_18dp.png
new file mode 100644
index 00000000..1e2590f2
Binary files /dev/null and b/res/drawable-xxhdpi/ic_close_black_18dp.png differ
diff --git a/res/drawable-xxhdpi/illustration_1.png b/res/drawable-xxhdpi/illustration_1.png
new file mode 100644
index 00000000..5fe85909
Binary files /dev/null and b/res/drawable-xxhdpi/illustration_1.png differ
diff --git a/res/drawable-xxhdpi/illustration_2.png b/res/drawable-xxhdpi/illustration_2.png
new file mode 100644
index 00000000..62f73fb1
Binary files /dev/null and b/res/drawable-xxhdpi/illustration_2.png differ
diff --git a/res/drawable-xxhdpi/illustration_3.png b/res/drawable-xxhdpi/illustration_3.png
new file mode 100644
index 00000000..4d3fa0b6
Binary files /dev/null and b/res/drawable-xxhdpi/illustration_3.png differ
diff --git a/res/drawable-xxhdpi/illustration_3_instruction.png b/res/drawable-xxhdpi/illustration_3_instruction.png
new file mode 100644
index 00000000..9826a3ac
Binary files /dev/null and b/res/drawable-xxhdpi/illustration_3_instruction.png differ
diff --git a/res/drawable-xxhdpi/illustration_4.png b/res/drawable-xxhdpi/illustration_4.png
new file mode 100644
index 00000000..6590647a
Binary files /dev/null and b/res/drawable-xxhdpi/illustration_4.png differ
diff --git a/res/drawable-xxhdpi/loupe.png b/res/drawable-xxhdpi/loupe.png
new file mode 100644
index 00000000..1229797a
Binary files /dev/null and b/res/drawable-xxhdpi/loupe.png differ
diff --git a/res/drawable-xxxhdpi/chrome.png b/res/drawable-xxxhdpi/chrome.png
new file mode 100644
index 00000000..218da430
Binary files /dev/null and b/res/drawable-xxxhdpi/chrome.png differ
diff --git a/res/drawable-xxxhdpi/firefox.png b/res/drawable-xxxhdpi/firefox.png
new file mode 100644
index 00000000..d10fae62
Binary files /dev/null and b/res/drawable-xxxhdpi/firefox.png differ
diff --git a/res/drawable-xxxhdpi/ic_close_black_18dp.png b/res/drawable-xxxhdpi/ic_close_black_18dp.png
new file mode 100644
index 00000000..51b4401c
Binary files /dev/null and b/res/drawable-xxxhdpi/ic_close_black_18dp.png differ
diff --git a/res/drawable-xxxhdpi/illustration_1.png b/res/drawable-xxxhdpi/illustration_1.png
new file mode 100644
index 00000000..8b805bac
Binary files /dev/null and b/res/drawable-xxxhdpi/illustration_1.png differ
diff --git a/res/drawable-xxxhdpi/illustration_2.png b/res/drawable-xxxhdpi/illustration_2.png
new file mode 100644
index 00000000..d174d2b0
Binary files /dev/null and b/res/drawable-xxxhdpi/illustration_2.png differ
diff --git a/res/drawable-xxxhdpi/illustration_3.png b/res/drawable-xxxhdpi/illustration_3.png
new file mode 100644
index 00000000..466094bb
Binary files /dev/null and b/res/drawable-xxxhdpi/illustration_3.png differ
diff --git a/res/drawable-xxxhdpi/illustration_3_instruction.png b/res/drawable-xxxhdpi/illustration_3_instruction.png
new file mode 100644
index 00000000..fefa1580
Binary files /dev/null and b/res/drawable-xxxhdpi/illustration_3_instruction.png differ
diff --git a/res/drawable-xxxhdpi/illustration_4.png b/res/drawable-xxxhdpi/illustration_4.png
new file mode 100644
index 00000000..b76eaf36
Binary files /dev/null and b/res/drawable-xxxhdpi/illustration_4.png differ
diff --git a/res/drawable-xxxhdpi/loupe.png b/res/drawable-xxxhdpi/loupe.png
new file mode 100644
index 00000000..07490963
Binary files /dev/null and b/res/drawable-xxxhdpi/loupe.png differ
diff --git a/res/drawable/instruction.png b/res/drawable/instruction.png
new file mode 100644
index 00000000..ff83159a
Binary files /dev/null and b/res/drawable/instruction.png differ
diff --git a/res/drawable/instruction2.png b/res/drawable/instruction2.png
new file mode 100644
index 00000000..c080f334
Binary files /dev/null and b/res/drawable/instruction2.png differ
diff --git a/res/drawable/instruction3.png b/res/drawable/instruction3.png
new file mode 100644
index 00000000..632ab967
Binary files /dev/null and b/res/drawable/instruction3.png differ
diff --git a/res/drawable/instruction_background.xml b/res/drawable/instruction_background.xml
new file mode 100644
index 00000000..cd04086c
--- /dev/null
+++ b/res/drawable/instruction_background.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="#fff"/>
+    <corners android:radius="4dp"/>
+</shape>
\ No newline at end of file
diff --git a/res/drawable/instruction_background_2.xml b/res/drawable/instruction_background_2.xml
new file mode 100644
index 00000000..97ed1ea1
--- /dev/null
+++ b/res/drawable/instruction_background_2.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <shape android:shape="rectangle">
+            <solid android:color="@android:color/transparent"/>
+        </shape>
+    </item>
+    <item
+        android:top="50dp">
+        <shape android:shape="rectangle">
+            <solid android:color="#ffffff"/>
+            <corners android:radius="4dp"/>
+        </shape>
+    </item>
+</layer-list>
\ No newline at end of file
diff --git a/res/drawable/instruction_bullet_point_background.xml b/res/drawable/instruction_bullet_point_background.xml
new file mode 100644
index 00000000..41d00a07
--- /dev/null
+++ b/res/drawable/instruction_bullet_point_background.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="oval">
+    <size android:height="20dp" android:width="20dp"/>
+    <solid android:color="#bbbbbb"/>
+</shape>
\ No newline at end of file
diff --git a/res/drawable/instructions1_3.png b/res/drawable/instructions1_3.png
new file mode 100644
index 00000000..bc6c541d
Binary files /dev/null and b/res/drawable/instructions1_3.png differ
diff --git a/res/drawable/instructions2_3.png b/res/drawable/instructions2_3.png
new file mode 100644
index 00000000..699b7085
Binary files /dev/null and b/res/drawable/instructions2_3.png differ
diff --git a/res/drawable/instructions3_3.png b/res/drawable/instructions3_3.png
new file mode 100644
index 00000000..47c49662
Binary files /dev/null and b/res/drawable/instructions3_3.png differ
diff --git a/res/drawable/onboarding_banner_button_background.xml b/res/drawable/onboarding_banner_button_background.xml
new file mode 100644
index 00000000..f0b3a127
--- /dev/null
+++ b/res/drawable/onboarding_banner_button_background.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="@color/onboarding_accent"/>
+    <corners android:radius="4dp"/>
+</shape>
\ No newline at end of file
diff --git a/res/drawable/onboarding_button_background.xml b/res/drawable/onboarding_button_background.xml
new file mode 100644
index 00000000..4ea99f8f
--- /dev/null
+++ b/res/drawable/onboarding_button_background.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="@color/onboarding_button_background"/>
+    <corners android:radius="4dp"/>
+</shape>
\ No newline at end of file
diff --git a/res/drawable/onboarding_pageindicator.xml b/res/drawable/onboarding_pageindicator.xml
new file mode 100644
index 00000000..1a9265a8
--- /dev/null
+++ b/res/drawable/onboarding_pageindicator.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <shape android:shape="oval">
+            <solid android:color="#64000000"/>
+            <stroke android:width="2dp" android:color="#ff0000"/>
+            <size android:width="10dp" android:height="10dp"/>
+        </shape>
+    </item>
+    <item android:id="@+id/foreground">
+        <shape android:shape="oval">
+            <solid android:color="#ffffff"/>
+        </shape>
+    </item>
+</layer-list>
\ No newline at end of file
diff --git a/res/drawable/onboarding_pageindicator_background.xml b/res/drawable/onboarding_pageindicator_background.xml
new file mode 100644
index 00000000..cf8140a5
--- /dev/null
+++ b/res/drawable/onboarding_pageindicator_background.xml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <shape android:shape="oval">
+            <solid android:color="@android:color/transparent"/>
+            <size android:width="10dp" android:height="10dp"/>
+        </shape>
+    </item>
+    <item
+          android:left="1dp"
+          android:top="1dp"
+          android:right="1dp"
+          android:bottom="1dp">
+        <shape android:shape="oval">
+            <solid android:color="@color/page_indicator_unselected"/>
+            <size android:width="8dp" android:height="8dp"/>
+        </shape>
+    </item>
+</layer-list>
\ No newline at end of file
diff --git a/res/layout-land/activity_onboarding.xml b/res/layout-land/activity_onboarding.xml
new file mode 100644
index 00000000..14a223ca
--- /dev/null
+++ b/res/layout-land/activity_onboarding.xml
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+             xmlns:app="http://schemas.android.com/apk/res-auto"
+             xmlns:tools="http://schemas.android.com/tools"
+             android:id="@+id/activity_onboarding"
+             android:layout_width="match_parent"
+             android:layout_height="match_parent"
+             tools:context="com.duckduckgo.mobile.android.activity.OnboardingActivity">
+    <android.support.v4.view.ViewPager
+        android:id="@+id/view_pager"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"/>
+    <Button
+        android:id="@+id/add_to_home_screen_button"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginBottom="@dimen/onboarding_screen_bottom_margin_landscape"
+        android:layout_gravity="bottom|center_horizontal"
+        android:text="@string/add_to"
+        android:textColor="#ffffff"
+        android:background="@drawable/onboarding_button_background"
+        android:paddingEnd="24dp"
+        android:paddingStart="24dp"
+        android:textSize="16sp"/>
+    <com.duckduckgo.mobile.android.views.pageindicator.OnboardingPageIndicator
+        android:id="@+id/page_indicator"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="38dp"
+        android:layout_marginEnd="14dp"
+        android:layout_marginRight="14dp"
+        android:layout_gravity="top|end"/>
+</FrameLayout>
diff --git a/res/layout/activity_onboarding.xml b/res/layout/activity_onboarding.xml
new file mode 100644
index 00000000..c167b063
--- /dev/null
+++ b/res/layout/activity_onboarding.xml
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+             xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:id="@+id/activity_onboarding"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    tools:context="com.duckduckgo.mobile.android.activity.OnboardingActivity">
+    <android.support.v4.view.ViewPager
+        android:id="@+id/view_pager"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"/>
+    <LinearLayout
+        android:id="@+id/container_layout"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="vertical"
+        android:layout_gravity="bottom|center_horizontal"
+        android:gravity="center_horizontal"
+        android:layout_marginBottom="@dimen/onboarding_screen_bottom_margin">
+        <Button
+            android:id="@+id/add_to_home_screen_button"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginBottom="22dp"
+            android:minHeight="48dp"
+            android:text="@string/add_to"
+            android:textColor="#ffffff"
+            android:background="@drawable/onboarding_button_background"
+            android:foreground="?attr/selectableItemBackground"
+            android:paddingEnd="24dp"
+            android:paddingStart="24dp"
+            android:textSize="16sp"/>
+        <com.duckduckgo.mobile.android.views.pageindicator.OnboardingPageIndicator
+            android:id="@+id/page_indicator"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"/>
+    </LinearLayout>
+</FrameLayout>
diff --git a/res/layout/dialog_onboarding_instruction.xml b/res/layout/dialog_onboarding_instruction.xml
new file mode 100644
index 00000000..f5ff5108
--- /dev/null
+++ b/res/layout/dialog_onboarding_instruction.xml
@@ -0,0 +1,263 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+             android:id="@+id/dialog_container"
+             android:layout_width="match_parent"
+             android:layout_height="match_parent">
+
+    <android.support.v4.widget.NestedScrollView
+        android:layout_gravity="center"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:paddingStart="16dp"
+        android:paddingLeft="16dp"
+        android:paddingEnd="16dp"
+        android:paddingRight="16dp">
+
+        <LinearLayout
+            android:id="@+id/container_layout"
+            android:orientation="vertical"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:gravity="center_horizontal"
+            android:background="@drawable/instruction_background_2">
+
+            <android.support.v7.widget.AppCompatImageView
+                android:layout_width="150dp"
+                android:layout_height="150dp"
+                android:background="@android:color/transparent"
+                android:src="@drawable/illustration_3_instruction"/>
+
+            <TextView
+                android:id="@+id/instruction_title_text_view"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="15dp"
+                android:text="@string/instruction_title"
+                android:textSize="22sp"
+                android:textColor="@color/onboarding_primary_text"
+                android:textStyle="bold"/>
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="16dp"
+                android:layout_marginStart="26dp"
+                android:layout_marginLeft="26dp"
+                android:layout_marginEnd="26dp"
+                android:layout_marginRight="26dp"
+                android:text="@string/instruction_message"
+                android:textSize="15sp"
+                android:textColor="@color/onboarding_secondary_text"
+                android:gravity="center_horizontal"/>
+
+            <FrameLayout
+                android:id="@+id/transition_container"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content">
+
+                <android.support.v7.widget.AppCompatButton
+                    android:id="@+id/add_to_home_screen_button"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:minHeight="40dp"
+                    android:layout_marginStart="52dp"
+                    android:layout_marginLeft="52dp"
+                    android:layout_marginEnd="52dp"
+                    android:layout_marginRight="52dp"
+                    android:layout_marginBottom="20dp"
+                    android:layout_marginTop="19dp"
+                    android:stateListAnimator="@null"
+                    android:foreground="?attr/selectableItemBackground"
+                    android:text="@string/add_to_homescreen"
+                    android:textColor="#ffffff"
+                    android:background="@drawable/onboarding_banner_button_background"/>
+
+                <LinearLayout
+                    android:id="@+id/instruction_container"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginBottom="20dp"
+                    android:layout_gravity="center_horizontal"
+                    android:orientation="vertical">
+                    <LinearLayout
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:orientation="horizontal"
+                        android:gravity="center_vertical"
+                        android:minHeight="38dp">
+
+                        <ImageView
+                            android:layout_width="30dp"
+                            android:layout_height="30dp"
+                            android:src="@drawable/firefox"/>
+
+                        <TextView
+                            android:id="@+id/instruction_1_text_view"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginStart="10dp"
+                            android:layout_marginLeft="10dp"
+                            android:textSize="15sp"
+                            android:fontFamily="sans-serif-medium"
+                            android:textStyle="normal"
+                            android:textColor="#333333"
+                            android:letterSpacing="0.02"
+                            android:lineSpacingExtra="5sp"/>
+
+                    </LinearLayout>
+
+                    <LinearLayout
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:orientation="horizontal"
+                        android:gravity="center_vertical"
+                        android:minHeight="38dp">
+
+                        <TextView
+                            android:layout_width="20dp"
+                            android:layout_height="20dp"
+                            android:layout_marginStart="5dp"
+                            android:layout_marginLeft="5dp"
+                            android:layout_marginEnd="5dp"
+                            android:layout_marginRight="5dp"
+                            android:gravity="center"
+                            android:text="@string/instruction_bullet_point_1"
+                            android:textSize="13sp"
+                            android:fontFamily="sans-serif-medium"
+                            android:textStyle="normal"
+                            android:textColor="#ffffff"
+                            android:background="@drawable/instruction_bullet_point_background"/>
+
+                        <TextView
+                            android:id="@+id/instruction_2_text_view"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginStart="10dp"
+                            android:layout_marginLeft="10dp"
+                            android:textSize="15sp"
+                            android:fontFamily="sans-serif-medium"
+                            android:textStyle="normal"
+                            android:textColor="#333333"
+                            android:letterSpacing="0.02"
+                            android:lineSpacingExtra="5sp"/>
+                    </LinearLayout>
+                    <LinearLayout
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:orientation="horizontal"
+                        android:gravity="center_vertical"
+                        android:minHeight="38dp">
+                        <TextView
+                            android:layout_width="20dp"
+                            android:layout_height="20dp"
+                            android:layout_marginStart="5dp"
+                            android:layout_marginLeft="5dp"
+                            android:layout_marginEnd="5dp"
+                            android:layout_marginRight="5dp"
+                            android:gravity="center"
+                            android:text="@string/instruction_bullet_point_2"
+                            android:textSize="13sp"
+                            android:fontFamily="sans-serif-medium"
+                            android:textStyle="normal"
+                            android:textColor="#ffffff"
+                            android:background="@drawable/instruction_bullet_point_background"/>
+                        <TextView
+                            android:id="@+id/instruction_3_text_view"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginStart="10dp"
+                            android:layout_marginLeft="10dp"
+                            android:textSize="15sp"
+                            android:fontFamily="sans-serif-medium"
+                            android:textStyle="normal"
+                            android:textColor="#333333"
+                            android:letterSpacing="0.02"
+                            android:lineSpacingExtra="5sp"/>
+                    </LinearLayout>
+                    <LinearLayout
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:orientation="horizontal"
+                        android:gravity="center_vertical"
+                        android:minHeight="38dp">
+                        <TextView
+                            android:layout_width="20dp"
+                            android:layout_height="20dp"
+                            android:layout_marginStart="5dp"
+                            android:layout_marginLeft="5dp"
+                            android:layout_marginEnd="5dp"
+                            android:layout_marginRight="5dp"
+                            android:gravity="center"
+                            android:text="@string/instruction_bullet_point_3"
+                            android:textSize="13sp"
+                            android:fontFamily="sans-serif-medium"
+                            android:textStyle="normal"
+                            android:textColor="#ffffff"
+                            android:background="@drawable/instruction_bullet_point_background"/>
+                        <TextView
+                            android:id="@+id/instruction_4_text_view"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginStart="10dp"
+                            android:layout_marginLeft="10dp"
+                            android:textSize="15sp"
+                            android:fontFamily="sans-serif-medium"
+                            android:textStyle="normal"
+                            android:textColor="#333333"
+                            android:letterSpacing="0.02"
+                            android:lineSpacingExtra="5sp"/>
+                    </LinearLayout>
+                </LinearLayout>
+            </FrameLayout>
+            <View
+                android:layout_width="match_parent"
+                android:layout_height="1dp"
+                android:background="#e8e8e8"/>
+            <LinearLayout
+                android:id="@+id/add_to_container"
+                android:layout_width="match_parent"
+                android:layout_height="55dp"
+                android:orientation="horizontal"
+                android:gravity="center"
+                android:background="?attr/selectableItemBackground">
+                <ImageView
+                    android:id="@+id/add_to_image_view"
+                    android:layout_width="30dp"
+                    android:layout_height="30dp"/>
+                <TextView
+                    android:id="@+id/add_to_text_view"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginStart="10dp"
+                    android:layout_marginLeft="10dp"
+                    android:textSize="15sp"
+                    android:fontFamily="sans-serif-medium"
+                    android:textStyle="normal"
+                    android:textAllCaps="true"
+                    android:textColor="#2da1e4"
+                    android:letterSpacing="0.02"
+                    android:lineSpacingExtra="5sp"
+                    android:text="@string/add_to"/>
+            </LinearLayout>
+            <View
+                android:layout_width="match_parent"
+                android:layout_height="1dp"
+                android:background="#e8e8e8"/>
+            <TextView
+                android:id="@+id/done_button"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:minHeight="55dp"
+                android:textSize="15sp"
+                android:fontFamily="sans-serif-medium"
+                android:textStyle="normal"
+                android:textColor="#2da1e4"
+                android:textAllCaps="true"
+                android:letterSpacing="0.02"
+                android:lineSpacingExtra="5sp"
+                android:gravity="center"
+                android:text="@string/instruction_done"
+                android:background="?attr/selectableItemBackground"/>
+        </LinearLayout>
+    </android.support.v4.widget.NestedScrollView>
+</FrameLayout>
\ No newline at end of file
diff --git a/res/layout/fragment_onboarding.xml b/res/layout/fragment_onboarding.xml
new file mode 100644
index 00000000..9b837691
--- /dev/null
+++ b/res/layout/fragment_onboarding.xml
@@ -0,0 +1,166 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
+             android:layout_width="match_parent"
+             android:layout_height="match_parent"
+             android:id="@+id/background_frame_layout">
+    <FrameLayout
+        android:id="@+id/container_layout"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_gravity="center_horizontal|bottom">
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="vertical"
+            android:layout_gravity="center_horizontal|top"
+            android:gravity="center">
+            <ImageView
+                android:id="@+id/icon_image_view"
+                android:layout_width="@dimen/onboarding_icon_size"
+                android:layout_height="@dimen/onboarding_icon_size"
+                android:gravity="center_horizontal"/>
+            <TextView
+                android:id="@+id/title_text_view"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="@dimen/onboarding_top_margin"
+                android:layout_marginBottom="@dimen/onboarding_bottom_margin"
+                android:fontFamily="sans-serif-medium"
+                android:gravity="center_horizontal"
+                android:textColor="#ffffff"
+                android:textSize="21.3sp"/>
+            <TextView
+                android:id="@+id/subtitle_text_view"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:gravity="center_horizontal"
+                android:fontFamily="sans-serif"
+                android:textColor="#ffffff"
+                android:textSize="16sp"/>
+            </LinearLayout>
+
+        <LinearLayout
+            android:visibility="invisible"
+            android:layout_gravity="center_horizontal|bottom"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:orientation="vertical"
+            android:gravity="center">
+            <View
+                android:layout_width="@dimen/onboarding_icon_size"
+                android:layout_height="@dimen/onboarding_icon_size"
+                android:background="#33ff0000"
+                android:gravity="center_horizontal"/>
+            <TextView
+                android:text="@string/no_ads_title"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="@dimen/onboarding_top_margin"
+                android:layout_marginBottom="@dimen/onboarding_bottom_margin"
+                android:fontFamily="sans-serif-medium"
+                android:gravity="center_horizontal"
+                android:background="#33ff0000"
+                android:textColor="#ffffff"
+                android:textSize="21.3sp"/>
+            <TextView
+                android:text="@string/no_ads_subtitle"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:gravity="center_horizontal"
+                android:background="#33ff0000"
+                android:fontFamily="sans-serif"
+                android:textColor="#ffffff"
+                android:textSize="16sp"/>
+        </LinearLayout>
+        <LinearLayout
+            android:visibility="invisible"
+            android:layout_gravity="center_horizontal|bottom"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:orientation="vertical"
+            android:gravity="center">
+            <View
+                android:layout_width="@dimen/onboarding_icon_size"
+                android:layout_height="@dimen/onboarding_icon_size"
+                android:gravity="center_horizontal"/>
+            <TextView
+                android:text="@string/privacy_title"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="@dimen/onboarding_top_margin"
+                android:layout_marginBottom="@dimen/onboarding_bottom_margin"
+                android:fontFamily="sans-serif-medium"
+                android:gravity="center_horizontal"
+                android:textColor="#ffffff"
+                android:textSize="21.3sp"/>
+            <TextView
+                android:text="@string/privacy_subtitle"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:gravity="center_horizontal"
+                android:fontFamily="sans-serif"
+                android:textColor="#ffffff"
+                android:textSize="16sp"/>
+        </LinearLayout>
+        <LinearLayout
+            android:visibility="invisible"
+            android:layout_gravity="center_horizontal|bottom"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:orientation="vertical"
+            android:gravity="center">
+            <View
+                android:layout_width="@dimen/onboarding_icon_size"
+                android:layout_height="@dimen/onboarding_icon_size"
+                android:gravity="center_horizontal"/>
+            <TextView
+                android:text="@string/no_tracking_title"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="@dimen/onboarding_top_margin"
+                android:layout_marginBottom="@dimen/onboarding_bottom_margin"
+                android:fontFamily="sans-serif-medium"
+                android:gravity="center_horizontal"
+                android:textColor="#ffffff"
+                android:textSize="21.3sp"/>
+            <TextView
+                android:text="@string/no_tracking_subtitle"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:gravity="center_horizontal"
+                android:fontFamily="sans-serif"
+                android:textColor="#ffffff"
+                android:textSize="16sp"/>
+        </LinearLayout>
+        <LinearLayout
+            android:visibility="invisible"
+            android:layout_gravity="center_horizontal|bottom"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:orientation="vertical"
+            android:gravity="center">
+            <View
+                android:layout_width="@dimen/onboarding_icon_size"
+                android:layout_height="@dimen/onboarding_icon_size"
+                android:gravity="center_horizontal"/>
+            <TextView
+                android:text="@string/right_title"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="@dimen/onboarding_top_margin"
+                android:layout_marginBottom="@dimen/onboarding_bottom_margin"
+                android:fontFamily="sans-serif-medium"
+                android:gravity="center_horizontal"
+                android:textColor="#ffffff"
+                android:textSize="21.3sp"/>
+            <TextView
+                android:text="@string/right_subtitle"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:gravity="center_horizontal"
+                android:fontFamily="sans-serif"
+                android:textColor="#ffffff"
+                android:textSize="16sp"/>
+        </LinearLayout>
+    </FrameLayout>
+</FrameLayout>
\ No newline at end of file
diff --git a/res/layout/viewholder_feed_header.xml b/res/layout/viewholder_feed_header.xml
new file mode 100644
index 00000000..c8d390b7
--- /dev/null
+++ b/res/layout/viewholder_feed_header.xml
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:orientation="vertical"
+    android:background="#ffffff">
+
+    <FrameLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content">
+
+        <include layout="@layout/viewholder_feed_header_background_height"
+            android:visibility="invisible"/>
+
+        <android.support.v4.view.ViewPager
+            android:visibility="visible"
+            android:id="@+id/view_pager"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"/>
+
+        <LinearLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            android:layout_gravity="top|end"
+            android:gravity="center_vertical">
+
+            <com.duckduckgo.mobile.android.views.pageindicator.BannerOnboardingPageIndicator
+                android:id="@+id/page_indicator"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"/>
+
+            <android.support.v7.widget.AppCompatImageButton
+                android:id="@+id/dismiss_image_button"
+                android:layout_width="38dp"
+                android:layout_height="38dp"
+                android:tint="@color/mini_page_indicator_unselected"
+                android:src="@drawable/ic_close_black_18dp"
+                style="@style/Widget.AppCompat.ActionButton"/>
+        </LinearLayout>
+
+    </FrameLayout>
+
+    <android.support.v7.widget.AppCompatButton
+        android:id="@+id/instruction_button"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:minHeight="40dp"
+        android:layout_marginStart="32dp"
+        android:layout_marginLeft="32dp"
+        android:layout_marginEnd="32dp"
+        android:layout_marginRight="32dp"
+        android:layout_marginBottom="20dp"
+        android:stateListAnimator="@null"
+        android:foreground="?attr/selectableItemBackground"
+        android:text="@string/add_to"
+        android:textColor="#ffffff"
+        android:background="@drawable/onboarding_banner_button_background"/>
+
+    <RelativeLayout
+        android:layout_width="match_parent"
+        android:layout_height="@dimen/toolbar_divider_height"
+        android:background="@color/feed_divider">
+        <View
+            android:layout_width="match_parent"
+            android:layout_height="0.33dp"
+            android:layout_alignParentTop="true"
+            android:background="@color/feed_divider_shadow"/>
+        <View
+            android:layout_width="match_parent"
+            android:layout_height="0.33dp"
+            android:layout_alignParentBottom="true"
+            android:background="@color/feed_divider_shadow"/>
+    </RelativeLayout>
+</LinearLayout>
\ No newline at end of file
diff --git a/res/layout/viewholder_feed_header_background_height.xml b/res/layout/viewholder_feed_header_background_height.xml
new file mode 100644
index 00000000..dd9dd10e
--- /dev/null
+++ b/res/layout/viewholder_feed_header_background_height.xml
@@ -0,0 +1,135 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+              android:visibility="visible"
+              android:layout_width="match_parent"
+              android:layout_height="wrap_content"
+              android:layout_gravity="center_vertical"
+              android:gravity="center_vertical"
+              android:orientation="horizontal"
+              android:paddingStart="30dp"
+              android:paddingLeft="30dp"
+              android:paddingEnd="30dp"
+              android:paddingRight="30dp"
+              android:paddingTop="19.3dp"
+              android:paddingBottom="15.6dp">
+
+    <View
+        android:background="#330000ff"
+        android:layout_width="70.2dp"
+        android:layout_height="70.2dp"/>
+
+    <FrameLayout
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content">
+
+        <LinearLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="19.8dp"
+            android:layout_marginLeft="19.8dp"
+            android:orientation="vertical">
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:fontFamily="sans-serif-medium"
+                android:background="#330000ff"
+                android:textSize="18sp"
+                android:textColor="#333333"
+                android:text="@string/privacy_title"/>
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="8dp"
+                android:background="#330000ff"
+                android:text="@string/privacy_subtitle"
+                android:textSize="14sp"
+                android:textColor="#666666"/>
+
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="19.8dp"
+            android:layout_marginLeft="19.8dp"
+            android:orientation="vertical">
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:fontFamily="sans-serif-medium"
+                android:background="#330000ff"
+                android:textSize="18sp"
+                android:textColor="#333333"
+                android:text="@string/no_ads_title"/>
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="8dp"
+                android:background="#330000ff"
+                android:text="@string/no_ads_subtitle"
+                android:textSize="14sp"
+                android:textColor="#666666"/>
+
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="19.8dp"
+            android:layout_marginLeft="19.8dp"
+            android:orientation="vertical">
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:fontFamily="sans-serif-medium"
+                android:background="#330000ff"
+                android:textSize="18sp"
+                android:textColor="#333333"
+                android:text="@string/no_tracking_title"/>
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="8dp"
+                android:background="#330000ff"
+                android:text="@string/no_tracking_subtitle"
+                android:textSize="14sp"
+                android:textColor="#666666"/>
+
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="19.8dp"
+            android:layout_marginLeft="19.8dp"
+            android:orientation="vertical">
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:fontFamily="sans-serif-medium"
+                android:background="#330000ff"
+                android:textSize="18sp"
+                android:textColor="#333333"
+                android:text="@string/right_title"/>
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="8dp"
+                android:background="#330000ff"
+                android:text="@string/right_subtitle"
+                android:textSize="14sp"
+                android:textColor="#666666"/>
+
+        </LinearLayout>
+
+    </FrameLayout>
+
+</LinearLayout>
\ No newline at end of file
diff --git a/res/layout/viewholder_onboarding.xml b/res/layout/viewholder_onboarding.xml
new file mode 100644
index 00000000..bf5ac28c
--- /dev/null
+++ b/res/layout/viewholder_onboarding.xml
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+             android:visibility="visible"
+              android:layout_width="match_parent"
+              android:layout_height="wrap_content"
+              android:layout_gravity="center_vertical"
+              android:gravity="center_vertical"
+              android:orientation="horizontal"
+              android:paddingStart="30dp"
+              android:paddingLeft="30dp"
+              android:paddingEnd="30dp"
+              android:paddingRight="30dp"
+              android:paddingTop="19.3dp"
+              android:paddingBottom="15.6dp">
+
+    <ImageView
+        android:id="@+id/icon_image_view"
+        android:layout_width="70.2dp"
+        android:layout_height="70.2dp"/>
+
+    <LinearLayout
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="19.8dp"
+        android:layout_marginLeft="19.8dp"
+        android:orientation="vertical">
+
+        <TextView
+            android:id="@+id/title_text_view"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:fontFamily="sans-serif-medium"
+            android:textSize="18sp"
+            android:textColor="#333333"
+            android:text="@string/privacy_title"/>
+
+        <TextView
+            android:id="@+id/subtitle_text_view"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="8dp"
+            android:text="@string/privacy_subtitle"
+            android:textSize="14sp"
+            android:textColor="#666666"/>
+
+    </LinearLayout>
+
+</LinearLayout>
\ No newline at end of file
diff --git a/res/menu/main.xml b/res/menu/main.xml
index 94e3d58c..99d0ad13 100644
--- a/res/menu/main.xml
+++ b/res/menu/main.xml
@@ -5,32 +5,32 @@
     <item android:id="@+id/action_stories"
           android:title="@string/action_stories"
           android:orderInCategory="10"
-          android:showAsAction="never" />
+          app:showAsAction="never" />
 
     <item android:id="@+id/action_favorites"
           android:title="@string/action_favorites"
           android:orderInCategory="20"
-          android:showAsAction="never" />
+          app:showAsAction="never" />
 
     <item android:id="@+id/action_recents"
           android:title="@string/action_recents"
           android:orderInCategory="30"
-          android:showAsAction="never" />
+          app:showAsAction="never" />
 
     <item android:id="@+id/action_settings"
           android:title="@string/action_settings"
           android:orderInCategory="40"
-          android:showAsAction="never" />
+          app:showAsAction="never" />
 
     <item android:id="@+id/action_help_feedback"
           android:title="@string/action_help_feedback"
           android:orderInCategory="50"
-          android:showAsAction="never" />
+          app:showAsAction="never" />
 
     <item android:id="@+id/action_test" android:visible="false"
           android:title="test"
           style="@style/Test"
           android:orderInCategory="60"
-          android:showAsAction="always" />
+          app:showAsAction="always" />
 
 </menu>
\ No newline at end of file
diff --git a/res/values-land-hdpi/dimens.xml b/res/values-land-hdpi/dimens.xml
new file mode 100644
index 00000000..ecf5caab
--- /dev/null
+++ b/res/values-land-hdpi/dimens.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <dimen name="onboarding_icon_size">90dp</dimen>
+</resources>
\ No newline at end of file
diff --git a/res/values-land-mdpi/dimens.xml b/res/values-land-mdpi/dimens.xml
new file mode 100644
index 00000000..6f5a5181
--- /dev/null
+++ b/res/values-land-mdpi/dimens.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <dimen name="onboarding_icon_size">70dp</dimen>
+</resources>
\ No newline at end of file
diff --git a/res/values-land-xhdpi/dimens.xml b/res/values-land-xhdpi/dimens.xml
new file mode 100644
index 00000000..ecf5caab
--- /dev/null
+++ b/res/values-land-xhdpi/dimens.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <dimen name="onboarding_icon_size">90dp</dimen>
+</resources>
\ No newline at end of file
diff --git a/res/values-land-xxhdpi/dimens.xml b/res/values-land-xxhdpi/dimens.xml
new file mode 100644
index 00000000..354986f4
--- /dev/null
+++ b/res/values-land-xxhdpi/dimens.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <dimen name="onboarding_icon_size">120dp</dimen>
+</resources>
\ No newline at end of file
diff --git a/res/values-normal-land/dimens.xml b/res/values-normal-land/dimens.xml
index 7fc2c60a..fc46aa28 100644
--- a/res/values-normal-land/dimens.xml
+++ b/res/values-normal-land/dimens.xml
@@ -1,8 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
-<resources>
-<!--
-    <dimen name="about_container_padding">20dp</dimen>
-    <dimen name="about_title_top_margin">6.6dp</dimen>
-    <dimen name="about_title_bottom_margin">7.3dp</dimen>
--->
+<resources><!--
+    <dimen name="onboarding_icon_size">120dp</dimen>-->
+    <dimen name="onboarding_top_margin">8dp</dimen>
+    <dimen name="onboarding_bottom_margin">5dp</dimen>
 </resources>
\ No newline at end of file
diff --git a/res/values-sw600dp/booleans.xml b/res/values-sw600dp/booleans.xml
new file mode 100644
index 00000000..d3a0e92c
--- /dev/null
+++ b/res/values-sw600dp/booleans.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <bool name="isTablet">true</bool>
+</resources>
\ No newline at end of file
diff --git a/res/values-v21/themes.xml b/res/values-v21/themes.xml
index d021756d..deade822 100644
--- a/res/values-v21/themes.xml
+++ b/res/values-v21/themes.xml
@@ -6,12 +6,18 @@
         <item name="android:colorAccent">@color/colorPrimary</item>
 
         <item name="android:windowContentTransitions">true</item>
+        <!--
         <item name="android:windowAllowEnterTransitionOverlap">true</item>
         <item name="android:windowAllowReturnTransitionOverlap">true</item>
         <item name="android:windowSharedElementEnterTransition">@android:transition/move</item>
-        <item name="android:windowSharedElementExitTransition">@android:transition/move</item>
+        <item name="android:windowSharedElementExitTransition">@android:transition/move</item>-->
 
         <item name="android:alertDialogTheme">@style/DDGDialog</item>
         <item name="android:dialogTheme">@style/DDGDialog</item>
     </style>
+
+    <style name="DDGTheme.ClearStatusBar" parent="DDGTheme">
+        <item name="android:windowTranslucentStatus">true</item><!--
+        <item name="android:windowTranslucentNavigation">true</item>-->
+    </style>
 </resources>
\ No newline at end of file
diff --git a/res/values-w820dp/dimens.xml b/res/values-w820dp/dimens.xml
new file mode 100644
index 00000000..63fc8164
--- /dev/null
+++ b/res/values-w820dp/dimens.xml
@@ -0,0 +1,6 @@
+<resources>
+    <!-- Example customization of dimensions originally defined in res/values/dimens.xml
+         (such as screen margins) for screens with more than 820dp of available width. This
+         would include 7" and 10" devices in landscape (~960dp and ~1280dp respectively). -->
+    <dimen name="activity_horizontal_margin">64dp</dimen>
+</resources>
diff --git a/res/values-xlarge/booleans.xml b/res/values-xlarge/booleans.xml
new file mode 100644
index 00000000..d3a0e92c
--- /dev/null
+++ b/res/values-xlarge/booleans.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <bool name="isTablet">true</bool>
+</resources>
\ No newline at end of file
diff --git a/res/values/booleans.xml b/res/values/booleans.xml
new file mode 100644
index 00000000..f855de6a
--- /dev/null
+++ b/res/values/booleans.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <bool name="isTablet">false</bool>
+</resources>
\ No newline at end of file
diff --git a/res/values/colors.xml b/res/values/colors.xml
index 67f329f5..5aa73fad 100644
--- a/res/values/colors.xml
+++ b/res/values/colors.xml
@@ -51,6 +51,24 @@
 
     <color name="overflow_menu_divider">#dddddd</color>
 
+    <color name="onboarding_privacy_background">#93c04c</color>
+    <color name="onboarding_no_ads_background">#9b6cd3</color>
+    <color name="onboarding_no_tracking_background">#f58b6b</color>
+    <color name="onboarding_right_background">#6bbbe0</color>
+
+    <color name="onboarding_button_background">#48000000</color>
+    <color name="onboarding_accent">#66b3ef</color>
+    <color name="onboarding_banner_button_background">#66b3ef</color>
+    <color name="onboarding_instruction_accent">#2da1e4</color>
+
+    <color name="onboarding_primary_text">#333333</color>
+    <color name="onboarding_secondary_text">#666666</color>
+
+    <color name="page_indicator_selected">#ffffff</color>
+    <color name="page_indicator_unselected">#64000000</color>
+    <color name="mini_page_indicator_selected">#333333</color>
+    <color name="mini_page_indicator_unselected">#999999</color>
+
     <!-- old colors -->
 
     <color name="welcome_button">#d24e25</color>
diff --git a/res/values/dimens.xml b/res/values/dimens.xml
index 5a93c6ff..aacdf7ec 100644
--- a/res/values/dimens.xml
+++ b/res/values/dimens.xml
@@ -58,22 +58,33 @@
 
     <dimen name="feed_overflow_menu_right_margin">0dp</dimen>
 
+    <dimen name="onboarding_fragment_bottom_margin">129dp</dimen>
+    <dimen name="onboarding_screen_bottom_margin">43.5dp</dimen>
+    <dimen name="onboarding_screen_bottom_margin_landscape">24dp</dimen>
+
+    <dimen name="onboarding_icon_size">200dp</dimen>
+    <dimen name="onboarding_top_margin">19dp</dimen>
+    <dimen name="onboarding_bottom_margin">10dp</dimen>
+
     <!-- old dimen -->
-    
+
     <dimen name="default_margin">8dp</dimen>
     <dimen name="default_margin_tiny">2dp</dimen>
-    
+
     <dimen name="search_bar_control_height">40dp</dimen>
-	<dimen name="search_bar_control_stroke_width">0.5dp</dimen>
-	<dimen name="button_radius">2dp</dimen>
-	<dimen name="button_radius_big">6dp</dimen>
-	
+    <dimen name="search_bar_control_stroke_width">0.5dp</dimen>
+    <dimen name="button_radius">2dp</dimen>
+    <dimen name="button_radius_big">6dp</dimen>
+
     <dimen name="search_bar_text_size">16sp</dimen>
-    
+
     <dimen name="indicator_right_padding">10dp</dimen>
     <dimen name="indicator_corner_radius">12dp</dimen>
     <dimen name="indicator_internal_padding">4dp</dimen>
     <dimen name="header_footer_left_right_padding">25dp</dimen>
     <dimen name="header_footer_top_bottom_padding">20dp</dimen>
     <dimen name="header_footer_internal_padding">10dp</dimen>
+    <!-- Default screen margins, per the Android Design guidelines. -->
+    <dimen name="activity_horizontal_margin">16dp</dimen>
+    <dimen name="activity_vertical_margin">16dp</dimen>
 </resources>
\ No newline at end of file
diff --git a/res/values/strings.xml b/res/values/strings.xml
index 50b68367..455b2b97 100644
--- a/res/values/strings.xml
+++ b/res/values/strings.xml
@@ -154,7 +154,7 @@
     <string name="ErrorFeedTitle">Error: Feed request</string>
     <string name="ErrorFeedDetail">Feed request failed, possibly because of a connection problem.
         You will still be able to browse cached items or you may choose to retry.</string>
-        
+
     <string name="Apply">Apply</string>
     <string name="Cancel">Cancel</string>
     <string name="NoChange">No Change</string>
@@ -258,7 +258,45 @@
     <string name="action_close">Close</string>
     <string name="remove">Remove</string>
 
-
+    <!-- Onboarding -->
+    <string name="privacy_title">Real Privacy</string>
+    <string name="privacy_subtitle">We never store or share your\npersonal information. Ever.</string>
+    <string name="no_ads_title">We don’t follow you\naround with ads.</string>
+    <string name="no_ads_subtitle">Since we don’t store your personal info, we\nhave none to share with advertisers.</string>
+    <string name="no_tracking_title">No Tracking</string>
+    <string name="no_tracking_subtitle">Other search engines track you even\nwhen you’re in ‘private browsing mode’.\nWe don’t track you — period.</string>
+    <string name="right_title">Privacy is a Right!</string>
+    <string name="right_subtitle">Use DuckDuckGo and take\nback your privacy!</string>
+    <string name="add_to_homescreen">Add to Home Screen</string>
+    <string name="add_to">Add to %s</string>
+    <string name="ddg_added_to_home_page">DuckDuckGo was added to your home screen</string>
+    <string name="ddg_homescreen_label">Search DDG</string>
+
+    <!-- Instruction -->
+    <string name="browser_duckduckgo">DuckDuckGo</string>
+    <string name="browser_firefox">Firefox</string>
+    <string name="browser_chrome">Chrome</string>
+    <string name="instruction_title">Use DuckDuckGo in %s</string>
+    <string name="instruction_message">"Other search engines track your searches even when you’re in private browsing mode. We don’t track you — period."</string>
+    <string name="instruction_open">Open</string>
+    <string name="instruction_bullet_point_1">1</string>
+    <string name="instruction_bullet_point_2">2</string>
+    <string name="instruction_bullet_point_3">3</string>
+    <string name="instruction_firefox_1_a">@string/instruction_open</string>
+    <string name="instruction_firefox_1_b">@string/browser_firefox</string>
+    <string name="instruction_firefox_2_a">@string/instruction_open</string>
+    <string name="instruction_firefox_2_b">Menu</string>
+    <string name="instruction_firefox_3_a">Go to</string>
+    <string name="instruction_firefox_3_b">Settings -> Search</string>
+    <string name="instruction_firefox_4_a">Select</string>
+    <string name="instruction_firefox_4_b">@string/browser_duckduckgo</string>
+    <string name="instruction_1_a">Open</string>
+    <string name="instruction_1_b">Chrome</string>
+    <string name="instruction_2_a">Open</string>
+    <string name="instruction_2_b">3-dot menu</string>
+    <string name="instruction_3_a">Tap</string>
+    <string name="instruction_3_b">Add to Home screen</string>
+    <string name="instruction_done">I’ve done this!</string>
 
 
 
diff --git a/res/values/themes.xml b/res/values/themes.xml
index 998e7b36..361f1ba9 100644
--- a/res/values/themes.xml
+++ b/res/values/themes.xml
@@ -5,8 +5,8 @@
 
     </style>
 
-    <style name="DDGTheme.Base" parent="Theme.AppCompat.Light.NoActionBar">
-        <item name="android:windowBackground">@drawable/launcher_window_background</item>
+    <style name="DDGTheme.Base" parent="Theme.AppCompat.Light.NoActionBar"><!--
+        <item name="android:windowBackground">@drawable/launcher_window_background</item>-->
         <item name="actionModeBackground">@color/action_mode_background</item>
         <item name="colorPrimary">@color/colorPrimary</item>
         <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
@@ -15,6 +15,13 @@
         <item name="popUp">@style/DDGPopup</item>
     </style>
 
+    <style name="DDGTheme.Launcher" parent="DDGTheme">
+        <item name="android:windowBackground">@drawable/launcher_window_background</item>
+    </style>
+
+    <style name="DDGTheme.ClearStatusBar" parent="DDGTheme">
+    </style>
+
     <style name="DDGPopup" parent="Widget.AppCompat.PopupMenu"><!--PopupMenu-->
     </style>
 
diff --git a/src/com/duckduckgo/mobile/android/ShortcutReceiver.java b/src/com/duckduckgo/mobile/android/ShortcutReceiver.java
new file mode 100644
index 00000000..a012f5f4
--- /dev/null
+++ b/src/com/duckduckgo/mobile/android/ShortcutReceiver.java
@@ -0,0 +1,21 @@
+package com.duckduckgo.mobile.android;
+
+import android.content.BroadcastReceiver;
+import android.content.Context;
+import android.content.Intent;
+import android.util.Log;
+import android.widget.Toast;
+
+public class ShortcutReceiver extends BroadcastReceiver {
+    public ShortcutReceiver() {
+    }
+
+    @Override
+    public void onReceive(Context context, Intent intent) {
+        // TODO: This method is called when the BroadcastReceiver is receiving
+        // an Intent broadcast.
+        //Toast.makeText(context, "DuckDuckGo was added to your Homescreen", Toast.LENGTH_SHORT).show();
+        Log.e("shortcuts", "onboarding on receive create shortcut RECEIVER");
+        //throw new UnsupportedOperationException("Not yet implemented");
+    }
+}
diff --git a/src/com/duckduckgo/mobile/android/activity/DuckDuckGo.java b/src/com/duckduckgo/mobile/android/activity/DuckDuckGo.java
index 3f3832f5..78c77d55 100644
--- a/src/com/duckduckgo/mobile/android/activity/DuckDuckGo.java
+++ b/src/com/duckduckgo/mobile/android/activity/DuckDuckGo.java
@@ -96,6 +96,7 @@
 import com.duckduckgo.mobile.android.util.DDGControlVar;
 import com.duckduckgo.mobile.android.util.DDGUtils;
 import com.duckduckgo.mobile.android.util.DisplayStats;
+import com.duckduckgo.mobile.android.util.OnboardingHelper;
 import com.duckduckgo.mobile.android.util.PreferencesManager;
 import com.duckduckgo.mobile.android.util.ReadArticlesManager;
 import com.duckduckgo.mobile.android.util.SCREEN;
@@ -122,6 +123,7 @@ public class DuckDuckGo extends AppCompatActivity {
 	private DDGAutoCompleteTextView searchEditText;
 
 	private SharedPreferences sharedPreferences;
+    private OnboardingHelper onboardingHelper;
 		
 	public boolean savedState = false;
     private boolean backPressed = false;
@@ -162,6 +164,11 @@ public void syncAdapters() {
     @Override
     public void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
+        setTheme(R.style.DDGTheme);
+        onboardingHelper = new OnboardingHelper(this);
+        if(onboardingHelper.shouldShowOnboarding()) {
+            startActivity(OnboardingActivity.getStartIntent(this));
+        }
         Log.d(TAG, "on create");
         canCommitFragmentSafely = true;
 
diff --git a/src/com/duckduckgo/mobile/android/activity/OnboardingActivity.java b/src/com/duckduckgo/mobile/android/activity/OnboardingActivity.java
new file mode 100644
index 00000000..64ad672b
--- /dev/null
+++ b/src/com/duckduckgo/mobile/android/activity/OnboardingActivity.java
@@ -0,0 +1,161 @@
+package com.duckduckgo.mobile.android.activity;
+
+import android.content.Context;
+import android.content.Intent;
+import android.graphics.Point;
+import android.os.Build;
+import android.support.v4.app.ActivityCompat;
+import android.support.v4.app.FragmentPagerAdapter;
+import android.support.v4.content.ContextCompat;
+import android.support.v4.view.ViewPager;
+import android.support.v7.app.AppCompatActivity;
+import android.os.Bundle;
+import android.transition.Fade;
+import android.transition.TransitionManager;
+import android.view.Display;
+import android.view.View;
+import android.view.ViewTreeObserver;
+import android.widget.Button;
+import android.widget.FrameLayout;
+import android.widget.LinearLayout;
+
+import com.duckduckgo.mobile.android.R;
+import com.duckduckgo.mobile.android.adapters.OnboardingAdapter;
+import com.duckduckgo.mobile.android.dialogs.InstructionDialogFragment;
+import com.duckduckgo.mobile.android.fragment.onboarding.EndOnboardingFragment;
+import com.duckduckgo.mobile.android.fragment.onboarding.NoAdsFragment;
+import com.duckduckgo.mobile.android.fragment.onboarding.NoTrackingFragment;
+import com.duckduckgo.mobile.android.fragment.onboarding.PrivacyFragment;
+import com.duckduckgo.mobile.android.fragment.onboarding.RightFragment;
+import com.duckduckgo.mobile.android.util.CompatUtils;
+import com.duckduckgo.mobile.android.util.OnboardingHelper;
+import com.duckduckgo.mobile.android.util.OnboardingTransformer;
+import com.duckduckgo.mobile.android.util.PreferencesManager;
+import com.duckduckgo.mobile.android.views.pageindicator.OnboardingPageIndicator;
+
+import java.util.Arrays;
+
+public class OnboardingActivity extends AppCompatActivity {
+
+    public static Intent getStartIntent(Context context) {
+        return new Intent(context, OnboardingActivity.class);
+    }
+
+    private FrameLayout activityContainer;
+    private LinearLayout containerLayout;
+    private ViewPager viewPager;
+    private FragmentPagerAdapter adapter;
+    private OnboardingPageIndicator pageIndicator;
+    private Button addToHomeScreenButton;
+
+    private OnboardingHelper onboardingHelper;
+    private InstructionDialogFragment instructionDialogFragment = null;
+
+    @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
+            Fade fade = new Fade();
+            fade.setDuration(400);
+            getWindow().setReturnTransition(fade);
+        }
+        setContentView(R.layout.activity_onboarding);
+        initUI();
+    }
+
+    @Override
+    public void finish() {
+        if(viewPager.getCurrentItem() >= adapter.getCount() -1)
+        onboardingHelper.setOnboardingDismissed();
+        super.finish();
+    }
+
+    @Override
+    public void onBackPressed() {
+        if(viewPager.getCurrentItem() > 0) {
+            viewPager.setCurrentItem(viewPager.getCurrentItem() - 1);
+        }
+    }
+
+    private void initUI() {
+        onboardingHelper = new OnboardingHelper(this);
+        activityContainer = (FrameLayout) findViewById(R.id.activity_onboarding);
+        containerLayout = (LinearLayout) findViewById(R.id.container_layout);
+        boolean isFirefoxDefault = onboardingHelper.isDefaultBrowserFirefox();
+        addToHomeScreenButton = (Button) findViewById(R.id.add_to_home_screen_button);
+        addToHomeScreenButton.setText(
+                String.format(getString(R.string.add_to),
+                        getString(isFirefoxDefault ? R.string.browser_firefox : R.string.browser_chrome))
+        );
+        addToHomeScreenButton.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                addTo();
+            }
+        });
+
+        adapter = new OnboardingAdapter(getSupportFragmentManager());
+
+        viewPager = (ViewPager) findViewById(R.id.view_pager);
+        viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
+            @Override
+            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
+                if(position == 4) {
+                    ActivityCompat.finishAfterTransition(OnboardingActivity.this);
+                }
+            }
+
+            @Override
+            public void onPageSelected(int position) {
+            }
+
+            @Override
+            public void onPageScrollStateChanged(int state) {
+            }
+        });
+        viewPager.setAdapter(adapter);
+
+        int[] backgroundColors = new int[] {
+                ContextCompat.getColor(this, PrivacyFragment.BACKGROUND_COLOR),
+                ContextCompat.getColor(this, NoAdsFragment.BACKGROUND_COLOR),
+                ContextCompat.getColor(this, NoTrackingFragment.BACKGROUND_COLOR),
+                ContextCompat.getColor(this, RightFragment.BACKGROUND_COLOR),
+                ContextCompat.getColor(this, EndOnboardingFragment.BACKGROUND_COLOR)};
+        pageIndicator = (OnboardingPageIndicator) findViewById(R.id.page_indicator);
+        pageIndicator.setViewPager(viewPager, adapter.getCount() - 1);
+
+        viewPager.setPageTransformer(false, new OnboardingTransformer(backgroundColors, pageIndicator, Arrays.asList(pageIndicator, addToHomeScreenButton)));
+
+        Display display = getWindowManager().getDefaultDisplay();
+        Point size = new Point();
+        CompatUtils.getDisplaySize(display, size);
+        int width = size.x;
+        int height = size.y;
+        if(width > height) return;
+        final float bottomRatio = 13.6f;
+        final int bottomMargin = (int) (height / bottomRatio);
+        containerLayout.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
+            @Override
+            public void onGlobalLayout() {
+                FrameLayout.LayoutParams params = (FrameLayout.LayoutParams) containerLayout.getLayoutParams();
+                params.bottomMargin = bottomMargin;
+                containerLayout.setLayoutParams(params);
+                CompatUtils.removeOnGlobalLayoutListener(containerLayout.getViewTreeObserver(), this);
+            }
+        });
+        if(instructionDialogFragment == null) {
+            instructionDialogFragment = InstructionDialogFragment.newInstance(
+                    onboardingHelper.isDefaultBrowserFirefox()
+                            ? InstructionDialogFragment.EXTRA_INSTRUCTION_FIREFOX
+                            : InstructionDialogFragment.EXTRA_INSTRUCTION_CHROME,
+                    true);
+            instructionDialogFragment.show(getSupportFragmentManager(), InstructionDialogFragment.TAG);
+        }
+    }
+
+    private void addTo() {
+        InstructionDialogFragment.newInstance(
+                onboardingHelper.isDefaultBrowserFirefox() ? InstructionDialogFragment.EXTRA_INSTRUCTION_FIREFOX : InstructionDialogFragment.EXTRA_INSTRUCTION_CHROME)
+                .show(getSupportFragmentManager(), InstructionDialogFragment.TAG);
+    }
+}
diff --git a/src/com/duckduckgo/mobile/android/adapters/BannerOnboardingAdapter.java b/src/com/duckduckgo/mobile/android/adapters/BannerOnboardingAdapter.java
new file mode 100644
index 00000000..18d44585
--- /dev/null
+++ b/src/com/duckduckgo/mobile/android/adapters/BannerOnboardingAdapter.java
@@ -0,0 +1,44 @@
+package com.duckduckgo.mobile.android.adapters;
+
+import android.support.v4.app.Fragment;
+import android.support.v4.app.FragmentManager;
+import android.support.v4.app.FragmentPagerAdapter;
+
+import com.duckduckgo.mobile.android.fragment.onboarding.NoAdsFragment;
+import com.duckduckgo.mobile.android.fragment.onboarding.NoTrackingFragment;
+import com.duckduckgo.mobile.android.fragment.onboarding.PrivacyFragment;
+import com.duckduckgo.mobile.android.fragment.onboarding.RightFragment;
+
+/**
+ * Created by fgei on 4/11/17.
+ */
+
+public class BannerOnboardingAdapter extends FragmentPagerAdapter {
+
+    private static final int NUM_PAGES = 4;
+
+    public BannerOnboardingAdapter(FragmentManager fm) {
+        super(fm);
+    }
+
+    @Override
+    public Fragment getItem(int position) {
+        switch(position) {
+            case 0:
+                return PrivacyFragment.newInstance(position, true);
+            case 1:
+                return NoAdsFragment.newInstance(position, true);
+            case 2:
+                return NoTrackingFragment.newInstance(position, true);
+            case 3:
+                return RightFragment.newInstance(position, true);
+            default:
+                throw new IllegalArgumentException("Wrong position for Onboarding adapter: "+position);
+        }
+    }
+
+    @Override
+    public int getCount() {
+        return NUM_PAGES;
+    }
+}
diff --git a/src/com/duckduckgo/mobile/android/adapters/FavoriteRecentAdapter.java b/src/com/duckduckgo/mobile/android/adapters/FavoriteRecentAdapter.java
new file mode 100644
index 00000000..f0afda1e
--- /dev/null
+++ b/src/com/duckduckgo/mobile/android/adapters/FavoriteRecentAdapter.java
@@ -0,0 +1,48 @@
+package com.duckduckgo.mobile.android.adapters;
+
+import android.support.v7.widget.RecyclerView;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+import android.widget.TextView;
+
+import com.duckduckgo.mobile.android.R;
+
+/**
+ * Created by fgei on 4/18/17.
+ */
+
+public class FavoriteRecentAdapter extends RecyclerView.Adapter<FavoriteRecentAdapter.ViewHolder> {
+
+    public static final String TAG = "favorite_recent_adapter";
+
+    public class ViewHolder extends RecyclerView.ViewHolder {
+        public final TextView textViewSearch;
+        public final ImageView imageViewIcon;
+        public ViewHolder(View v) {
+            super(v);
+            this.textViewSearch = (TextView) v.findViewById(R.id.item_text);
+            this.imageViewIcon = (ImageView) v.findViewById(R.id.item_icon);
+        }
+    }
+    public class DividerViewHolder extends RecyclerView.ViewHolder {
+        public DividerViewHolder(View itemView) {
+            super(itemView);
+        }
+    }
+
+    @Override
+    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
+        return null;
+    }
+
+    @Override
+    public void onBindViewHolder(ViewHolder holder, int position) {
+
+    }
+
+    @Override
+    public int getItemCount() {
+        return 0;
+    }
+}
diff --git a/src/com/duckduckgo/mobile/android/adapters/OnboardingAdapter.java b/src/com/duckduckgo/mobile/android/adapters/OnboardingAdapter.java
new file mode 100644
index 00000000..02728c81
--- /dev/null
+++ b/src/com/duckduckgo/mobile/android/adapters/OnboardingAdapter.java
@@ -0,0 +1,62 @@
+package com.duckduckgo.mobile.android.adapters;
+
+import android.os.Build;
+import android.support.v4.app.Fragment;
+import android.support.v4.app.FragmentManager;
+import android.support.v4.app.FragmentPagerAdapter;
+import android.support.v4.graphics.ColorUtils;
+import android.support.v4.view.ViewPager;
+import android.util.Log;
+import android.view.View;
+
+import com.duckduckgo.mobile.android.R;
+import com.duckduckgo.mobile.android.fragment.onboarding.EndOnboardingFragment;
+import com.duckduckgo.mobile.android.fragment.onboarding.NoAdsFragment;
+import com.duckduckgo.mobile.android.fragment.onboarding.NoTrackingFragment;
+import com.duckduckgo.mobile.android.fragment.onboarding.PrivacyFragment;
+import com.duckduckgo.mobile.android.fragment.onboarding.RightFragment;
+
+/**
+ * Created by fgei on 4/4/17.
+ */
+
+public class OnboardingAdapter extends FragmentPagerAdapter {
+
+    private static final int NUM_PAGES = 5;
+    //private boolean useMiniLayout = false;
+    public OnboardingAdapter(FragmentManager fm) {
+        super(fm);
+        //NUM_PAGES = 5;
+        //Log.e("NUM_PAGES", "numPages: "+NUM_PAGES);
+    }
+
+    private OnboardingAdapter(FragmentManager fm, boolean useMiniLayout) {
+        super(fm);
+        //this.useMiniLayout = useMiniLayout;
+        //NUM_PAGES = useMiniLayout ? 4 : 5;
+        //Log.e("NUM_PAGES", "numPages: "+NUM_PAGES);
+    }
+
+    @Override
+    public Fragment getItem(int position) {
+        switch(position) {
+            case 0:
+                return PrivacyFragment.newInstance(position);
+            case 1:
+                return NoAdsFragment.newInstance(position);
+            case 2:
+                return NoTrackingFragment.newInstance(position);
+            case 3:
+                return RightFragment.newInstance(position);
+            case 4:
+                return EndOnboardingFragment.newInstance(position);
+            default:
+                throw new IllegalArgumentException("Wrong position for Onboarding adapter: "+position);
+        }
+    }
+
+    @Override
+    public int getCount() {
+        return NUM_PAGES;
+    }
+}
diff --git a/src/com/duckduckgo/mobile/android/adapters/RecyclerMainFeedAdapter.java b/src/com/duckduckgo/mobile/android/adapters/RecyclerMainFeedAdapter.java
index 064d4162..4cb5afb2 100644
--- a/src/com/duckduckgo/mobile/android/adapters/RecyclerMainFeedAdapter.java
+++ b/src/com/duckduckgo/mobile/android/adapters/RecyclerMainFeedAdapter.java
@@ -3,20 +3,28 @@
 import android.app.Activity;
 import android.content.Context;
 import android.graphics.Bitmap;
+import android.os.Handler;
+import android.support.v4.app.FragmentManager;
+import android.support.v4.app.FragmentPagerAdapter;
+import android.support.v4.view.ViewPager;
 import android.support.v7.view.menu.MenuBuilder;
 import android.support.v7.widget.RecyclerView;
+import android.support.v7.widget.RecyclerView.ViewHolder;
 import android.util.Log;
 import android.view.LayoutInflater;
 import android.view.Menu;
 import android.view.View;
 import android.view.ViewGroup;
+import android.widget.Button;
 import android.widget.FrameLayout;
+import android.widget.ImageButton;
 import android.widget.ImageView;
 import android.widget.TextView;
 
 import com.duckduckgo.mobile.android.DDGApplication;
 import com.duckduckgo.mobile.android.R;
 import com.duckduckgo.mobile.android.bus.BusProvider;
+import com.duckduckgo.mobile.android.dialogs.InstructionDialogFragment;
 import com.duckduckgo.mobile.android.download.AsyncImageView;
 import com.duckduckgo.mobile.android.events.SourceFilterEvent;
 import com.duckduckgo.mobile.android.events.feedEvents.FeedCancelCategoryFilterEvent;
@@ -25,40 +33,36 @@
 import com.duckduckgo.mobile.android.objects.FeedObject;
 import com.duckduckgo.mobile.android.util.DDGControlVar;
 import com.duckduckgo.mobile.android.util.DDGUtils;
+import com.duckduckgo.mobile.android.util.OnboardingHelper;
+import com.duckduckgo.mobile.android.util.OnboardingTransformer;
+import com.duckduckgo.mobile.android.util.PreferencesManager;
 import com.duckduckgo.mobile.android.views.DDGOverflowMenu;
+import com.duckduckgo.mobile.android.views.pageindicator.BannerOnboardingPageIndicator;
 import com.squareup.picasso.Picasso;
 
 import java.net.MalformedURLException;
 import java.net.URL;
-import java.text.SimpleDateFormat;
 import java.util.ArrayList;
-import java.util.Date;
 import java.util.List;
 
-public class RecyclerMainFeedAdapter extends RecyclerView.Adapter<RecyclerMainFeedAdapter.ViewHolder> {
+public class RecyclerMainFeedAdapter extends RecyclerView.Adapter<ViewHolder> {
     private static final String TAG = "MainFeedAdapter";
 
+    private static final int ITEM_TYPE_FEED = 0;
+    private static final int ITEM_TYPE_HEADER = 1;
+
+    private boolean isOnboardingBannerVisible = true;
     private Context context;
     private final LayoutInflater inflater;
-
-    //public View.OnClickListener sourceClickListener;
-    //public View.OnClickListener categoryClickListener;
-
-    private SimpleDateFormat dateFormat;
-    private Date lastFeedDate = null;
-
-    //private String markedItem = null;
-    //private String markedSource = null;
-    //private String markedCategory = null;
-
-    //private AlphaAnimation blinkanimation = null;
+    private FragmentManager fragmentManager;
+    private OnboardingHelper onboardingHelper;
 
     private DDGOverflowMenu feedMenu = null;
     private Menu menu = null;
 
-    public ArrayList<FeedObject> data;
+    public List<FeedObject> data;
 
-    public class ViewHolder extends RecyclerView.ViewHolder {
+    public class FeedViewHolder extends RecyclerView.ViewHolder {
 
         public final TextView textViewTitle;
         public final FrameLayout frameCategoryContainer;
@@ -68,7 +72,7 @@ public class ViewHolder extends RecyclerView.ViewHolder {
         public final AsyncImageView imageViewBackground;
         public final AsyncImageView imageViewFeedIcon; // Bottom Left Icon (Feed Source)
 
-        public ViewHolder(View v) {
+        public FeedViewHolder(View v) {
             super(v);
             this.textViewTitle = (TextView) v.findViewById(R.id.feedTitleTextView);
             this.frameCategoryContainer = (FrameLayout) v.findViewById(R.id.feedCategoryContainer);
@@ -80,21 +84,79 @@ public ViewHolder(View v) {
         }
     }
 
-    public RecyclerMainFeedAdapter(Context context/*, View.OnClickListener sourceClickListener, View.OnClickListener categoryClickListener*/) {
-        this.context = context;
-        inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
-        data = new ArrayList<FeedObject>();
+    public class HeaderViewHolder extends RecyclerView.ViewHolder {
+
+        private final int SLIDE_TIME = 10000;
+
+        public final ViewPager viewPager;
+        public final FragmentPagerAdapter adapter;
+        public final BannerOnboardingPageIndicator pageIndicator;
+        public final Button instructionbutton;
+        public final ImageButton dismissImageButton;
+        final Handler handler;
+        final Runnable slideRunnable;
+
+        private boolean isRunning = false;
+
+        public HeaderViewHolder(View itemView) {
+            super(itemView);
+            instructionbutton = (Button) itemView.findViewById(R.id.instruction_button);
+            dismissImageButton = (ImageButton) itemView.findViewById(R.id.dismiss_image_button);
+            viewPager = (ViewPager) itemView.findViewById(R.id.view_pager);
+            adapter = new BannerOnboardingAdapter(fragmentManager);
+            viewPager.setAdapter(adapter);
+            viewPager.setPageTransformer(false, new OnboardingTransformer());
+            viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
+                @Override
+                public void onPageScrolled(int i, float v, int i1) {
+                }
+
+                @Override
+                public void onPageSelected(int i) {
+                    if(!isRunning) {
+                        startSlidingViewPager();
+                    }
+                }
+
+                @Override
+                public void onPageScrollStateChanged(int i) {
+                    if(isRunning && i == ViewPager.SCROLL_STATE_DRAGGING) {
+                        stopSlidingViewPager();
+                    }
+                }
+            });
+            pageIndicator = (BannerOnboardingPageIndicator) itemView.findViewById(R.id.page_indicator);
+            pageIndicator.setViewPager(viewPager);
+            handler = new Handler();
+            slideRunnable = new Runnable() {
+                @Override
+                public void run() {
+                    int nextItem = viewPager.getCurrentItem() + 1;
+                    if(nextItem == viewPager.getAdapter().getCount()) nextItem = 0;
+                    viewPager.setCurrentItem(nextItem, true);
+                    handler.postDelayed(this, SLIDE_TIME);
+                }
+            };
+            startSlidingViewPager();
+        }
 
-        //this.sourceClickListener = sourceClickListener;
-        //this.categoryClickListener = categoryClickListener;
-        this.dateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss.SSS");
+        private void startSlidingViewPager() {
+            isRunning = true;
+            handler.postDelayed(slideRunnable, SLIDE_TIME);
+        }
+        private void stopSlidingViewPager() {
+            isRunning = false;
+            handler.removeCallbacks(slideRunnable);
+        }
+    }
 
-        // animation to use for blinking cue
-        /*blinkanimation = new AlphaAnimation(1, 0.3f);
-        blinkanimation.setDuration(300);
-        blinkanimation.setInterpolator(new LinearInterpolator());
-        blinkanimation.setRepeatCount(2);
-        blinkanimation.setRepeatMode(Animation.REVERSE);*/
+    public RecyclerMainFeedAdapter(Context context, FragmentManager fragmentManager) {
+        this.context = context;
+        this.fragmentManager = fragmentManager;
+        onboardingHelper = new OnboardingHelper(context);
+        isOnboardingBannerVisible = onboardingHelper.shouldShowOnboardingBanner();
+        inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
+        data = new ArrayList<>();
 
         menu = new MenuBuilder(context);
         ((Activity)context).getMenuInflater().inflate(R.menu.feed, menu);
@@ -103,14 +165,40 @@ public RecyclerMainFeedAdapter(Context context/*, View.OnClickListener sourceCli
 
     @Override
     public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
-        View v = inflater.inflate(R.layout.item_main_feed, parent, false);
-        ViewHolder holder = new ViewHolder(v);
-        return holder;
+        if(viewType == ITEM_TYPE_HEADER) return new HeaderViewHolder(inflater.inflate(R.layout.viewholder_feed_header, parent, false));
+        return new FeedViewHolder(inflater.inflate(R.layout.item_main_feed, parent, false));
     }
 
     @Override
     public void onBindViewHolder(final ViewHolder holder, int position) {
-        final FeedObject feed = data.get(position);
+        if(position == 0 && isOnboardingBannerVisible) {
+            //that's the header;
+            final HeaderViewHolder headerHolder = (HeaderViewHolder) holder;
+            boolean isFirefoxDefault = onboardingHelper.isDefaultBrowserFirefox();
+            final boolean showFirefoxInstruction = isFirefoxDefault || PreferencesManager.isDDGAddedToHomeScreen();
+            headerHolder.instructionbutton.setText(
+                    String.format(context.getString(R.string.add_to),
+                            context.getString(showFirefoxInstruction ? R.string.browser_firefox : R.string.browser_chrome))
+            );
+            headerHolder.instructionbutton.setOnClickListener(new View.OnClickListener() {
+                @Override
+                public void onClick(View v) {
+                    InstructionDialogFragment.newInstance(
+                            showFirefoxInstruction ? InstructionDialogFragment.EXTRA_INSTRUCTION_FIREFOX : InstructionDialogFragment.EXTRA_INSTRUCTION_CHROME)
+                            .show(fragmentManager, InstructionDialogFragment.TAG);
+                }
+            });
+            headerHolder.dismissImageButton.setOnClickListener(new View.OnClickListener() {
+                @Override
+                public void onClick(View v) {
+                    dismissOnboardingBanner();
+                }
+            });
+            return;
+        }
+        final FeedObject feed = getItem(position);//data.get(position - 1); //header
+
+        final FeedViewHolder feedHolder = (FeedViewHolder) holder;
 
         URL feedUrl = null;
 
@@ -126,103 +214,44 @@ public void onBindViewHolder(final ViewHolder holder, int position) {
                         .resize(DDGUtils.displayStats.feedItemWidth, DDGUtils.displayStats.feedItemHeight)
                         .centerCrop()
                         .placeholder(android.R.color.transparent)
-                        .into(holder.imageViewBackground);
+                        .into(feedHolder.imageViewBackground);
             }
 
             final String feedType = feed.getType();
 
-            holder.imageViewFeedIcon.setType(feedType);	// stored source id in imageview
-
-            //holder.imageViewFeedIcon.setOnClickListener(sourceClickListener);
+            feedHolder.imageViewFeedIcon.setType(feedType);	// stored source id in imageview
 
-            final View itemView = holder.itemView;
-            final String sourceType = holder.imageViewFeedIcon.getType();
+            final View itemView = feedHolder.itemView;
+            final String sourceType = feedHolder.imageViewFeedIcon.getType();
 
-            holder.imageViewFeedIcon.setOnClickListener(new View.OnClickListener() {
+            feedHolder.imageViewFeedIcon.setOnClickListener(new View.OnClickListener() {
                 @Override
                 public void onClick(View v) {
-                    //BusProvider.getInstance().post(new SourceFilterEvent(itemView, sourceType, feed));
                     if(DDGControlVar.targetSource!=null) {
                         DDGControlVar.targetSource=null;
                         BusProvider.getInstance().post(new FeedCancelSourceFilterEvent());
                     } else {
                         DDGControlVar.targetSource = sourceType;
                         DDGControlVar.hasUpdatedFeed = false;
-                        Log.e("aaa", "ddg target source: "+DDGControlVar.targetSource);
                         BusProvider.getInstance().post(new SourceFilterEvent(itemView, sourceType, feed));
                         filterSource(sourceType);
                     }
                 }
             });
-
-            /*
-            holder.imageViewFeedIcon.setOnClickListener(new OnClickListener() {
-                @Override
-                public void onClick(View v) {
-                    if(DDGControlVar.targetSource!=null) {
-                        DDGControlVar.targetSource=null;
-                        unmarkSource();
-                        getFilter().filter(feedType);
-                    } else {
-                        DDGControlVar.targetSource=feedType;
-                        markSource(feedId);
-                        getFilter().filter(feedType);
-                    }
-                }
-            });*/
-/*
-            final View iconParent = (View) view.findViewById(R.id.feedWrapper);
-            iconParent.post(new Runnable() {
-                public void run() {
-                    // Post in the parent's message queue to make sure the parent
-                    // lays out its children before we call getHitRect()
-                    Rect delegateArea = new Rect();
-                    AsyncImageView delegate = holder.imageViewFeedIcon;
-                    delegate.getHitRect(delegateArea);
-                    delegateArea.top = 0;
-                    delegateArea.bottom = iconParent.getBottom();
-                    delegateArea.left = 0;
-                    // right side limit also considers the space that is available from TextView, without text displayed
-                    // in TextView padding area on the left
-                    delegateArea.right = holder.textViewTitle.getLeft() + holder.textViewTitle.getPaddingLeft();
-                    TouchDelegate expandedArea = new TouchDelegate(delegateArea,
-                            delegate);
-                    // give the delegate to an ancestor of the view we're delegating the area to
-                    if (View.class.isInstance(delegate.getParent())) {
-                        ((View) delegate.getParent())
-                                .setTouchDelegate(expandedArea);
-                    }
-                };
-            });
-*/
             //Set the Title
-            //holder.textViewTitle.setTextSize(TypedValue.COMPLEX_UNIT_PX, DDGControlVar.mainTextSize);
-            holder.textViewTitle.setText(feed.getTitle());
-			/*
-			String feedId = feed.getId();
-
-			if(DDGControlVar.readArticles.contains(feedId)){
-				holder.textViewTitle.setTextColor(Color.GRAY);
-			}*/
+            feedHolder.textViewTitle.setText(feed.getTitle());
 
             // FIXME : it'd be good to reset color to default color for textview in layout XML
-            holder.textViewTitle.setTextColor(context.getResources().getColor(R.color.feed_title));
+            feedHolder.textViewTitle.setTextColor(context.getResources().getColor(R.color.feed_title));
             if(DDGControlVar.readArticles.contains(feedId)){
-                holder.textViewTitle.setTextColor(context.getResources().getColor(R.color.feed_title_viewed));
+                feedHolder.textViewTitle.setTextColor(context.getResources().getColor(R.color.feed_title_viewed));
             }
 
             //set the category
             //todo insert size
             final String category = feed.getCategory();
-            holder.textViewCategory.setText(category.toUpperCase());/*
-            holder.textViewCategory.setOnClickListener(new OnClickListener() {
-                @Override
-                public void onClick(View v) {
-                    Log.e("aaa", "catgory clicked: "+category);
-                }
-            });*/
-            //holder.textViewCategory.setOnClickListener(categoryClickListener);
-            holder.frameCategoryContainer.setOnClickListener(new View.OnClickListener() {
+            feedHolder.textViewCategory.setText(category.toUpperCase());
+            feedHolder.frameCategoryContainer.setOnClickListener(new View.OnClickListener() {
                 @Override
                 public void onClick(View v) {
                     if(DDGControlVar.targetCategory!=null) {
@@ -235,75 +264,13 @@ public void onClick(View v) {
                 }
             });
 
-            /*
-            final View view = cv;
-            holder.textViewCategory.setOnClickListener(new OnClickListener() {
-                @Override
-                public void onClick(View v) {
-                    if(DDGControlVar.targetCategory!=null) {
-                        Log.e("aaa", "should remove filter: "+category);
-                        DDGControlVar.targetCategory = null;
-                        unmarkCategory();
-                        //getFilter().filter(category);
-                    } else if(DDGControlVar.targetSource!=null) {
-                        Log.e("aaa", "must add filter: "+category);
-                        //DDGControlVar.targetCategory = category;
-                        //markCategory(feedId);
-                        //getFilter().filter(category);
-
-                    }
-                    view.animate().setDuration(1000).alpha(0)
-                }
-            });*/
-
-            holder.frameMenuContainer.setOnClickListener(new View.OnClickListener() {
+            feedHolder.frameMenuContainer.setOnClickListener(new View.OnClickListener() {
                 @Override
                 public void onClick(View v) {
-                    showMenu(holder.imageViewMenu, feed);
+                    showMenu(feedHolder.imageViewMenu, feed);
                 }
             });
 
-/*
-			//set the toolbar Menu
-            if(DDGApplication.getDB().isSaved(feedId)) {
-                holder.toolbar.getMenu().findItem(R.id.action_add_favorite).setVisible(false);
-                holder.toolbar.getMenu().findItem(R.id.action_remove_favorite).setVisible(true);
-            } else {
-                holder.toolbar.getMenu().findItem(R.id.action_add_favorite).setVisible(true);
-                holder.toolbar.getMenu().findItem(R.id.action_remove_favorite).setVisible(false);
-            }
-			holder.toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
-				@Override
-				public boolean onMenuItemClick(MenuItem menuItem) {
-					switch(menuItem.getItemId()) {
-						case R.id.action_add_favorite:
-							Log.e("aaa", "action add favourites");
-                            BusProvider.getInstance().post(new SaveStoryEvent(feed));
-                            holder.toolbar.getMenu().findItem(R.id.action_add_favorite).setVisible(false);
-                            holder.toolbar.getMenu().findItem(R.id.action_remove_favorite).setVisible(true);
-							//add to favourites
-							return true;
-                        case R.id.action_remove_favorite:
-                            BusProvider.getInstance().post(new UnSaveStoryEvent(feed.getId()));
-                            holder.toolbar.getMenu().findItem(R.id.action_add_favorite).setVisible(true);
-                            holder.toolbar.getMenu().findItem(R.id.action_remove_favorite).setVisible(false);
-                            return true;
-						case R.id.action_share:
-							Log.e("aaa", "action share");
-                            BusProvider.getInstance().post(new ShareFeedEvent(feed.getTitle(), feed.getUrl()));
-							//action share
-							return true;
-						case R.id.action_external:
-							Log.e("aaa", "action external view in chrome");
-                            BusProvider.getInstance().post(new SendToExternalBrowserEvent(getContext(), feed.getUrl()));
-							//view in chrome
-							return true;
-						default:
-							return false;
-					}
-				}
-			});*/
-
             if (feed.getFeed() != null && !feed.getFeed().equals("null")) {
                 try {
                     feedUrl = new URL(feed.getFeed());
@@ -320,48 +287,56 @@ public boolean onMenuItemClick(MenuItem menuItem) {
 
                     Bitmap bitmap = DDGApplication.getImageCache().getBitmapFromCache("DUCKDUCKICO--" + feedType, false);
                     if(bitmap != null){
-                        holder.imageViewFeedIcon.setBitmap(bitmap);
+                        feedHolder.imageViewFeedIcon.setBitmap(bitmap);
                     }
                 }
 
-                holder.itemView.setOnClickListener(new View.OnClickListener() {
+                feedHolder.itemView.setOnClickListener(new View.OnClickListener() {
                     @Override
                     public void onClick(View v) {
                         BusProvider.getInstance().post(new MainFeedItemSelectedEvent(feed));
                     }
                 });
 
-                holder.itemView.setOnLongClickListener(new View.OnLongClickListener() {
+                feedHolder.itemView.setOnLongClickListener(new View.OnLongClickListener() {
                     @Override
                     public boolean onLongClick(View v) {
-                        //BusProvider.getInstance().post(new MainFeedItemLongClickEvent(feed));
-                        showMenu(holder.imageViewMenu, feed);
+                        showMenu(feedHolder.imageViewMenu, feed);
                         return true;
                     }
                 });
 
             }
         }
-
-/*
-        if(false && holder.itemView != null) {
-            if((markedItem != null && markedItem.equals(feed.getId())) || (markedSource!=null && markedSource.equals(feed.getId()))) {
-                blinkanimation.reset();
-                holder.itemView.startAnimation(blinkanimation);
-            }
-            else {
-                holder.itemView.setAnimation(null);
-            }
-        }*/
     }
 
     public FeedObject getItem(int position) {
-        return data.get(position);
+        int index = position;
+        if(isOnboardingBannerVisible) index -= 1;
+        return data.get(index);
+        //return data.get(position - 1);//header
     }
 
     @Override
     public int getItemCount() {
-        return data.size();
+        int size = data.size();
+        if(isOnboardingBannerVisible) return size+ 1;
+        return size;
+        //return data.size() + 1; //header
+    }
+
+    @Override
+    public int getItemViewType(int position) {
+        if(position == 0 && isOnboardingBannerVisible) return ITEM_TYPE_HEADER;
+        return ITEM_TYPE_FEED;
+        //return super.getItemViewType(position);
+    }
+
+    private void dismissOnboardingBanner() {
+        onboardingHelper.setOnboardingBannerDismissed();
+        isOnboardingBannerVisible = false;
+        notifyItemRemoved(0);
+
     }
 
     private void showMenu(View anchor, FeedObject feed) {
@@ -394,10 +369,6 @@ public void addData(List<FeedObject> newData) {
     }
 
     public void addSourceData(List<FeedObject> newSources) {
-        Log.e("aaa", "add source data, data size: "+data.size());
-        for(FeedObject feed : data) {
-            Log.e("aaa", "old feed: "+feed.getTitle());
-        }
         for(FeedObject newFeed : newSources) {
             boolean isPresent = false;
             for(FeedObject feed : data) {
@@ -405,9 +376,6 @@ public void addSourceData(List<FeedObject> newSources) {
                     isPresent = true;
                 }
             }
-            //boolean isPresent = data.contains(feed);
-            Log.e("aaa", "feed: "+newFeed.getTitle()+" - is present: "+isPresent);
-
             if(!isPresent) {
                 data.add(newFeed);
                 notifyItemInserted(data.size());
@@ -434,12 +402,4 @@ private void filterSource(String source) {
             }
         }
     }
-/*
-    public void markSource(String itemId) {
-        markedSource = itemId;
-    }
-
-    public void unmarkSource() {
-        markedSource = null;
-    }*/
 }
diff --git a/src/com/duckduckgo/mobile/android/dialogs/InstructionDialogFragment.java b/src/com/duckduckgo/mobile/android/dialogs/InstructionDialogFragment.java
new file mode 100644
index 00000000..84339800
--- /dev/null
+++ b/src/com/duckduckgo/mobile/android/dialogs/InstructionDialogFragment.java
@@ -0,0 +1,195 @@
+package com.duckduckgo.mobile.android.dialogs;
+
+import android.content.Context;
+import android.graphics.Color;
+import android.graphics.Typeface;
+import android.os.Build;
+import android.os.Bundle;
+import android.os.Handler;
+import android.support.annotation.Nullable;
+import android.support.v4.content.ContextCompat;
+import android.support.v7.app.AppCompatDialogFragment;
+import android.text.SpannableStringBuilder;
+import android.text.style.ForegroundColorSpan;
+import android.text.style.StyleSpan;
+import android.transition.TransitionManager;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+import android.widget.TextView;
+
+import com.duckduckgo.mobile.android.R;
+import com.duckduckgo.mobile.android.util.OnboardingHelper;
+
+/**
+ * Created by fgei on 4/7/17.
+ */
+
+public class InstructionDialogFragment extends AppCompatDialogFragment {
+
+    public static final String TAG = "instruction_dialog_fragment";
+
+    public static InstructionDialogFragment newInstance(int instructionType) {
+        return newInstance(instructionType, false);
+    }
+
+    public static InstructionDialogFragment newInstance(int instructionType, boolean disableDismissButton) {
+        InstructionDialogFragment fragment = new InstructionDialogFragment();
+        Bundle args = new Bundle();
+        args.putInt(EXTRA_INSTRUCTION_TYPE, instructionType);
+        args.putBoolean(EXTRA_DISABLE_DISMISS_BUTTON, disableDismissButton);
+        fragment.setArguments(args);
+        return fragment;
+    }
+
+    public static final int EXTRA_INSTRUCTION_FIREFOX = 0;
+    public static final int EXTRA_INSTRUCTION_CHROME = 1;
+
+    private static final String EXTRA_INSTRUCTION_TYPE = "instruction_type";
+    private static final String EXTRA_DISABLE_DISMISS_BUTTON = "disable_dismiss_button";
+
+    private static final int INITIAL_DISABLE_TIME = 5000;
+
+    private View firefoxInstructionContainer, chromeInstructionContainer;
+    private View toggleInstructionContainer;
+    private TextView toggleInstructionTextView;
+    private ImageView toggleInstructionImageView;
+    private TextView titleTextView;
+    private TextView doneButton;
+    private ViewGroup transitionRoot;
+
+    private OnboardingHelper onboardingHelper;
+
+    private boolean isInstructionChromeType = true;
+    private boolean disableDismissButton = false;
+
+    @Override
+    public void onCreate(@Nullable Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        setStyle(STYLE_NO_TITLE, 0);
+        Bundle args = getArguments();
+        if(args.containsKey(EXTRA_INSTRUCTION_TYPE)) {
+            isInstructionChromeType = args.getInt(EXTRA_INSTRUCTION_TYPE) == EXTRA_INSTRUCTION_CHROME;
+        }
+        if(args.containsKey(EXTRA_DISABLE_DISMISS_BUTTON)) {
+            disableDismissButton = args.getBoolean(EXTRA_DISABLE_DISMISS_BUTTON);
+        }
+    }
+
+    @Nullable
+    @Override
+    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
+        View rootView = inflater.inflate(R.layout.dialog_onboarding_instruction, container, false);
+        init(getContext(), rootView);
+        return rootView;
+    }
+
+    @Override
+    public void onActivityCreated(Bundle savedInstanceState) {
+        super.onActivityCreated(savedInstanceState);
+        if(disableDismissButton && savedInstanceState == null) {
+            disableViewForTime(doneButton, INITIAL_DISABLE_TIME );
+        }
+    }
+
+    @Override
+    public void onStart() {
+        super.onStart();
+        if(getDialog() != null) {
+            getDialog().getWindow().setLayout(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
+            getDialog().getWindow().setBackgroundDrawableResource(android.R.color.transparent);
+        }
+    }
+
+    private void init(Context context, final View rootView) {
+        onboardingHelper = new OnboardingHelper(context);
+        transitionRoot = (ViewGroup) rootView;
+        TextView instruction1TextView = (TextView) rootView.findViewById(R.id.instruction_1_text_view);
+        instruction1TextView.setText(getStyledString(getContext(), R.string.instruction_firefox_1_a, R.string.instruction_firefox_1_b));
+
+        TextView instruction2TextView = (TextView) rootView.findViewById(R.id.instruction_2_text_view);
+        instruction2TextView.setText(getStyledString(getContext(), R.string.instruction_firefox_2_a, R.string.instruction_firefox_2_b));
+
+        TextView instruction3TextView = (TextView) rootView.findViewById(R.id.instruction_3_text_view);
+        instruction3TextView.setText(getStyledString(getContext(), R.string.instruction_firefox_3_a, R.string.instruction_firefox_3_b));
+
+        TextView instruction4TextView = (TextView) rootView.findViewById(R.id.instruction_4_text_view);
+        instruction4TextView.setText(getStyledString(getContext(), R.string.instruction_firefox_4_a, R.string.instruction_firefox_4_b));
+
+        doneButton = (TextView) rootView.findViewById(R.id.done_button);
+        doneButton.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                dismiss();
+            }
+        });
+        firefoxInstructionContainer = rootView.findViewById(R.id.instruction_container);
+        chromeInstructionContainer = rootView.findViewById(R.id.add_to_home_screen_button);
+        chromeInstructionContainer.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                onboardingHelper.addToHomeScreen();
+                dismiss();
+            }
+        });
+        toggleInstructionImageView = (ImageView) rootView.findViewById(R.id.add_to_image_view);
+        toggleInstructionTextView = (TextView) rootView.findViewById(R.id.add_to_text_view);
+        toggleInstructionContainer = rootView.findViewById(R.id.add_to_container);
+        toggleInstructionContainer.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                isInstructionChromeType = !isInstructionChromeType;
+                initInstructionType(isInstructionChromeType, true);
+            }
+        });
+        titleTextView = (TextView) rootView.findViewById(R.id.instruction_title_text_view);
+        initInstructionType(isInstructionChromeType, false);
+    }
+
+    private void initInstructionType(boolean isChromeType, boolean withAnimation) {
+        if(withAnimation) {
+            if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
+                TransitionManager.beginDelayedTransition(transitionRoot);
+            }
+        }
+        chromeInstructionContainer.setVisibility(isChromeType ? View.VISIBLE : View.GONE);
+        firefoxInstructionContainer.setVisibility(isChromeType ? View.GONE : View.VISIBLE);
+        toggleInstructionImageView.setImageResource(isChromeType ? R.drawable.firefox: R.drawable.chrome);
+        toggleInstructionTextView.setText(
+                String.format(
+                        getString(R.string.add_to),
+                        getString(isChromeType ? R.string.browser_firefox : R.string.browser_chrome)));
+        titleTextView.setText(
+                String.format(getString(R.string.add_to),
+                        getString(isChromeType ? R.string.browser_chrome : R.string.browser_firefox)));
+    }
+
+    private void disableViewForTime(final TextView textView, int millis) {
+        final int textColor = textView.getCurrentTextColor();
+        textView.setEnabled(false);
+        textView.setTextColor(Color.GRAY);
+        new Handler().postDelayed(new Runnable() {
+            @Override
+            public void run() {
+                textView.setEnabled(true);
+                textView.setTextColor(textColor);
+            }
+        }, millis);
+    }
+
+    private static SpannableStringBuilder getStyledString(Context context, int textResId, int textBoldResId) {
+        String text = context.getString(textResId);
+        String textPrimary = context.getString(textBoldResId);
+        SpannableStringBuilder builder = new SpannableStringBuilder(text + " " + textPrimary);
+        int startPrimaryIndex = text.length() + 1;
+        int endPrimaryIndex = startPrimaryIndex + textPrimary.length();
+        builder.setSpan(
+                new ForegroundColorSpan(ContextCompat.getColor(context, R.color.onboarding_primary_text)),
+                startPrimaryIndex,
+                endPrimaryIndex,
+                0);
+        builder.setSpan(new StyleSpan(Typeface.BOLD), startPrimaryIndex, endPrimaryIndex, 0);
+        return builder;
+    }
+}
diff --git a/src/com/duckduckgo/mobile/android/fragment/FeedFragment.java b/src/com/duckduckgo/mobile/android/fragment/FeedFragment.java
index be849875..a3e0531d 100644
--- a/src/com/duckduckgo/mobile/android/fragment/FeedFragment.java
+++ b/src/com/duckduckgo/mobile/android/fragment/FeedFragment.java
@@ -175,7 +175,7 @@ public void init() {
         //CategoryClickListener categoryClickListener = new CategoryClickListener();
 		//feedAdapter = new MainFeedAdapter(activity, sourceClickListener, categoryClickListener);
         //recyclerAdapter = new RecyclerMainFeedAdapter(activity, sourceClickListener, categoryClickListener);
-        recyclerAdapter = new RecyclerMainFeedAdapter(activity);
+        recyclerAdapter = new RecyclerMainFeedAdapter(activity, getFragmentManager());
 
 		mainFeedTask = null;
 
diff --git a/src/com/duckduckgo/mobile/android/fragment/onboarding/BaseOnboardingFragment.java b/src/com/duckduckgo/mobile/android/fragment/onboarding/BaseOnboardingFragment.java
new file mode 100644
index 00000000..028ab90e
--- /dev/null
+++ b/src/com/duckduckgo/mobile/android/fragment/onboarding/BaseOnboardingFragment.java
@@ -0,0 +1,140 @@
+package com.duckduckgo.mobile.android.fragment.onboarding;
+
+import android.content.Context;
+import android.graphics.Color;
+import android.graphics.Paint;
+import android.graphics.Point;
+import android.graphics.Rect;
+import android.graphics.drawable.Drawable;
+import android.os.Bundle;
+import android.support.annotation.Nullable;
+import android.support.v4.app.Fragment;
+import android.text.Layout;
+import android.text.StaticLayout;
+import android.text.TextPaint;
+import android.util.Log;
+import android.view.Display;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.view.ViewTreeObserver;
+import android.widget.FrameLayout;
+import android.widget.ImageView;
+import android.widget.LinearLayout;
+import android.widget.TextView;
+
+import com.duckduckgo.mobile.android.R;
+import com.duckduckgo.mobile.android.util.CompatUtils;
+import com.duckduckgo.mobile.android.util.DimenUtils;
+
+import java.util.Arrays;
+import java.util.List;
+
+/**
+ * Created by fgei on 4/4/17.
+ */
+
+public abstract class BaseOnboardingFragment extends Fragment {
+
+    private static final String EXTRA_INDEX_POSITION = "index_position";
+    private static final String EXTRA_MINI_LAYOUT = "mini_layout";
+
+    private static final float BOTTOM_MARGIN_CONSTRAINT_PORTRAIT = 3.819f;
+    private static final float BOTTOM_MARGIN_CONSTRAINT_LANDSCAPE = 4.228f;
+
+    protected abstract int getBackgroundColor();
+    protected abstract int getIcon();
+    protected abstract String getTitle();
+    protected abstract String getSubtitle();
+
+    private ViewGroup backgroundFrameLayout;
+    private TextView titleTextView;
+    private TextView subtitleTextView;
+    private ImageView iconImageView;
+
+    @Nullable
+    @Override
+    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
+        View rootView = inflater.inflate(
+                useMiniLayout() ? R.layout.viewholder_onboarding : R.layout.fragment_onboarding,
+                container,
+                false);
+        backgroundFrameLayout = (ViewGroup) rootView;
+        titleTextView = (TextView) rootView.findViewById(R.id.title_text_view);
+        subtitleTextView = (TextView) rootView.findViewById(R.id.subtitle_text_view);
+        iconImageView = (ImageView) rootView.findViewById(R.id.icon_image_view);
+        return rootView;
+    }
+
+    @Override
+    public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
+        super.onViewCreated(view, savedInstanceState);
+        backgroundFrameLayout.setTag(getIndexPosition());
+    }
+
+    @Override
+    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
+        super.onActivityCreated(savedInstanceState);
+        if(!useMiniLayout()) {
+            backgroundFrameLayout.setBackgroundColor(getBackgroundColor());
+        }
+        String title = getTitle();
+        if(useMiniLayout()) title = title.replaceAll("\\n", " ");
+        titleTextView.setText(title);
+        String subtitle = getSubtitle();
+        if(useMiniLayout()) subtitle = subtitle.replaceAll("\\n", " ");
+        subtitleTextView.setText(subtitle);
+        iconImageView.setImageResource(getIcon());
+
+        initLayout();
+    }
+
+    protected boolean useMiniLayout() {
+        return getArguments().getBoolean(EXTRA_MINI_LAYOUT);
+    }
+
+    private int getIndexPosition() {
+        return getArguments().getInt(EXTRA_INDEX_POSITION);
+    }
+
+    private void initLayout() {
+        if(!useMiniLayout()) {
+            Display display = getActivity().getWindowManager().getDefaultDisplay();
+            Point size = new Point();
+            CompatUtils.getDisplaySize(display, size);
+            int width = size.x;
+            int height = size.y;
+            final FrameLayout containerLayout = (FrameLayout) backgroundFrameLayout.findViewById(R.id.container_layout);
+            final FrameLayout.LayoutParams params = (FrameLayout.LayoutParams) containerLayout.getLayoutParams();
+
+            boolean isPortrait = width < height;
+            //float portraitBottomRatio = 3.819f;
+            //float landscapeBottomRatio = 4.228f;
+            float bottomMarginConstraint = isPortrait ? BOTTOM_MARGIN_CONSTRAINT_PORTRAIT : BOTTOM_MARGIN_CONSTRAINT_LANDSCAPE;
+            final int bottomMargin = (int) (height / bottomMarginConstraint);
+            final int topMargin = height - (int) (height / 1.278);
+            containerLayout.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
+                @Override
+                public void onGlobalLayout() {
+                    CompatUtils.removeOnGlobalLayoutListener(containerLayout.getViewTreeObserver(), this);
+                    params.bottomMargin = bottomMargin;
+                    containerLayout.setLayoutParams(params);
+                }
+            });
+        }
+    }
+
+    protected static Bundle createArgs(int indexPosition) {
+        return createArgs(indexPosition, false);/*
+        Bundle args = new Bundle();
+        args.putInt(EXTRA_INDEX_POSITION, indexPosition);
+        return args;*/
+    }
+
+    protected static Bundle createArgs(int indexPosition, boolean miniLayout) {
+        Bundle args = new Bundle();
+        args.putInt(EXTRA_INDEX_POSITION, indexPosition);
+        args.putBoolean(EXTRA_MINI_LAYOUT, miniLayout);
+        return args;
+    }
+}
diff --git a/src/com/duckduckgo/mobile/android/fragment/onboarding/EndOnboardingFragment.java b/src/com/duckduckgo/mobile/android/fragment/onboarding/EndOnboardingFragment.java
new file mode 100644
index 00000000..f4748282
--- /dev/null
+++ b/src/com/duckduckgo/mobile/android/fragment/onboarding/EndOnboardingFragment.java
@@ -0,0 +1,39 @@
+package com.duckduckgo.mobile.android.fragment.onboarding;
+
+import com.duckduckgo.mobile.android.R;
+
+/**
+ * Created by fgei on 4/10/17.
+ */
+
+public class EndOnboardingFragment extends BaseOnboardingFragment {
+
+    public static final int BACKGROUND_COLOR = R.color.onboarding_right_background;
+    //public static final int BACKGROUND_COLOR = R.color.colorPrimary;
+
+    public static EndOnboardingFragment newInstance(int indexPosition) {
+        EndOnboardingFragment f = new EndOnboardingFragment();
+        f.setArguments(createArgs(indexPosition, false));
+        return f;
+    }
+
+    @Override
+    protected int getBackgroundColor() {
+        return BACKGROUND_COLOR;
+    }
+
+    @Override
+    protected int getIcon() {
+        return 0;
+    }
+
+    @Override
+    protected String getTitle() {
+        return "";
+    }
+
+    @Override
+    protected String getSubtitle() {
+        return "";
+    }
+}
diff --git a/src/com/duckduckgo/mobile/android/fragment/onboarding/NoAdsFragment.java b/src/com/duckduckgo/mobile/android/fragment/onboarding/NoAdsFragment.java
new file mode 100644
index 00000000..b3b18d6b
--- /dev/null
+++ b/src/com/duckduckgo/mobile/android/fragment/onboarding/NoAdsFragment.java
@@ -0,0 +1,50 @@
+package com.duckduckgo.mobile.android.fragment.onboarding;
+
+import android.graphics.Color;
+import android.support.v4.content.ContextCompat;
+
+import com.duckduckgo.mobile.android.R;
+
+/**
+ * Created by fgei on 4/4/17.
+ */
+
+public class NoAdsFragment extends BaseOnboardingFragment {
+
+    public static final String TAG = "no_ads_fragment";
+
+    public static final int TITLE = R.string.no_ads_title;
+    public static final int SUBTITLE = R.string.no_ads_subtitle;
+    public static final int IMG = R.drawable.illustration_2;
+    public static final int BACKGROUND_COLOR = R.color.onboarding_no_ads_background;
+
+    public static NoAdsFragment newInstance(int indexPosition) {
+        return newInstance(indexPosition, false);
+    }
+
+    public static NoAdsFragment newInstance(int indexPosition, boolean isHeader) {
+        NoAdsFragment f = new NoAdsFragment();
+        f.setArguments(createArgs(indexPosition, isHeader));
+        return f;
+    }
+
+    @Override
+    protected int getBackgroundColor() {
+        return ContextCompat.getColor(getContext(), BACKGROUND_COLOR);
+    }
+
+    @Override
+    protected int getIcon() {
+        return IMG;
+    }
+
+    @Override
+    protected String getTitle() {
+        return getString(TITLE);
+    }
+
+    @Override
+    protected String getSubtitle() {
+        return getString(SUBTITLE);
+    }
+}
diff --git a/src/com/duckduckgo/mobile/android/fragment/onboarding/NoTrackingFragment.java b/src/com/duckduckgo/mobile/android/fragment/onboarding/NoTrackingFragment.java
new file mode 100644
index 00000000..03dbcc75
--- /dev/null
+++ b/src/com/duckduckgo/mobile/android/fragment/onboarding/NoTrackingFragment.java
@@ -0,0 +1,50 @@
+package com.duckduckgo.mobile.android.fragment.onboarding;
+
+import android.graphics.Color;
+import android.support.v4.content.ContextCompat;
+
+import com.duckduckgo.mobile.android.R;
+
+/**
+ * Created by fgei on 4/4/17.
+ */
+
+public class NoTrackingFragment extends BaseOnboardingFragment {
+
+    public static final String TAG = "no_tracking_fragment";
+
+    public static final int TITLE = R.string.no_tracking_title;
+    public static final int SUBTITLE = R.string.no_tracking_subtitle;
+    public static final int IMG = R.drawable.illustration_3;
+    public static final int BACKGROUND_COLOR = R.color.onboarding_no_tracking_background;
+
+    public static NoTrackingFragment newInstance(int indexPosition) {
+        return newInstance(indexPosition, false);
+    }
+
+    public static NoTrackingFragment newInstance(int indexPosition, boolean isHeader) {
+        NoTrackingFragment f = new NoTrackingFragment();
+        f.setArguments(createArgs(indexPosition, isHeader));
+        return f;
+    }
+
+    @Override
+    protected int getBackgroundColor() {
+        return ContextCompat.getColor(getContext(), BACKGROUND_COLOR);
+    }
+
+    @Override
+    protected int getIcon() {
+        return IMG;
+    }
+
+    @Override
+    protected String getTitle() {
+        return getString(TITLE);
+    }
+
+    @Override
+    protected String getSubtitle() {
+        return getString(SUBTITLE);
+    }
+}
diff --git a/src/com/duckduckgo/mobile/android/fragment/onboarding/PrivacyFragment.java b/src/com/duckduckgo/mobile/android/fragment/onboarding/PrivacyFragment.java
new file mode 100644
index 00000000..12b202a3
--- /dev/null
+++ b/src/com/duckduckgo/mobile/android/fragment/onboarding/PrivacyFragment.java
@@ -0,0 +1,51 @@
+package com.duckduckgo.mobile.android.fragment.onboarding;
+
+import android.graphics.Color;
+import android.support.v4.content.ContextCompat;
+import android.support.v4.graphics.ColorUtils;
+
+import com.duckduckgo.mobile.android.R;
+
+/**
+ * Created by fgei on 4/4/17.
+ */
+
+public class PrivacyFragment extends BaseOnboardingFragment {
+
+    public static final String TAG = "privacy_fragment";
+
+    public static final int TITLE = R.string.privacy_title;
+    public static final int SUBTITLE = R.string.privacy_subtitle;
+    public static final int IMG = R.drawable.illustration_1;
+    public static final int BACKGROUND_COLOR = R.color.onboarding_privacy_background;
+
+    public static PrivacyFragment newInstance(int indexPosition) {
+        return newInstance(indexPosition, false);
+    }
+
+    public static PrivacyFragment newInstance(int indexPosition, boolean isHeader) {
+        PrivacyFragment f = new PrivacyFragment();
+        f.setArguments(createArgs(indexPosition, isHeader));
+        return f;
+    }
+
+    @Override
+    protected int getBackgroundColor() {
+        return ContextCompat.getColor(getContext(), BACKGROUND_COLOR);
+    }
+
+    @Override
+    protected int getIcon() {
+        return IMG;
+    }
+
+    @Override
+    protected String getTitle() {
+        return getString(TITLE);
+    }
+
+    @Override
+    protected String getSubtitle() {
+        return getString(SUBTITLE);
+    }
+}
diff --git a/src/com/duckduckgo/mobile/android/fragment/onboarding/RightFragment.java b/src/com/duckduckgo/mobile/android/fragment/onboarding/RightFragment.java
new file mode 100644
index 00000000..d0f206d0
--- /dev/null
+++ b/src/com/duckduckgo/mobile/android/fragment/onboarding/RightFragment.java
@@ -0,0 +1,50 @@
+package com.duckduckgo.mobile.android.fragment.onboarding;
+
+import android.graphics.Color;
+import android.support.v4.content.ContextCompat;
+
+import com.duckduckgo.mobile.android.R;
+
+/**
+ * Created by fgei on 4/4/17.
+ */
+
+public class RightFragment extends BaseOnboardingFragment {
+
+    public static final String TAG = "right_fragment";
+
+    public static final int TITLE = R.string.right_title;
+    public static final int SUBTITLE = R.string.right_subtitle;
+    public static final int IMG = R.drawable.illustration_4;
+    public static final int BACKGROUND_COLOR = R.color.onboarding_right_background;
+
+    public static RightFragment newInstance(int indexPosition) {
+        return newInstance(indexPosition, false);
+    }
+
+    public static RightFragment newInstance(int indexPosition, boolean isHeader) {
+        RightFragment f = new RightFragment();
+        f.setArguments(createArgs(indexPosition, isHeader));
+        return f;
+    }
+
+    @Override
+    protected int getBackgroundColor() {
+        return ContextCompat.getColor(getContext(), BACKGROUND_COLOR);
+    }
+
+    @Override
+    protected int getIcon() {
+        return IMG;
+    }
+
+    @Override
+    protected String getTitle() {
+        return getString(TITLE);
+    }
+
+    @Override
+    protected String getSubtitle() {
+        return getString(SUBTITLE);
+    }
+}
diff --git a/src/com/duckduckgo/mobile/android/util/ColorUtils.java b/src/com/duckduckgo/mobile/android/util/ColorUtils.java
new file mode 100644
index 00000000..0e95f665
--- /dev/null
+++ b/src/com/duckduckgo/mobile/android/util/ColorUtils.java
@@ -0,0 +1,21 @@
+package com.duckduckgo.mobile.android.util;
+
+import android.graphics.Color;
+import android.support.annotation.ColorInt;
+import android.support.annotation.FloatRange;
+
+/**
+ * Created by fgei on 4/7/17.
+ */
+
+public class ColorUtils {
+    public static int blendARGB(@ColorInt int color1, @ColorInt int color2,
+                                @FloatRange(from = 0.0, to = 1.0) float ratio) {
+        final float inverseRatio = 1 - ratio;
+        float a = Color.alpha(color1) * inverseRatio + Color.alpha(color2) * ratio;
+        float r = Color.red(color1) * inverseRatio + Color.red(color2) * ratio;
+        float g = Color.green(color1) * inverseRatio + Color.green(color2) * ratio;
+        float b = Color.blue(color1) * inverseRatio + Color.blue(color2) * ratio;
+        return Color.argb((int) a, (int) r, (int) g, (int) b);
+    }
+}
diff --git a/src/com/duckduckgo/mobile/android/util/CompatUtils.java b/src/com/duckduckgo/mobile/android/util/CompatUtils.java
new file mode 100644
index 00000000..136a1d57
--- /dev/null
+++ b/src/com/duckduckgo/mobile/android/util/CompatUtils.java
@@ -0,0 +1,42 @@
+package com.duckduckgo.mobile.android.util;
+
+import android.graphics.Point;
+import android.os.Build;
+import android.view.Display;
+import android.view.ViewTreeObserver;
+
+/**
+ * Created by fgei on 4/21/17.
+ */
+
+public class CompatUtils {
+    private CompatUtils() {
+    }
+
+    public static void getDisplaySize(Display display, Point size) {
+        if(Build.VERSION.SDK_INT >= 13) {
+            display.getSize(size);
+        } else {
+            getDisplaySizeCompat(display, size);
+        }
+    }
+
+    @SuppressWarnings("deprecation")
+    private static void getDisplaySizeCompat(Display display, Point size) {
+        size.x = display.getWidth();
+        size.y = display.getHeight();
+    }
+
+    public static void removeOnGlobalLayoutListener(ViewTreeObserver viewTreeObserver, ViewTreeObserver.OnGlobalLayoutListener listener) {
+        if(Build.VERSION.SDK_INT >= 16) {
+            viewTreeObserver.removeOnGlobalLayoutListener(listener);
+        } else {
+            removeOnGlobalLayoutListenerCompat(viewTreeObserver, listener);
+        }
+    }
+
+    @SuppressWarnings("deprecation")
+    private static void removeOnGlobalLayoutListenerCompat(ViewTreeObserver viewTreeObserver, ViewTreeObserver.OnGlobalLayoutListener listener) {
+        viewTreeObserver.removeGlobalOnLayoutListener(listener);
+    }
+}
diff --git a/src/com/duckduckgo/mobile/android/util/DDGConstants.java b/src/com/duckduckgo/mobile/android/util/DDGConstants.java
index ea80d9aa..24feee73 100644
--- a/src/com/duckduckgo/mobile/android/util/DDGConstants.java
+++ b/src/com/duckduckgo/mobile/android/util/DDGConstants.java
@@ -3,11 +3,12 @@
 import android.graphics.Typeface;
 
 public class DDGConstants {
+	public static String BASE_URL = "https://www.duckduckgo.com/";
 	public static String USER_AGENT = "DDG-Android-%version";
 //	public static final String USER_AGENT = "Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)";
-	public static final String AUTO_COMPLETE_URL = "https://duckduckgo.com/ac/?q=";
-	public static final String SEARCH_URL = "https://www.duckduckgo.com/?ko=-1&q=";
-    public static final String SEARCH_URL_JAVASCRIPT_DISABLED = "https://duckduckgo.com/html/?q=";
+	public static final String AUTO_COMPLETE_URL = BASE_URL + "ac/?q=";
+	public static final String SEARCH_URL = BASE_URL + "?ko=-1&q=";
+    public static final String SEARCH_URL_JAVASCRIPT_DISABLED = BASE_URL + "html/?q=";
     	public static final String SEARCH_URL_ONION = "http://3g2upl4pq6kufc4m.onion/?ko=-1&q=";
 	public static final String MAIN_FEED_URL = "https://watrcoolr.duckduckgo.com/watrcoolr.js?o=json";
 	public static final String SOURCES_URL = "https://watrcoolr.duckduckgo.com/watrcoolr.js?o=json&type_info=1";
diff --git a/src/com/duckduckgo/mobile/android/util/DimenUtils.java b/src/com/duckduckgo/mobile/android/util/DimenUtils.java
new file mode 100644
index 00000000..6d4ad04b
--- /dev/null
+++ b/src/com/duckduckgo/mobile/android/util/DimenUtils.java
@@ -0,0 +1,39 @@
+package com.duckduckgo.mobile.android.util;
+
+import android.content.Context;
+import android.content.res.Resources;
+import android.util.DisplayMetrics;
+
+/**
+ * Created by fgei on 4/7/17.
+ */
+
+public class DimenUtils {
+    /**
+     * This method converts dp unit to equivalent pixels, depending on device density.
+     *
+     * @param dp A value in dp (density independent pixels) unit. Which we need to convert into pixels
+     * @param context Context to get resources and device specific display metrics
+     * @return A float value to represent px equivalent to dp depending on device density
+     */
+    public static float convertDpToPixel(float dp, Context context){
+        Resources resources = context.getResources();
+        DisplayMetrics metrics = resources.getDisplayMetrics();
+        float px = dp * ((float)metrics.densityDpi / DisplayMetrics.DENSITY_DEFAULT);
+        return px;
+    }
+
+    /**
+     * This method converts device specific pixels to density independent pixels.
+     *
+     * @param px A value in px (pixels) unit. Which we need to convert into db
+     * @param context Context to get resources and device specific display metrics
+     * @return A float value to represent dp equivalent to px value
+     */
+    public static float convertPixelsToDp(float px, Context context){
+        Resources resources = context.getResources();
+        DisplayMetrics metrics = resources.getDisplayMetrics();
+        float dp = px / ((float)metrics.densityDpi / DisplayMetrics.DENSITY_DEFAULT);
+        return dp;
+    }
+}
diff --git a/src/com/duckduckgo/mobile/android/util/OnboardingHelper.java b/src/com/duckduckgo/mobile/android/util/OnboardingHelper.java
new file mode 100644
index 00000000..0afb90aa
--- /dev/null
+++ b/src/com/duckduckgo/mobile/android/util/OnboardingHelper.java
@@ -0,0 +1,104 @@
+package com.duckduckgo.mobile.android.util;
+
+import android.content.Context;
+import android.content.Intent;
+import android.content.pm.ActivityInfo;
+import android.content.pm.PackageManager;
+import android.content.pm.ResolveInfo;
+import android.net.Uri;
+import android.os.Build;
+import android.widget.Toast;
+
+import com.duckduckgo.mobile.android.R;
+
+/**
+ * Created by fgei on 4/20/17.
+ */
+
+public class OnboardingHelper {
+
+    private static final String PACKAGE_CHROME = "com.android.chrome";
+    private static final String PACKAGE_FIREFOX = "org.mozilla.firefox";
+
+    private static final String BASE_URL = "https://duckduckgo.com/";
+    private static final String ADD_TO_HOMESCREEN_T_PARAM = "?t=ddg_android_hs";
+
+    private Context context;
+    private PackageManager packageManager;
+    private boolean isTablet = false;
+    private boolean isApi14;
+
+    public OnboardingHelper(Context context) {
+        this.context = context.getApplicationContext();
+        packageManager = context.getPackageManager();
+        isTablet = context.getResources().getBoolean(R.bool.isTablet);
+        isApi14 = Build.VERSION.SDK_INT >= Build.VERSION_CODES.ICE_CREAM_SANDWICH;
+    }
+
+    public boolean shouldShowOnboarding() {
+        return !PreferencesManager.getHasShownOnboarding() && !isTablet && isApi14;
+    }
+
+    public boolean shouldShowOnboardingBanner() {
+        return !PreferencesManager.isOnboardingBannerDismissed() && !isTablet && isApi14;
+    }
+
+    public void setOnboardingDismissed() {
+        PreferencesManager.setHasShownOnboarding();
+    }
+
+    public void setOnboardingBannerDismissed() {
+        PreferencesManager.setOnboardingBannerDismissed();
+    }
+
+    public void addToHomeScreen() {
+        context.sendBroadcast(getAddToHomescreenIntent(context));
+        PreferencesManager.setDDGAddedToHomeScreen();
+        Toast.makeText(context, R.string.ddg_added_to_home_page, Toast.LENGTH_SHORT).show();
+    }
+
+    public boolean isDefaultBrowserSelected() {
+        ResolveInfo resolveInfo = getDefaultActivityForIntent(packageManager, getDDGIntent());
+        if(resolveInfo == null || resolveInfo.activityInfo == null || resolveInfo.activityInfo.packageName == null) return false;
+        ActivityInfo activityInfo = resolveInfo.activityInfo;
+        return activityInfo.packageName != null;
+    }
+
+    public boolean isDefaultBrowserFirefox() {
+        return isDefaultBrowserForPackage(PACKAGE_FIREFOX);
+    }
+
+    public boolean isDefaultBrowserChrome() {
+        return isDefaultBrowserForPackage(PACKAGE_CHROME);
+    }
+
+    private boolean isDefaultBrowserForPackage(String packageName) {
+        if(!isDefaultBrowserSelected()) return false;
+        ActivityInfo activityInfo = getDefaultActivityForIntent(packageManager, getDDGIntent()).activityInfo;
+        return activityInfo.packageName.contains(packageName);
+    }
+
+    private ResolveInfo getDefaultActivityForIntent(PackageManager packageManager, Intent intent) {
+        return packageManager.resolveActivity(intent, PackageManager.MATCH_DEFAULT_ONLY);
+    }
+
+    public static Intent getAddToHomescreenIntent(Context context) {
+        Intent ddgIntent = getDDGAddToHomeScreenIntent();
+        Intent shortcutIntent = new Intent();
+        shortcutIntent.putExtra(Intent.EXTRA_SHORTCUT_INTENT, ddgIntent);
+        shortcutIntent.putExtra(Intent.EXTRA_SHORTCUT_NAME, context.getString(R.string.ddg_homescreen_label));
+        shortcutIntent.putExtra(Intent.EXTRA_SHORTCUT_ICON_RESOURCE, Intent.ShortcutIconResource.fromContext(context, R.drawable.icon));
+        shortcutIntent.setAction("com.android.launcher.action.INSTALL_SHORTCUT");
+        shortcutIntent.putExtra("duplicate", false);
+        return shortcutIntent;
+    }
+
+    private static Intent getDDGIntent() {
+        return new Intent(Intent.ACTION_VIEW, Uri.parse(BASE_URL));
+    }
+
+    private static Intent getDDGAddToHomeScreenIntent() {
+        String url = BASE_URL + ADD_TO_HOMESCREEN_T_PARAM;
+        return new Intent(Intent.ACTION_VIEW, Uri.parse(url));
+    }
+}
diff --git a/src/com/duckduckgo/mobile/android/util/OnboardingTransformer.java b/src/com/duckduckgo/mobile/android/util/OnboardingTransformer.java
new file mode 100644
index 00000000..1b5a911a
--- /dev/null
+++ b/src/com/duckduckgo/mobile/android/util/OnboardingTransformer.java
@@ -0,0 +1,103 @@
+package com.duckduckgo.mobile.android.util;
+
+import android.graphics.Color;
+import android.os.Build;
+import android.support.annotation.ColorInt;
+import android.support.annotation.FloatRange;
+import android.support.v4.view.ViewPager;
+import android.view.View;
+
+import com.duckduckgo.mobile.android.R;
+import com.duckduckgo.mobile.android.views.pageindicator.OnboardingPageIndicator;
+
+import java.util.List;
+
+/**
+ * Created by fgei on 4/4/17.
+ */
+
+public class OnboardingTransformer implements ViewPager.PageTransformer {
+
+    private boolean doFullTrasformation = true;
+    private int[] backgroundColors;
+    private OnboardingPageIndicator pageIndicator;
+    private List<View> fadeViews;
+
+    public OnboardingTransformer() {
+        doFullTrasformation = false;
+    }
+
+    private OnboardingTransformer(int[] backgroundColors, OnboardingPageIndicator pageIndicator) {
+        this.backgroundColors = backgroundColors;
+        this.pageIndicator = pageIndicator;
+    }
+
+    public OnboardingTransformer(int[] backgroundColors, OnboardingPageIndicator pageIndicator, List<View> fadeViews) {
+        this.backgroundColors = backgroundColors;
+        this.pageIndicator = pageIndicator;
+        this.fadeViews = fadeViews;
+    }
+
+    @Override
+    public void transformPage(View page, float position) {
+        final View image = page.findViewById(R.id.icon_image_view);
+        final float absolutePosition = Math.abs(position);
+        int pageIndex = (Integer) page.getTag();
+
+        if(position >= -1.0 && position <= 1.0) {
+            if(!doFullTrasformation) return;
+            if(position > 0) {
+                int leftColor = backgroundColors[pageIndex - 1];
+                int rightColor = backgroundColors[pageIndex];
+
+                int color = blendARGB(rightColor, leftColor, position);
+                page.setBackgroundColor(color);
+                if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
+                    image.setScaleX(1 - absolutePosition);
+                    image.setScaleY(1 - absolutePosition);
+                    if(pageIndex == (backgroundColors.length - 1)) {
+                        for(View v : fadeViews) {
+                            v.setAlpha(absolutePosition);
+                        }
+                    }
+                }
+                pageIndicator.setPositionSelected(pageIndex - 1, 1 - absolutePosition);
+                pageIndicator.setPositionSelected(pageIndex, absolutePosition);
+            } else if(position < 0) {
+                int nextIndex = pageIndex + 1;
+                int leftColor = backgroundColors[pageIndex];
+                int rightColor = backgroundColors[nextIndex];
+
+                int color = blendARGB(rightColor, leftColor, 1 - absolutePosition);
+                page.setBackgroundColor(color);
+                if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
+                    image.setScaleX(1 - absolutePosition);
+                    image.setScaleY(1 - absolutePosition);
+                    if(nextIndex == (backgroundColors.length - 1)) {
+                        for(View v : fadeViews) {
+                            v.setAlpha(1 - absolutePosition);
+                        }
+                    }
+                }
+                pageIndicator.setPositionSelected(pageIndex, absolutePosition);
+                pageIndicator.setPositionSelected(pageIndex + 1, 1 - absolutePosition);
+            } else {
+                page.setBackgroundColor(backgroundColors[pageIndex]);
+            }
+        } else {
+            if(doFullTrasformation) {
+                page.setBackgroundColor(backgroundColors[pageIndex]);
+            }
+        }
+    }
+
+    public static int blendARGB(@ColorInt int color1, @ColorInt int color2,
+                                @FloatRange(from = 0.0, to = 1.0) float ratio) {
+        final float inverseRatio = 1 - ratio;
+        float a = Color.alpha(color1) * inverseRatio + Color.alpha(color2) * ratio;
+        float r = Color.red(color1) * inverseRatio + Color.red(color2) * ratio;
+        float g = Color.green(color1) * inverseRatio + Color.green(color2) * ratio;
+        float b = Color.blue(color1) * inverseRatio + Color.blue(color2) * ratio;
+        return Color.argb((int) a, (int) r, (int) g, (int) b);
+    }
+}
diff --git a/src/com/duckduckgo/mobile/android/util/PreferencesManager.java b/src/com/duckduckgo/mobile/android/util/PreferencesManager.java
index 9a27fd98..6df988ed 100644
--- a/src/com/duckduckgo/mobile/android/util/PreferencesManager.java
+++ b/src/com/duckduckgo/mobile/android/util/PreferencesManager.java
@@ -203,8 +203,38 @@ public static boolean getAutomaticFeedUpdate() {
   }
 
 	public static void setAutomaticFeedUpdate(boolean automaticFeedUpdate) {
-			Editor editor = DDGApplication.getSharedPreferences().edit();
-			editor.putBoolean("autoUpdatePref", automaticFeedUpdate);
-			editor.commit();
+        Editor editor = DDGApplication.getSharedPreferences().edit();
+        editor.putBoolean("autoUpdatePref", automaticFeedUpdate);
+        editor.commit();
   }
+
+	public static boolean getHasShownOnboarding() {
+		return DDGApplication.getSharedPreferences().getBoolean("hasShownOnboarding", false);
+	}
+
+	public static void setHasShownOnboarding() {
+		Editor editor = DDGApplication.getSharedPreferences().edit();
+        editor.putBoolean("hasShownOnboarding", true);
+		editor.commit();
+	}
+
+	public static boolean isOnboardingBannerDismissed() {
+		return DDGApplication.getSharedPreferences().getBoolean("isOnboardingBannerDismissed", false);
+	}
+
+	public static void setOnboardingBannerDismissed() {
+		Editor editor = DDGApplication.getSharedPreferences().edit();
+		editor.putBoolean("isOnboardingBannerDismissed", true);
+		editor.commit();
+	}
+
+	public static boolean isDDGAddedToHomeScreen() {
+		return DDGApplication.getSharedPreferences().getBoolean("ddgAddedToHomeScreen", false);
+	}
+
+	public static void setDDGAddedToHomeScreen() {
+		Editor editor = DDGApplication.getSharedPreferences().edit();
+		editor.putBoolean("ddgAddedToHomeScreen", true);
+		editor.commit();
+	}
 }
\ No newline at end of file
diff --git a/src/com/duckduckgo/mobile/android/views/AutoHeightViewPager.java b/src/com/duckduckgo/mobile/android/views/AutoHeightViewPager.java
new file mode 100644
index 00000000..7a72057f
--- /dev/null
+++ b/src/com/duckduckgo/mobile/android/views/AutoHeightViewPager.java
@@ -0,0 +1,36 @@
+package com.duckduckgo.mobile.android.views;
+
+import android.content.Context;
+import android.support.v4.view.ViewPager;
+import android.util.AttributeSet;
+import android.util.Log;
+import android.view.View;
+
+/**
+ * Created by fgei on 4/14/17.
+ */
+
+public class AutoHeightViewPager extends ViewPager {
+    public AutoHeightViewPager(Context context) {
+        super(context);
+    }
+    public AutoHeightViewPager(Context context, AttributeSet attrs) {
+        super(context, attrs);
+    }
+
+    @Override
+    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
+        int maxHeight = 0;
+        Log.e("auto_height", "child count: "+getChildCount());
+        for(int i=0; i<getChildCount(); i++) {
+            View child = getChildAt(i);
+            child.measure(widthMeasureSpec, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
+            int childHeight = child.getMeasuredHeight();
+            if(childHeight > maxHeight) {
+                maxHeight = childHeight;
+            }
+            heightMeasureSpec = MeasureSpec.makeMeasureSpec(maxHeight, MeasureSpec.EXACTLY);
+        }
+        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
+    }
+}
diff --git a/src/com/duckduckgo/mobile/android/views/pageindicator/BannerOnboardingPageIndicator.java b/src/com/duckduckgo/mobile/android/views/pageindicator/BannerOnboardingPageIndicator.java
new file mode 100644
index 00000000..732d3724
--- /dev/null
+++ b/src/com/duckduckgo/mobile/android/views/pageindicator/BannerOnboardingPageIndicator.java
@@ -0,0 +1,118 @@
+package com.duckduckgo.mobile.android.views.pageindicator;
+
+import android.annotation.TargetApi;
+import android.content.Context;
+import android.graphics.drawable.GradientDrawable;
+import android.support.annotation.ColorInt;
+import android.support.v4.content.ContextCompat;
+import android.support.v4.view.ViewPager;
+import android.util.AttributeSet;
+import android.view.Gravity;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+import android.widget.LinearLayout;
+
+import com.duckduckgo.mobile.android.R;
+import com.duckduckgo.mobile.android.util.DimenUtils;
+
+/**
+ * Created by fgei on 4/6/17.
+ */
+
+public class BannerOnboardingPageIndicator extends LinearLayout {
+
+    private static final int SELECTED_COLOR = R.color.mini_page_indicator_selected;
+    private static final int UNSELECTED_COLOR = R.color.mini_page_indicator_unselected;
+
+    private ViewPager viewPager;
+    private int numIndicator = 0;
+    private int positionSelected = 0;
+
+    public BannerOnboardingPageIndicator(Context context) {
+        super(context);
+    }
+
+    public BannerOnboardingPageIndicator(Context context, AttributeSet attrs) {
+        super(context, attrs);
+    }
+
+    @TargetApi(11)
+    public BannerOnboardingPageIndicator(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+    }
+
+    @TargetApi(21)
+    public BannerOnboardingPageIndicator(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
+        super(context, attrs, defStyleAttr, defStyleRes);
+    }
+
+    public void setViewPager(ViewPager viewPager) {
+        setGravity(Gravity.CENTER_VERTICAL);
+        this.viewPager = viewPager;
+        setNumIndicator(viewPager.getAdapter().getCount());
+        this.viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
+            @Override
+            public void onPageScrolled(int i, float v, int i1) {
+
+            }
+
+            @Override
+            public void onPageSelected(int i) {
+                setPositionSelected(i);
+            }
+
+            @Override
+            public void onPageScrollStateChanged(int i) {
+
+            }
+        });
+        setPositionSelected(0);
+    }
+
+    private void setPositionSelected(int position) {
+        for(int i=0; i < getChildCount(); i++) {
+            ImageView child = (ImageView) getChildAt(i);
+            child.setImageDrawable(i == position ? new SelectedIndicator() : new UnselectedIndicator());
+        }
+    }
+
+    @ColorInt
+    private int getSelectedColor() {
+        return ContextCompat.getColor(getContext(), SELECTED_COLOR);
+    }
+
+    @ColorInt
+    private int getUnselectedColor() {
+        return ContextCompat.getColor(getContext(), UNSELECTED_COLOR);
+    }
+
+    private void setNumIndicator(int numIndicator) {
+        this.numIndicator = numIndicator;
+        LayoutParams params = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
+        params.setMargins((int)DimenUtils.convertDpToPixel(9, getContext()), 0, 0, 0);
+        LayoutParams startParam = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
+        startParam.setMargins(0, 0, 0, 0);
+        for(int i=0; i<numIndicator; i++) {
+            ImageView imageView = new ImageView(getContext());
+            imageView.setLayoutParams(i==0 ? startParam : params);
+            imageView.setImageDrawable(new UnselectedIndicator());
+            addView(imageView);
+        }
+    }
+
+    private class SelectedIndicator extends GradientDrawable {
+        public SelectedIndicator() {
+            setShape(OVAL);
+            setColor(getSelectedColor());
+            setSize((int) DimenUtils.convertDpToPixel(8, getContext()), (int) DimenUtils.convertDpToPixel(8, getContext()));
+        }
+    }
+
+    private class UnselectedIndicator extends GradientDrawable {
+        public UnselectedIndicator() {
+            setShape(OVAL);
+            setColor(getUnselectedColor());
+            setSize((int) DimenUtils.convertDpToPixel(6, getContext()), (int) DimenUtils.convertDpToPixel(6, getContext()));
+        }
+    }
+}
diff --git a/src/com/duckduckgo/mobile/android/views/pageindicator/OnboardingPageIndicator.java b/src/com/duckduckgo/mobile/android/views/pageindicator/OnboardingPageIndicator.java
new file mode 100644
index 00000000..b77e81c8
--- /dev/null
+++ b/src/com/duckduckgo/mobile/android/views/pageindicator/OnboardingPageIndicator.java
@@ -0,0 +1,245 @@
+package com.duckduckgo.mobile.android.views.pageindicator;
+
+import android.annotation.TargetApi;
+import android.content.Context;
+import android.content.res.Resources;
+import android.graphics.Color;
+import android.graphics.drawable.Drawable;
+import android.graphics.drawable.GradientDrawable;
+import android.graphics.drawable.LayerDrawable;
+import android.graphics.drawable.ShapeDrawable;
+import android.os.Build;
+import android.os.Parcel;
+import android.os.Parcelable;
+import android.support.annotation.ColorInt;
+import android.support.annotation.FloatRange;
+import android.support.annotation.IntRange;
+import android.support.v4.content.ContextCompat;
+import android.support.v4.view.ViewPager;
+import android.util.AttributeSet;
+import android.util.DisplayMetrics;
+import android.view.Gravity;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+import android.widget.LinearLayout;
+
+import com.duckduckgo.mobile.android.R;
+import com.duckduckgo.mobile.android.util.ColorUtils;
+import com.duckduckgo.mobile.android.util.DimenUtils;
+
+/**
+ * Created by fgei on 4/4/17.
+ */
+
+public class OnboardingPageIndicator extends LinearLayout {
+
+    private static final int SELECTED_COLOR = R.color.page_indicator_selected;
+    private static final int UNSELECTED_COLOR = R.color.page_indicator_unselected;
+
+    private int numIndicator = 0;
+    private int selectedItem = 0;
+    private ViewPager viewPager;
+
+    public OnboardingPageIndicator(Context context) {
+        super(context);
+    }
+
+    public OnboardingPageIndicator(Context context, AttributeSet attrs) {
+        super(context, attrs);
+    }
+
+    @TargetApi(11)
+    public OnboardingPageIndicator(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+    }
+
+    @TargetApi(21)
+    public OnboardingPageIndicator(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
+        super(context, attrs, defStyleAttr, defStyleRes);
+    }
+
+    public void setViewPager(ViewPager viewPager, int count) {
+        this.viewPager = viewPager;
+        setGravity(Gravity.CENTER_VERTICAL);
+        setNumIndicator(count);
+        setPositionSelected(selectedItem);
+    }
+
+    public void setViewPager(ViewPager viewPager) {
+        this.viewPager = viewPager;
+        setNumIndicator(viewPager.getAdapter().getCount());
+        setPositionSelected(selectedItem);
+    }
+
+    private void setNumIndicator(int numIndicator) {
+        this.numIndicator = numIndicator;
+        LayoutParams startParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
+        startParams.setMargins(0, 0, 0, 0);
+        LayoutParams params = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
+        params.setMargins((int)DimenUtils.convertDpToPixel(5, getContext()), 0, 0, 0);
+        for(int i=0; i<numIndicator; i++) {
+            ImageView imageView = new ImageView(getContext());
+            imageView.setLayoutParams(i == 0 ? startParams : params);
+            //imageView.setBackgroundResource(
+                    //R.drawable.onboarding_pageindicator_background);
+            //imageView.setBackground(new Background(getUnselectedColor()).create());
+            setImageViewBackground(imageView, new Background(getUnselectedColor()).create());
+            imageView.setImageDrawable(new Indicator(getSelectedColor()));
+            addView(imageView);
+        }
+        ImageView imageView = new ImageView(getContext());
+        imageView.setLayoutParams(params);
+        imageView.setImageResource(R.drawable.loupe);
+        addView(imageView);
+    }
+
+    public void setPositionSelected(int position, float percentage) {
+        if(percentage == 1) selectedItem = position;
+        //int color = ColorUtils.blendARGB(getSelectedColor(), getUnselectedColor(), percentage);
+        if(position == getChildCount() - 1) return;
+        ImageView child = (ImageView) getChildAt(position);
+        if(child == null) return;
+        //((Indicator)child.getDrawable()).setColor(color);//todo indicator
+        ((Indicator)child.getDrawable()).setColor(percentage);
+    }
+
+    public void _setPositionSelected(int position, float percentage) {
+        float inversePercentage = 1 - percentage;
+        //ImageView prevSelected = (ImageView) getChildAt(selectedItem);
+        //ImageView nextSelected = (ImageView) getChildAt(position);
+        int prevColor = ColorUtils.blendARGB(getSelectedColor(), getUnselectedColor(), inversePercentage);
+        int nextColor = ColorUtils.blendARGB(getSelectedColor(), getUnselectedColor(), percentage);
+        //((Indicator)prevSelected.getDrawable()).setColor(prevColor);
+        //((Indicator)nextSelected.getDrawable()).setColor(nextColor);
+        for(int i=0; i<getChildCount(); i++) {
+            ImageView child = (ImageView) getChildAt(i);
+            int newColor = getUnselectedColor();
+            if(position == i) newColor = nextColor;
+            if(selectedItem == i) newColor = prevColor;
+            //((Indicator)child.getDrawable()).setColor(newColor);//todo indicator
+        }
+        if(percentage == 1) {
+            selectedItem = position;
+        }
+    }
+
+    private void setPositionSelected(int position) {
+        this.selectedItem = position;
+        for(int i=0; i< getChildCount() - 1; i++) {
+            ImageView child = (ImageView) getChildAt(i);
+            //((Indicator)child.getDrawable()).setColor(i == position ? getSelectedColor() : getUnselectedColor());//todo indicator
+            ((Indicator)child.getDrawable()).setSelected(i == position);
+        }
+    }
+
+    @ColorInt
+    private int getSelectedColor() {
+        return ContextCompat.getColor(getContext(), SELECTED_COLOR);
+    }
+
+    @ColorInt
+    private int getUnselectedColor() {
+        return ContextCompat.getColor(getContext(), UNSELECTED_COLOR);
+    }
+
+    @SuppressWarnings("deprecation")
+    private void setImageViewBackground(ImageView imageView, Drawable background) {
+        if(Build.VERSION.SDK_INT >= 16) {
+            imageView.setBackground(background);
+        } else {
+            imageView.setBackgroundDrawable(background);
+        }
+    }
+
+    private class Background {
+        @ColorInt private final int BACKGROUND_COLOR;
+        private LayerDrawable background;
+        public Background(@ColorInt int backgroundColor) {
+            BACKGROUND_COLOR = backgroundColor;
+            GradientDrawable firstItem = new GradientDrawable();
+            firstItem.setColor(Color.TRANSPARENT);
+            firstItem.setShape(GradientDrawable.OVAL);
+            firstItem.setSize((int)DimenUtils.convertDpToPixel(10, getContext()), (int)DimenUtils.convertDpToPixel(10, getContext()));
+            GradientDrawable secondItem = new GradientDrawable();
+
+            secondItem.setColor(BACKGROUND_COLOR);
+            secondItem.setShape(GradientDrawable.OVAL);
+            secondItem.setSize((int)DimenUtils.convertDpToPixel(8, getContext()), (int)DimenUtils.convertDpToPixel(8, getContext()));
+            background = new LayerDrawable(new Drawable[] {firstItem, secondItem});
+            int pixelPadding = (int)DimenUtils.convertDpToPixel(1, getContext());
+            background.setLayerInset(1, pixelPadding, pixelPadding, pixelPadding, pixelPadding);
+        }
+
+        public Drawable create() {
+            return background;
+        }
+    }
+
+    private class Indicator extends GradientDrawable {
+        @ColorInt private final int SELECTED_COLOR;
+        public Indicator(@ColorInt int color) {
+            SELECTED_COLOR = color;
+            setShape(OVAL);
+            setSize((int)DimenUtils.convertDpToPixel(10, getContext()), (int)DimenUtils.convertDpToPixel(10, getContext()));
+            setColor(SELECTED_COLOR);
+        }
+        public void setSelected(boolean selected) {
+            setColor(selected ? SELECTED_COLOR : Color.TRANSPARENT);
+        }
+        public void setColor(@FloatRange(from = 0.0, to = 1.0) float percentage) {
+            int color = ColorUtils.blendARGB(SELECTED_COLOR, Color.TRANSPARENT, percentage);
+            setColor(color);
+        }
+    }
+
+    private class OldIndicator extends GradientDrawable {
+        public OldIndicator() {
+            setShape(OVAL);
+            setSize((int)DimenUtils.convertDpToPixel(8, getContext()), (int) DimenUtils.convertDpToPixel(8, getContext()));
+            setColor(getUnselectedColor());
+        }
+    }
+
+    @Override
+    protected Parcelable onSaveInstanceState() {
+        Parcelable superState = super.onSaveInstanceState();
+        SavedState savedState = new SavedState(superState);
+        savedState.selectedItem = selectedItem;
+        return savedState;
+    }
+
+    @Override
+    protected void onRestoreInstanceState(Parcelable state) {
+        SavedState savedState = (SavedState) state;
+        super.onRestoreInstanceState(savedState.getSuperState());
+        setPositionSelected(savedState.selectedItem);
+    }
+
+    private static class SavedState extends BaseSavedState {
+        int selectedItem;
+
+        public SavedState(Parcelable superState) {
+            super(superState);
+        }
+
+        public SavedState(Parcel source) {
+            super(source);
+            selectedItem = source.readInt();
+        }
+
+        @Override
+        public void writeToParcel(Parcel out, int flags) {
+            super.writeToParcel(out, flags);
+            out.writeInt(selectedItem);
+        }
+
+        public static final Parcelable.Creator<SavedState> CREATOR = new Parcelable.Creator<SavedState>() {
+            public SavedState createFromParcel(Parcel source) {
+                return new SavedState(source);
+            }
+            public SavedState[] newArray(int size) {
+                return new SavedState[size];
+            }
+        };
+    }
+}