adding the viewpager layout

app/build.gradle

@@ -41,7 +41,7 @@ android {
 }
 
 dependencies {
-    implementation 'com.simplemobiletools:commons:3.13.16'
+    implementation 'com.simplemobiletools:commons:3.13.17'
 }
 
 Properties props = new Properties()

app/src/main/res/layout/activity_main.xml

@@ -1,7 +1,45 @@
 <?xml version="1.0" encoding="utf-8"?>
 <RelativeLayout
     xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:id="@+id/main_holder"
     android:layout_width="match_parent"
     android:layout_height="match_parent">
 
+    <android.support.design.widget.TabLayout
+        android:id="@+id/main_tabs_holder"
+        android:layout_width="match_parent"
+        android:layout_height="48dp"
+        app:elevation="6dp"
+        app:tabIndicatorColor="@android:color/white"
+        app:tabIndicatorHeight="2dp"
+        app:tabMinWidth="150dp"
+        app:tabSelectedTextColor="@android:color/white">
+
+        <android.support.design.widget.TabItem
+            android:id="@+id/tab_clock"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:icon="@drawable/ic_clock"/>
+
+        <android.support.design.widget.TabItem
+            android:id="@+id/tab_alarm"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:icon="@drawable/ic_alarm"/>
+
+        <android.support.design.widget.TabItem
+            android:id="@+id/tab_stopwatch"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:icon="@drawable/ic_stopwatch"/>
+
+    </android.support.design.widget.TabLayout>
+
+    <com.booking.rtlviewpager.RtlViewPager
+        android:id="@+id/viewpager"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:layout_below="@+id/main_tabs_holder"/>
+
 </RelativeLayout>