diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.gitignore b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.gitignore
new file mode 100644
index 0000000..37a4eb8
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.gitignore	
@@ -0,0 +1,15 @@
+*.iml
+.gradle
+/local.properties
+/.idea/caches
+/.idea/libraries
+/.idea/modules.xml
+/.idea/workspace.xml
+/.idea/navEditor.xml
+/.idea/assetWizardSettings.xml
+.DS_Store
+/build
+/captures
+.externalNativeBuild
+/entry/.preview
+.cxx
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/.gitignore b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/.gitignore
new file mode 100644
index 0000000..26d3352
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/.gitignore	
@@ -0,0 +1,3 @@
+# Default ignored files
+/shelf/
+/workspace.xml
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/checkstyle-idea.xml b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/checkstyle-idea.xml
new file mode 100644
index 0000000..2f2c3c1
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/checkstyle-idea.xml	
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="CheckStyle-IDEA">
+    <option name="configuration">
+      <map>
+        <entry key="checkstyle-version" value="8.45" />
+        <entry key="copy-libs" value="true" />
+        <entry key="location-0" value="BUNDLED:(bundled):Sun Checks" />
+        <entry key="location-1" value="BUNDLED:(bundled):Google Checks" />
+        <entry key="scan-before-checkin" value="false" />
+        <entry key="scanscope" value="JavaOnly" />
+        <entry key="suppress-errors" value="false" />
+      </map>
+    </option>
+  </component>
+</project>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/compiler.xml b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/compiler.xml
new file mode 100644
index 0000000..61a9130
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/compiler.xml	
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="CompilerConfiguration">
+    <bytecodeTargetLevel target="1.8" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/gradle.xml b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/gradle.xml
new file mode 100644
index 0000000..82c453f
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/gradle.xml	
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="GradleMigrationSettings" migrationVersion="1" />
+  <component name="GradleSettings">
+    <option name="linkedExternalProjectsSettings">
+      <GradleProjectSettings>
+        <option name="testRunner" value="PLATFORM" />
+        <option name="distributionType" value="LOCAL" />
+        <option name="externalProjectPath" value="$PROJECT_DIR$" />
+        <option name="gradleHome" value="C:\Program Files\Huawei\DevEco Studio 2.1.0.501\tools\gradle" />
+        <option name="modules">
+          <set>
+            <option value="$PROJECT_DIR$" />
+            <option value="$PROJECT_DIR$/entry" />
+          </set>
+        </option>
+        <option name="resolveModulePerSourceSet" value="false" />
+        <option name="useQualifiedModuleNames" value="false" />
+      </GradleProjectSettings>
+    </option>
+  </component>
+</project>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/jarRepositories.xml b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/jarRepositories.xml
new file mode 100644
index 0000000..1dfcd02
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/jarRepositories.xml	
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="RemoteRepositoriesConfiguration">
+    <remote-repository>
+      <option name="id" value="central" />
+      <option name="name" value="Maven Central repository" />
+      <option name="url" value="https://repo1.maven.org/maven2" />
+    </remote-repository>
+    <remote-repository>
+      <option name="id" value="jboss.community" />
+      <option name="name" value="JBoss Community repository" />
+      <option name="url" value="https://repository.jboss.org/nexus/content/repositories/public/" />
+    </remote-repository>
+    <remote-repository>
+      <option name="id" value="maven2" />
+      <option name="name" value="maven2" />
+      <option name="url" value="https://developer.huawei.com/repo/" />
+    </remote-repository>
+    <remote-repository>
+      <option name="id" value="BintrayJCenter" />
+      <option name="name" value="BintrayJCenter" />
+      <option name="url" value="https://jcenter.bintray.com/" />
+    </remote-repository>
+    <remote-repository>
+      <option name="id" value="maven" />
+      <option name="name" value="maven" />
+      <option name="url" value="https://repo.huaweicloud.com/repository/maven/" />
+    </remote-repository>
+  </component>
+</project>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/misc.xml b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/misc.xml
new file mode 100644
index 0000000..58918f5
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/misc.xml	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_1_8" default="true" project-jdk-name="1.8" project-jdk-type="JavaSDK" />
+</project>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/previewer/phone/phoneSettingConfig_-826963531.json b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/previewer/phone/phoneSettingConfig_-826963531.json
new file mode 100644
index 0000000..69beee7
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/previewer/phone/phoneSettingConfig_-826963531.json	
@@ -0,0 +1,25 @@
+{
+ "setting": {
+  "1.0.1": {
+   "Language": {
+    "args": {
+     "Language": "zh_CN"
+    }
+   }
+  }
+ },
+ "frontend": {
+  "1.0.0": {
+   "Resolution": {
+    "args": {
+     "Resolution": "360*780"
+    }
+   },
+   "DeviceType": {
+    "args": {
+     "DeviceType": "phone"
+    }
+   }
+  }
+ }
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/previewer/previewConfig.json b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/previewer/previewConfig.json
new file mode 100644
index 0000000..ce961fc
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/previewer/previewConfig.json	
@@ -0,0 +1,11 @@
+{
+ "1.0.0": {
+  "LastPreviewDevice": {
+   "C:\\Users\\hp\\DevEcoStudioProjects\\AssignmentApp\\entry": [
+    "phone",
+    "tablet",
+    "tv"
+   ]
+  }
+ }
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/previewer/tablet/tabletSettingConfig_-826963531.json b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/previewer/tablet/tabletSettingConfig_-826963531.json
new file mode 100644
index 0000000..278b671
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/previewer/tablet/tabletSettingConfig_-826963531.json	
@@ -0,0 +1,25 @@
+{
+ "setting": {
+  "1.0.1": {
+   "Language": {
+    "args": {
+     "Language": "zh_CN"
+    }
+   }
+  }
+ },
+ "frontend": {
+  "1.0.0": {
+   "Resolution": {
+    "args": {
+     "Resolution": "1024*640"
+    }
+   },
+   "DeviceType": {
+    "args": {
+     "DeviceType": "tablet"
+    }
+   }
+  }
+ }
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/previewer/tv/tvSettingConfig_-826963531.json b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/previewer/tv/tvSettingConfig_-826963531.json
new file mode 100644
index 0000000..4b98516
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/.idea/previewer/tv/tvSettingConfig_-826963531.json	
@@ -0,0 +1,25 @@
+{
+ "setting": {
+  "1.0.1": {
+   "Language": {
+    "args": {
+     "Language": "zh_CN"
+    }
+   }
+  }
+ },
+ "frontend": {
+  "1.0.0": {
+   "Resolution": {
+    "args": {
+     "Resolution": "960*540"
+    }
+   },
+   "DeviceType": {
+    "args": {
+     "DeviceType": "tv"
+    }
+   }
+  }
+ }
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.gitignore b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.gitignore
new file mode 100644
index 0000000..37a4eb8
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.gitignore	
@@ -0,0 +1,15 @@
+*.iml
+.gradle
+/local.properties
+/.idea/caches
+/.idea/libraries
+/.idea/modules.xml
+/.idea/workspace.xml
+/.idea/navEditor.xml
+/.idea/assetWizardSettings.xml
+.DS_Store
+/build
+/captures
+.externalNativeBuild
+/entry/.preview
+.cxx
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/.gitignore b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/.gitignore
new file mode 100644
index 0000000..26d3352
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/.gitignore	
@@ -0,0 +1,3 @@
+# Default ignored files
+/shelf/
+/workspace.xml
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/checkstyle-idea.xml b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/checkstyle-idea.xml
new file mode 100644
index 0000000..55fb475
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/checkstyle-idea.xml	
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="CheckStyle-IDEA">
+    <option name="configuration">
+      <map>
+        <entry key="checkstyle-version" value="8.45" />
+        <entry key="copy-libs" value="true" />
+        <entry key="location-0" value="BUNDLED:(bundled):Sun Checks" />
+        <entry key="location-1" value="BUNDLED:(bundled):Google Checks" />
+        <entry key="location-2" value="LOCAL_FILE:F:/genesis/shadow project/static tool analysis/checkstyle/custcheckstyle.xml:custome_checkstyle" />
+        <entry key="property-2.org.checkstyle.google.suppressionfilter.config" value="" />
+        <entry key="property-2.org.checkstyle.google.suppressionxpathfilter.config" value="" />
+        <entry key="scan-before-checkin" value="false" />
+        <entry key="scanscope" value="JavaOnly" />
+        <entry key="suppress-errors" value="false" />
+      </map>
+    </option>
+  </component>
+</project>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/checkstyleidea-libs/readme.txt b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/checkstyleidea-libs/readme.txt
new file mode 100644
index 0000000..05dae55
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/checkstyleidea-libs/readme.txt	
@@ -0,0 +1,6 @@
+This folder contains libraries copied from the "MyFirstApplication" project.
+It is managed by the CheckStyle-IDEA IDE plugin.
+Do not modify this folder while the IDE is running.
+When the IDE is stopped, you may delete this folder at any time. It will be recreated as needed.
+In order to prevent the CheckStyle-IDEA IDE plugin from creating this folder,
+uncheck the "Copy libraries from project directory" option in the CheckStyle-IDEA settings dialog.
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/compiler.xml b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/compiler.xml
new file mode 100644
index 0000000..61a9130
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/compiler.xml	
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="CompilerConfiguration">
+    <bytecodeTargetLevel target="1.8" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/gradle.xml b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/gradle.xml
new file mode 100644
index 0000000..82c453f
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/gradle.xml	
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="GradleMigrationSettings" migrationVersion="1" />
+  <component name="GradleSettings">
+    <option name="linkedExternalProjectsSettings">
+      <GradleProjectSettings>
+        <option name="testRunner" value="PLATFORM" />
+        <option name="distributionType" value="LOCAL" />
+        <option name="externalProjectPath" value="$PROJECT_DIR$" />
+        <option name="gradleHome" value="C:\Program Files\Huawei\DevEco Studio 2.1.0.501\tools\gradle" />
+        <option name="modules">
+          <set>
+            <option value="$PROJECT_DIR$" />
+            <option value="$PROJECT_DIR$/entry" />
+          </set>
+        </option>
+        <option name="resolveModulePerSourceSet" value="false" />
+        <option name="useQualifiedModuleNames" value="false" />
+      </GradleProjectSettings>
+    </option>
+  </component>
+</project>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/jarRepositories.xml b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/jarRepositories.xml
new file mode 100644
index 0000000..1dfcd02
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/jarRepositories.xml	
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="RemoteRepositoriesConfiguration">
+    <remote-repository>
+      <option name="id" value="central" />
+      <option name="name" value="Maven Central repository" />
+      <option name="url" value="https://repo1.maven.org/maven2" />
+    </remote-repository>
+    <remote-repository>
+      <option name="id" value="jboss.community" />
+      <option name="name" value="JBoss Community repository" />
+      <option name="url" value="https://repository.jboss.org/nexus/content/repositories/public/" />
+    </remote-repository>
+    <remote-repository>
+      <option name="id" value="maven2" />
+      <option name="name" value="maven2" />
+      <option name="url" value="https://developer.huawei.com/repo/" />
+    </remote-repository>
+    <remote-repository>
+      <option name="id" value="BintrayJCenter" />
+      <option name="name" value="BintrayJCenter" />
+      <option name="url" value="https://jcenter.bintray.com/" />
+    </remote-repository>
+    <remote-repository>
+      <option name="id" value="maven" />
+      <option name="name" value="maven" />
+      <option name="url" value="https://repo.huaweicloud.com/repository/maven/" />
+    </remote-repository>
+  </component>
+</project>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/misc.xml b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/misc.xml
new file mode 100644
index 0000000..58918f5
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/misc.xml	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_1_8" default="true" project-jdk-name="1.8" project-jdk-type="JavaSDK" />
+</project>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/previewer/phone/phoneSettingConfig_-1369124169.json b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/previewer/phone/phoneSettingConfig_-1369124169.json
new file mode 100644
index 0000000..69beee7
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/previewer/phone/phoneSettingConfig_-1369124169.json	
@@ -0,0 +1,25 @@
+{
+ "setting": {
+  "1.0.1": {
+   "Language": {
+    "args": {
+     "Language": "zh_CN"
+    }
+   }
+  }
+ },
+ "frontend": {
+  "1.0.0": {
+   "Resolution": {
+    "args": {
+     "Resolution": "360*780"
+    }
+   },
+   "DeviceType": {
+    "args": {
+     "DeviceType": "phone"
+    }
+   }
+  }
+ }
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/previewer/previewConfig.json b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/previewer/previewConfig.json
new file mode 100644
index 0000000..c2d14ff
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/previewer/previewConfig.json	
@@ -0,0 +1,9 @@
+{
+ "1.0.0": {
+  "LastPreviewDevice": {
+   "C:\\Users\\hp\\DevEcoStudioProjects\\MyFirstApplication\\entry": [
+    "phone"
+   ]
+  }
+ }
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/previewer/tv/tvSettingConfig_-1369124169.json b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/previewer/tv/tvSettingConfig_-1369124169.json
new file mode 100644
index 0000000..bc405b4
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/previewer/tv/tvSettingConfig_-1369124169.json	
@@ -0,0 +1,25 @@
+{
+ "setting": {
+  "1.0.1": {
+   "Language": {
+    "args": {
+     "Language": "en_US"
+    }
+   }
+  }
+ },
+ "frontend": {
+  "1.0.0": {
+   "Resolution": {
+    "args": {
+     "Resolution": "960*540"
+    }
+   },
+   "DeviceType": {
+    "args": {
+     "DeviceType": "tv"
+    }
+   }
+  }
+ }
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/previewer/wearable/wearableSettingConfig_-1369124169.json b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/previewer/wearable/wearableSettingConfig_-1369124169.json
new file mode 100644
index 0000000..58db4f7
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/.idea/previewer/wearable/wearableSettingConfig_-1369124169.json	
@@ -0,0 +1,25 @@
+{
+ "setting": {
+  "1.0.1": {
+   "Language": {
+    "args": {
+     "Language": "en_US"
+    }
+   }
+  }
+ },
+ "frontend": {
+  "1.0.0": {
+   "Resolution": {
+    "args": {
+     "Resolution": "466*466"
+    }
+   },
+   "DeviceType": {
+    "args": {
+     "DeviceType": "wearable"
+    }
+   }
+  }
+ }
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/build.gradle b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/build.gradle
new file mode 100644
index 0000000..ad2c928
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/build.gradle	
@@ -0,0 +1,53 @@
+// Top-level build file where you can add configuration options common to all sub-projects/modules.
+apply plugin: 'com.huawei.ohos.app'
+apply plugin: 'org.sonarqube'
+
+
+
+
+//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'
+        classpath "org.sonarsource.scanner.gradle:sonarqube-gradle-plugin:3.3"
+    }
+}
+
+allprojects {
+    repositories {
+        maven {
+            url 'https://repo.huaweicloud.com/repository/maven/'
+        }
+        maven {
+            url 'https://developer.huawei.com/repo/'
+        }
+		jcenter()
+    }
+}
+
+sonarqube {
+    properties {
+        property "sonar.projectKey", "MyApp_dev"
+        property "sonar.organization", "applibgroup"
+        property "sonar.host.url", "http://localhost:9050"
+        property "sonar.sources", "entry"
+        property "sonar.java.binaries", "entry/build"
+    }
+}
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/.gitignore b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/.gitignore
new file mode 100644
index 0000000..796b96d
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/.gitignore	
@@ -0,0 +1 @@
+/build
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/build.gradle b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/build.gradle
new file mode 100644
index 0000000..b34f366
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/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/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/proguard-rules.pro b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/proguard-rules.pro
new file mode 100644
index 0000000..f7666e4
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/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/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/config.json b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/config.json
new file mode 100644
index 0000000..1598719
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/config.json	
@@ -0,0 +1,46 @@
+{
+  "app": {
+    "bundleName": "com.example.myfirstapplication",
+    "vendor": "example",
+    "version": {
+      "code": 1000000,
+      "name": "1.0.0"
+    }
+  },
+  "deviceConfig": {},
+  "module": {
+    "package": "com.example.myfirstapplication",
+    "name": ".MyApplication",
+    "mainAbility": "com.example.myfirstapplication.MainAbility",
+    "deviceType": [
+      "phone","tv","wearable"
+    ],
+    "distro": {
+      "deliveryWithInstall": true,
+      "moduleName": "entry",
+      "moduleType": "entry",
+      "installationFree": true
+    },
+    "abilities": [
+      {
+        "skills": [
+          {
+            "entities": [
+              "entity.system.home"
+            ],
+            "actions": [
+              "action.system.home"
+            ]
+          }
+        ],
+        "orientation": "unspecified",
+        "name": "com.example.myfirstapplication.MainAbility",
+        "icon": "$media:icon",
+        "description": "$string:mainability_description",
+        "label": "$string:entry_MainAbility",
+        "type": "page",
+        "launchType": "standard"
+      }
+    ]
+  }
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/java/com/example/myfirstapplication/MainAbility.java b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/java/com/example/myfirstapplication/MainAbility.java
new file mode 100644
index 0000000..f1c3b0b
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/java/com/example/myfirstapplication/MainAbility.java	
@@ -0,0 +1,13 @@
+package com.example.myfirstapplication;
+
+import com.example.myfirstapplication.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/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/java/com/example/myfirstapplication/MyApplication.java b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/java/com/example/myfirstapplication/MyApplication.java
new file mode 100644
index 0000000..7070a8f
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/java/com/example/myfirstapplication/MyApplication.java	
@@ -0,0 +1,10 @@
+package com.example.myfirstapplication;
+
+import ohos.aafwk.ability.AbilityPackage;
+
+public class MyApplication extends AbilityPackage {
+    @Override
+    public void onInitialize() {
+        super.onInitialize();
+    }
+}
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/java/com/example/myfirstapplication/slice/MainAbilitySlice.java b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/java/com/example/myfirstapplication/slice/MainAbilitySlice.java
new file mode 100644
index 0000000..0b5d0b5
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/java/com/example/myfirstapplication/slice/MainAbilitySlice.java	
@@ -0,0 +1,32 @@
+package com.example.myfirstapplication.slice;
+
+
+import ohos.aafwk.ability.AbilitySlice;
+import ohos.aafwk.content.Intent;
+import ohos.agp.components.Button;
+import com.example.myfirstapplication.ResourceTable;
+
+/**
+ * MainAbilitySlice.
+ */
+public class MainAbilitySlice extends AbilitySlice {
+    @Override
+    public void onStart(Intent intent) {
+        super.onStart(intent);
+        super.setUIContent(ResourceTable.Layout_ability_main);
+        Button bt = (Button) findComponentById(ResourceTable.Id_button_next);
+
+
+        bt.setClickedListener(list -> present(new NextAbilitySlice(), new Intent()));
+    }
+
+    @Override
+    public void onActive() {
+        super.onActive();
+    }
+
+    @Override
+    public void onForeground(Intent intent) {
+        super.onForeground(intent);
+    }
+}
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/java/com/example/myfirstapplication/slice/NextAbilitySlice.java b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/java/com/example/myfirstapplication/slice/NextAbilitySlice.java
new file mode 100644
index 0000000..5ebd8fe
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/java/com/example/myfirstapplication/slice/NextAbilitySlice.java	
@@ -0,0 +1,19 @@
+package com.example.myfirstapplication.slice;
+
+import com.example.myfirstapplication.ResourceTable;
+import ohos.aafwk.ability.AbilitySlice;
+import ohos.aafwk.content.Intent;
+
+
+public class NextAbilitySlice extends AbilitySlice {
+    @Override
+    protected void onStart(Intent intent) {
+        super.onStart(intent);
+        super.setUIContent(ResourceTable.Layout_ability_next);
+
+    }
+
+
+
+}
+
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/resources/base/element/string.json b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/resources/base/element/string.json
new file mode 100644
index 0000000..c2a6b66
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/resources/base/element/string.json	
@@ -0,0 +1,16 @@
+{
+  "string": [
+    {
+      "name": "entry_MainAbility",
+      "value": "entry_MainAbility"
+    },
+    {
+      "name": "mainability_description",
+      "value": "Java_Empty Ability"
+    },
+    {
+      "name": "mainability_HelloWorld",
+      "value": "Hello World"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/resources/base/graphic/background_ability_main.xml b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/resources/base/graphic/background_ability_main.xml
new file mode 100644
index 0000000..c0c0a3d
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/resources/base/graphic/background_ability_main.xml	
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<shape xmlns:ohos="http://schemas.huawei.com/res/ohos"
+       ohos:shape="rectangle">
+    <solid
+        ohos:color="#FFFFFF"/>
+</shape>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/resources/base/layout/ability_main.xml b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/resources/base/layout/ability_main.xml
new file mode 100644
index 0000000..11c7256
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/resources/base/layout/ability_main.xml	
@@ -0,0 +1,35 @@
+<?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:alignment="center"
+    ohos:orientation="vertical">
+
+    <Text
+        ohos:id="$+id:text_helloworld"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:background_element="$graphic:background_ability_main"
+        ohos:layout_alignment="horizontal_center"
+        ohos:text="$string:mainability_HelloWorld"
+        ohos:text_size="50fp"
+        />
+    <Button
+        ohos:id="$+id:button_next"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:text="Helloo"
+        ohos:text_size="30fp"
+        ohos:background_element="$ohos:color:id_color_activated"
+        ohos:layout_alignment="horizontal_center"
+        ohos:left_padding="50vp"
+        ohos:top_padding="30vp"
+        ohos:right_padding="50vp"
+        ohos:bottom_padding="30vp"
+        />
+
+
+
+
+</DirectionalLayout>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/resources/base/layout/ability_next.xml b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/resources/base/layout/ability_next.xml
new file mode 100644
index 0000000..c509091
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/resources/base/layout/ability_next.xml	
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<DependentLayout
+    xmlns:ohos="http://schemas.huawei.com/res/ohos"
+    ohos:height="match_parent"
+    ohos:width="match_parent"
+    ohos:orientation="vertical">
+
+    <Text
+        ohos:id="$+id:text_second"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:text="Second Slice"
+        ohos:text_size="30fp"
+        ohos:text_color="$ohos:color:id_color_alert"
+        ohos:center_in_parent="true"
+
+        />
+
+    <Text
+        ohos:id="$+id:text_third"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:text="Added Again"
+        ohos:text_size="30fp"
+        ohos:text_color="$ohos:color:id_color_alert"
+        ohos:center_in_parent="true"
+        ohos:below="$id:text_second"
+
+        />
+
+</DependentLayout>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/resources/base/media/icon.png b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/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/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/resources/base/media/icon.png differ
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/resources/en/element/string.json b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/resources/en/element/string.json
new file mode 100644
index 0000000..bcf9f99
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/resources/en/element/string.json	
@@ -0,0 +1,16 @@
+{
+  "string": [
+    {
+      "name": "entry_MainAbility",
+      "value": "entry_MainAbility"
+    },
+    {
+      "name": "mainability_description",
+      "value": "Java_Empty Ability"
+    },
+    {
+      "name": "mainability_HelloWorld",
+      "value": "Hello World"
+    }
+  ]
+}
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/resources/zh/element/string.json b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/resources/zh/element/string.json
new file mode 100644
index 0000000..fdc4bd1
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/main/resources/zh/element/string.json	
@@ -0,0 +1,16 @@
+{
+  "string": [
+    {
+      "name": "entry_MainAbility",
+      "value": "entry_MainAbility"
+    },
+    {
+      "name": "mainability_description",
+      "value": "Java_Empty Ability"
+    },
+    {
+      "name": "mainability_HelloWorld",
+      "value": "你好，世界"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/ohosTest/java/com/example/myfirstapplication/ExampleOhosTest.java b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/ohosTest/java/com/example/myfirstapplication/ExampleOhosTest.java
new file mode 100644
index 0000000..595647c
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/ohosTest/java/com/example/myfirstapplication/ExampleOhosTest.java	
@@ -0,0 +1,14 @@
+package com.example.myfirstapplication;
+
+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.example.myfirstapplication", actualBundleName);
+    }
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/test/java/com/example/myfirstapplication/ExampleTest.java b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/test/java/com/example/myfirstapplication/ExampleTest.java
new file mode 100644
index 0000000..c7433df
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/entry/src/test/java/com/example/myfirstapplication/ExampleTest.java	
@@ -0,0 +1,10 @@
+package com.example.myfirstapplication;
+
+import org.junit.Test;
+
+public class ExampleTest {
+    @Test
+    public void onStart() {
+        //empty function
+    }
+}
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/gradle.properties b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/gradle.properties
new file mode 100644
index 0000000..7f981a9
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/gradle.properties	
@@ -0,0 +1,15 @@
+# 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
+systemProp.sonar.host.url=http://localhost:9050
+systemProp.sonar.login=70df31b1705861b002ecd7869643d311c8db3571
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/gradle/wrapper/gradle-wrapper.jar b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/gradle/wrapper/gradle-wrapper.jar
new file mode 100644
index 0000000..490fda8
Binary files /dev/null and b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/gradle/wrapper/gradle-wrapper.jar differ
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/gradle/wrapper/gradle-wrapper.properties b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/gradle/wrapper/gradle-wrapper.properties
new file mode 100644
index 0000000..f59159e
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/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/Vidya Akbar/AssignmentApp/MyFirstApplication/gradlew b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/gradlew
new file mode 100644
index 0000000..2fe81a7
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/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/Vidya Akbar/AssignmentApp/MyFirstApplication/gradlew.bat b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/gradlew.bat
new file mode 100644
index 0000000..62bd9b9
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/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/Vidya Akbar/AssignmentApp/MyFirstApplication/settings.gradle b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/settings.gradle
new file mode 100644
index 0000000..4773db7
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/MyFirstApplication/settings.gradle	
@@ -0,0 +1 @@
+include ':entry'
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/build.gradle b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/build.gradle
new file mode 100644
index 0000000..6606fa8
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/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 5
+    }
+}
+	
+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/Vidya Akbar/AssignmentApp/entry/.gitignore b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/.gitignore
new file mode 100644
index 0000000..796b96d
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/.gitignore	
@@ -0,0 +1 @@
+/build
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/build.gradle b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/build.gradle
new file mode 100644
index 0000000..0e151f8
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/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 5
+    }
+    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/Vidya Akbar/AssignmentApp/entry/proguard-rules.pro b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/proguard-rules.pro
new file mode 100644
index 0000000..f7666e4
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/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/Vidya Akbar/AssignmentApp/entry/src/main/config.json b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/config.json
new file mode 100644
index 0000000..b8a649e
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/config.json	
@@ -0,0 +1,48 @@
+{
+  "app": {
+    "bundleName": "com.example.assignmentapp",
+    "vendor": "example",
+    "version": {
+      "code": 1000000,
+      "name": "1.0.0"
+    }
+  },
+  "deviceConfig": {},
+  "module": {
+    "package": "com.example.assignmentapp",
+    "name": ".MyApplication",
+    "mainAbility": "com.example.assignmentapp.MainAbility",
+    "deviceType": [
+      "phone",
+      "tablet",
+      "tv"
+    ],
+    "distro": {
+      "deliveryWithInstall": true,
+      "moduleName": "entry",
+      "moduleType": "entry",
+      "installationFree": false
+    },
+    "abilities": [
+      {
+        "skills": [
+          {
+            "entities": [
+              "entity.system.home"
+            ],
+            "actions": [
+              "action.system.home"
+            ]
+          }
+        ],
+        "orientation": "unspecified",
+        "name": "com.example.assignmentapp.MainAbility",
+        "icon": "$media:icon",
+        "description": "$string:mainability_description",
+        "label": "$string:entry_MainAbility",
+        "type": "page",
+        "launchType": "standard"
+      }
+    ]
+  }
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/java/com/example/assignmentapp/MainAbility.java b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/java/com/example/assignmentapp/MainAbility.java
new file mode 100644
index 0000000..934a271
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/java/com/example/assignmentapp/MainAbility.java	
@@ -0,0 +1,13 @@
+package com.example.assignmentapp;
+
+import com.example.assignmentapp.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/Vidya Akbar/AssignmentApp/entry/src/main/java/com/example/assignmentapp/MyApplication.java b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/java/com/example/assignmentapp/MyApplication.java
new file mode 100644
index 0000000..8f87e92
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/java/com/example/assignmentapp/MyApplication.java	
@@ -0,0 +1,10 @@
+package com.example.assignmentapp;
+
+import ohos.aafwk.ability.AbilityPackage;
+
+public class MyApplication extends AbilityPackage {
+    @Override
+    public void onInitialize() {
+        super.onInitialize();
+    }
+}
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/java/com/example/assignmentapp/slice/MainAbilitySlice.java b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/java/com/example/assignmentapp/slice/MainAbilitySlice.java
new file mode 100644
index 0000000..40fe532
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/java/com/example/assignmentapp/slice/MainAbilitySlice.java	
@@ -0,0 +1,23 @@
+package com.example.assignmentapp.slice;
+
+import com.example.assignmentapp.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_signup);
+    }
+
+    @Override
+    public void onActive() {
+        super.onActive();
+    }
+
+    @Override
+    public void onForeground(Intent intent) {
+        super.onForeground(intent);
+    }
+}
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/element/string.json b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/element/string.json
new file mode 100644
index 0000000..c2a6b66
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/element/string.json	
@@ -0,0 +1,16 @@
+{
+  "string": [
+    {
+      "name": "entry_MainAbility",
+      "value": "entry_MainAbility"
+    },
+    {
+      "name": "mainability_description",
+      "value": "Java_Empty Ability"
+    },
+    {
+      "name": "mainability_HelloWorld",
+      "value": "Hello World"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/graphic/background_ability_main.xml b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/graphic/background_ability_main.xml
new file mode 100644
index 0000000..c0c0a3d
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/graphic/background_ability_main.xml	
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<shape xmlns:ohos="http://schemas.huawei.com/res/ohos"
+       ohos:shape="rectangle">
+    <solid
+        ohos:color="#FFFFFF"/>
+</shape>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/graphic/background_text_field.xml b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/graphic/background_text_field.xml
new file mode 100644
index 0000000..155c415
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/graphic/background_text_field.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="#C0C0C0"/>
+</shape>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/graphic/capsule_button_element.xml b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/graphic/capsule_button_element.xml
new file mode 100644
index 0000000..7810610
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/graphic/capsule_button_element.xml	
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:ohos="http://schemas.huawei.com/res/ohos"
+       ohos:shape="rectangle">
+    <corners
+        ohos:radius="100"/>
+    <solid
+        ohos:color="#000000"/>
+</shape>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/graphic/directinal_layout_card.xml b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/graphic/directinal_layout_card.xml
new file mode 100644
index 0000000..59be1fe
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/graphic/directinal_layout_card.xml	
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<shape xmlns:ohos="http://schemas.huawei.com/res/ohos"
+       ohos:shape="rectangle">
+    <corners
+        ohos:radius="150"/>
+    <solid
+        ohos:color="#6666ff"/>
+
+</shape>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/graphic/image.xml b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/graphic/image.xml
new file mode 100644
index 0000000..bc7ee97
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/graphic/image.xml	
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<state-container
+    xmlns:ohos="http://schemas.huawei.com/res/ohos">
+
+
+
+</state-container>
+
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/graphic/register_background_textfield.xml b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/graphic/register_background_textfield.xml
new file mode 100644
index 0000000..f1dbf50
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/graphic/register_background_textfield.xml	
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<shape xmlns:ohos="http://schemas.huawei.com/res/ohos"
+       ohos:shape="rectangle"
+
+        >
+
+    <solid
+        ohos:color="#FFFFFFFF"/>
+</shape>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/layout/ability_contacts.xml b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/layout/ability_contacts.xml
new file mode 100644
index 0000000..d01293c
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/layout/ability_contacts.xml	
@@ -0,0 +1,235 @@
+<ScrollView
+    xmlns:ohos="http://schemas.huawei.com/res/ohos"
+    ohos:height="match_parent"
+    ohos:width="match_parent"
+
+    >
+<DependentLayout
+    xmlns:ohos="http://schemas.huawei.com/res/ohos"
+    ohos:height="match_content"
+    ohos:width="match_parent"
+    >
+    <Image
+        ohos:id="$+id:nameimg"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:image_src="$media:name"
+        ohos:top_padding="15fp"
+        ohos:left_padding="0fp"
+        ohos:scale_x="0.6"
+        ohos:scale_y="0.6"
+        />
+
+    <TextField
+        ohos:id="$+id:name"
+        ohos:width="match_content"
+        ohos:height="match_content"
+        ohos:left_margin="10vp"
+        ohos:top_margin="25fp"
+        ohos:bottom_margin="30vp"
+        ohos:left_padding="90fp"
+        ohos:right_padding="90fp"
+        ohos:top_padding="5fp"
+        ohos:hint="Name"
+        ohos:text_size="30fp"
+        ohos:background_element="$graphic:background_text_field"
+        ohos:basement="#FF0A0A0A"
+        ohos:end_of="$id:nameimg"
+        />
+
+    <Image
+        ohos:id="$+id:phoneimg"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:image_src="$media:phone"
+        ohos:top_padding="25fp"
+        ohos:left_padding="10fp"
+        ohos:scale_x="0.6"
+        ohos:scale_y="0.6"
+        ohos:below="$id:nameimg"
+        />
+
+    <TextField
+        ohos:id="$+id:phone"
+        ohos:width="match_content"
+        ohos:height="match_content"
+        ohos:left_margin="0fp"
+        ohos:top_margin="10fp"
+        ohos:bottom_margin="30vp"
+        ohos:left_padding="30fp"
+        ohos:right_padding="30fp"
+        ohos:top_padding="5fp"
+        ohos:hint="Phone"
+        ohos:text_size="30fp"
+        ohos:background_element="$graphic:background_text_field"
+        ohos:basement="#FF0A0A0A"
+        ohos:below="$id:name"
+        ohos:end_of="$id:phoneimg"
+        />
+    <TextField
+        ohos:id="$+id:area"
+        ohos:width="match_content"
+        ohos:height="match_content"
+        ohos:left_margin="10vp"
+        ohos:top_margin="10fp"
+        ohos:bottom_margin="30vp"
+        ohos:left_padding="20fp"
+        ohos:right_padding="20fp"
+        ohos:top_padding="5fp"
+        ohos:hint="Area"
+        ohos:text_size="30fp"
+        ohos:background_element="$graphic:background_text_field"
+        ohos:basement="#FF0A0A0A"
+        ohos:below="$id:name"
+        ohos:end_of="$id:phone"
+        />
+
+    <Image
+        ohos:id="$+id:addressimg"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:image_src="$media:location"
+        ohos:top_padding="5fp"
+        ohos:left_padding="10fp"
+        ohos:scale_x="0.6"
+        ohos:scale_y="0.6"
+        ohos:below="$id:phone"
+        />
+
+    <TextField
+        ohos:id="$+id:address"
+        ohos:width="match_content"
+        ohos:height="match_content"
+        ohos:left_margin="75fp"
+        ohos:top_margin="10fp"
+        ohos:bottom_margin="30vp"
+        ohos:left_padding="80fp"
+        ohos:right_padding="70fp"
+        ohos:top_padding="5fp"
+        ohos:hint="Address"
+        ohos:text_size="30fp"
+        ohos:background_element="$graphic:background_text_field"
+        ohos:basement="#FF0A0A0A"
+        ohos:below="$id:phone"
+        ohos:end_of="$media:location"
+        />
+
+    <TextField
+        ohos:id="$+id:city"
+        ohos:width="match_content"
+        ohos:height="match_content"
+        ohos:left_margin="75fp"
+        ohos:top_margin="20fp"
+        ohos:bottom_margin="30vp"
+        ohos:left_padding="90fp"
+        ohos:right_padding="120fp"
+        ohos:top_padding="5fp"
+        ohos:hint="City"
+        ohos:text_size="30fp"
+        ohos:background_element="$graphic:background_text_field"
+        ohos:basement="#FF0A0A0A"
+        ohos:below="$id:address"
+
+        />
+
+    <TextField
+        ohos:id="$+id:state"
+        ohos:width="match_content"
+        ohos:height="match_content"
+        ohos:left_margin="75fp"
+        ohos:top_margin="10fp"
+        ohos:bottom_margin="30vp"
+        ohos:left_padding="30fp"
+        ohos:right_padding="30fp"
+        ohos:top_padding="5fp"
+        ohos:hint="State"
+        ohos:text_size="30fp"
+        ohos:background_element="$graphic:background_text_field"
+        ohos:basement="#FF0A0A0A"
+        ohos:below="$id:city"
+
+        />
+    <TextField
+        ohos:id="$+id:zip"
+        ohos:width="match_content"
+        ohos:height="match_content"
+        ohos:left_margin="10vp"
+        ohos:top_margin="10fp"
+        ohos:bottom_margin="30vp"
+        ohos:left_padding="20fp"
+        ohos:right_padding="60fp"
+        ohos:top_padding="5fp"
+        ohos:hint="Zip"
+        ohos:text_size="30fp"
+        ohos:background_element="$graphic:background_text_field"
+        ohos:basement="#FF0A0A0A"
+        ohos:below="$id:city"
+        ohos:end_of="$id:state"
+        />
+
+    <Image
+        ohos:id="$+id:emailpic"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:image_src="$media:email"
+        ohos:top_padding="5fp"
+        ohos:left_padding="0fp"
+        ohos:scale_x="0.6"
+        ohos:scale_y="0.6"
+        ohos:below="$id:state"
+        />
+
+
+    <TextField
+        ohos:id="$+id:email"
+        ohos:width="match_content"
+        ohos:height="match_content"
+        ohos:left_margin="10fp"
+        ohos:top_margin="10fp"
+        ohos:bottom_margin="30vp"
+        ohos:left_padding="100fp"
+        ohos:right_padding="80fp"
+        ohos:top_padding="5fp"
+        ohos:hint="Email"
+        ohos:text_size="30fp"
+        ohos:background_element="$graphic:background_text_field"
+        ohos:basement="#FF0A0A0A"
+        ohos:below="$id:state"
+        ohos:end_of="$id:emailpic"
+        />
+
+    <Image
+        ohos:id="$+id:birthday"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:image_src="$media:birth"
+        ohos:top_padding="5fp"
+        ohos:left_padding="5fp"
+        ohos:scale_x="0.6"
+        ohos:scale_y="0.6"
+        ohos:below="$id:emailpic"
+
+        />
+
+    <DatePicker
+
+
+
+        ohos:id="$+id:date_pick"
+        ohos:height="match_content"
+        ohos:width="300vp"
+
+        ohos:wheel_mode_enabled="true"
+        ohos:text_size="15fp"
+        ohos:left_margin="70fp"
+        ohos:bottom_margin="30fp"
+        ohos:date_order="day-month-year"
+        ohos:normal_text_color="#a6a6a6"
+        ohos:below="$id:email"
+        ohos:end_of="$media:birth"
+        >
+    </DatePicker>
+
+</DependentLayout>
+
+</ScrollView>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/layout/ability_main.xml b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/layout/ability_main.xml
new file mode 100644
index 0000000..ad42219
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/layout/ability_main.xml	
@@ -0,0 +1,45 @@
+<!--<?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:alignment="center"
+    ohos:orientation="vertical">
+
+    <Text
+        ohos:id="$+id:text_helloworld"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:background_element="$graphic:background_ability_main"
+        ohos:layout_alignment="horizontal_center"
+        ohos:text="$string:mainability_HelloWorld"
+        ohos:text_size="40vp"
+        />
+
+</DirectionalLayout>-->
+
+
+<ScrollView
+    xmlns:ohos="http://schemas.huawei.com/res/ohos"
+
+
+    ohos:id="$+id:scrollview"
+    ohos:height="match_parent"
+    ohos:width="match_parent"
+    ohos:background_element="#FFDEAD"
+    ohos:top_margin="32vp"
+    ohos:bottom_padding="16vp"
+    ohos:layout_alignment="horizontal_center">
+    <DirectionalLayout
+        ohos:height="match_content"
+        ohos:width="match_content">
+        <!-- $media:plant: image resource referenced in the media directory-->
+        <Image
+            ohos:width="300vp"
+            ohos:height="match_content"
+            ohos:top_margin="16vp"
+            ohos:image_src="$media:location"/>
+        <!-- Add content to be displayed -->
+        ...
+    </DirectionalLayout>
+</ScrollView>
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/layout/ability_personal.xml b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/layout/ability_personal.xml
new file mode 100644
index 0000000..869c377
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/layout/ability_personal.xml	
@@ -0,0 +1,400 @@
+<ScrollView
+    xmlns:ohos="http://schemas.huawei.com/res/ohos"
+    ohos:height="match_parent"
+    ohos:width="match_parent"
+>
+
+<DependentLayout
+    xmlns:ohos="http://schemas.huawei.com/res/ohos"
+    ohos:height="match_content"
+    ohos:width="match_parent"
+    ohos:background_element="$media:personal_bg"
+    ohos:orientation="vertical">
+
+
+<Text
+        ohos:id="$+id:personal"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:text="Personal"
+        ohos:top_margin="20fp"
+        ohos:left_margin="10fp"
+        ohos:text_size="25fp"
+
+        ohos:text_font="sans-serif-condensed-medium"
+    />
+
+    <Text
+        ohos:id="$+id:nametext"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:text="Name"
+        ohos:top_margin="20fp"
+        ohos:left_margin="10fp"
+        ohos:text_size="20fp"
+        ohos:below="$id:personal"
+
+        />
+
+    <TextField
+
+        ohos:id="$+id:text_field"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:top_margin="10fp"
+        ohos:left_margin="10fp"
+        ohos:left_padding="50fp"
+        ohos:hint="Enter Your Name"
+        ohos:hint_color="#fffdd0"
+        ohos:text_size="20fp"
+
+        ohos:below="$id:nametext"
+        ohos:right_padding="130fp"
+        ohos:background_element="#777663"
+    />
+
+    <Text
+        ohos:id="$+id:date"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:text="DateofBirth"
+        ohos:top_margin="20fp"
+        ohos:left_margin="10fp"
+        ohos:text_size="20fp"
+        ohos:below="$id:text_field"
+
+        />
+
+    <DatePicker
+        ohos:id="$+id:date_field"
+        ohos:height="match_content"
+        ohos:width="300vp"
+        ohos:below="$id:date"
+        ohos:wheel_mode_enabled="true"
+        ohos:top_margin="10fp"
+        ohos:left_margin="40fp"
+        ohos:text_size="17fp"
+        ohos:bottom_margin="30fp"
+        ohos:date_order="day-month-year"
+        ohos:normal_text_color="#a2a185"
+
+        >
+    </DatePicker>
+
+    <Text
+        ohos:id="$+id:que"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:text="What is your spirit animal?"
+        ohos:top_margin="0fp"
+        ohos:left_margin="10fp"
+        ohos:text_size="20fp"
+        ohos:below="$id:date_field"
+
+        />
+
+    <TextField
+
+        ohos:id="$+id:que_field1"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:top_margin="10fp"
+        ohos:left_margin="10fp"
+        ohos:left_padding="20fp"
+        ohos:hint="Lion"
+        ohos:text_size="20fp"
+
+        ohos:below="$id:que"
+        ohos:right_padding="20fp"
+        ohos:hint_color="#fffdd0"
+        ohos:background_element="#777663"
+        />
+
+    <TextField
+
+        ohos:id="$+id:que_field2"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:top_margin="10fp"
+        ohos:left_margin="2fp"
+        ohos:left_padding="20fp"
+        ohos:hint="Tiger"
+        ohos:text_size="20fp"
+
+        ohos:below="$id:que"
+        ohos:end_of="$id:que_field1"
+        ohos:right_padding="20fp"
+        ohos:hint_color="#fffdd0"
+        ohos:background_element="#777663"
+        />
+
+    <TextField
+
+        ohos:id="$+id:que_field3"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:top_margin="10fp"
+        ohos:left_margin="2fp"
+        ohos:left_padding="20fp"
+        ohos:hint="Bear"
+        ohos:text_size="20fp"
+
+        ohos:below="$id:que"
+        ohos:end_of="$id:que_field2"
+        ohos:right_padding="20fp"
+        ohos:hint_color="#fffdd0"
+        ohos:background_element="#777663"
+        />
+
+    <TextField
+
+        ohos:id="$+id:que_field4"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:top_margin="10fp"
+        ohos:left_margin="2fp"
+        ohos:left_padding="20fp"
+        ohos:hint="Bull"
+        ohos:text_size="20fp"
+
+        ohos:below="$id:que"
+        ohos:end_of="$id:que_field3"
+        ohos:right_padding="25fp"
+        ohos:hint_color="#fffdd0"
+        ohos:background_element="#777663"
+        />
+
+
+    <Text
+        ohos:id="$+id:Account_text"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:text="Account"
+        ohos:top_margin="20fp"
+        ohos:left_margin="10fp"
+        ohos:text_size="25fp"
+
+        ohos:text_font="sans-serif-condensed-medium"
+        ohos:below="$id:que_field1"
+        />
+
+    <Text
+        ohos:id="$+id:Email_text"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:text="Email"
+        ohos:top_margin="20fp"
+        ohos:left_margin="10fp"
+        ohos:text_size="20fp"
+        ohos:below="$id:Account_text"
+
+        />
+
+    <TextField
+
+        ohos:id="$+id:Email_field"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:top_margin="10fp"
+        ohos:left_margin="10fp"
+        ohos:left_padding="50fp"
+        ohos:hint="abcd@xyz.com"
+        ohos:text_size="20fp"
+
+        ohos:below="$id:Email_text"
+        ohos:right_padding="150fp"
+        ohos:hint_color="#fffdd0"
+        ohos:background_element="#777663"
+        />
+
+    <Text
+        ohos:id="$+id:password_text"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:text="Password"
+        ohos:top_margin="20fp"
+        ohos:left_margin="10fp"
+        ohos:text_size="20fp"
+        ohos:below="$id:Email_field"
+
+        />
+
+    <TextField
+
+        ohos:id="$+id:password_field"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:top_margin="10fp"
+        ohos:left_margin="10fp"
+        ohos:left_padding="40fp"
+        ohos:hint="Enter your password"
+        ohos:text_size="20fp"
+        ohos:text_input_type="pattern_password"
+        ohos:below="$id:password_text"
+        ohos:right_padding="110fp"
+        ohos:hint_color="#fffdd0"
+        ohos:background_element="#777663"
+        />
+
+    <Text
+        ohos:id="$+id:verify_text"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:text="Verify Password"
+        ohos:top_margin="20fp"
+        ohos:left_margin="10fp"
+        ohos:text_size="20fp"
+        ohos:below="$id:password_field"
+
+        />
+
+    <TextField
+
+        ohos:id="$+id:verify_field"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:top_margin="10fp"
+        ohos:left_margin="10fp"
+        ohos:left_padding="40fp"
+        ohos:hint="Verify your password"
+        ohos:text_size="20fp"
+        ohos:text_input_type="pattern_password"
+        ohos:below="$id:verify_text"
+        ohos:right_padding="110fp"
+        ohos:hint_color="#fffdd0"
+        ohos:background_element="#777663"
+        />
+
+    <Text
+        ohos:id="$+id:Contact_text"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:text="Contact"
+        ohos:top_margin="20fp"
+        ohos:left_margin="10fp"
+        ohos:text_size="25fp"
+
+        ohos:text_font="sans-serif-condensed-medium"
+        ohos:below="$id:verify_field"
+        />
+
+    <Text
+        ohos:id="$+id:address_text"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:text="Address"
+        ohos:top_margin="20fp"
+        ohos:left_margin="10fp"
+        ohos:text_size="20fp"
+        ohos:below="$id:Contact_text"
+
+        />
+
+    <TextField
+
+        ohos:id="$+id:address_field"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:top_margin="10fp"
+        ohos:left_margin="10fp"
+        ohos:left_padding="40fp"
+        ohos:hint="#91,40th cross st."
+        ohos:text_size="20fp"
+
+        ohos:below="$id:address_text"
+        ohos:right_padding="140fp"
+        ohos:hint_color="#fffdd0"
+        ohos:background_element="#777663"
+        />
+
+    <Text
+        ohos:id="$+id:city_text"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:text="City"
+        ohos:top_margin="20fp"
+        ohos:left_margin="10fp"
+        ohos:text_size="20fp"
+        ohos:below="$id:address_field"
+
+        />
+
+    <TextField
+
+        ohos:id="$+id:city_field"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:top_margin="10fp"
+        ohos:left_margin="10fp"
+        ohos:left_padding="60fp"
+        ohos:hint="Banglore"
+        ohos:text_size="20fp"
+
+        ohos:below="$id:city_text"
+        ohos:right_padding="195fp"
+        ohos:hint_color="#fffdd0"
+        ohos:background_element="#777663"
+        />
+
+    <Text
+        ohos:id="$+id:state_text"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:text="State"
+        ohos:top_margin="20fp"
+        ohos:left_margin="10fp"
+        ohos:text_size="20fp"
+        ohos:below="$id:city_field"
+
+        />
+
+    <TextField
+
+        ohos:id="$+id:state_field"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:top_margin="10fp"
+        ohos:left_margin="10fp"
+        ohos:left_padding="40fp"
+        ohos:hint="enter your state"
+        ohos:text_size="20fp"
+
+        ohos:below="$id:state_text"
+        ohos:right_padding="155fp"
+        ohos:hint_color="#fffdd0"
+        ohos:background_element="#777663"
+        />
+
+    <Text
+        ohos:id="$+id:phone_text"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:text="Phone"
+        ohos:top_margin="20fp"
+        ohos:left_margin="10fp"
+        ohos:text_size="20fp"
+        ohos:below="$id:state_field"
+
+        />
+
+    <TextField
+
+        ohos:id="$+id:phone_field"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:top_margin="10fp"
+        ohos:left_margin="10fp"
+        ohos:left_padding="40fp"
+        ohos:hint="enter your phone number"
+        ohos:text_size="20fp"
+        ohos:bottom_margin="20fp"
+        ohos:text_input_type="pattern_number"
+        ohos:below="$id:phone_text"
+        ohos:right_padding="60fp"
+        ohos:hint_color="#fffdd0"
+        ohos:background_element="#777663"
+        />
+
+</DependentLayout>
+
+    </ScrollView>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/layout/ability_register.xml b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/layout/ability_register.xml
new file mode 100644
index 0000000..d89c08e
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/layout/ability_register.xml	
@@ -0,0 +1,140 @@
+<?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="$media:regis_back"
+    ohos:orientation="vertical">
+
+
+    <Text
+        ohos:id="$+id:Register"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:text="Register"
+        ohos:text_size="40fp"
+        ohos:text_font="sans-serif-medium"
+        ohos:layout_alignment="center"
+        ohos:top_margin="20fp"
+
+
+        />
+    <TextField
+        ohos:id="$+id:studname"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:hint="StudentName"
+        ohos:left_margin="20fp"
+        ohos:top_margin="20fp"
+        ohos:text_size="20fp"
+        ohos:background_element="$graphic:register_background_textfield"
+        ohos:right_padding="150fp"
+        ohos:left_padding="30fp"
+        />
+
+
+    <TextField
+        ohos:id="$+id:rollno"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:hint="RollNo"
+        ohos:left_margin="20fp"
+        ohos:top_margin="30fp"
+        ohos:text_size="20fp"
+        ohos:background_element="$graphic:register_background_textfield"
+        ohos:right_padding="218fp"
+        ohos:left_padding="30fp"
+        />
+
+
+    <TextField
+        ohos:id="$+id:Deptname"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:hint="DepartmentName"
+        ohos:left_margin="20fp"
+        ohos:top_margin="30fp"
+        ohos:text_size="20fp"
+        ohos:background_element="$graphic:register_background_textfield"
+        ohos:right_padding="115fp"
+        ohos:left_padding="30fp"
+        />
+
+    <TextField
+        ohos:id="$+id:clgname"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:hint="CollageName"
+        ohos:left_margin="20fp"
+        ohos:top_margin="30fp"
+        ohos:text_size="20fp"
+        ohos:background_element="$graphic:register_background_textfield"
+        ohos:right_padding="155fp"
+        ohos:left_padding="30fp"
+        />
+
+    <TextField
+        ohos:id="$+id:universe"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:hint="UniversityName"
+        ohos:left_margin="20fp"
+        ohos:top_margin="30fp"
+        ohos:text_size="20fp"
+        ohos:background_element="$graphic:register_background_textfield"
+        ohos:right_padding="135fp"
+        ohos:left_padding="30fp"
+        />
+
+    <Text
+        ohos:id="$+id:gender"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:text="Gender"
+        ohos:text_size="20fp"
+        ohos:top_margin="20fp"
+        ohos:left_margin="20fp"
+        />
+    <RadioContainer
+        ohos:id="$+id:radio_container"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:top_margin="10vp"
+        ohos:left_margin="30fp"
+        ohos:orientation="horizontal">
+        <RadioButton
+            ohos:id="$+id:radio_button_1"
+            ohos:height="40vp"
+            ohos:width="match_content"
+            ohos:text="Male"
+            ohos:left_margin="20fp"
+            ohos:right_margin="50fp"
+            ohos:text_size="20fp"/>
+
+        <RadioButton
+            ohos:id="$+id:radio_button_2"
+            ohos:height="40vp"
+            ohos:width="match_content"
+            ohos:text="Female"
+            ohos:text_size="20fp"/>
+
+        <!-- Add more radio buttons as needed -->
+
+    </RadioContainer>
+
+    <Button
+        ohos:id="$+id:button"
+        ohos:width="match_content"
+        ohos:height="match_content"
+        ohos:text_size="27fp"
+        ohos:layout_alignment="horizontal_center"
+        ohos:text="SignUp"
+        ohos:text_color="$ohos:color:id_color_bottom_tab_icon_auxcolor01_dark"
+        ohos:background_element="$graphic:capsule_button_element"
+        ohos:top_margin="40fp"
+        ohos:left_margin="0vp"
+        ohos:bottom_margin="15vp"
+        ohos:right_padding="15vp"
+        ohos:left_padding="15vp"
+        />
+</DirectionalLayout>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/layout/ability_signup.xml b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/layout/ability_signup.xml
new file mode 100644
index 0000000..2092140
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/layout/ability_signup.xml	
@@ -0,0 +1,146 @@
+<ScrollView
+    xmlns:ohos="http://schemas.huawei.com/res/ohos"
+    ohos:height="match_parent"
+    ohos:width="match_parent"
+
+    >
+
+<DirectionalLayout
+    xmlns:ohos="http://schemas.huawei.com/res/ohos"
+    ohos:height="match_content"
+    ohos:width="match_parent"
+
+    ohos:background_element="$media:bkg"
+    ohos:orientation="vertical">
+
+
+    <Text
+        ohos:id="$+id:SignUp"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:layout_alignment="horizontal_center"
+        ohos:text_color="$ohos:color:id_color_bottom_tab_icon_auxcolor01_dark"
+        ohos:text="SIGNUP"
+        ohos:text_size="50fp"
+        ohos:bottom_margin="50fp"
+        ohos:top_margin="20fp"
+        />
+
+    <TextField
+        ohos:id="$+id:Email"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:layout_alignment="horizontal_center"
+        ohos:hint="Enter Email"
+        ohos:left_padding="10fp"
+        ohos:right_padding="70fp"
+        ohos:text_size="30fp"
+        ohos:element_left="$media:email"
+        ohos:bottom_margin="20fp"
+        ohos:basement="#FF070707"
+
+        />
+
+    <TextField
+        ohos:id="$+id:password"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:layout_alignment="horizontal_center"
+        ohos:hint="Enter Password"
+        ohos:text_size="30fp"
+        ohos:element_left="$media:pass"
+        ohos:bottom_margin="20fp"
+        ohos:basement="#FF070707"
+
+
+        />
+    <TextField
+        ohos:id="$+id:Username"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:layout_alignment="horizontal_center"
+        ohos:hint="Enter UserName"
+        ohos:text_size="30fp"
+        ohos:element_left="$media:name"
+        ohos:bottom_margin="20fp"
+        ohos:basement="#FF070707"
+
+        />
+
+    <TextField
+        ohos:id="$+id:DOB"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:layout_alignment="horizontal_center"
+        ohos:hint="Date Month Year"
+        ohos:text_size="30fp"
+        ohos:left_padding="10fp"
+        ohos:right_padding="50fp"
+        ohos:element_left="$media:DOB"
+        ohos:bottom_margin="5fp"
+
+
+        />
+
+    <DatePicker
+        ohos:id="$+id:date_pick"
+        ohos:height="match_content"
+        ohos:width="250vp"
+        ohos:top_margin="5fp"
+        ohos:wheel_mode_enabled="true"
+        ohos:text_size="15fp"
+        ohos:bottom_margin="30fp"
+        ohos:date_order="day-month-year"
+        ohos:normal_text_color="$ohos:color:id_color_badge_red_transparent"
+        ohos:layout_alignment="horizontal_center"
+        >
+    </DatePicker>
+
+    <TextField
+        ohos:id="$+id:Gender"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:layout_alignment="horizontal_center"
+        ohos:hint="Enter Gender"
+        ohos:left_padding="10fp"
+        ohos:right_padding="70fp"
+        ohos:text_size="30fp"
+        ohos:element_left="$media:gender"
+        ohos:bottom_margin="40fp"
+        ohos:basement="#FF070707"
+
+        />
+
+
+    <Button
+        ohos:id="$+id:button"
+        ohos:width="match_content"
+        ohos:height="match_content"
+        ohos:text_size="27fp"
+        ohos:layout_alignment="center"
+        ohos:text="Login"
+        ohos:text_color="$ohos:color:id_color_bottom_tab_icon_auxcolor01_dark"
+        ohos:background_element="$graphic:capsule_button_element"
+        ohos:left_margin="15vp"
+        ohos:bottom_margin="15vp"
+        ohos:right_padding="15vp"
+        ohos:left_padding="15vp"
+        />
+
+    <DatePicker
+        ohos:id="$+id:date_pick1"
+        ohos:height="500vp"
+        ohos:width="200vp"
+
+        ohos:wheel_mode_enabled="true"
+        ohos:text_size="15fp"
+        ohos:bottom_margin="30fp"
+        ohos:date_order="day-month-year"
+        ohos:normal_text_color="$ohos:color:id_color_badge_red_transparent"
+        ohos:layout_alignment="horizontal_center"
+        >
+    </DatePicker>
+
+</DirectionalLayout>
+
+</ScrollView>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/layout/ability_studentcard.xml b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/layout/ability_studentcard.xml
new file mode 100644
index 0000000..128136b
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/layout/ability_studentcard.xml	
@@ -0,0 +1,37 @@
+<?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="$media:regis_back"
+    ohos:orientation="vertical">
+
+
+    <Text
+        ohos:id="$+id:student_idcard"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:text="Student ID Card"
+        ohos:text_size="35fp"
+        ohos:text_font="sans-serif-medium"
+        ohos:layout_alignment="center"
+        ohos:top_margin="60fp"
+
+
+        />
+
+    <DependentLayout
+
+        xmlns:ohos="http://schemas.huawei.com/res/ohos"
+        ohos:height="250fp"
+        ohos:width="280fp"
+        ohos:left_margin="40fp"
+        ohos:top_margin="100fp"
+        ohos:background_element="$graphic:directinal_layout_card"
+        >
+
+
+
+    </DependentLayout>
+
+</DirectionalLayout>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/DOB.png b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/DOB.png
new file mode 100644
index 0000000..87d1560
Binary files /dev/null and b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/DOB.png differ
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/User.png b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/User.png
new file mode 100644
index 0000000..396c389
Binary files /dev/null and b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/User.png differ
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/birth.jpg b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/birth.jpg
new file mode 100644
index 0000000..44c6efa
Binary files /dev/null and b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/birth.jpg differ
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/bkg.jpg b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/bkg.jpg
new file mode 100644
index 0000000..f2dc00f
Binary files /dev/null and b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/bkg.jpg differ
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/email.png b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/email.png
new file mode 100644
index 0000000..9d2586d
Binary files /dev/null and b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/email.png differ
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/gender.png b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/gender.png
new file mode 100644
index 0000000..3caaa0f
Binary files /dev/null and b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/gender.png differ
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/icon.png b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/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/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/icon.png differ
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/location.png b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/location.png
new file mode 100644
index 0000000..ee8cbc9
Binary files /dev/null and b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/location.png differ
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/name.png b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/name.png
new file mode 100644
index 0000000..c4cb80e
Binary files /dev/null and b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/name.png differ
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/pass.png b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/pass.png
new file mode 100644
index 0000000..b75b78f
Binary files /dev/null and b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/pass.png differ
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/password.png b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/password.png
new file mode 100644
index 0000000..d75fc25
Binary files /dev/null and b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/password.png differ
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/personal_bg.jpg b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/personal_bg.jpg
new file mode 100644
index 0000000..4dbe952
Binary files /dev/null and b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/personal_bg.jpg differ
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/phone.png b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/phone.png
new file mode 100644
index 0000000..af24efd
Binary files /dev/null and b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/phone.png differ
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/regis_back.jpg b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/regis_back.jpg
new file mode 100644
index 0000000..3374be2
Binary files /dev/null and b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/regis_back.jpg differ
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/sign_bg.jpg b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/sign_bg.jpg
new file mode 100644
index 0000000..7b7e03f
Binary files /dev/null and b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/base/media/sign_bg.jpg differ
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/en/element/string.json b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/en/element/string.json
new file mode 100644
index 0000000..bcf9f99
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/en/element/string.json	
@@ -0,0 +1,16 @@
+{
+  "string": [
+    {
+      "name": "entry_MainAbility",
+      "value": "entry_MainAbility"
+    },
+    {
+      "name": "mainability_description",
+      "value": "Java_Empty Ability"
+    },
+    {
+      "name": "mainability_HelloWorld",
+      "value": "Hello World"
+    }
+  ]
+}
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/zh/element/string.json b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/zh/element/string.json
new file mode 100644
index 0000000..fdc4bd1
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/main/resources/zh/element/string.json	
@@ -0,0 +1,16 @@
+{
+  "string": [
+    {
+      "name": "entry_MainAbility",
+      "value": "entry_MainAbility"
+    },
+    {
+      "name": "mainability_description",
+      "value": "Java_Empty Ability"
+    },
+    {
+      "name": "mainability_HelloWorld",
+      "value": "你好，世界"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/ohosTest/java/com/example/assignmentapp/ExampleOhosTest.java b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/ohosTest/java/com/example/assignmentapp/ExampleOhosTest.java
new file mode 100644
index 0000000..ae90aa1
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/ohosTest/java/com/example/assignmentapp/ExampleOhosTest.java	
@@ -0,0 +1,14 @@
+package com.example.assignmentapp;
+
+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.example.assignmentapp", actualBundleName);
+    }
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/test/java/com/example/assignmentapp/ExampleTest.java b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/test/java/com/example/assignmentapp/ExampleTest.java
new file mode 100644
index 0000000..66386e0
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/entry/src/test/java/com/example/assignmentapp/ExampleTest.java	
@@ -0,0 +1,9 @@
+package com.example.assignmentapp;
+
+import org.junit.Test;
+
+public class ExampleTest {
+    @Test
+    public void onStart() {
+    }
+}
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/gradle.properties b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/gradle.properties
new file mode 100644
index 0000000..be49249
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/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/Vidya Akbar/AssignmentApp/gradle/wrapper/gradle-wrapper.jar b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/gradle/wrapper/gradle-wrapper.jar
new file mode 100644
index 0000000..490fda8
Binary files /dev/null and b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/gradle/wrapper/gradle-wrapper.jar differ
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/gradle/wrapper/gradle-wrapper.properties b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/gradle/wrapper/gradle-wrapper.properties
new file mode 100644
index 0000000..f59159e
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/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/Vidya Akbar/AssignmentApp/gradlew b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/gradlew
new file mode 100644
index 0000000..2fe81a7
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/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/Vidya Akbar/AssignmentApp/gradlew.bat b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/gradlew.bat
new file mode 100644
index 0000000..62bd9b9
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/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/Vidya Akbar/AssignmentApp/settings.gradle b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/settings.gradle
new file mode 100644
index 0000000..4773db7
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AssignmentApp/settings.gradle	
@@ -0,0 +1 @@
+include ':entry'
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.gitignore b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.gitignore
new file mode 100644
index 0000000..37a4eb8
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.gitignore	
@@ -0,0 +1,15 @@
+*.iml
+.gradle
+/local.properties
+/.idea/caches
+/.idea/libraries
+/.idea/modules.xml
+/.idea/workspace.xml
+/.idea/navEditor.xml
+/.idea/assetWizardSettings.xml
+.DS_Store
+/build
+/captures
+.externalNativeBuild
+/entry/.preview
+.cxx
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/.gitignore b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/.gitignore
new file mode 100644
index 0000000..26d3352
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/.gitignore	
@@ -0,0 +1,3 @@
+# Default ignored files
+/shelf/
+/workspace.xml
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/checkstyle-idea.xml b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/checkstyle-idea.xml
new file mode 100644
index 0000000..2f2c3c1
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/checkstyle-idea.xml	
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="CheckStyle-IDEA">
+    <option name="configuration">
+      <map>
+        <entry key="checkstyle-version" value="8.45" />
+        <entry key="copy-libs" value="true" />
+        <entry key="location-0" value="BUNDLED:(bundled):Sun Checks" />
+        <entry key="location-1" value="BUNDLED:(bundled):Google Checks" />
+        <entry key="scan-before-checkin" value="false" />
+        <entry key="scanscope" value="JavaOnly" />
+        <entry key="suppress-errors" value="false" />
+      </map>
+    </option>
+  </component>
+</project>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/compiler.xml b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/compiler.xml
new file mode 100644
index 0000000..61a9130
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/compiler.xml	
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="CompilerConfiguration">
+    <bytecodeTargetLevel target="1.8" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/gradle.xml b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/gradle.xml
new file mode 100644
index 0000000..82c453f
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/gradle.xml	
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="GradleMigrationSettings" migrationVersion="1" />
+  <component name="GradleSettings">
+    <option name="linkedExternalProjectsSettings">
+      <GradleProjectSettings>
+        <option name="testRunner" value="PLATFORM" />
+        <option name="distributionType" value="LOCAL" />
+        <option name="externalProjectPath" value="$PROJECT_DIR$" />
+        <option name="gradleHome" value="C:\Program Files\Huawei\DevEco Studio 2.1.0.501\tools\gradle" />
+        <option name="modules">
+          <set>
+            <option value="$PROJECT_DIR$" />
+            <option value="$PROJECT_DIR$/entry" />
+          </set>
+        </option>
+        <option name="resolveModulePerSourceSet" value="false" />
+        <option name="useQualifiedModuleNames" value="false" />
+      </GradleProjectSettings>
+    </option>
+  </component>
+</project>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/jarRepositories.xml b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/jarRepositories.xml
new file mode 100644
index 0000000..1dfcd02
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/jarRepositories.xml	
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="RemoteRepositoriesConfiguration">
+    <remote-repository>
+      <option name="id" value="central" />
+      <option name="name" value="Maven Central repository" />
+      <option name="url" value="https://repo1.maven.org/maven2" />
+    </remote-repository>
+    <remote-repository>
+      <option name="id" value="jboss.community" />
+      <option name="name" value="JBoss Community repository" />
+      <option name="url" value="https://repository.jboss.org/nexus/content/repositories/public/" />
+    </remote-repository>
+    <remote-repository>
+      <option name="id" value="maven2" />
+      <option name="name" value="maven2" />
+      <option name="url" value="https://developer.huawei.com/repo/" />
+    </remote-repository>
+    <remote-repository>
+      <option name="id" value="BintrayJCenter" />
+      <option name="name" value="BintrayJCenter" />
+      <option name="url" value="https://jcenter.bintray.com/" />
+    </remote-repository>
+    <remote-repository>
+      <option name="id" value="maven" />
+      <option name="name" value="maven" />
+      <option name="url" value="https://repo.huaweicloud.com/repository/maven/" />
+    </remote-repository>
+  </component>
+</project>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/misc.xml b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/misc.xml
new file mode 100644
index 0000000..58918f5
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/misc.xml	
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_1_8" default="true" project-jdk-name="1.8" project-jdk-type="JavaSDK" />
+</project>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/previewer/phone/phoneSettingConfig_543920377.json b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/previewer/phone/phoneSettingConfig_543920377.json
new file mode 100644
index 0000000..69beee7
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/previewer/phone/phoneSettingConfig_543920377.json	
@@ -0,0 +1,25 @@
+{
+ "setting": {
+  "1.0.1": {
+   "Language": {
+    "args": {
+     "Language": "zh_CN"
+    }
+   }
+  }
+ },
+ "frontend": {
+  "1.0.0": {
+   "Resolution": {
+    "args": {
+     "Resolution": "360*780"
+    }
+   },
+   "DeviceType": {
+    "args": {
+     "DeviceType": "phone"
+    }
+   }
+  }
+ }
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/previewer/previewConfig.json b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/previewer/previewConfig.json
new file mode 100644
index 0000000..e4731cf
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/previewer/previewConfig.json	
@@ -0,0 +1,11 @@
+{
+ "1.0.0": {
+  "LastPreviewDevice": {
+   "C:\\Users\\hp\\DevEcoStudioProjects\\AsssignmentIntent\\entry": [
+    "phone",
+    "tablet",
+    "tv"
+   ]
+  }
+ }
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/previewer/tablet/tabletSettingConfig_543920377.json b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/previewer/tablet/tabletSettingConfig_543920377.json
new file mode 100644
index 0000000..278b671
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/previewer/tablet/tabletSettingConfig_543920377.json	
@@ -0,0 +1,25 @@
+{
+ "setting": {
+  "1.0.1": {
+   "Language": {
+    "args": {
+     "Language": "zh_CN"
+    }
+   }
+  }
+ },
+ "frontend": {
+  "1.0.0": {
+   "Resolution": {
+    "args": {
+     "Resolution": "1024*640"
+    }
+   },
+   "DeviceType": {
+    "args": {
+     "DeviceType": "tablet"
+    }
+   }
+  }
+ }
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/previewer/tv/tvSettingConfig_543920377.json b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/previewer/tv/tvSettingConfig_543920377.json
new file mode 100644
index 0000000..4b98516
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/.idea/previewer/tv/tvSettingConfig_543920377.json	
@@ -0,0 +1,25 @@
+{
+ "setting": {
+  "1.0.1": {
+   "Language": {
+    "args": {
+     "Language": "zh_CN"
+    }
+   }
+  }
+ },
+ "frontend": {
+  "1.0.0": {
+   "Resolution": {
+    "args": {
+     "Resolution": "960*540"
+    }
+   },
+   "DeviceType": {
+    "args": {
+     "DeviceType": "tv"
+    }
+   }
+  }
+ }
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/build.gradle b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/build.gradle
new file mode 100644
index 0000000..6606fa8
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/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 5
+    }
+}
+	
+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/Vidya Akbar/AsssignmentIntent/entry/.gitignore b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/.gitignore
new file mode 100644
index 0000000..796b96d
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/.gitignore	
@@ -0,0 +1 @@
+/build
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/build.gradle b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/build.gradle
new file mode 100644
index 0000000..0e151f8
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/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 5
+    }
+    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/Vidya Akbar/AsssignmentIntent/entry/proguard-rules.pro b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/proguard-rules.pro
new file mode 100644
index 0000000..f7666e4
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/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/Vidya Akbar/AsssignmentIntent/entry/src/main/config.json b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/config.json
new file mode 100644
index 0000000..da4d65a
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/config.json	
@@ -0,0 +1,57 @@
+{
+  "app": {
+    "bundleName": "com.example.asssignmentintent",
+    "vendor": "example",
+    "version": {
+      "code": 1000000,
+      "name": "1.0.0"
+    }
+  },
+  "deviceConfig": {},
+  "module": {
+    "package": "com.example.asssignmentintent",
+    "name": ".MyApplication",
+    "mainAbility": "com.example.asssignmentintent.MainAbility",
+    "deviceType": [
+      "phone",
+      "tablet",
+      "tv"
+    ],
+    "distro": {
+      "deliveryWithInstall": true,
+      "moduleName": "entry",
+      "moduleType": "entry",
+      "installationFree": false
+    },
+    "abilities": [
+      {
+        "skills": [
+          {
+            "entities": [
+              "entity.system.home"
+            ],
+            "actions": [
+              "action.system.home"
+            ]
+          }
+        ],
+        "orientation": "unspecified",
+        "name": "com.example.asssignmentintent.MainAbility",
+        "icon": "$media:icon",
+        "description": "$string:mainability_description",
+        "label": "$string:entry_MainAbility",
+        "type": "page",
+        "launchType": "standard"
+      },
+      {
+        "orientation": "unspecified",
+        "name": "com.example.asssignmentintent.SecondAbility",
+        "icon": "$media:icon",
+        "description": "$string:secondability_description",
+        "label": "$string:entry_SecondAbility",
+        "type": "page",
+        "launchType": "standard"
+      }
+    ]
+  }
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/java/com/example/asssignmentintent/MainAbility.java b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/java/com/example/asssignmentintent/MainAbility.java
new file mode 100644
index 0000000..b594b8c
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/java/com/example/asssignmentintent/MainAbility.java	
@@ -0,0 +1,13 @@
+package com.example.asssignmentintent;
+
+import com.example.asssignmentintent.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/Vidya Akbar/AsssignmentIntent/entry/src/main/java/com/example/asssignmentintent/MyApplication.java b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/java/com/example/asssignmentintent/MyApplication.java
new file mode 100644
index 0000000..89e3342
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/java/com/example/asssignmentintent/MyApplication.java	
@@ -0,0 +1,10 @@
+package com.example.asssignmentintent;
+
+import ohos.aafwk.ability.AbilityPackage;
+
+public class MyApplication extends AbilityPackage {
+    @Override
+    public void onInitialize() {
+        super.onInitialize();
+    }
+}
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/java/com/example/asssignmentintent/SecondAbility.java b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/java/com/example/asssignmentintent/SecondAbility.java
new file mode 100644
index 0000000..f03c004
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/java/com/example/asssignmentintent/SecondAbility.java	
@@ -0,0 +1,39 @@
+package com.example.asssignmentintent;
+
+
+import ohos.aafwk.ability.Ability;
+
+import ohos.aafwk.content.Intent;
+import ohos.agp.components.Text;
+
+public class SecondAbility extends Ability {
+    Text userInfoName;
+    Text userInfoRoll;
+    Text userInfoDept;
+
+    Text userInfoUni;
+
+    @Override
+    protected void onStart(Intent intent) {
+        super.onStart(intent);
+        super.setUIContent(ResourceTable.Layout_ability_studentcard);
+        initViews(intent);
+
+    }
+
+    private void initViews(Intent intent) {
+
+        userInfoName = (Text) findComponentById(ResourceTable.Id_user_info_name);
+        userInfoRoll = (Text) findComponentById(ResourceTable.Id_user_info_roll);
+        userInfoDept = (Text) findComponentById(ResourceTable.Id_user_info_Department);
+        userInfoUni = (Text) findComponentById(ResourceTable.Id_user_info_university);
+
+        if (intent != null) {
+            userInfoName.setText(intent.getStringParam("user_info_name"));
+            userInfoRoll.setText(intent.getStringParam("user_info_roll"));
+            userInfoDept.setText(intent.getStringParam("user_info_Department"));
+            userInfoUni.setText(intent.getStringParam("user_info_university"));
+        }
+    }
+}
+
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/java/com/example/asssignmentintent/data/User.java b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/java/com/example/asssignmentintent/data/User.java
new file mode 100644
index 0000000..029f9c0
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/java/com/example/asssignmentintent/data/User.java	
@@ -0,0 +1,53 @@
+package com.example.asssignmentintent.data;
+
+public class User {
+
+    private String firstName;
+
+    private String roll;
+
+    private String dept;
+
+    private String collegename;
+
+    private String universityname;
+
+
+    public String getFirstName() {
+        return firstName;
+    }
+
+    public void setFirstName(String firstName) {
+        this.firstName = firstName;
+    }
+
+    public String getRoll() {
+        return roll;
+    }
+
+    public void setRoll(String roll) {
+        this.roll = roll;
+    }
+
+    public String getDept() {
+        return dept;
+    }
+    public void setDept(String dept) {
+        this.dept = dept;
+    }
+
+    public String getcollegename() {
+        return collegename;
+    }
+    public void setcollegename(String collegename) {
+        this.collegename = collegename;
+    }
+
+    public String getuniversityname() {
+        return universityname;
+    }
+    public void setuniversityname(String universityname) {
+        this.universityname = universityname;
+    }
+
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/java/com/example/asssignmentintent/slice/MainAbilitySlice.java b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/java/com/example/asssignmentintent/slice/MainAbilitySlice.java
new file mode 100644
index 0000000..ea75365
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/java/com/example/asssignmentintent/slice/MainAbilitySlice.java	
@@ -0,0 +1,133 @@
+package com.example.asssignmentintent.slice;
+
+import com.example.asssignmentintent.ResourceTable;
+import com.example.asssignmentintent.SecondAbility;
+import com.example.asssignmentintent.data.User;
+import ohos.aafwk.ability.AbilitySlice;
+import ohos.aafwk.content.Intent;
+import ohos.agp.components.Button;
+import ohos.agp.components.Component;
+import ohos.agp.components.Text;
+import ohos.agp.components.TextField;
+import ohos.agp.window.dialog.ToastDialog;
+
+public class MainAbilitySlice extends AbilitySlice {
+
+
+
+
+
+    private TextField firstName;
+
+    private TextField roll;
+
+    private TextField dept;
+
+    private TextField collegename;
+
+    private TextField universityname;
+
+
+    private Button submit;
+
+
+    @Override
+    public void onStart(Intent intent) {
+        super.onStart(intent);
+        super.setUIContent(ResourceTable.Layout_ability_register);
+        initViews();
+
+        initListeners();
+    }
+
+    private void initViews() {
+
+        firstName= (TextField) findComponentById(ResourceTable.Id_studname);
+        roll = (TextField) findComponentById(ResourceTable. Id_rollno);
+        dept= (TextField) findComponentById(ResourceTable. Id_Deptname);
+        collegename = (TextField) findComponentById(ResourceTable. Id_clgname);
+        universityname = (TextField) findComponentById(ResourceTable.Id_universe);
+        submit= (Button) findComponentById(ResourceTable. Id_button);
+
+
+}
+    private void initListeners() {
+        submit.setClickedListener(component ->handleSubmitClick(component));
+
+    }
+
+    public void handleSubmitClick(Component component) {
+
+        ToastDialog toastDialog = new ToastDialog(component.getContext());
+
+        if (firstName.getText() == null
+
+                || roll.getText() == null
+
+                || dept.getText() == null
+
+                || collegename.getText() == null
+
+                || universityname.getText() == null
+
+                || firstName.getText().isEmpty()
+
+                || dept.getText().isEmpty()
+
+                || collegename.getText().isEmpty()
+
+                || universityname.getText().isEmpty()) {
+
+           // toastDialog.setText(component.getContext().getString(ResourceTable.String_submit_error)).show();
+            new ToastDialog(getContext()).setText("Please provide all field information").show();
+
+        } else {
+
+
+            User user = new User();
+
+            user.setFirstName(firstName.getText());
+
+            user.setRoll(roll.getText());
+
+            user.setDept(dept.getText());
+
+            user.setcollegename(collegename.getText());
+
+            user.setuniversityname(universityname.getText());
+
+            Intent intent = new Intent();
+
+            intent.setParam("user_info_name", user.getFirstName());
+
+            intent.setParam("user_info_roll", user.getRoll());
+
+            intent.setParam("user_info_Department", user.getDept());
+
+            intent.setParam("user_info_college", user.getcollegename());
+
+            intent.setParam("user_info_university", user.getuniversityname());
+
+            Intent.OperationBuilder operationBuilder = new Intent.OperationBuilder();
+            operationBuilder.withDeviceId("")
+                    .withAbilityName(SecondAbility.class.getName())
+                    .withBundleName(getBundleName());
+            intent.setOperation(operationBuilder.build());
+            startAbility(intent);
+
+            //present (new UserInfoAbilitySlice (), intent);
+
+        }
+    }
+
+
+    @Override
+    public void onActive() {
+        super.onActive();
+    }
+
+    @Override
+    public void onForeground(Intent intent) {
+        super.onForeground(intent);
+    }
+}
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/java/com/example/asssignmentintent/slice/SecondAbilitySlice.java b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/java/com/example/asssignmentintent/slice/SecondAbilitySlice.java
new file mode 100644
index 0000000..60fd81a
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/java/com/example/asssignmentintent/slice/SecondAbilitySlice.java	
@@ -0,0 +1,23 @@
+package com.example.asssignmentintent.slice;
+
+import com.example.asssignmentintent.ResourceTable;
+import ohos.aafwk.ability.AbilitySlice;
+import ohos.aafwk.content.Intent;
+
+public class SecondAbilitySlice extends AbilitySlice {
+    @Override
+    public void onStart(Intent intent) {
+        super.onStart(intent);
+        super.setUIContent(ResourceTable.Layout_ability_second);
+    }
+
+    @Override
+    public void onActive() {
+        super.onActive();
+    }
+
+    @Override
+    public void onForeground(Intent intent) {
+        super.onForeground(intent);
+    }
+}
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/element/string.json b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/element/string.json
new file mode 100644
index 0000000..afc447b
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/element/string.json	
@@ -0,0 +1,28 @@
+{
+  "string": [
+    {
+      "name": "entry_MainAbility",
+      "value": "entry_MainAbility"
+    },
+    {
+      "name": "mainability_description",
+      "value": "Java_Empty Ability"
+    },
+    {
+      "name": "mainability_HelloWorld",
+      "value": "Hello World"
+    },
+    {
+      "name": "secondability_description",
+      "value": "Java_Empty Ability"
+    },
+    {
+      "name": "secondability_HelloWorld",
+      "value": "Hello World"
+    },
+    {
+      "name": "entry_SecondAbility",
+      "value": "entry_SecondAbility"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/graphic/background_ability_main.xml b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/graphic/background_ability_main.xml
new file mode 100644
index 0000000..c0c0a3d
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/graphic/background_ability_main.xml	
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<shape xmlns:ohos="http://schemas.huawei.com/res/ohos"
+       ohos:shape="rectangle">
+    <solid
+        ohos:color="#FFFFFF"/>
+</shape>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/graphic/background_ability_second.xml b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/graphic/background_ability_second.xml
new file mode 100644
index 0000000..a002c23
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/graphic/background_ability_second.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="#FFFFFF"/>
+</shape>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/graphic/capsule_button_element.xml b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/graphic/capsule_button_element.xml
new file mode 100644
index 0000000..7810610
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/graphic/capsule_button_element.xml	
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:ohos="http://schemas.huawei.com/res/ohos"
+       ohos:shape="rectangle">
+    <corners
+        ohos:radius="100"/>
+    <solid
+        ohos:color="#000000"/>
+</shape>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/graphic/directinal_layout_card.xml b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/graphic/directinal_layout_card.xml
new file mode 100644
index 0000000..59be1fe
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/graphic/directinal_layout_card.xml	
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<shape xmlns:ohos="http://schemas.huawei.com/res/ohos"
+       ohos:shape="rectangle">
+    <corners
+        ohos:radius="150"/>
+    <solid
+        ohos:color="#6666ff"/>
+
+</shape>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/graphic/register_background_textfield.xml b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/graphic/register_background_textfield.xml
new file mode 100644
index 0000000..fc2b2f7
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/graphic/register_background_textfield.xml	
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<shape xmlns:ohos="http://schemas.huawei.com/res/ohos"
+       ohos:shape="rectangle"
+
+    >
+
+    <solid
+        ohos:color="#FFFFFFFF"/>
+</shape>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/layout/ability_main.xml b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/layout/ability_main.xml
new file mode 100644
index 0000000..fd19d6d
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/layout/ability_main.xml	
@@ -0,0 +1,19 @@
+<?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:alignment="center"
+    ohos:orientation="vertical">
+
+    <Text
+        ohos:id="$+id:text_helloworld"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:background_element="$graphic:background_ability_main"
+        ohos:layout_alignment="horizontal_center"
+        ohos:text="$string:mainability_HelloWorld"
+        ohos:text_size="40vp"
+        />
+
+</DirectionalLayout>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/layout/ability_register.xml b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/layout/ability_register.xml
new file mode 100644
index 0000000..949af83
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/layout/ability_register.xml	
@@ -0,0 +1,148 @@
+<ScrollView
+    xmlns:ohos="http://schemas.huawei.com/res/ohos"
+    ohos:height="match_parent"
+    ohos:width="match_parent"
+
+    >
+
+
+<DirectionalLayout
+    xmlns:ohos="http://schemas.huawei.com/res/ohos"
+    ohos:height="match_content"
+    ohos:width="match_parent"
+    ohos:background_element="$media:regis_back"
+    ohos:orientation="vertical">
+
+
+    <Text
+        ohos:id="$+id:Register"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:text="Register"
+        ohos:text_size="40fp"
+        ohos:text_font="sans-serif-medium"
+        ohos:layout_alignment="center"
+        ohos:top_margin="20fp"
+
+
+        />
+    <TextField
+        ohos:id="$+id:studname"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:hint="StudentName"
+        ohos:left_margin="20fp"
+        ohos:top_margin="20fp"
+        ohos:text_size="20fp"
+        ohos:background_element="$graphic:register_background_textfield"
+        ohos:right_padding="150fp"
+        ohos:left_padding="30fp"
+        />
+
+
+    <TextField
+        ohos:id="$+id:rollno"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:hint="RollNo"
+        ohos:left_margin="20fp"
+        ohos:top_margin="30fp"
+        ohos:text_size="20fp"
+        ohos:background_element="$graphic:register_background_textfield"
+        ohos:right_padding="218fp"
+        ohos:left_padding="30fp"
+        />
+
+
+    <TextField
+        ohos:id="$+id:Deptname"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:hint="DepartmentName"
+        ohos:left_margin="20fp"
+        ohos:top_margin="30fp"
+        ohos:text_size="20fp"
+        ohos:background_element="$graphic:register_background_textfield"
+        ohos:right_padding="115fp"
+        ohos:left_padding="30fp"
+        />
+
+    <TextField
+        ohos:id="$+id:clgname"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:hint="CollageName"
+        ohos:left_margin="20fp"
+        ohos:top_margin="30fp"
+        ohos:text_size="20fp"
+        ohos:background_element="$graphic:register_background_textfield"
+        ohos:right_padding="155fp"
+        ohos:left_padding="30fp"
+        />
+
+    <TextField
+        ohos:id="$+id:universe"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:hint="UniversityName"
+        ohos:left_margin="20fp"
+        ohos:top_margin="30fp"
+        ohos:text_size="20fp"
+        ohos:background_element="$graphic:register_background_textfield"
+        ohos:right_padding="135fp"
+        ohos:left_padding="30fp"
+        />
+
+    <Text
+        ohos:id="$+id:gender"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:text="Gender"
+        ohos:text_size="20fp"
+        ohos:top_margin="20fp"
+        ohos:left_margin="20fp"
+        />
+    <RadioContainer
+        ohos:id="$+id:radio_container"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:top_margin="10vp"
+        ohos:left_margin="30fp"
+        ohos:orientation="horizontal">
+        <RadioButton
+            ohos:id="$+id:radio_button_1"
+            ohos:height="40vp"
+            ohos:width="match_content"
+            ohos:text="Male"
+            ohos:left_margin="20fp"
+            ohos:right_margin="50fp"
+            ohos:text_size="20fp"/>
+
+        <RadioButton
+            ohos:id="$+id:radio_button_2"
+            ohos:height="40vp"
+            ohos:width="match_content"
+            ohos:text="Female"
+            ohos:text_size="20fp"/>
+
+        <!-- Add more radio buttons as needed -->
+
+    </RadioContainer>
+
+    <Button
+        ohos:id="$+id:button"
+        ohos:width="match_content"
+        ohos:height="match_content"
+        ohos:text_size="27fp"
+        ohos:layout_alignment="horizontal_center"
+        ohos:text="SignUp"
+        ohos:text_color="$ohos:color:id_color_bottom_tab_icon_auxcolor01_dark"
+        ohos:background_element="$graphic:capsule_button_element"
+        ohos:top_margin="40fp"
+        ohos:left_margin="0vp"
+        ohos:bottom_margin="15vp"
+        ohos:right_padding="15vp"
+        ohos:left_padding="15vp"
+        />
+</DirectionalLayout>
+</ScrollView>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/layout/ability_second.xml b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/layout/ability_second.xml
new file mode 100644
index 0000000..9fe77f3
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/layout/ability_second.xml	
@@ -0,0 +1,19 @@
+<?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:alignment="center"
+    ohos:orientation="vertical">
+
+    <Text
+        ohos:id="$+id:text_helloworld"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:background_element="$graphic:background_ability_second"
+        ohos:layout_alignment="horizontal_center"
+        ohos:text="$string:secondability_HelloWorld"
+        ohos:text_size="40vp"
+        />
+
+</DirectionalLayout>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/layout/ability_studentcard.xml b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/layout/ability_studentcard.xml
new file mode 100644
index 0000000..2d5a859
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/layout/ability_studentcard.xml	
@@ -0,0 +1,110 @@
+<?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">
+
+    <Text
+        ohos:id="$+id:text_IdCard"
+        ohos:height="match_content"
+        ohos:width="match_content"
+        ohos:background_element="$graphic:background_ability_main"
+        ohos:layout_alignment="horizontal_center"
+        ohos:text="Student Id Card"
+        ohos:top_margin="30fp"
+        ohos:text_size="40vp"
+        />
+
+    <DirectionalLayout
+        xmlns:ohos="http://schemas.huawei.com/res/ohos"
+        ohos:id="$+id:stack_layout"
+        ohos:height="330fp"
+        ohos:left_margin="15fp"
+        ohos:top_margin="80fp"
+        ohos:right_margin="15fp"
+
+        ohos:layout_alignment="horizontal_center"
+        ohos:background_element="$graphic:directinal_layout_card"
+        ohos:width="350fp">
+
+        <Text
+            ohos:id="$+id:user_info_roll"
+            ohos:height="match_content"
+            ohos:width="match_content"
+            ohos:text="Roll"
+            ohos:text_font="sans-serif-medium"
+            ohos:top_margin="5fp"
+            ohos:layout_alignment="center"
+            ohos:left_margin="0fp"
+            ohos:text_size="30fp"
+            ohos:text_color="#FF070707"
+            />
+
+        <Text
+            ohos:id="$+id:user_info_name_view"
+            ohos:height="match_content"
+            ohos:width="match_content"
+            ohos:text="Name:"
+            ohos:top_margin="20fp"
+            ohos:left_margin="10fp"
+            ohos:text_size="25fp"
+            ohos:text_color="#FF031B98"
+            />
+
+        <Text
+            ohos:id="$+id:user_info_name"
+            ohos:height="match_content"
+            ohos:width="match_content"
+            ohos:text="Name"
+            ohos:top_margin="0fp"
+            ohos:left_margin="10fp"
+            ohos:text_size="25fp"
+            ohos:text_color="#FFF2F3F8"
+            />
+
+        <Text
+            ohos:id="$+id:user_info_dept_view"
+            ohos:height="match_content"
+            ohos:width="match_content"
+            ohos:text="Department:"
+            ohos:top_margin="20fp"
+            ohos:left_margin="10fp"
+            ohos:text_size="25fp"
+            ohos:text_color="#FF031B98"
+            />
+
+        <Text
+            ohos:id="$+id:user_info_Department"
+            ohos:height="match_content"
+            ohos:width="match_content"
+            ohos:text="Department"
+            ohos:top_margin="0fp"
+            ohos:left_margin="10fp"
+            ohos:text_size="25fp"
+            ohos:text_color="#FFF7F7F8"
+            />
+
+        <Text
+            ohos:id="$+id:user_info_univ_view"
+            ohos:height="match_content"
+            ohos:width="match_content"
+            ohos:text="University:"
+            ohos:top_margin="20fp"
+            ohos:left_margin="10fp"
+            ohos:text_size="25fp"
+            ohos:text_color="#FF031B98"
+            />
+        <Text
+            ohos:id="$+id:user_info_university"
+            ohos:height="match_content"
+            ohos:width="match_content"
+            ohos:text="University"
+            ohos:top_margin="0fp"
+            ohos:left_margin="10fp"
+            ohos:text_size="25fp"
+            ohos:text_color="#FFF7F7FA"
+            />
+    </DirectionalLayout>
+
+</DirectionalLayout>
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/media/icon.png b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/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/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/media/icon.png differ
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/media/regis_back.jpg b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/media/regis_back.jpg
new file mode 100644
index 0000000..3374be2
Binary files /dev/null and b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/base/media/regis_back.jpg differ
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/en/element/string.json b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/en/element/string.json
new file mode 100644
index 0000000..e090e69
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/en/element/string.json	
@@ -0,0 +1,28 @@
+{
+  "string": [
+    {
+      "name": "entry_MainAbility",
+      "value": "entry_MainAbility"
+    },
+    {
+      "name": "mainability_description",
+      "value": "Java_Empty Ability"
+    },
+    {
+      "name": "mainability_HelloWorld",
+      "value": "Hello World"
+    },
+    {
+      "name": "entry_SecondAbility",
+      "value": "entry_SecondAbility"
+    },
+    {
+      "name": "secondability_description",
+      "value": "Java_Empty Ability"
+    },
+    {
+      "name": "secondability_HelloWorld",
+      "value": "Hello World"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/zh/element/string.json b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/zh/element/string.json
new file mode 100644
index 0000000..2a56671
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/main/resources/zh/element/string.json	
@@ -0,0 +1,28 @@
+{
+  "string": [
+    {
+      "name": "entry_MainAbility",
+      "value": "entry_MainAbility"
+    },
+    {
+      "name": "mainability_description",
+      "value": "Java_Empty Ability"
+    },
+    {
+      "name": "mainability_HelloWorld",
+      "value": "你好，世界"
+    },
+    {
+      "name": "entry_SecondAbility",
+      "value": "entry_SecondAbility"
+    },
+    {
+      "name": "secondability_description",
+      "value": "Java_Empty Ability"
+    },
+    {
+      "name": "secondability_HelloWorld",
+      "value": "你好，世界"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/ohosTest/java/com/example/asssignmentintent/ExampleOhosTest.java b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/ohosTest/java/com/example/asssignmentintent/ExampleOhosTest.java
new file mode 100644
index 0000000..a4df69b
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/ohosTest/java/com/example/asssignmentintent/ExampleOhosTest.java	
@@ -0,0 +1,14 @@
+package com.example.asssignmentintent;
+
+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.example.asssignmentintent", actualBundleName);
+    }
+}
\ No newline at end of file
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/test/java/com/example/asssignmentintent/ExampleTest.java b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/test/java/com/example/asssignmentintent/ExampleTest.java
new file mode 100644
index 0000000..a007d9d
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/entry/src/test/java/com/example/asssignmentintent/ExampleTest.java	
@@ -0,0 +1,9 @@
+package com.example.asssignmentintent;
+
+import org.junit.Test;
+
+public class ExampleTest {
+    @Test
+    public void onStart() {
+    }
+}
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/gradle.properties b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/gradle.properties
new file mode 100644
index 0000000..be49249
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/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/Vidya Akbar/AsssignmentIntent/gradle/wrapper/gradle-wrapper.jar b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/gradle/wrapper/gradle-wrapper.jar
new file mode 100644
index 0000000..490fda8
Binary files /dev/null and b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/gradle/wrapper/gradle-wrapper.jar differ
diff --git a/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/gradle/wrapper/gradle-wrapper.properties b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/gradle/wrapper/gradle-wrapper.properties
new file mode 100644
index 0000000..f59159e
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/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/Vidya Akbar/AsssignmentIntent/gradlew b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/gradlew
new file mode 100644
index 0000000..2fe81a7
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/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/Vidya Akbar/AsssignmentIntent/gradlew.bat b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/gradlew.bat
new file mode 100644
index 0000000..62bd9b9
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/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/Vidya Akbar/AsssignmentIntent/settings.gradle b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/settings.gradle
new file mode 100644
index 0000000..4773db7
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/AsssignmentIntent/settings.gradle	
@@ -0,0 +1 @@
+include ':entry'
diff --git a/UI_Components_and_Layouts/Vidya Akbar/Readme.md b/UI_Components_and_Layouts/Vidya Akbar/Readme.md
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/UI_Components_and_Layouts/Vidya Akbar/Readme.md	
@@ -0,0 +1 @@
+