diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..a6ebb99
Binary files /dev/null and b/.DS_Store differ
diff --git a/Assignment_for_Intents__Serialization.docx b/Assignment_for_Intents__Serialization.docx
index b686fe9..c090dad 100644
Binary files a/Assignment_for_Intents__Serialization.docx and b/Assignment_for_Intents__Serialization.docx differ
diff --git a/Intents_and_serialization b/Intents_and_serialization
new file mode 160000
index 0000000..1e89fc6
--- /dev/null
+++ b/Intents_and_serialization
@@ -0,0 +1 @@
+Subproject commit 1e89fc65e5d198a9109d64656415245411acc0a9
diff --git a/UI_Components_and_Layouts/.DS_Store b/UI_Components_and_Layouts/.DS_Store
new file mode 100644
index 0000000..7de2b65
Binary files /dev/null and b/UI_Components_and_Layouts/.DS_Store differ
diff --git a/UI_Components_and_Layouts/build.gradle b/UI_Components_and_Layouts/build.gradle
new file mode 100644
index 0000000..29cfcd9
--- /dev/null
+++ b/UI_Components_and_Layouts/build.gradle
@@ -0,0 +1,38 @@
+// Top-level build file where you can add configuration options common to all sub-projects/modules.
+apply plugin: 'com.huawei.ohos.app'
+
+//For instructions on signature configuration, see https://developer.harmonyos.com/en/docs/documentation/doc-guides/ide_debug_device-0000001053822404#EN-US_TOPIC_0000001154985555__section1112183053510
+ohos {
+    compileSdkVersion 5
+    defaultConfig {
+        compatibleSdkVersion 4
+    }
+}
+	
+buildscript {
+    repositories {
+        maven {
+            url 'https://repo.huaweicloud.com/repository/maven/'
+        }
+        maven {
+            url 'https://developer.huawei.com/repo/'
+        }
+		jcenter()
+    }
+    dependencies {
+        classpath 'com.huawei.ohos:hap:2.4.4.2'
+        classpath 'com.huawei.ohos:decctest:1.2.4.0'
+    }
+}
+
+allprojects {
+    repositories {
+        maven {
+            url 'https://repo.huaweicloud.com/repository/maven/'
+        }
+        maven {
+            url 'https://developer.huawei.com/repo/'
+        }
+		jcenter()
+    }
+}
diff --git a/UI_Components_and_Layouts/build/outputs/hap/debug/car/entry-debug-rich-unsigned.hap b/UI_Components_and_Layouts/build/outputs/hap/debug/car/entry-debug-rich-unsigned.hap
new file mode 100644
index 0000000..f19c079
Binary files /dev/null and b/UI_Components_and_Layouts/build/outputs/hap/debug/car/entry-debug-rich-unsigned.hap differ
diff --git a/UI_Components_and_Layouts/build/outputs/hap/debug/phone/entry-debug-rich-unsigned.hap b/UI_Components_and_Layouts/build/outputs/hap/debug/phone/entry-debug-rich-unsigned.hap
new file mode 100644
index 0000000..f19c079
Binary files /dev/null and b/UI_Components_and_Layouts/build/outputs/hap/debug/phone/entry-debug-rich-unsigned.hap differ
diff --git a/UI_Components_and_Layouts/build/outputs/hap/debug/tablet/entry-debug-rich-unsigned.hap b/UI_Components_and_Layouts/build/outputs/hap/debug/tablet/entry-debug-rich-unsigned.hap
new file mode 100644
index 0000000..f19c079
Binary files /dev/null and b/UI_Components_and_Layouts/build/outputs/hap/debug/tablet/entry-debug-rich-unsigned.hap differ
diff --git a/UI_Components_and_Layouts/build/outputs/hap/debug/tv/entry-debug-rich-unsigned.hap b/UI_Components_and_Layouts/build/outputs/hap/debug/tv/entry-debug-rich-unsigned.hap
new file mode 100644
index 0000000..f19c079
Binary files /dev/null and b/UI_Components_and_Layouts/build/outputs/hap/debug/tv/entry-debug-rich-unsigned.hap differ
diff --git a/UI_Components_and_Layouts/build/outputs/hap/debug/wearable/entry-debug-rich-unsigned.hap b/UI_Components_and_Layouts/build/outputs/hap/debug/wearable/entry-debug-rich-unsigned.hap
new file mode 100644
index 0000000..f19c079
Binary files /dev/null and b/UI_Components_and_Layouts/build/outputs/hap/debug/wearable/entry-debug-rich-unsigned.hap differ
diff --git a/UI_Components_and_Layouts/entry/.DS_Store b/UI_Components_and_Layouts/entry/.DS_Store
new file mode 100644
index 0000000..9a874b5
Binary files /dev/null and b/UI_Components_and_Layouts/entry/.DS_Store differ
diff --git a/UI_Components_and_Layouts/entry/.gitignore b/UI_Components_and_Layouts/entry/.gitignore
new file mode 100644
index 0000000..796b96d
--- /dev/null
+++ b/UI_Components_and_Layouts/entry/.gitignore
@@ -0,0 +1 @@
+/build
diff --git a/UI_Components_and_Layouts/entry/build.gradle b/UI_Components_and_Layouts/entry/build.gradle
new file mode 100644
index 0000000..b34f366
--- /dev/null
+++ b/UI_Components_and_Layouts/entry/build.gradle
@@ -0,0 +1,27 @@
+apply plugin: 'com.huawei.ohos.hap'
+apply plugin: 'com.huawei.ohos.decctest'
+//For instructions on signature configuration, see https://developer.harmonyos.com/en/docs/documentation/doc-guides/ide_debug_device-0000001053822404#EN-US_TOPIC_0000001154985555__section1112183053510
+ohos {
+    compileSdkVersion 5
+    defaultConfig {
+        compatibleSdkVersion 4
+    }
+    buildTypes {
+        release {
+            proguardOpt {
+                proguardEnabled false
+                rulesFiles 'proguard-rules.pro'
+            }
+        }
+    }
+    
+}
+
+dependencies {
+    implementation fileTree(dir: 'libs', include: ['*.jar', '*.har'])
+    testImplementation 'junit:junit:4.13'
+    ohosTestImplementation 'com.huawei.ohos.testkit:runner:1.0.0.100'
+}
+decc {
+    supportType = ['html','xml']
+}
diff --git a/UI_Components_and_Layouts/entry/proguard-rules.pro b/UI_Components_and_Layouts/entry/proguard-rules.pro
new file mode 100644
index 0000000..f7666e4
--- /dev/null
+++ b/UI_Components_and_Layouts/entry/proguard-rules.pro
@@ -0,0 +1 @@
+# config module specific ProGuard rules here.
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/entry/src/.DS_Store b/UI_Components_and_Layouts/entry/src/.DS_Store
new file mode 100644
index 0000000..7b0d367
Binary files /dev/null and b/UI_Components_and_Layouts/entry/src/.DS_Store differ
diff --git a/UI_Components_and_Layouts/entry/src/main/.DS_Store b/UI_Components_and_Layouts/entry/src/main/.DS_Store
new file mode 100644
index 0000000..55c1fcb
Binary files /dev/null and b/UI_Components_and_Layouts/entry/src/main/.DS_Store differ
diff --git a/UI_Components_and_Layouts/entry/src/main/config.json b/UI_Components_and_Layouts/entry/src/main/config.json
new file mode 100644
index 0000000..f7f4916
--- /dev/null
+++ b/UI_Components_and_Layouts/entry/src/main/config.json
@@ -0,0 +1,68 @@
+{
+  "app": {
+    "bundleName": "com.ajith.assignment",
+    "vendor": "ajith",
+    "version": {
+      "code": 1000000,
+      "name": "1.0.0"
+    }
+  },
+  "deviceConfig": {},
+  "module": {
+    "package": "com.ajith.assignment",
+    "name": ".MyApplication",
+    "mainAbility": "com.ajith.assignment.MainAbility",
+    "deviceType": [
+      "phone",
+      "tablet",
+      "tv",
+      "wearable",
+      "car"
+    ],
+    "distro": {
+      "deliveryWithInstall": true,
+      "moduleName": "entry",
+      "moduleType": "entry",
+      "installationFree": true
+    },
+    "abilities": [
+      {
+        "skills": [
+          {
+            "entities": [
+              "entity.system.home"
+            ],
+            "actions": [
+              "action.system.home"
+            ]
+          }
+        ],
+        "orientation": "unspecified",
+        "name": "com.ajith.assignment.MainAbility",
+        "icon": "$media:backbutton",
+        "description": "$string:mainability_description",
+        "label": "$string:entry_MainAbility",
+        "type": "page",
+        "launchType": "standard"
+      },
+      {
+        "orientation": "unspecified",
+        "name": "com.ajith.assignment.MainAbility2",
+        "icon": "$media:backbutton",
+        "description": "$string:mainability2_description",
+        "label": "$string:entry_MainAbility2",
+        "type": "page",
+        "launchType": "standard"
+      },
+      {
+        "orientation": "unspecified",
+        "name": "com.ajith.assignment.MainAbility3",
+        "icon": "$media:icon",
+        "description": "$string:mainability3_description",
+        "label": "$string:entry_MainAbility3",
+        "type": "page",
+        "launchType": "standard"
+      }
+    ]
+  }
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/entry/src/main/java/.DS_Store b/UI_Components_and_Layouts/entry/src/main/java/.DS_Store
new file mode 100644
index 0000000..35a54bf
Binary files /dev/null and b/UI_Components_and_Layouts/entry/src/main/java/.DS_Store differ
diff --git a/UI_Components_and_Layouts/entry/src/main/java/com/.DS_Store b/UI_Components_and_Layouts/entry/src/main/java/com/.DS_Store
new file mode 100644
index 0000000..5ee7ba9
Binary files /dev/null and b/UI_Components_and_Layouts/entry/src/main/java/com/.DS_Store differ
diff --git a/UI_Components_and_Layouts/entry/src/main/java/com/ajith/.DS_Store b/UI_Components_and_Layouts/entry/src/main/java/com/ajith/.DS_Store
new file mode 100644
index 0000000..3bbd7ee
Binary files /dev/null and b/UI_Components_and_Layouts/entry/src/main/java/com/ajith/.DS_Store differ
diff --git a/UI_Components_and_Layouts/entry/src/main/java/com/ajith/assignment/MainAbility.java b/UI_Components_and_Layouts/entry/src/main/java/com/ajith/assignment/MainAbility.java
new file mode 100644
index 0000000..79a9283
--- /dev/null
+++ b/UI_Components_and_Layouts/entry/src/main/java/com/ajith/assignment/MainAbility.java
@@ -0,0 +1,13 @@
+package com.ajith.assignment;
+
+import com.ajith.assignment.slice.MainAbilitySlice;
+import ohos.aafwk.ability.Ability;
+import ohos.aafwk.content.Intent;
+
+public class MainAbility extends Ability {
+    @Override
+    public void onStart(Intent intent) {
+        super.onStart(intent);
+        super.setMainRoute(MainAbilitySlice.class.getName());
+    }
+}
diff --git a/UI_Components_and_Layouts/entry/src/main/java/com/ajith/assignment/MainAbility2.java b/UI_Components_and_Layouts/entry/src/main/java/com/ajith/assignment/MainAbility2.java
new file mode 100644
index 0000000..cbd57a7
--- /dev/null
+++ b/UI_Components_and_Layouts/entry/src/main/java/com/ajith/assignment/MainAbility2.java
@@ -0,0 +1,13 @@
+package com.ajith.assignment;
+
+import com.ajith.assignment.slice.MainAbility2Slice;
+import ohos.aafwk.ability.Ability;
+import ohos.aafwk.content.Intent;
+
+public class MainAbility2 extends Ability {
+    @Override
+    public void onStart(Intent intent) {
+        super.onStart(intent);
+        super.setMainRoute(MainAbility2Slice.class.getName());
+    }
+}
diff --git a/UI_Components_and_Layouts/entry/src/main/java/com/ajith/assignment/MainAbility3.java b/UI_Components_and_Layouts/entry/src/main/java/com/ajith/assignment/MainAbility3.java
new file mode 100644
index 0000000..1e5f0cc
--- /dev/null
+++ b/UI_Components_and_Layouts/entry/src/main/java/com/ajith/assignment/MainAbility3.java
@@ -0,0 +1,13 @@
+package com.ajith.assignment;
+
+import com.ajith.assignment.slice.MainAbility3Slice;
+import ohos.aafwk.ability.Ability;
+import ohos.aafwk.content.Intent;
+
+public class MainAbility3 extends Ability {
+    @Override
+    public void onStart(Intent intent) {
+        super.onStart(intent);
+        super.setMainRoute(MainAbility3Slice.class.getName());
+    }
+}
diff --git a/UI_Components_and_Layouts/entry/src/main/java/com/ajith/assignment/MyApplication.java b/UI_Components_and_Layouts/entry/src/main/java/com/ajith/assignment/MyApplication.java
new file mode 100644
index 0000000..235587d
--- /dev/null
+++ b/UI_Components_and_Layouts/entry/src/main/java/com/ajith/assignment/MyApplication.java
@@ -0,0 +1,10 @@
+package com.ajith.assignment;
+
+import ohos.aafwk.ability.AbilityPackage;
+
+public class MyApplication extends AbilityPackage {
+    @Override
+    public void onInitialize() {
+        super.onInitialize();
+    }
+}
diff --git a/UI_Components_and_Layouts/entry/src/main/java/com/ajith/assignment/slice/MainAbility2Slice.java b/UI_Components_and_Layouts/entry/src/main/java/com/ajith/assignment/slice/MainAbility2Slice.java
new file mode 100644
index 0000000..19d3f84
--- /dev/null
+++ b/UI_Components_and_Layouts/entry/src/main/java/com/ajith/assignment/slice/MainAbility2Slice.java
@@ -0,0 +1,23 @@
+package com.ajith.assignment.slice;
+
+import com.ajith.assignment.ResourceTable;
+import ohos.aafwk.ability.AbilitySlice;
+import ohos.aafwk.content.Intent;
+
+public class MainAbility2Slice extends AbilitySlice {
+    @Override
+    public void onStart(Intent intent) {
+        super.onStart(intent);
+        super.setUIContent(ResourceTable.Layout_ability_main2);
+    }
+
+    @Override
+    public void onActive() {
+        super.onActive();
+    }
+
+    @Override
+    public void onForeground(Intent intent) {
+        super.onForeground(intent);
+    }
+}
diff --git a/UI_Components_and_Layouts/entry/src/main/java/com/ajith/assignment/slice/MainAbility3Slice.java b/UI_Components_and_Layouts/entry/src/main/java/com/ajith/assignment/slice/MainAbility3Slice.java
new file mode 100644
index 0000000..da0910b
--- /dev/null
+++ b/UI_Components_and_Layouts/entry/src/main/java/com/ajith/assignment/slice/MainAbility3Slice.java
@@ -0,0 +1,23 @@
+package com.ajith.assignment.slice;
+
+import com.ajith.assignment.ResourceTable;
+import ohos.aafwk.ability.AbilitySlice;
+import ohos.aafwk.content.Intent;
+
+public class MainAbility3Slice extends AbilitySlice {
+    @Override
+    public void onStart(Intent intent) {
+        super.onStart(intent);
+        super.setUIContent(ResourceTable.Layout_ability_main3);
+    }
+
+    @Override
+    public void onActive() {
+        super.onActive();
+    }
+
+    @Override
+    public void onForeground(Intent intent) {
+        super.onForeground(intent);
+    }
+}
diff --git a/UI_Components_and_Layouts/entry/src/main/java/com/ajith/assignment/slice/MainAbilitySlice.java b/UI_Components_and_Layouts/entry/src/main/java/com/ajith/assignment/slice/MainAbilitySlice.java
new file mode 100644
index 0000000..0881f28
--- /dev/null
+++ b/UI_Components_and_Layouts/entry/src/main/java/com/ajith/assignment/slice/MainAbilitySlice.java
@@ -0,0 +1,23 @@
+package com.ajith.assignment.slice;
+
+import com.ajith.assignment.ResourceTable;
+import ohos.aafwk.ability.AbilitySlice;
+import ohos.aafwk.content.Intent;
+
+public class MainAbilitySlice extends AbilitySlice {
+    @Override
+    public void onStart(Intent intent) {
+        super.onStart(intent);
+        super.setUIContent(ResourceTable.Layout_ability_main);
+    }
+
+    @Override
+    public void onActive() {
+        super.onActive();
+    }
+
+    @Override
+    public void onForeground(Intent intent) {
+        super.onForeground(intent);
+    }
+}
diff --git a/UI_Components_and_Layouts/entry/src/main/resources/base/element/string.json b/UI_Components_and_Layouts/entry/src/main/resources/base/element/string.json
new file mode 100644
index 0000000..f684d26
--- /dev/null
+++ b/UI_Components_and_Layouts/entry/src/main/resources/base/element/string.json
@@ -0,0 +1,40 @@
+{
+  "string": [
+    {
+      "name": "entry_MainAbility",
+      "value": "entry_MainAbility"
+    },
+    {
+      "name": "mainability_description",
+      "value": "Java_Empty Ability"
+    },
+    {
+      "name": "mainability_HelloWorld",
+      "value": "Hello World"
+    },
+    {
+      "name": "mainability2_description",
+      "value": "Java_Empty Ability"
+    },
+    {
+      "name": "mainability2_HelloWorld",
+      "value": "Hello World"
+    },
+    {
+      "name": "entry_MainAbility2",
+      "value": "entry_MainAbility2"
+    },
+    {
+      "name": "mainability3_description",
+      "value": "Java_Empty Ability"
+    },
+    {
+      "name": "mainability3_HelloWorld",
+      "value": "Hello World"
+    },
+    {
+      "name": "entry_MainAbility3",
+      "value": "entry_MainAbility3"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/entry/src/main/resources/base/graphic/Background.jpg b/UI_Components_and_Layouts/entry/src/main/resources/base/graphic/Background.jpg
new file mode 100644
index 0000000..492ddd8
Binary files /dev/null and b/UI_Components_and_Layouts/entry/src/main/resources/base/graphic/Background.jpg differ
diff --git a/UI_Components_and_Layouts/entry/src/main/resources/base/graphic/background_ability_main.xml b/UI_Components_and_Layouts/entry/src/main/resources/base/graphic/background_ability_main.xml
new file mode 100644
index 0000000..f3bc253
--- /dev/null
+++ b/UI_Components_and_Layouts/entry/src/main/resources/base/graphic/background_ability_main.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<shape xmlns:ohos="http://schemas.huawei.com/res/ohos"
+       ohos:shape="rectangle">
+    <corners
+        ohos:radius="40"/>
+    <stroke ohos:color="black" ohos:width="2"/>
+</shape>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/entry/src/main/resources/base/graphic/background_ability_main2.xml b/UI_Components_and_Layouts/entry/src/main/resources/base/graphic/background_ability_main2.xml
new file mode 100644
index 0000000..7e5ae1b
--- /dev/null
+++ b/UI_Components_and_Layouts/entry/src/main/resources/base/graphic/background_ability_main2.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<shape
+    xmlns:ohos="http://schemas.huawei.com/res/ohos"
+    ohos:shape="rectangle">
+
+<stroke ohos:color="#FFFFFFFF" ohos:width="2"/>
+    <corners ohos:radius="40"/>
+</shape>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/entry/src/main/resources/base/graphic/background_ability_main3.xml b/UI_Components_and_Layouts/entry/src/main/resources/base/graphic/background_ability_main3.xml
new file mode 100644
index 0000000..b82f6c0
--- /dev/null
+++ b/UI_Components_and_Layouts/entry/src/main/resources/base/graphic/background_ability_main3.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<shape xmlns:ohos="http://schemas.huawei.com/res/ohos"
+       ohos:shape="rectangle">
+    <solid ohos:color="white"/>
+    <corners
+        ohos:radius="10"/>
+    <stroke ohos:color="black" ohos:width="2"/>
+</shape>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/entry/src/main/resources/base/graphic/backgroundtint.xml b/UI_Components_and_Layouts/entry/src/main/resources/base/graphic/backgroundtint.xml
new file mode 100644
index 0000000..dfc3fc8
--- /dev/null
+++ b/UI_Components_and_Layouts/entry/src/main/resources/base/graphic/backgroundtint.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<shape
+    xmlns:ohos="http://schemas.huawei.com/res/ohos"
+    ohos:shape="rectangle">
+
+    <solid ohos:color="#Eff1f3"/>
+</shape>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/entry/src/main/resources/base/graphic/blueback.xml b/UI_Components_and_Layouts/entry/src/main/resources/base/graphic/blueback.xml
new file mode 100644
index 0000000..619c1f8
--- /dev/null
+++ b/UI_Components_and_Layouts/entry/src/main/resources/base/graphic/blueback.xml
@@ -0,0 +1,6 @@
+<shape xmlns:ohos="http://schemas.huawei.com/res/ohos"
+       ohos:shape="rectangle">
+    <corners
+        ohos:radius="80"/>
+    <solid ohos:color="#FF3053BF"/>
+</shape>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/entry/src/main/resources/base/graphic/greenbackforbutton.xml b/UI_Components_and_Layouts/entry/src/main/resources/base/graphic/greenbackforbutton.xml
new file mode 100644
index 0000000..5fb55e3
--- /dev/null
+++ b/UI_Components_and_Layouts/entry/src/main/resources/base/graphic/greenbackforbutton.xml
@@ -0,0 +1,6 @@
+<shape xmlns:ohos="http://schemas.huawei.com/res/ohos"
+       ohos:shape="rectangle">
+    <corners
+        ohos:radius="80"/>
+    <solid ohos:color="#FF28BA10"/>
+</shape>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/entry/src/main/resources/base/layout/ability_main.xml b/UI_Components_and_Layouts/entry/src/main/resources/base/layout/ability_main.xml
new file mode 100644
index 0000000..8d4c622
--- /dev/null
+++ b/UI_Components_and_Layouts/entry/src/main/resources/base/layout/ability_main.xml
@@ -0,0 +1,230 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<DirectionalLayout
+    xmlns:ohos="http://schemas.huawei.com/res/ohos"
+    ohos:height="match_content"
+    ohos:width="match_parent"
+    ohos:orientation="vertical">
+<DirectionalLayout
+
+    xmlns:ohos="http://schemas.huawei.com/res/ohos"
+    ohos:height="match_content"
+    ohos:width="match_parent"
+    ohos:orientation="horizontal"
+    >
+<!--Name-->
+    <Image
+        ohos:height="40vp"
+        ohos:top_margin="35vp"
+        ohos:width="35vp"
+
+        ohos:image_src="$media:user2"
+        ohos:left_margin="5vp"
+        />
+    <TextField
+        ohos:top_margin="30vp"
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:left_margin="5vp"
+        ohos:right_margin="10vp"
+        ohos:padding="10vp"
+
+        ohos:background_element="$graphic:background_ability_main"
+        ohos:hint="Name"
+        ohos:text_alignment="left"
+        ohos:text_size="20vp"
+        />
+
+
+
+</DirectionalLayout>
+<!--Phone and Area-->
+    <TableLayout
+        xmlns:ohos="http://schemas.huawei.com/res/ohos"
+        ohos:height="match_parent"
+        ohos:width="match_parent"
+
+        ohos:row_count="1"
+        ohos:column_count="3"
+        >
+        <Image
+            ohos:height="40vp"
+            ohos:top_margin="35vp"
+            ohos:width="35vp"
+
+            ohos:image_src="$media:phonecall2"
+
+            ohos:left_margin="5vp"
+            />
+        <TextField
+            ohos:top_margin="30vp"
+            ohos:height="match_content"
+            ohos:width="match_content"
+            ohos:left_margin="5vp"
+            ohos:right_margin="10vp"
+            ohos:padding="10vp"
+
+            ohos:background_element="$graphic:background_ability_main"
+            ohos:hint="Phone  "
+            ohos:text_alignment="left"
+            ohos:text_size="20vp"
+            />
+
+        <TextField
+            ohos:top_margin="30vp"
+            ohos:height="match_content"
+            ohos:width="match_content"
+            ohos:left_margin="5vp"
+            ohos:right_margin="10vp"
+
+            ohos:padding="10vp"
+            ohos:left_padding="20vp"
+            ohos:right_padding="20vp"
+            ohos:background_element="$graphic:background_ability_main"
+            ohos:hint="Area"
+            ohos:text_alignment="left"
+            ohos:text_size="20vp"/>
+    </TableLayout>
+
+
+
+    <!--Address-->
+<DirectionalLayout
+    ohos:height="match_content"
+    ohos:width="match_parent"
+    ohos:orientation="horizontal"
+    >
+    <Image
+        ohos:height="40vp"
+        ohos:top_margin="35vp"
+        ohos:width="35vp"
+
+        ohos:image_src="$media:location"
+        ohos:left_margin="5vp"
+        />
+    <TextField
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:hint="Address"
+        ohos:left_margin="5vp"
+        ohos:top_margin="30vp"
+        ohos:padding="10vp"
+        ohos:background_element="$graphic:background_ability_main"
+        ohos:text_size="20vp"/>
+
+
+</DirectionalLayout>
+<!--City-->
+    <DirectionalLayout
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:orientation="horizontal"
+        >
+
+        <TextField
+            ohos:height="match_content"
+            ohos:width="match_parent"
+            ohos:hint="City"
+            ohos:left_margin="40vp"
+            ohos:top_margin="30vp"
+            ohos:padding="10vp"
+            ohos:background_element="$graphic:background_ability_main"
+            ohos:text_size="20vp"/>
+
+
+    </DirectionalLayout>
+
+<!--State and Zip-->
+
+    <TableLayout
+        xmlns:ohos="http://schemas.huawei.com/res/ohos"
+        ohos:height="match_parent"
+        ohos:width="match_parent"
+
+        ohos:row_count="1"
+        ohos:column_count="2"
+        >
+
+        <TextField
+            ohos:top_margin="30vp"
+            ohos:height="match_content"
+            ohos:width="match_content"
+            ohos:left_margin="40vp"
+            ohos:right_margin="10vp"
+            ohos:padding="10vp"
+
+            ohos:background_element="$graphic:background_ability_main"
+            ohos:hint="State  "
+            ohos:text_alignment="left"
+            ohos:text_size="20vp"
+            />
+
+        <TextField
+            ohos:top_margin="30vp"
+            ohos:height="match_content"
+            ohos:width="match_content"
+            ohos:left_margin="50vp"
+            ohos:right_margin="10vp"
+
+            ohos:padding="10vp"
+            ohos:left_padding="20vp"
+            ohos:right_padding="20vp"
+            ohos:background_element="$graphic:background_ability_main"
+            ohos:hint="Zip"
+            ohos:text_alignment="left"
+            ohos:text_size="20vp"/>
+    </TableLayout>
+
+    <!--Email-->
+    <DirectionalLayout
+        ohos:height="match_parent"
+        ohos:width="match_parent"
+        ohos:orientation="horizontal"
+        >
+        <Image
+            ohos:height="40vp"
+            ohos:top_margin="35vp"
+            ohos:width="35vp"
+            ohos:image_src="$media:email"
+            ohos:left_margin="5vp"
+            />
+        <TextField
+            ohos:top_margin="30vp"
+            ohos:height="match_content"
+            ohos:width="match_parent"
+            ohos:left_margin="5vp"
+            ohos:right_margin="10vp"
+            ohos:padding="10vp"
+            ohos:background_element="$graphic:background_ability_main"
+            ohos:hint="Email"
+            ohos:text_alignment="left"
+            ohos:text_size="20vp"
+            />
+    </DirectionalLayout>
+    <!--Birthday-->
+    <DirectionalLayout
+        ohos:height="match_parent"
+        ohos:width="match_parent"
+        ohos:orientation="horizontal"
+        >
+        <Image
+            ohos:height="40vp"
+            ohos:top_margin="35vp"
+            ohos:width="35vp"
+            ohos:image_src="$media:calendar"
+            ohos:left_margin="5vp"
+            />
+        <TextField
+            ohos:top_margin="30vp"
+            ohos:height="match_content"
+            ohos:width="match_parent"
+            ohos:left_margin="5vp"
+            ohos:right_margin="10vp"
+            ohos:padding="10vp"
+            ohos:background_element="$graphic:background_ability_main"
+            ohos:hint="Birthday"
+            ohos:text_alignment="left"
+            ohos:text_size="20vp"
+            />
+    </DirectionalLayout>
+</DirectionalLayout>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/entry/src/main/resources/base/layout/ability_main2.xml b/UI_Components_and_Layouts/entry/src/main/resources/base/layout/ability_main2.xml
new file mode 100644
index 0000000..2639373
--- /dev/null
+++ b/UI_Components_and_Layouts/entry/src/main/resources/base/layout/ability_main2.xml
@@ -0,0 +1,238 @@
+<?xml version="1.0" encoding="utf-8"?>
+<DirectionalLayout
+    xmlns:ohos="http://schemas.huawei.com/res/ohos"
+    ohos:height="match_parent"
+    ohos:width="match_parent"
+    ohos:orientation="vertical"
+    ohos:background_element="$media:girl"
+    >
+
+<DirectionalLayout
+    ohos:height="match_content"
+    ohos:width="match_parent"
+    ohos:top_margin="10vp"
+    ohos:orientation="horizontal"
+    ohos:padding="10vp"
+    >
+<Image
+    ohos:height="match_content"
+    ohos:width="match_content"
+    ohos:top_margin="3vp"
+    ohos:image_src="$media:greenblack"
+    />
+    <Text
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:text_alignment="center"
+        ohos:text="SIGN UP"
+        ohos:text_size="30vp"
+        ohos:text_color="white"
+
+        />
+</DirectionalLayout>
+
+    <!--Email id -->
+    <DirectionalLayout
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:orientation="horizontal"
+        ohos:padding="10vp"
+        >
+        <Image
+            ohos:height="104px"
+            ohos:width="104px"
+            ohos:scale_mode="stretch"
+            ohos:image_src="$media:emailwhite"
+            ohos:top_margin="15vp"
+            ohos:left_margin="12vp"
+            />
+        <TextField
+            ohos:height="match_content"
+            ohos:width="match_parent"
+            ohos:text_color="white"
+            ohos:hint="Email"
+            ohos:text_font="sans-serif-condensed"
+            ohos:left_margin="30vp"
+            ohos:right_margin="20vp"
+            ohos:text_size="30vp"
+
+            ohos:padding="10vp"
+            ohos:background_element="$graphic:background_ability_main2"
+            />
+    </DirectionalLayout>
+<!--Password-->
+
+    <DirectionalLayout
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:orientation="horizontal"
+        ohos:padding="10vp"
+        >
+        <Image
+            ohos:height="124px"
+            ohos:width="124px"
+            ohos:scale_mode="stretch"
+            ohos:image_src="$media:lockwhite"
+            ohos:top_margin="15vp"
+            ohos:left_margin="12vp"
+            />
+        <TextField
+            ohos:height="match_content"
+            ohos:width="match_parent"
+            ohos:hint="Password"
+            ohos:left_margin="30vp"
+            ohos:right_margin="20vp"
+            ohos:text_size="30vp"
+            ohos:text_color="white"
+            ohos:padding="10vp"
+            ohos:background_element="$graphic:background_ability_main2"
+            />
+    </DirectionalLayout>
+<!--Username-->
+    <DirectionalLayout
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:orientation="horizontal"
+        ohos:padding="10vp"
+        >
+        <Image
+            ohos:height="124px"
+            ohos:width="124px"
+            ohos:scale_mode="stretch"
+            ohos:image_src="$media:usernamewhite"
+            ohos:top_margin="10vp"
+            ohos:bottom_margin="5vp"
+            ohos:left_margin="12vp"
+            />
+        <TextField
+            ohos:height="match_content"
+            ohos:width="match_parent"
+            ohos:hint="Username"
+            ohos:left_margin="30vp"
+            ohos:right_margin="20vp"
+            ohos:text_size="30vp"
+            ohos:text_color="white"
+            ohos:padding="10vp"
+            ohos:background_element="$graphic:background_ability_main2"
+            />
+    </DirectionalLayout>
+    <!--Date of birth-->
+    <DirectionalLayout
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:orientation="horizontal"
+        ohos:padding="10vp"
+        >
+        <Image
+            ohos:height="104px"
+            ohos:width="104px"
+            ohos:scale_mode="stretch"
+            ohos:image_src="$media:userbirthday"
+            ohos:top_margin="10vp"
+            ohos:left_margin="12vp"
+            />
+        <TextField
+            ohos:height="match_content"
+            ohos:width="match_parent"
+            ohos:hint="Date of birth"
+            ohos:left_margin="30vp"
+            ohos:right_margin="20vp"
+            ohos:text_size="30vp"
+            ohos:text_color="white"
+            ohos:padding="10vp"
+            ohos:background_element="$graphic:background_ability_main2"
+            />
+    </DirectionalLayout>
+    <!--Gender-->
+    <DirectionalLayout
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:orientation="horizontal"
+        ohos:padding="10vp"
+        >
+        <Image
+            ohos:height="104px"
+            ohos:width="104px"
+            ohos:scale_mode="stretch"
+
+            ohos:image_src="$media:whitegender"
+            ohos:top_margin="12vp"
+            ohos:left_margin="12vp"
+            />
+        <TextField
+            ohos:height="match_content"
+            ohos:width="match_parent"
+            ohos:hint="Gender"
+            ohos:left_margin="30vp"
+            ohos:right_margin="20vp"
+            ohos:text_size="30vp"
+            ohos:text_color="white"
+            ohos:padding="10vp"
+
+            ohos:background_element="$graphic:background_ability_main2"
+            />
+    </DirectionalLayout>
+    <!--Button-->
+    <Button
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:layout_alignment="center"
+        ohos:text="Sign Up"
+        ohos:text_size="30vp"
+        ohos:top_padding="10vp"
+        ohos:bottom_padding="10vp"
+        ohos:background_element="$graphic:greenbackforbutton"
+        ohos:text_color="white"
+
+        ohos:top_margin="15vp"
+        ohos:left_margin="20vp"
+        ohos:right_margin="20vp"/>
+
+    <!--Or-->
+    <Text
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:text_alignment="center"
+        ohos:top_margin="20vp"
+        ohos:bottom_margin="5vp"
+        ohos:text="or"
+        ohos:text_size="30vp"
+        ohos:text_color="white"
+
+        />
+
+    <!--Sign up with Facebook-->
+
+    <Button
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:layout_alignment="center"
+        ohos:text="Sign up with Facebook"
+        ohos:text_size="25vp"
+        ohos:top_padding="14vp"
+        ohos:bottom_padding="14vp"
+        ohos:background_element="$graphic:blueback"
+        ohos:text_color="white"
+        ohos:right_padding="15vp"
+        ohos:left_padding="15vp"
+        ohos:top_margin="15vp"
+        ohos:left_margin="20vp"
+        ohos:right_margin="20vp"/>
+
+<!--T&c-->
+<Text
+    ohos:top_margin="23vp"
+    ohos:height="match_content"
+    ohos:width="match_content"
+    ohos:multiple_lines="true"
+    ohos:text_color="white"
+    ohos:text_size="15vp"
+    ohos:left_margin="20vp"
+    ohos:right_margin="20vp"
+    ohos:text_alignment="center"
+    ohos:text="By signing up , you agree to Spotify's Privacy Policy
+   and Terms and Conditions of Use ."
+    />
+
+</DirectionalLayout>
+
diff --git a/UI_Components_and_Layouts/entry/src/main/resources/base/layout/ability_main3.xml b/UI_Components_and_Layouts/entry/src/main/resources/base/layout/ability_main3.xml
new file mode 100644
index 0000000..2d14292
--- /dev/null
+++ b/UI_Components_and_Layouts/entry/src/main/resources/base/layout/ability_main3.xml
@@ -0,0 +1,337 @@
+<?xml version="1.0" encoding="utf-8"?>
+<DirectionalLayout
+    xmlns:ohos="http://schemas.huawei.com/res/ohos"
+    ohos:height="match_parent"
+    ohos:width="match_parent"
+ohos:background_element="$graphic:backgroundtint"
+    ohos:orientation="vertical">
+
+    <Text
+        ohos:id="$+id:text_helloworld"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:layout_alignment="left"
+        ohos:text="Personal"
+        ohos:text_size="20vp"
+        ohos:top_padding="10vp"
+        ohos:left_padding="10vp"
+        ohos:bottom_margin="3vp"
+
+        />
+    <Text
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:text="------------------------------------------------------------------------------------------"
+        ohos:left_padding="10vp"
+        ohos:right_padding="10vp"
+        />
+    <Text
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:text="Name"
+        ohos:left_padding="10vp"
+        ohos:text_size="20vp"
+        />
+    <TextField
+
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:left_margin="10vp"
+        ohos:right_margin="10vp"
+        ohos:left_padding="10vp"
+        ohos:hint="John Doe"
+        ohos:text_size="15vp"
+        ohos:padding="5vp"
+        ohos:background_element="$graphic:background_ability_main3"
+        ohos:bottom_margin="3vp"
+        />
+
+    <Text
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:text="Date of Birth"
+        ohos:left_padding="10vp"
+        ohos:text_size="20vp"
+        ohos:bottom_margin="3vp"
+        />
+    <TableLayout
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:row_count="1"
+        ohos:column_count="3">
+
+        <TextField
+
+            ohos:height="match_content"
+            ohos:width="match_content"
+            ohos:hint="Month"
+
+            ohos:padding="5vp"
+            ohos:left_margin="10vp"
+            ohos:text_size="20vp"
+            ohos:right_padding="30vp"
+            ohos:background_element="$graphic:background_ability_main3"/>
+
+        <TextField
+            ohos:height="match_content"
+            ohos:width="match_content"
+            ohos:hint="Day"
+            ohos:padding="5vp"
+            ohos:left_margin="10vp"
+            ohos:right_padding="30vp"
+            ohos:text_size="20vp"
+            ohos:background_element="$graphic:background_ability_main3"/>
+
+        <TextField
+            ohos:height="match_content"
+            ohos:width="match_content"
+            ohos:hint="Year"
+            ohos:padding="5vp"
+            ohos:text_size="20vp"
+            ohos:left_margin="10vp"
+            ohos:right_padding="30vp"
+            ohos:background_element="$graphic:background_ability_main3"/>
+
+    </TableLayout>
+
+    <TextField
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:text="What is your spirit animal ?"
+        ohos:padding="10vp"
+        ohos:text_size="20vp"
+        />
+
+    <TableLayout
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:row_count="1"
+        ohos:column_count="5"
+        ohos:left_margin="10vp"
+        ohos:bottom_margin="3vp">
+
+        <Text
+            ohos:height="match_content"
+            ohos:width="match_content"
+            ohos:hint="Lion"
+            ohos:background_element="$graphic:background_ability_main3"
+            ohos:padding="10vp"
+            ohos:text_size="20vp"/>
+
+        <Text
+            ohos:height="match_content"
+            ohos:width="match_content"
+            ohos:hint="Tiger"
+            ohos:left_margin="4vp"
+            ohos:padding="10vp"
+            ohos:background_element="$graphic:background_ability_main3"
+            ohos:text_size="20vp"/>
+
+        <Text
+            ohos:height="match_content"
+            ohos:width="match_content"
+            ohos:hint="Bear"
+            ohos:left_margin="4vp"
+            ohos:background_element="$graphic:background_ability_main3"
+            ohos:padding="10vp"
+            ohos:text_size="20vp"/>
+
+        <Text
+            ohos:height="match_content"
+            ohos:width="match_content"
+            ohos:hint="Bull"
+            ohos:left_margin="4vp"
+            ohos:padding="10vp"
+            ohos:background_element="$graphic:background_ability_main3"
+            ohos:text_size="20vp"/>
+
+        <Text
+            ohos:height="match_content"
+            ohos:width="match_content"
+            ohos:hint="Serval"
+            ohos:left_margin="4vp"
+            ohos:background_element="$graphic:background_ability_main3"
+            ohos:padding="10vp"
+            ohos:text_size="20vp"/>
+
+    </TableLayout>
+
+
+    <Text
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:text="Account"
+        ohos:text_size="20vp"
+        ohos:left_padding="10vp"/>
+
+    <Text
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:text="------------------------------------------------------------------------------------------"
+        ohos:left_padding="10vp"
+        ohos:right_padding="10vp"
+        />
+    <!--Email-->
+    <Text
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:text="Email"
+        ohos:text_size="20vp"
+        ohos:left_padding="10vp"/>
+    <TextField
+
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:left_margin="10vp"
+        ohos:right_margin="10vp"
+        ohos:hint="john@johndoe.com"
+        ohos:left_padding="10vp"
+        ohos:text_size="15vp"
+        ohos:padding="5vp"
+        ohos:background_element="$graphic:background_ability_main3"
+        ohos:bottom_margin="5vp"
+        />
+
+    <!--Password-->
+    <Text
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:text="Password"
+        ohos:text_size="20vp"
+        ohos:left_padding="10vp"/>
+    <TextField
+
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:left_margin="10vp"
+        ohos:right_margin="10vp"
+        ohos:left_padding="5vp"
+        ohos:text_size="15vp"
+        ohos:padding="5vp"
+        ohos:background_element="$graphic:background_ability_main3"
+        ohos:bottom_margin="5vp"
+        />
+
+    <!--Verify password-->
+
+    <Text
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:text="Verify Password"
+        ohos:text_size="20vp"
+        ohos:left_padding="10vp"/>
+    <TextField
+
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:left_margin="10vp"
+        ohos:right_margin="10vp"
+        ohos:left_padding="5vp"
+        ohos:text_size="15vp"
+        ohos:padding="5vp"
+        ohos:background_element="$graphic:background_ability_main3"
+        ohos:bottom_margin="5vp"
+        />
+
+<!-- Contact      -->
+
+    <Text
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:text="Contact"
+        ohos:text_size="20vp"
+        ohos:left_padding="10vp"/>
+
+    <Text
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:text="------------------------------------------------------------------------------------------"
+        ohos:left_padding="10vp"
+        ohos:right_padding="10vp"
+        />
+    <!--Address-->
+    <Text
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:text="Address"
+        ohos:text_size="20vp"
+        ohos:left_padding="10vp"/>
+    <TextField
+
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:left_margin="10vp"
+        ohos:right_margin="10vp"
+        ohos:hint="938 Jackson St."
+        ohos:left_padding="10vp"
+        ohos:text_size="15vp"
+        ohos:padding="5vp"
+        ohos:background_element="$graphic:background_ability_main3"
+        ohos:bottom_margin="5vp"
+        />
+
+    <!--City-->
+    <Text
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:text="City"
+        ohos:text_size="20vp"
+        ohos:left_padding="10vp"/>
+    <TextField
+
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:left_margin="10vp"
+        ohos:hint="938 Jackson St."
+        ohos:right_margin="10vp"
+        ohos:left_padding="10vp"
+        ohos:text_size="15vp"
+        ohos:padding="5vp"
+        ohos:background_element="$graphic:background_ability_main3"
+        ohos:bottom_margin="5vp"
+        />
+
+    <!--  State -->
+
+    <Text
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:text="State"
+        ohos:text_size="20vp"
+        ohos:left_padding="10vp"/>
+    <TextField
+
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:left_margin="10vp"
+        ohos:right_margin="10vp"
+        ohos:left_padding="10vp"
+        ohos:text_size="15vp"
+        ohos:padding="5vp"
+        ohos:background_element="$graphic:background_ability_main3"
+        ohos:bottom_margin="5vp"
+        ohos:text="-Select your State -"
+        />
+    <!--Phone-->
+    <Text
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:text="Phone"
+        ohos:text_size="20vp"
+        ohos:left_padding="10vp"/>
+    <TextField
+
+        ohos:height="match_content"
+        ohos:width="match_parent"
+        ohos:left_margin="10vp"
+        ohos:right_margin="10vp"
+        ohos:left_padding="10vp"
+        ohos:text_size="15vp"
+        ohos:padding="5vp"
+        ohos:background_element="$graphic:background_ability_main3"
+        ohos:bottom_margin="5vp"
+        ohos:hint="8373833678"
+        />
+
+
+</DirectionalLayout>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/entry/src/main/resources/base/media/calendar.png b/UI_Components_and_Layouts/entry/src/main/resources/base/media/calendar.png
new file mode 100644
index 0000000..4643467
Binary files /dev/null and b/UI_Components_and_Layouts/entry/src/main/resources/base/media/calendar.png differ
diff --git a/UI_Components_and_Layouts/entry/src/main/resources/base/media/email.png b/UI_Components_and_Layouts/entry/src/main/resources/base/media/email.png
new file mode 100644
index 0000000..4935082
Binary files /dev/null and b/UI_Components_and_Layouts/entry/src/main/resources/base/media/email.png differ
diff --git a/UI_Components_and_Layouts/entry/src/main/resources/base/media/emailwhite.png b/UI_Components_and_Layouts/entry/src/main/resources/base/media/emailwhite.png
new file mode 100644
index 0000000..b28558d
Binary files /dev/null and b/UI_Components_and_Layouts/entry/src/main/resources/base/media/emailwhite.png differ
diff --git a/UI_Components_and_Layouts/entry/src/main/resources/base/media/girl.jpeg b/UI_Components_and_Layouts/entry/src/main/resources/base/media/girl.jpeg
new file mode 100644
index 0000000..65bd817
Binary files /dev/null and b/UI_Components_and_Layouts/entry/src/main/resources/base/media/girl.jpeg differ
diff --git a/UI_Components_and_Layouts/entry/src/main/resources/base/media/greenblack.png b/UI_Components_and_Layouts/entry/src/main/resources/base/media/greenblack.png
new file mode 100644
index 0000000..8c194d0
Binary files /dev/null and b/UI_Components_and_Layouts/entry/src/main/resources/base/media/greenblack.png differ
diff --git a/UI_Components_and_Layouts/entry/src/main/resources/base/media/icon.png b/UI_Components_and_Layouts/entry/src/main/resources/base/media/icon.png
new file mode 100644
index 0000000..ce307a8
Binary files /dev/null and b/UI_Components_and_Layouts/entry/src/main/resources/base/media/icon.png differ
diff --git a/UI_Components_and_Layouts/entry/src/main/resources/base/media/location.png b/UI_Components_and_Layouts/entry/src/main/resources/base/media/location.png
new file mode 100644
index 0000000..035a611
Binary files /dev/null and b/UI_Components_and_Layouts/entry/src/main/resources/base/media/location.png differ
diff --git a/UI_Components_and_Layouts/entry/src/main/resources/base/media/lockwhite.png b/UI_Components_and_Layouts/entry/src/main/resources/base/media/lockwhite.png
new file mode 100644
index 0000000..d5516e1
Binary files /dev/null and b/UI_Components_and_Layouts/entry/src/main/resources/base/media/lockwhite.png differ
diff --git a/UI_Components_and_Layouts/entry/src/main/resources/base/media/phonecall2.png b/UI_Components_and_Layouts/entry/src/main/resources/base/media/phonecall2.png
new file mode 100644
index 0000000..226212d
Binary files /dev/null and b/UI_Components_and_Layouts/entry/src/main/resources/base/media/phonecall2.png differ
diff --git a/UI_Components_and_Layouts/entry/src/main/resources/base/media/user2.png b/UI_Components_and_Layouts/entry/src/main/resources/base/media/user2.png
new file mode 100644
index 0000000..b3c9a58
Binary files /dev/null and b/UI_Components_and_Layouts/entry/src/main/resources/base/media/user2.png differ
diff --git a/UI_Components_and_Layouts/entry/src/main/resources/base/media/userbirthday.png b/UI_Components_and_Layouts/entry/src/main/resources/base/media/userbirthday.png
new file mode 100644
index 0000000..debdcc8
Binary files /dev/null and b/UI_Components_and_Layouts/entry/src/main/resources/base/media/userbirthday.png differ
diff --git a/UI_Components_and_Layouts/entry/src/main/resources/base/media/usernamewhite.png b/UI_Components_and_Layouts/entry/src/main/resources/base/media/usernamewhite.png
new file mode 100644
index 0000000..68cc873
Binary files /dev/null and b/UI_Components_and_Layouts/entry/src/main/resources/base/media/usernamewhite.png differ
diff --git a/UI_Components_and_Layouts/entry/src/main/resources/base/media/userwhite.png b/UI_Components_and_Layouts/entry/src/main/resources/base/media/userwhite.png
new file mode 100644
index 0000000..7f75b58
Binary files /dev/null and b/UI_Components_and_Layouts/entry/src/main/resources/base/media/userwhite.png differ
diff --git a/UI_Components_and_Layouts/entry/src/main/resources/base/media/whitegender.png b/UI_Components_and_Layouts/entry/src/main/resources/base/media/whitegender.png
new file mode 100644
index 0000000..e53e4a9
Binary files /dev/null and b/UI_Components_and_Layouts/entry/src/main/resources/base/media/whitegender.png differ
diff --git a/UI_Components_and_Layouts/entry/src/main/resources/en/element/string.json b/UI_Components_and_Layouts/entry/src/main/resources/en/element/string.json
new file mode 100644
index 0000000..e9904e9
--- /dev/null
+++ b/UI_Components_and_Layouts/entry/src/main/resources/en/element/string.json
@@ -0,0 +1,44 @@
+{
+  "string": [
+    {
+      "name": "entry_MainAbility",
+      "value": "entry_MainAbility"
+    },
+    {
+      "name": "mainability_description",
+      "value": "Java_Empty Ability"
+    },
+    {
+      "name": "mainability_HelloWorld",
+      "value": "Hello World"
+    },
+    {
+      "name": "entry_MainAbility2",
+      "value": "entry_MainAbility2"
+    },
+    {
+      "name": "mainability2_description",
+      "value": "Java_Empty Ability"
+    },
+    {
+      "name": "mainability2_HelloWorld",
+      "value": "Hello World"
+    },
+    {
+      "name": "back",
+      "value": "<"
+    },
+    {
+      "name": "entry_MainAbility3",
+      "value": "entry_MainAbility3"
+    },
+    {
+      "name": "mainability3_description",
+      "value": "Java_Empty Ability"
+    },
+    {
+      "name": "mainability3_HelloWorld",
+      "value": "Hello World"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/entry/src/main/resources/zh/element/string.json b/UI_Components_and_Layouts/entry/src/main/resources/zh/element/string.json
new file mode 100644
index 0000000..2ce2f91
--- /dev/null
+++ b/UI_Components_and_Layouts/entry/src/main/resources/zh/element/string.json
@@ -0,0 +1,40 @@
+{
+  "string": [
+    {
+      "name": "entry_MainAbility",
+      "value": "entry_MainAbility"
+    },
+    {
+      "name": "mainability_description",
+      "value": "Java_Empty Ability"
+    },
+    {
+      "name": "mainability_HelloWorld",
+      "value": "你好，世界"
+    },
+    {
+      "name": "entry_MainAbility2",
+      "value": "entry_MainAbility2"
+    },
+    {
+      "name": "mainability2_description",
+      "value": "Java_Empty Ability"
+    },
+    {
+      "name": "mainability2_HelloWorld",
+      "value": "你好，世界"
+    },
+    {
+      "name": "entry_MainAbility3",
+      "value": "entry_MainAbility3"
+    },
+    {
+      "name": "mainability3_description",
+      "value": "Java_Empty Ability"
+    },
+    {
+      "name": "mainability3_HelloWorld",
+      "value": "你好，世界"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/entry/src/ohosTest/java/com/ajith/assignment/ExampleOhosTest.java b/UI_Components_and_Layouts/entry/src/ohosTest/java/com/ajith/assignment/ExampleOhosTest.java
new file mode 100644
index 0000000..ed94c64
--- /dev/null
+++ b/UI_Components_and_Layouts/entry/src/ohosTest/java/com/ajith/assignment/ExampleOhosTest.java
@@ -0,0 +1,14 @@
+package com.ajith.assignment;
+
+import ohos.aafwk.ability.delegation.AbilityDelegatorRegistry;
+import org.junit.Test;
+
+import static org.junit.Assert.assertEquals;
+
+public class ExampleOhosTest {
+    @Test
+    public void testBundleName() {
+        final String actualBundleName = AbilityDelegatorRegistry.getArguments().getTestBundleName();
+        assertEquals("com.ajith.assignment", actualBundleName);
+    }
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/entry/src/test/java/com/ajith/assignment/ExampleTest.java b/UI_Components_and_Layouts/entry/src/test/java/com/ajith/assignment/ExampleTest.java
new file mode 100644
index 0000000..10a9c37
--- /dev/null
+++ b/UI_Components_and_Layouts/entry/src/test/java/com/ajith/assignment/ExampleTest.java
@@ -0,0 +1,9 @@
+package com.ajith.assignment;
+
+import org.junit.Test;
+
+public class ExampleTest {
+    @Test
+    public void onStart() {
+    }
+}
diff --git a/UI_Components_and_Layouts/gradle.properties b/UI_Components_and_Layouts/gradle.properties
new file mode 100644
index 0000000..be49249
--- /dev/null
+++ b/UI_Components_and_Layouts/gradle.properties
@@ -0,0 +1,13 @@
+# Project-wide Gradle settings.
+# IDE (e.g. DevEco Studio) users:
+# Gradle settings configured through the IDE *will override*
+# any settings specified in this file.
+# For more details on how to configure your build environment visit
+# http://www.gradle.org/docs/current/userguide/build_environment.html
+# Specifies the JVM arguments used for the daemon process.
+# The setting is particularly useful for tweaking memory settings.
+# If the Chinese output is garbled, please configure the following parameter.
+# This function is enabled by default when the DevEco Studio builds the hap/app,if you need disable gradle parallel,you should set org.gradle.parallel false.
+# more information see https://docs.gradle.org/current/userguide/performance.html
+# org.gradle.parallel=false
+# org.gradle.jvmargs=-Dfile.encoding=GBK
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/gradle/wrapper/gradle-wrapper.jar b/UI_Components_and_Layouts/gradle/wrapper/gradle-wrapper.jar
new file mode 100644
index 0000000..490fda8
Binary files /dev/null and b/UI_Components_and_Layouts/gradle/wrapper/gradle-wrapper.jar differ
diff --git a/UI_Components_and_Layouts/gradle/wrapper/gradle-wrapper.properties b/UI_Components_and_Layouts/gradle/wrapper/gradle-wrapper.properties
new file mode 100644
index 0000000..f59159e
--- /dev/null
+++ b/UI_Components_and_Layouts/gradle/wrapper/gradle-wrapper.properties
@@ -0,0 +1,5 @@
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+distributionUrl=https\://repo.huaweicloud.com/gradle/gradle-6.3-bin.zip
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists
diff --git a/UI_Components_and_Layouts/gradlew b/UI_Components_and_Layouts/gradlew
new file mode 100644
index 0000000..2fe81a7
--- /dev/null
+++ b/UI_Components_and_Layouts/gradlew
@@ -0,0 +1,183 @@
+#!/usr/bin/env sh
+
+#
+# Copyright 2015 the original author or authors.
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#      https://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+
+##############################################################################
+##
+##  Gradle start up script for UN*X
+##
+##############################################################################
+
+# Attempt to set APP_HOME
+# Resolve links: $0 may be a link
+PRG="$0"
+# Need this for relative symlinks.
+while [ -h "$PRG" ] ; do
+    ls=`ls -ld "$PRG"`
+    link=`expr "$ls" : '.*-> \(.*\)$'`
+    if expr "$link" : '/.*' > /dev/null; then
+        PRG="$link"
+    else
+        PRG=`dirname "$PRG"`"/$link"
+    fi
+done
+SAVED="`pwd`"
+cd "`dirname \"$PRG\"`/" >/dev/null
+APP_HOME="`pwd -P`"
+cd "$SAVED" >/dev/null
+
+APP_NAME="Gradle"
+APP_BASE_NAME=`basename "$0"`
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
+
+# Use the maximum available, or set MAX_FD != -1 to use that value.
+MAX_FD="maximum"
+
+warn () {
+    echo "$*"
+}
+
+die () {
+    echo
+    echo "$*"
+    echo
+    exit 1
+}
+
+# OS specific support (must be 'true' or 'false').
+cygwin=false
+msys=false
+darwin=false
+nonstop=false
+case "`uname`" in
+  CYGWIN* )
+    cygwin=true
+    ;;
+  Darwin* )
+    darwin=true
+    ;;
+  MINGW* )
+    msys=true
+    ;;
+  NONSTOP* )
+    nonstop=true
+    ;;
+esac
+
+CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
+
+# Determine the Java command to use to start the JVM.
+if [ -n "$JAVA_HOME" ] ; then
+    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
+        # IBM's JDK on AIX uses strange locations for the executables
+        JAVACMD="$JAVA_HOME/jre/sh/java"
+    else
+        JAVACMD="$JAVA_HOME/bin/java"
+    fi
+    if [ ! -x "$JAVACMD" ] ; then
+        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+else
+    JAVACMD="java"
+    which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+fi
+
+# Increase the maximum file descriptors if we can.
+if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then
+    MAX_FD_LIMIT=`ulimit -H -n`
+    if [ $? -eq 0 ] ; then
+        if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
+            MAX_FD="$MAX_FD_LIMIT"
+        fi
+        ulimit -n $MAX_FD
+        if [ $? -ne 0 ] ; then
+            warn "Could not set maximum file descriptor limit: $MAX_FD"
+        fi
+    else
+        warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
+    fi
+fi
+
+# For Darwin, add options to specify how the application appears in the dock
+if $darwin; then
+    GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
+fi
+
+# For Cygwin or MSYS, switch paths to Windows format before running java
+if [ "$cygwin" = "true" -o "$msys" = "true" ] ; then
+    APP_HOME=`cygpath --path --mixed "$APP_HOME"`
+    CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
+    JAVACMD=`cygpath --unix "$JAVACMD"`
+
+    # We build the pattern for arguments to be converted via cygpath
+    ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
+    SEP=""
+    for dir in $ROOTDIRSRAW ; do
+        ROOTDIRS="$ROOTDIRS$SEP$dir"
+        SEP="|"
+    done
+    OURCYGPATTERN="(^($ROOTDIRS))"
+    # Add a user-defined pattern to the cygpath arguments
+    if [ "$GRADLE_CYGPATTERN" != "" ] ; then
+        OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
+    fi
+    # Now convert the arguments - kludge to limit ourselves to /bin/sh
+    i=0
+    for arg in "$@" ; do
+        CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
+        CHECK2=`echo "$arg"|egrep -c "^-"`                                 ### Determine if an option
+
+        if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then                    ### Added a condition
+            eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
+        else
+            eval `echo args$i`="\"$arg\""
+        fi
+        i=`expr $i + 1`
+    done
+    case $i in
+        0) set -- ;;
+        1) set -- "$args0" ;;
+        2) set -- "$args0" "$args1" ;;
+        3) set -- "$args0" "$args1" "$args2" ;;
+        4) set -- "$args0" "$args1" "$args2" "$args3" ;;
+        5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
+        6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
+        7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
+        8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
+        9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
+    esac
+fi
+
+# Escape application args
+save () {
+    for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
+    echo " "
+}
+APP_ARGS=`save "$@"`
+
+# Collect all arguments for the java command, following the shell quoting and substitution rules
+eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"
+
+exec "$JAVACMD" "$@"
diff --git a/UI_Components_and_Layouts/gradlew.bat b/UI_Components_and_Layouts/gradlew.bat
new file mode 100644
index 0000000..62bd9b9
--- /dev/null
+++ b/UI_Components_and_Layouts/gradlew.bat
@@ -0,0 +1,103 @@
+@rem
+@rem Copyright 2015 the original author or authors.
+@rem
+@rem Licensed under the Apache License, Version 2.0 (the "License");
+@rem you may not use this file except in compliance with the License.
+@rem You may obtain a copy of the License at
+@rem
+@rem      https://www.apache.org/licenses/LICENSE-2.0
+@rem
+@rem Unless required by applicable law or agreed to in writing, software
+@rem distributed under the License is distributed on an "AS IS" BASIS,
+@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+@rem See the License for the specific language governing permissions and
+@rem limitations under the License.
+@rem
+
+@if "%DEBUG%" == "" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+set DIRNAME=%~dp0
+if "%DIRNAME%" == "" set DIRNAME=.
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Resolve any "." and ".." in APP_HOME to make it shorter.
+for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if "%ERRORLEVEL%" == "0" goto init
+
+echo.
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto init
+
+echo.
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:init
+@rem Get command-line arguments, handling Windows variants
+
+if not "%OS%" == "Windows_NT" goto win9xME_args
+
+:win9xME_args
+@rem Slurp the command line arguments.
+set CMD_LINE_ARGS=
+set _SKIP=2
+
+:win9xME_args_slurp
+if "x%~1" == "x" goto execute
+
+set CMD_LINE_ARGS=%*
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
+
+:end
+@rem End local scope for the variables with windows NT shell
+if "%ERRORLEVEL%"=="0" goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
+exit /b 1
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega
diff --git a/UI_Components_and_Layouts/local.properties b/UI_Components_and_Layouts/local.properties
new file mode 100644
index 0000000..a989be3
--- /dev/null
+++ b/UI_Components_and_Layouts/local.properties
@@ -0,0 +1,13 @@
+## This file is automatically generated by DevEco Studio.
+# Do not modify this file -- YOUR CHANGES WILL BE ERASED!
+#
+# This file should *NOT* be checked into Version Control Systems,
+# as it contains information specific to your local configuration.
+#
+# Location of the SDK. This is only used by Gradle.
+# For customization when using a Version Control System, please read the
+# header note.
+hwsdk.dir=/Users/manju/Library/Huawei/sdk
+nodejs.dir=/Applications/DevEco-Studio.app/Contents/tools/nodejs/bin
+npm.dir=/Applications/DevEco-Studio.app/Contents/tools/nodejs/bin
+
diff --git a/UI_Components_and_Layouts/settings.gradle b/UI_Components_and_Layouts/settings.gradle
new file mode 100644
index 0000000..4773db7
--- /dev/null
+++ b/UI_Components_and_Layouts/settings.gradle
@@ -0,0 +1 @@
+include ':entry'