diff --git a/.idea/caches/build_file_checksums.ser b/.idea/caches/build_file_checksums.ser
index 34fe09a..dd46763 100644
Binary files a/.idea/caches/build_file_checksums.ser and b/.idea/caches/build_file_checksums.ser differ
diff --git a/.idea/gradle.xml b/.idea/gradle.xml
index 440480e..5cd135a 100644
--- a/.idea/gradle.xml
+++ b/.idea/gradle.xml
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
+  <component name="GradleMigrationSettings" migrationVersion="1" />
   <component name="GradleSettings">
     <option name="linkedExternalProjectsSettings">
       <GradleProjectSettings>
diff --git a/app/build.gradle b/app/build.gradle
index 5a0a62d..40762b3 100644
--- a/app/build.gradle
+++ b/app/build.gradle
@@ -29,6 +29,9 @@ android {
             proguardFile 'proguard-project.txt'
         }
     }
+    dataBinding {
+        enabled true
+    }
 }
 
 dependencies {
@@ -46,4 +49,6 @@ dependencies {
     implementation 'com.razorpay:checkout:1.5.16'
     implementation "androidx.core:core-ktx:+"
     implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
+    implementation 'androidx.appcompat:appcompat:1.1.0'
+    implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
 }
diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index a4aab16..8001982 100755
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -1,37 +1,34 @@
 <?xml version="1.0" encoding="utf-8"?>
-<manifest
-    xmlns:android="http://schemas.android.com/apk/res/android"
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
     package="com.razorpay.sampleapp"
     android:versionCode="20"
-    android:versionName="3.0"
-    >
-
+    android:versionName="3.0">
 
     <application
         android:icon="@mipmap/ic_launcher"
         android:label="Razorpay Sample App"
-        android:theme="@style/AppTheme"
-        >
+        android:theme="@style/AppTheme">
+        <activity android:name=".java.ActivitySettings"></activity>
+        <activity android:name=".java.ActivityHomePage">
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
 
+                <category android:name="android.intent.category.LAUNCHER" />
+            </intent-filter>
+        </activity>
         <activity
             android:name=".java.PaymentActivity"
-            android:label="Razorpay Sample App"
-            >
-
-        </activity>
+            android:label="Razorpay Sample App" />
         <activity android:name=".kotlin.PaymentActivity">
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
+
                 <category android:name="android.intent.category.LAUNCHER" />
             </intent-filter>
-        </activity>
-
-        <!-- Add your API key here -->
+        </activity> <!-- Add your API key here -->
         <meta-data
             android:name="com.razorpay.ApiKey"
-            android:value="rzp_live_ILgsfZCZoFIKMb"
-            />
-
+            android:value="rzp_live_ILgsfZCZoFIKMb" />
     </application>
 
-</manifest>
+</manifest>
\ No newline at end of file
diff --git a/app/src/main/java/com/razorpay/sampleapp/java/ActivityHomePage.java b/app/src/main/java/com/razorpay/sampleapp/java/ActivityHomePage.java
new file mode 100644
index 0000000..0e3a0db
--- /dev/null
+++ b/app/src/main/java/com/razorpay/sampleapp/java/ActivityHomePage.java
@@ -0,0 +1,110 @@
+package com.razorpay.sampleapp.java;
+
+import androidx.annotation.Nullable;
+import androidx.appcompat.app.AppCompatActivity;
+import androidx.core.app.ActivityCompat;
+import androidx.databinding.DataBindingUtil;
+
+import android.app.Activity;
+import android.content.Intent;
+import android.os.Bundle;
+import android.text.TextUtils;
+import android.view.View;
+import android.view.Window;
+import android.widget.Toast;
+
+import com.razorpay.Checkout;
+import com.razorpay.PaymentResultListener;
+import com.razorpay.sampleapp.R;
+import com.razorpay.sampleapp.databinding.ActivityHomePageBinding;
+
+import org.json.JSONObject;
+
+public class ActivityHomePage extends AppCompatActivity implements PaymentResultListener {
+
+    private ActivityHomePageBinding binding;
+    private String imgUrl="https://s3.amazonaws.com/rzp-mobile/images/rzp.png";
+    private String companyName="Razorpay Online Store";
+    private String color= "#2B83EA";
+
+    @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        this.requestWindowFeature(Window.FEATURE_NO_TITLE);
+        binding = DataBindingUtil.setContentView(this,R.layout.activity_home_page);
+        binding.btnSettings.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                Intent intent = new Intent(ActivityHomePage.this,ActivitySettings.class);
+                startActivityForResult(intent, 100);
+            }
+        });
+        binding.btnCheckout.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View view) {
+                binding.btnCheckout.setText("Processing");
+                startPayment();
+            }
+        });
+    }
+
+    private void startPayment() {
+
+        final Activity activity = this;
+
+        final Checkout co = new Checkout();
+
+        try {
+            JSONObject options = new JSONObject();
+            options.put("name", companyName);
+            options.put("description", "Final Charges");
+            //You can omit the image option to fetch the image from dashboard
+            options.put("image",imgUrl);
+            options.put("currency", "INR");
+            options.put("amount", "100");
+
+            JSONObject preFill = new JSONObject();
+            preFill.put("email", "test@razorpay.com");
+            preFill.put("contact", "9876543210");
+
+            options.put("prefill", preFill);
+
+            JSONObject theme = new JSONObject();
+            theme.put("color",color);
+            options.put("theme",theme);
+
+            co.open(activity, options);
+        } catch (Exception e) {
+            Toast.makeText(activity, "Error in payment: " + e.getMessage(), Toast.LENGTH_SHORT)
+                    .show();
+            e.printStackTrace();
+        }
+
+    }
+
+    @Override
+    protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {
+        super.onActivityResult(requestCode, resultCode, data);
+        if (resultCode == 1000) {
+            if (data!=null) {
+                imgUrl = data.getStringExtra("imageURL");
+                companyName = data.getStringExtra("companyName");
+                color = data.getStringExtra("color");
+            }
+        }
+    }
+
+
+
+    @Override
+    public void onPaymentSuccess(String s) {
+        binding.btnCheckout.setText("Pay now");
+        Toast.makeText(ActivityHomePage.this, "Payment succesfull "+s,Toast.LENGTH_LONG).show();
+    }
+
+    @Override
+    public void onPaymentError(int i, String s) {
+        binding.btnCheckout.setText("Pay now");
+        Toast.makeText(ActivityHomePage.this, "Payment unsuccessful "+s,Toast.LENGTH_LONG).show();
+    }
+}
diff --git a/app/src/main/java/com/razorpay/sampleapp/java/ActivitySettings.java b/app/src/main/java/com/razorpay/sampleapp/java/ActivitySettings.java
new file mode 100644
index 0000000..a34fdee
--- /dev/null
+++ b/app/src/main/java/com/razorpay/sampleapp/java/ActivitySettings.java
@@ -0,0 +1,85 @@
+package com.razorpay.sampleapp.java;
+
+import androidx.appcompat.app.AppCompatActivity;
+import androidx.databinding.DataBindingUtil;
+
+import android.app.Activity;
+import android.content.Intent;
+import android.graphics.Color;
+import android.os.Bundle;
+import android.text.Editable;
+import android.text.TextUtils;
+import android.text.TextWatcher;
+import android.view.View;
+import android.view.Window;
+import android.widget.Toast;
+
+import com.razorpay.sampleapp.R;
+import com.razorpay.sampleapp.databinding.ActivitySettingsBinding;
+
+public class ActivitySettings extends AppCompatActivity {
+
+    private ActivitySettingsBinding binding;
+
+    @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        this.requestWindowFeature(Window.FEATURE_NO_TITLE);
+        binding = DataBindingUtil.setContentView(this, R.layout.activity_settings);
+        binding.ivBackArrow.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                saveSettings();
+            }
+        });
+        binding.etColor.addTextChangedListener(new TextWatcher() {
+            @Override
+            public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {
+
+            }
+
+            @Override
+            public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {
+
+            }
+
+            @Override
+            public void afterTextChanged(Editable editable) {
+                if (editable.toString().length() >=6) {
+                    String color = editable.toString();
+                    color = "#"+color;
+                    binding.ivColorEx.setBackgroundColor(Color.parseColor(color));
+                }
+            }
+        });
+        binding.btnSaveSettings.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View view) {
+                saveSettings();
+            }
+        });
+    }
+
+    private void saveSettings() {
+        Intent intent = new Intent();
+        if (!TextUtils.isEmpty(binding.etImageurl.getText().toString())){
+            intent.putExtra("imageURL",binding.etImageurl.getText().toString());
+        }else{
+            intent.putExtra("imageURL","https://s3.amazonaws.com/rzp-mobile/images/rzp.png");
+        }
+        if (TextUtils.isEmpty(binding.etCompanyName.getText().toString())){
+            intent.putExtra("companyName","Razorpay Online Store");
+
+        }else{
+            intent.putExtra("companyName",binding.etCompanyName.getText().toString());
+        }
+        if (binding.etColor.getText().toString().length()!=6){
+            Toast.makeText(this,"Please enter a correct color hex value",Toast.LENGTH_LONG).show();
+        }else{
+            intent.putExtra("color","#"+binding.etColor.getText().toString());
+            setResult(1000,intent);
+            finish();
+        }
+
+    }
+}
diff --git a/app/src/main/res/drawable/bg_elevated.xml b/app/src/main/res/drawable/bg_elevated.xml
new file mode 100644
index 0000000..a9106d4
--- /dev/null
+++ b/app/src/main/res/drawable/bg_elevated.xml
@@ -0,0 +1,24 @@
+<?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="#22000000"/>
+            <corners
+                android:radius="10dp"/>
+
+        </shape>
+    </item>
+    <item android:bottom="2dp">
+        <shape android:shape="rectangle">
+            <solid
+                android:color="#ffffff"/>
+            <corners
+                android:radius="10dp"/>
+           
+        </shape>
+    </item>
+
+</layer-list>
diff --git a/app/src/main/res/drawable/bg_img.xml b/app/src/main/res/drawable/bg_img.xml
new file mode 100644
index 0000000..849bdb3
--- /dev/null
+++ b/app/src/main/res/drawable/bg_img.xml
@@ -0,0 +1,18 @@
+<?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="#44000000"/>
+            <corners
+                android:topLeftRadius="10dp"
+                android:bottomLeftRadius="10dp"
+                />
+
+        </shape>
+    </item>
+
+</layer-list>
diff --git a/app/src/main/res/drawable/bg_warning_message.xml b/app/src/main/res/drawable/bg_warning_message.xml
new file mode 100644
index 0000000..84383b2
--- /dev/null
+++ b/app/src/main/res/drawable/bg_warning_message.xml
@@ -0,0 +1,16 @@
+<?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="@color/note_fg"/>
+            <stroke
+                android:color="@color/note_bg"
+                android:width="2dp"
+                />
+        </shape>
+    </item>
+
+
+</layer-list>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/ic_back_arrow.xml b/app/src/main/res/drawable/ic_back_arrow.xml
new file mode 100644
index 0000000..e804caf
--- /dev/null
+++ b/app/src/main/res/drawable/ic_back_arrow.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="8dp"
+    android:height="14dp"
+    android:viewportWidth="8"
+    android:viewportHeight="14">
+  <path
+      android:pathData="M7.7071,0.2929C8.0976,0.6834 8.0976,1.3166 7.7071,1.7071L2.4142,7L7.7071,12.2929C8.0976,12.6834 8.0976,13.3166 7.7071,13.7071C7.3166,14.0976 6.6834,14.0976 6.2929,13.7071L0.2929,7.7071C-0.0976,7.3166 -0.0976,6.6834 0.2929,6.2929L6.2929,0.2929C6.6834,-0.0976 7.3166,-0.0976 7.7071,0.2929Z"
+      android:fillColor="#ffffff"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_rectangle_bg.xml b/app/src/main/res/drawable/ic_rectangle_bg.xml
new file mode 100644
index 0000000..a5ecc14
--- /dev/null
+++ b/app/src/main/res/drawable/ic_rectangle_bg.xml
@@ -0,0 +1,14 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="359dp"
+    android:height="108dp"
+    android:viewportWidth="359"
+    android:viewportHeight="108">
+  <path
+      android:pathData="M4,0H355V59V100H4V0Z"
+      android:fillColor="#ffffff"/>
+  <path
+      android:strokeWidth="1"
+      android:pathData="M4.5,0.5H354.5V59V99.5H4.5V0.5Z"
+      android:fillColor="#00000000"
+      android:strokeColor="#ffffff"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_rzp_logo_negative.xml b/app/src/main/res/drawable/ic_rzp_logo_negative.xml
new file mode 100644
index 0000000..5184b60
--- /dev/null
+++ b/app/src/main/res/drawable/ic_rzp_logo_negative.xml
@@ -0,0 +1,46 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="120dp"
+    android:height="25dp"
+    android:viewportWidth="120"
+    android:viewportHeight="25">
+  <path
+      android:pathData="M28.57,9.434C28.381,10.131 28.014,10.643 27.469,10.969C26.924,11.296 26.159,11.459 25.172,11.459H22.038L23.138,7.409H26.273C27.258,7.409 27.935,7.573 28.303,7.899C28.67,8.226 28.76,8.738 28.57,9.434ZM31.816,9.347C32.215,7.882 32.05,6.756 31.321,5.973C30.592,5.189 29.315,4.797 27.49,4.797H20.493L16.282,20.298H19.682L21.379,14.05H23.609C24.109,14.05 24.502,14.13 24.79,14.289C25.078,14.449 25.247,14.732 25.299,15.138L25.906,20.298H29.548L28.957,15.487C28.837,14.413 28.338,13.781 27.462,13.593C28.579,13.274 29.514,12.743 30.267,12.003C31.02,11.263 31.537,10.378 31.816,9.347Z"
+      android:fillColor="#ffffff"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M40.079,14.745C39.795,15.79 39.357,16.589 38.766,17.14C38.175,17.692 37.467,17.967 36.644,17.967C35.804,17.967 35.234,17.695 34.934,17.151C34.632,16.607 34.622,15.82 34.902,14.789C35.182,13.759 35.628,12.953 36.243,12.372C36.856,11.792 37.575,11.501 38.399,11.501C39.223,11.501 39.781,11.781 40.07,12.34C40.359,12.898 40.363,13.7 40.079,14.745ZM41.569,9.259L41.143,10.826C40.959,10.26 40.603,9.811 40.076,9.477C39.548,9.143 38.894,8.976 38.114,8.976C37.158,8.976 36.238,9.219 35.356,9.705C34.474,10.192 33.702,10.877 33.042,11.763C32.382,12.648 31.899,13.657 31.591,14.789C31.283,15.921 31.222,16.919 31.407,17.782C31.592,18.646 31.993,19.31 32.61,19.774C33.226,20.239 34.021,20.471 34.992,20.471C35.771,20.471 36.514,20.311 37.219,19.992C37.924,19.673 38.522,19.23 39.014,18.664L38.57,20.297H41.859L44.857,9.259H41.569Z"
+      android:fillColor="#ffffff"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M56.682,9.259H47.125L46.457,11.72H52.018L44.665,17.99L44.037,20.297H53.903L54.572,17.837H48.613L56.079,11.48L56.682,9.259Z"
+      android:fillColor="#ffffff"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M65.096,14.724C64.8,15.812 64.362,16.625 63.782,17.162C63.202,17.699 62.5,17.967 61.677,17.967C59.954,17.967 59.388,16.887 59.975,14.724C60.267,13.649 60.708,12.84 61.296,12.296C61.886,11.752 62.599,11.48 63.438,11.48C64.262,11.48 64.818,11.752 65.104,12.296C65.39,12.84 65.388,13.649 65.096,14.724ZM67.02,9.672C66.263,9.208 65.296,8.976 64.119,8.976C62.927,8.976 61.823,9.208 60.806,9.672C59.789,10.137 58.924,10.805 58.21,11.675C57.495,12.546 56.979,13.562 56.664,14.724C56.348,15.885 56.311,16.9 56.554,17.771C56.795,18.642 57.297,19.31 58.062,19.774C58.826,20.239 59.804,20.471 60.996,20.471C62.174,20.471 63.266,20.239 64.276,19.774C65.284,19.31 66.146,18.642 66.861,17.771C67.575,16.9 68.091,15.885 68.406,14.724C68.722,13.562 68.759,12.546 68.517,11.675C68.275,10.805 67.776,10.137 67.02,9.672Z"
+      android:fillColor="#ffffff"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M101.416,14.745C101.132,15.79 100.695,16.589 100.104,17.14C99.513,17.692 98.804,17.967 97.98,17.967C97.142,17.967 96.571,17.695 96.271,17.151C95.969,16.607 95.959,15.82 96.24,14.789C96.519,13.759 96.966,12.953 97.58,12.372C98.194,11.792 98.912,11.501 99.737,11.501C100.56,11.501 101.118,11.781 101.407,12.34C101.697,12.898 101.7,13.7 101.416,14.745ZM102.906,9.259L102.481,10.826C102.296,10.26 101.94,9.811 101.413,9.477C100.885,9.143 100.231,8.976 99.452,8.976C98.495,8.976 97.576,9.219 96.693,9.705C95.811,10.192 95.039,10.877 94.38,11.763C93.72,12.648 93.236,13.657 92.928,14.789C92.621,15.921 92.56,16.919 92.744,17.782C92.929,18.646 93.329,19.31 93.947,19.774C94.564,20.239 95.358,20.471 96.329,20.471C97.109,20.471 97.852,20.311 98.556,19.992C99.261,19.673 99.859,19.23 100.352,18.664L99.908,20.297H103.196L106.195,9.259H102.906Z"
+      android:fillColor="#ffffff"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M78.745,12.22L79.583,9.216C79.299,9.071 78.921,8.998 78.451,8.998C77.7,8.998 76.977,9.183 76.28,9.553C75.682,9.871 75.172,10.317 74.742,10.876L75.178,9.258L74.226,9.259H71.891L68.869,20.297H72.203L73.77,14.528C73.999,13.686 74.408,13.03 75.001,12.558C75.591,12.086 76.329,11.85 77.212,11.85C77.757,11.85 78.267,11.974 78.745,12.22Z"
+      android:fillColor="#ffffff"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M88.024,14.788C87.744,15.819 87.31,16.606 86.721,17.15C86.131,17.695 85.424,17.967 84.601,17.967C83.777,17.967 83.215,17.691 82.916,17.14C82.617,16.588 82.609,15.79 82.894,14.745C83.178,13.7 83.619,12.898 84.22,12.339C84.82,11.781 85.533,11.501 86.357,11.501C87.166,11.501 87.716,11.792 88.008,12.372C88.298,12.953 88.304,13.759 88.024,14.788ZM90.354,9.705C89.736,9.219 88.948,8.976 87.992,8.976C87.153,8.976 86.355,9.164 85.599,9.542C84.84,9.92 84.226,10.434 83.755,11.087L83.765,11.015L84.325,9.257H83.681V9.259H81.071L80.242,12.311C80.233,12.346 80.225,12.38 80.215,12.415L76.797,24.999H80.13L81.851,18.664C82.02,19.23 82.371,19.673 82.902,19.992C83.434,20.311 84.089,20.471 84.87,20.471C85.841,20.471 86.764,20.239 87.641,19.774C88.518,19.31 89.28,18.646 89.926,17.782C90.572,16.919 91.05,15.921 91.357,14.788C91.665,13.656 91.729,12.648 91.55,11.762C91.372,10.877 90.973,10.191 90.354,9.705Z"
+      android:fillColor="#ffffff"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M119.998,9.262L120,9.259H117.981C117.916,9.259 117.859,9.261 117.8,9.262H116.753L116.217,9.999C116.174,10.054 116.131,10.11 116.085,10.175L116.026,10.26L111.768,16.11L110.885,9.259H107.396L109.163,19.67L105.262,25H105.373H107.365H108.737L109.683,23.679C109.71,23.64 109.734,23.608 109.764,23.566L110.867,22.023L110.899,21.979L115.835,15.076L119.994,9.267L120,9.262H119.998Z"
+      android:fillColor="#ffffff"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M7.716,6.572L6.718,10.194L12.428,6.552L8.694,20.294L12.486,20.297L18.002,0L7.716,6.572Z"
+      android:fillColor="#3395FF"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M1.57,14.521L0,20.298H7.773C7.773,20.298 10.952,8.549 10.953,8.545C10.95,8.547 1.57,14.521 1.57,14.521Z"
+      android:fillColor="#ffffff"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_tshirt_rzp.xml b/app/src/main/res/drawable/ic_tshirt_rzp.xml
new file mode 100644
index 0000000..d7c6f3e
--- /dev/null
+++ b/app/src/main/res/drawable/ic_tshirt_rzp.xml
@@ -0,0 +1,8 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="1274dp"
+    android:height="1280dp"
+    android:viewportWidth="1274"
+    android:viewportHeight="1280">
+  <path
+      android:pathData="M0,0h1274v1280h-1274z"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_vector.xml b/app/src/main/res/drawable/ic_vector.xml
new file mode 100644
index 0000000..037b890
--- /dev/null
+++ b/app/src/main/res/drawable/ic_vector.xml
@@ -0,0 +1,14 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="16dp"
+    android:height="16dp"
+    android:viewportWidth="16"
+    android:viewportHeight="16">
+  <path
+      android:pathData="M5.3333,8C5.3333,6.5272 6.5272,5.3333 8,5.3333C9.4728,5.3333 10.6667,6.5272 10.6667,8C10.6667,9.4728 9.4728,10.6667 8,10.6667C6.5272,10.6667 5.3333,9.4728 5.3333,8ZM8,6.6667C7.2636,6.6667 6.6667,7.2636 6.6667,8C6.6667,8.7364 7.2636,9.3333 8,9.3333C8.7364,9.3333 9.3333,8.7364 9.3333,8C9.3333,7.2636 8.7364,6.6667 8,6.6667Z"
+      android:fillColor="#ffffff"
+      android:fillType="evenOdd"/>
+  <path
+      android:pathData="M8,1.3333C7.6318,1.3333 7.3333,1.6318 7.3333,2V2.116C7.3305,2.8201 6.9098,3.4554 6.2626,3.7328C6.2063,3.7569 6.147,3.7731 6.0865,3.781C5.4565,4.0019 4.7501,3.849 4.2672,3.3766L4.2619,3.3714L4.2219,3.3314C4.0969,3.2062 3.9269,3.1356 3.75,3.1356C3.5731,3.1356 3.4034,3.206 3.2783,3.3311L3.2778,3.3317C3.1526,3.4567 3.0823,3.6264 3.0823,3.8033C3.0823,3.9803 3.1526,4.15 3.2778,4.275L3.3233,4.3205C3.8234,4.8317 3.9654,5.5935 3.685,6.2498C3.4295,6.9198 2.7938,7.3697 2.0756,7.3865L2.06,7.3867H2C1.6318,7.3867 1.3333,7.6851 1.3333,8.0533C1.3333,8.4215 1.6318,8.72 2,8.72H2.116C2.8189,8.7228 3.4532,9.1421 3.7313,9.7874C4.021,10.4474 3.8808,11.2174 3.3766,11.7328L3.3714,11.7381L3.3314,11.7781C3.2062,11.9031 3.1356,12.0731 3.1356,12.25C3.1356,12.4269 3.206,12.5966 3.3311,12.7217L3.3317,12.7222C3.4567,12.8474 3.6264,12.9177 3.8033,12.9177C3.9803,12.9177 4.15,12.8474 4.275,12.7222L4.3205,12.6767C4.8317,12.1766 5.5935,12.0346 6.2498,12.315C6.9198,12.5705 7.3697,13.2062 7.3865,13.9244L7.3867,13.94V14C7.3867,14.3682 7.6851,14.6667 8.0533,14.6667C8.4215,14.6667 8.72,14.3682 8.72,14V13.8867L8.72,13.884C8.7228,13.181 9.1421,12.5467 9.7875,12.2686C10.4475,11.979 11.2174,12.1193 11.7328,12.6234L11.7381,12.6286L11.7781,12.6686C11.9031,12.7938 12.0731,12.8644 12.25,12.8644C12.4269,12.8644 12.5966,12.794 12.7217,12.6689L12.7222,12.6683C12.8474,12.5433 12.9177,12.3736 12.9177,12.1967C12.9177,12.0197 12.8474,11.85 12.7222,11.725L12.6767,11.6795C12.1726,11.1641 12.0323,10.3941 12.322,9.7342C12.6001,9.0888 13.2344,8.6695 13.9373,8.6667L13.94,8.6667L14,8.6667C14.3682,8.6667 14.6667,8.3682 14.6667,8C14.6667,7.6318 14.3682,7.3333 14,7.3333H13.8867L13.884,7.3333C13.1799,7.3305 12.5446,6.9098 12.2672,6.2626C12.2431,6.2063 12.2269,6.147 12.219,6.0865C11.9981,5.4565 12.151,4.7501 12.6234,4.2672L12.6286,4.2619L12.6686,4.2219C12.7938,4.0969 12.8644,3.9269 12.8644,3.75C12.8644,3.5731 12.794,3.4034 12.6689,3.2783L12.6683,3.2778C12.5433,3.1526 12.3736,3.0823 12.1967,3.0823C12.0197,3.0823 11.85,3.1526 11.725,3.2778L11.6795,3.3233C11.1641,3.8275 10.3941,3.9677 9.7341,3.678C9.0887,3.3999 8.6695,2.7656 8.6667,2.0627L8.6667,2.06V2C8.6667,1.6318 8.3682,1.3333 8,1.3333ZM6,2C6,0.8954 6.8954,0 8,0C9.1046,0 10,0.8954 10,2V2.0583C10.0011,2.2306 10.1042,2.386 10.2626,2.4539L10.2692,2.4567C10.4304,2.5279 10.6185,2.4943 10.7451,2.3721L10.7817,2.3355C11.1568,1.96 11.6658,1.749 12.1967,1.749C12.7275,1.749 13.2365,1.96 13.6117,2.3355C13.9869,2.7106 14.1977,3.2194 14.1977,3.75C14.1977,4.2807 13.9868,4.7896 13.6114,5.1647L13.5746,5.2015C13.4523,5.3282 13.4188,5.5163 13.4899,5.6775C13.5088,5.7202 13.523,5.7646 13.5325,5.8101C13.6116,5.9267 13.744,5.9991 13.8883,6H14C15.1046,6 16,6.8954 16,8C16,9.1046 15.1046,10 14,10H13.9417C13.7693,10.0011 13.614,10.1042 13.5461,10.2626L13.5433,10.2692C13.4721,10.4304 13.5057,10.6185 13.6279,10.7451L13.6645,10.7817C14.0399,11.1568 14.251,11.666 14.251,12.1967C14.251,12.7274 14.0401,13.2363 13.6647,13.6114C13.2896,13.9868 12.7807,14.1977 12.25,14.1977C11.7193,14.1977 11.2104,13.9868 10.8353,13.6114L10.7984,13.5746C10.6718,13.4523 10.4837,13.4188 10.3225,13.4899L10.316,13.4928C10.1575,13.5607 10.0544,13.716 10.0533,13.8883V14C10.0533,15.1046 9.1579,16 8.0533,16C6.9488,16 6.0533,15.1046 6.0533,14V13.9496C6.0468,13.7742 5.935,13.6197 5.7699,13.559C5.7567,13.5542 5.7437,13.5489 5.7308,13.5432C5.5696,13.4721 5.3815,13.5057 5.2549,13.6279L5.2183,13.6645C4.8432,14.0399 4.334,14.251 3.8033,14.251C3.2728,14.251 2.7639,14.0402 2.3889,13.665C2.0133,13.2899 1.8023,12.7808 1.8023,12.25C1.8023,11.7192 2.0133,11.2101 2.3889,10.835L2.4254,10.7984C2.5477,10.6718 2.5812,10.4837 2.5101,10.3225L2.5072,10.316C2.4393,10.1575 2.284,10.0544 2.1117,10.0533H2C0.8954,10.0533 0,9.1579 0,8.0533C0,6.9488 0.8954,6.0533 2,6.0533H2.0504C2.2258,6.0468 2.3802,5.935 2.441,5.7699C2.4458,5.7567 2.4511,5.7437 2.4568,5.7308C2.5279,5.5696 2.4943,5.3815 2.3721,5.2549L2.3355,5.2183C1.96,4.8432 1.749,4.3341 1.749,3.8033C1.749,3.2726 1.9599,2.7637 2.3353,2.3886C2.7104,2.0132 3.2193,1.8023 3.75,1.8023C4.2808,1.8023 4.7899,2.0133 5.165,2.3889L5.2015,2.4254C5.3282,2.5477 5.5163,2.5812 5.6775,2.5101C5.7202,2.4912 5.7646,2.477 5.8101,2.4675C5.9267,2.3884 5.9991,2.256 6,2.1117V2Z"
+      android:fillColor="#ffffff"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/app/src/main/res/drawable/tshirt_rzp.png b/app/src/main/res/drawable/tshirt_rzp.png
new file mode 100644
index 0000000..3a9d9e6
Binary files /dev/null and b/app/src/main/res/drawable/tshirt_rzp.png differ
diff --git a/app/src/main/res/font/lato_bold.ttf b/app/src/main/res/font/lato_bold.ttf
new file mode 100644
index 0000000..ef5ae3b
Binary files /dev/null and b/app/src/main/res/font/lato_bold.ttf differ
diff --git a/app/src/main/res/font/lato_normal.ttf b/app/src/main/res/font/lato_normal.ttf
new file mode 100644
index 0000000..adbfc46
Binary files /dev/null and b/app/src/main/res/font/lato_normal.ttf differ
diff --git a/app/src/main/res/layout/activity_home_page.xml b/app/src/main/res/layout/activity_home_page.xml
new file mode 100644
index 0000000..2c2a5bb
--- /dev/null
+++ b/app/src/main/res/layout/activity_home_page.xml
@@ -0,0 +1,200 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout 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"
+    >
+
+    <data>
+
+    </data>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        tools:context="com.razorpay.sampleapp.java.ActivityHomePage">
+
+
+        <ImageView
+            android:id="@+id/imageView"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:background="@color/colorPrimaryDark"
+            android:padding="20dp"
+            android:src="@drawable/ic_rzp_logo_negative"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <ImageView
+            android:id="@+id/btn_settings"
+            android:layout_width="20dp"
+            android:layout_height="20dp"
+            android:src="@drawable/ic_vector"
+            app:layout_constraintBottom_toBottomOf="@+id/imageView"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintHorizontal_bias="0.94"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="@+id/imageView" />
+
+        <TextView
+            android:id="@+id/textView"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_margin="20dp"
+            android:background="@drawable/bg_warning_message"
+            android:fontFamily="@font/lato_normal"
+            android:padding="10dp"
+            android:text="@string/text_warning"
+            android:textColor="@color/text_Heading"
+            android:textSize="14sp"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/imageView" />
+
+        <TextView
+            android:id="@+id/tv_mycart"
+            android:layout_width="wrap_content"
+
+            android:layout_height="wrap_content"
+            android:layout_marginTop="40dp"
+            android:fontFamily="@font/lato_bold"
+            android:text="My Cart"
+            android:textColor="@color/text_Heading"
+            android:textSize="24sp"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintHorizontal_bias="0.06"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/textView" />
+
+
+        <androidx.constraintlayout.widget.ConstraintLayout
+            android:layout_width="match_parent"
+            android:layout_height="0dp"
+            android:background="@drawable/bg_elevated"
+            android:layout_margin="20dp"
+            app:layout_constraintBottom_toBottomOf="@id/guideline"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/tv_mycart">
+
+            <ImageView
+                android:id="@+id/imageView2"
+                android:layout_width="0dp"
+                android:layout_height="0dp"
+                android:layout_marginEnd="10dp"
+                android:background="@drawable/bg_img"
+                android:src="@drawable/tshirt_rzp"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintEnd_toStartOf="@+id/textView2"
+                app:layout_constraintHorizontal_bias="0.0"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent"
+                app:layout_constraintVertical_bias="0.0" />
+
+            <TextView
+                android:id="@+id/textView2"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:fontFamily="@font/lato_normal"
+                android:text="Sample T Shirt"
+                android:textColor="@color/item_head_color"
+                android:textSize="15sp"
+                android:textStyle="bold"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintEnd_toEndOf="parent"
+                app:layout_constraintHorizontal_bias="0.558"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintTop_toTopOf="parent"
+                app:layout_constraintVertical_bias="0.268" />
+
+            <TextView
+                android:id="@+id/textView4"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="8dp"
+                android:text="Color: Black"
+                app:layout_constraintEnd_toEndOf="@+id/textView2"
+                app:layout_constraintHorizontal_bias="0.235"
+                app:layout_constraintStart_toEndOf="@+id/imageView2"
+                app:layout_constraintTop_toBottomOf="@+id/textView2" />
+
+            <TextView
+                android:id="@+id/textView3"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="20dp"
+                android:text="Size : L"
+                app:layout_constraintBottom_toBottomOf="@+id/textView4"
+                app:layout_constraintStart_toEndOf="@+id/textView4"
+                app:layout_constraintTop_toTopOf="@+id/textView4" />
+
+            <TextView
+                android:id="@+id/textView5"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="8dp"
+                android:fontFamily="@font/lato_bold"
+                android:text="@string/text_price"
+                android:textColor="@color/colorPrimaryDark"
+                android:textSize="16sp"
+                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintStart_toEndOf="@+id/imageView2"
+                app:layout_constraintTop_toBottomOf="@+id/textView4"
+                app:layout_constraintVertical_bias="0.55" />
+
+
+        </androidx.constraintlayout.widget.ConstraintLayout>
+
+        <androidx.constraintlayout.widget.Guideline
+            android:id="@+id/guideline"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:orientation="horizontal"
+            app:layout_constraintGuide_percent="0.5" />
+
+
+        <TextView
+            android:id="@+id/textView6"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="36dp"
+            android:layout_marginBottom="20dp"
+            android:fontFamily="@font/lato_bold"
+            android:text="Total Amount:"
+            android:textColor="@color/text_total_amount_color"
+            android:textSize="20sp"
+            app:layout_constraintBottom_toTopOf="@+id/btn_checkout"
+            app:layout_constraintStart_toStartOf="parent" />
+
+        <TextView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginEnd="40dp"
+            android:fontFamily="@font/lato_bold"
+            android:text="@string/text_price"
+            android:textColor="@color/item_head_color"
+            android:textSize="20sp"
+            app:layout_constraintBottom_toBottomOf="@+id/textView6"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintTop_toTopOf="@+id/textView6"
+            app:layout_constraintVertical_bias="1.0" />
+
+        <Button
+            android:id="@+id/btn_checkout"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:background="@color/colorPrimary"
+            android:fontFamily="@font/lato_normal"
+            android:text="Pay Now"
+            android:textAllCaps="false"
+            android:textColor="@android:color/white"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintHorizontal_bias="0.0"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="@+id/guideline"
+            app:layout_constraintVertical_bias="1.0" />
+
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</layout>
diff --git a/app/src/main/res/layout/activity_settings.xml b/app/src/main/res/layout/activity_settings.xml
new file mode 100644
index 0000000..6b962b1
--- /dev/null
+++ b/app/src/main/res/layout/activity_settings.xml
@@ -0,0 +1,273 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout 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">
+
+    <data>
+
+    </data>
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent">
+
+        <ImageView
+            android:id="@+id/imageView"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:background="@color/colorPrimaryDark"
+            android:padding="20dp"
+            android:src="@drawable/ic_rzp_logo_negative"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <ImageView
+            android:id="@+id/iv_back_arrow"
+            android:layout_width="20dp"
+            android:layout_height="20dp"
+            android:src="@drawable/ic_back_arrow"
+            app:layout_constraintBottom_toBottomOf="@id/imageView"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintHorizontal_bias="0.03"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <ScrollView
+            android:layout_marginTop="5dp"
+            android:layout_width="match_parent"
+            app:layout_constraintTop_toBottomOf="@id/imageView"
+            app:layout_constraintBottom_toTopOf="@id/btn_save_settings"
+            android:layout_height="0dp">
+
+            <androidx.constraintlayout.widget.ConstraintLayout
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                tools:context="com.razorpay.sampleapp.java.ActivitySettings">
+
+
+
+                <TextView
+                    android:id="@+id/textView7"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="28dp"
+                    android:fontFamily="@font/lato_bold"
+                    android:text="Settings"
+                    android:textColor="@color/text_Heading"
+                    android:textSize="24sp"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintHorizontal_bias="0.049"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toBottomOf="@+id/imageView" />
+
+                <TextView
+                    android:id="@+id/tv_desc_settings"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="16dp"
+                    android:fontFamily="@font/lato_normal"
+                    android:text="Customize Razorpay Checkout to suit your brand theme"
+                    android:textColor="@color/text_description"
+                    android:textSize="14sp"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintHorizontal_bias="0.276"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toBottomOf="@+id/textView7" />
+
+                <View
+                    android:id="@+id/view"
+                    android:layout_width="match_parent"
+                    android:layout_height="3dp"
+                    android:layout_marginTop="20dp"
+                    android:background="#E7EBF1"
+                    app:layout_constraintTop_toBottomOf="@id/tv_desc_settings" />
+
+                <TextView
+                    android:id="@+id/textView8"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="16dp"
+                    android:fontFamily="@font/lato_bold"
+                    android:text="COMPANY LOGO"
+                    android:textColor="@color/text_description"
+                    android:textSize="12sp"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintHorizontal_bias="0.057"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toBottomOf="@+id/view" />
+
+                <LinearLayout
+                    android:id="@+id/ll_company_logo"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_margin="10dp"
+                    android:layout_marginTop="16dp"
+                    android:background="@drawable/bg_elevated"
+                    android:orientation="vertical"
+                    android:padding="10dp"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintHorizontal_bias="0.0"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toBottomOf="@+id/textView8">
+
+                    <TextView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginBottom="10dp"
+                        android:fontFamily="@font/lato_normal"
+                        android:text="Company Image URL"
+                        android:textColor="@color/hex_61162F56"
+                        tools:layout_editor_absoluteX="13dp"
+                        tools:layout_editor_absoluteY="256dp" />
+
+                    <EditText
+                        android:id="@+id/et_imageurl"
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:layout_marginBottom="10dp"
+                        android:fontFamily="@font/lato_normal"
+                        android:hint="Image URL to your Company's Logo"
+                        android:textColor="#DE162F56"
+                        android:textColorHint="#DE162F56"
+                        android:textSize="14sp" />
+
+                    <TextView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginBottom="10dp"
+                        android:fontFamily="@font/lato_normal"
+                        android:text="Please ensure that this URL is public &amp; a square image of minimum 256x256 px"
+                        android:textColor="@color/hex_61162F56"
+                        tools:layout_editor_absoluteX="13dp"
+                        tools:layout_editor_absoluteY="256dp" />
+
+
+                </LinearLayout>
+
+                <TextView
+                    android:id="@+id/tv_brand_details"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="24dp"
+                    android:fontFamily="@font/lato_bold"
+                    android:text="BRAND DETAILS"
+                    android:textColor="@color/text_description"
+                    android:textSize="12sp"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintHorizontal_bias="0.056"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toBottomOf="@id/ll_company_logo" />
+
+                <LinearLayout
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_margin="10dp"
+                    android:layout_marginTop="212dp"
+                    android:background="@drawable/bg_elevated"
+                    android:orientation="vertical"
+                    android:padding="10dp"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintHorizontal_bias="1.0"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toBottomOf="@+id/tv_brand_details">
+
+                    <TextView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginBottom="10dp"
+                        android:fontFamily="@font/lato_normal"
+                        android:text="Company Name"
+                        android:textColor="@color/hex_61162F56" />
+
+                    <EditText
+                        android:id="@+id/et_company_name"
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:layout_marginBottom="10dp"
+                        android:fontFamily="@font/lato_normal"
+
+                        android:hint="Razorpay Demo"
+                        android:textColor="#DE162F56"
+                        android:textColorHint="#DE162F56"
+                        android:textSize="14sp" />
+
+                    <TextView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginBottom="20dp"
+                        android:fontFamily="@font/lato_normal"
+                        android:text="This will be visible on Checkout"
+                        android:textColor="@color/hex_61162F56"
+                        tools:layout_editor_absoluteX="13dp"
+                        tools:layout_editor_absoluteY="256dp" />
+
+
+                    <TextView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginBottom="10dp"
+                        android:fontFamily="@font/lato_normal"
+                        android:text="Theme color"
+                        android:textColor="@color/hex_61162F56" />
+
+                    <LinearLayout
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:layout_gravity="center"
+                        android:layout_marginBottom="10dp"
+                        android:gravity="center">
+
+                        <ImageView
+                            android:id="@+id/iv_color_ex"
+                            android:layout_width="30dp"
+                            android:layout_height="30dp"
+                            android:layout_margin="5dp"
+                            android:background="@color/colorPrimary" />
+
+                        <EditText
+                            android:id="@+id/et_color"
+                            android:layout_width="match_parent"
+                            android:layout_height="wrap_content"
+                            android:fontFamily="@font/lato_normal"
+                            android:hint="2B83EA"
+                            android:text="2B83EA"
+                            android:textColor="#DE162F56"
+                            android:textColorHint="#DE162F56"
+                            android:textSize="14sp" />
+
+                    </LinearLayout>
+
+                    <TextView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginBottom="20dp"
+                        android:fontFamily="@font/lato_normal"
+                        android:text="Choose a theme color for your brand"
+                        android:textColor="@color/hex_61162F56"
+                        tools:layout_editor_absoluteX="13dp"
+                        tools:layout_editor_absoluteY="256dp" />
+
+                </LinearLayout>
+
+
+
+            </androidx.constraintlayout.widget.ConstraintLayout>
+
+        </ScrollView>
+        <Button
+            android:id="@+id/btn_save_settings"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:background="@color/colorPrimary"
+            android:fontFamily="@font/lato_normal"
+            android:text="Save Settings"
+            android:textAllCaps="false"
+            android:textColor="@android:color/white"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintHorizontal_bias="0.0"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintVertical_bias="1.0" />
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</layout>
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
new file mode 100644
index 0000000..bfebff0
--- /dev/null
+++ b/app/src/main/res/values/colors.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="colorPrimary">#2B83EA</color>
+    <color name="colorPrimaryDark">#2B4486</color>
+    <color name="text_Heading">#162F56</color>
+    <color name="text_description">#8A162F56</color>
+    <color name="text_total_amount_color">#61162F56</color>
+    <color name="note_bg">#e9c2c3</color>
+    <color name="note_fg">#f5e5e5</color>
+    <color name="img_bg">#11000000</color>
+    <color name="item_head_color">#DE162F56</color>
+    <color name="hex_61162F56">#61162F56</color>
+</resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
new file mode 100644
index 0000000..e28a462
--- /dev/null
+++ b/app/src/main/res/values/strings.xml
@@ -0,0 +1,9 @@
+<resources>
+    <string name="text_warning">This is a demo application. We will not deliver any actual product. This is a real transaction, money will be auto–refunded to your account in 4–5 days.</string>
+    <string name="text_my_cart">My Cart</string>
+    <string name="text_color">Color:</string>
+    <string name="text_black">Black</string>
+    <string name="text_size">Size:</string>
+    <string name="text_L">L</string>
+    <string name="text_price">\u20B91.00</string>
+</resources>
diff --git a/app/src/main/res/values/styles.xml b/app/src/main/res/values/styles.xml
index 89f134d..24fc3a6 100644
--- a/app/src/main/res/values/styles.xml
+++ b/app/src/main/res/values/styles.xml
@@ -5,19 +5,23 @@
         Base application theme, dependent on API level. This theme is replaced
         by AppBaseTheme from res/values-vXX/styles.xml on newer devices.
     -->
-    <style name="AppBaseTheme" parent="android:Theme.Holo.Light">
-        <!--
-            Theme customizations available in newer API levels can go in
-            res/values-vXX/styles.xml, while customizations related to
-            backward-compatibility can go here.
-        -->
-        <item name="android:windowActionBar">false</item>
-        <item name="android:windowNoTitle">true</item>
-    </style>
+<!--    <style name="AppBaseTheme" parent="android:Theme.AppCompat.Light">-->
+<!--        &lt;!&ndash;-->
+<!--            Theme customizations available in newer API levels can go in-->
+<!--            res/values-vXX/styles.xml, while customizations related to-->
+<!--            backward-compatibility can go here.-->
+<!--        &ndash;&gt;-->
+<!--        <item name="android:windowActionBar">false</item>-->
+<!--        <item name="android:windowNoTitle">true</item>-->
+<!--    </style>-->
 
-    <!-- Application theme. -->
-    <style name="AppTheme" parent="AppBaseTheme">
-        <!-- All customizations that are NOT specific to a particular API-level can go here. -->
+<!--    &lt;!&ndash; Application theme. &ndash;&gt;-->
+<!--    <style name="AppTheme" parent="@style/Theme.AppCompat.Light.DarkActionBar">-->
+<!--        &lt;!&ndash; All customizations that are NOT specific to a particular API-level can go here. &ndash;&gt;-->
+<!--    </style>-->
+    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
+        <item name="colorPrimary">@color/colorPrimary</item>
+        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
     </style>
 
 </resources>
\ No newline at end of file