diff --git a/Assignments/CB.EN.U4CYS22030/ui/html/Services.html b/Assignments/CB.EN.U4CYS22030/ui/html/Services.html
new file mode 100644
index 00000000..f8ed7d20
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22030/ui/html/Services.html
@@ -0,0 +1,68 @@
+
+
+
+
+
+ Services
+
+
+
+ Our Services
+
+
+ Product Customization
+ Transform Your Ideas into Reality
+
+ How It Works:
+
+ Choose a product category.
+ Use our intuitive Design Studio to personalize your item.
+ Select materials, colors, and sizes.
+ Place your order securely.
+
+ Benefits:
+
+ Unleash your creativity.
+ Design items that reflect your style.
+ Perfect for personalized gifts.
+
+ Examples:
+
+ Personalized t-shirts with custom artwork.
+ Customized mugs with names and photos.
+ Bespoke wall art for your home.
+
+ Customization Options:
+
+ Text and typography customization.
+ Image and graphics uploads.
+ Material and color selection.
+
+ Explore Product Customization
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Assignments/CB.EN.U4CYS22030/ui/html/about.html b/Assignments/CB.EN.U4CYS22030/ui/html/about.html
new file mode 100644
index 00000000..c94b6859
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22030/ui/html/about.html
@@ -0,0 +1,35 @@
+
+
+
+
+
+ About Us
+
+
+
+
+
+
+ Our Story
+
+ Welcome to CustomizeIt, where creativity meets innovation! We started this journey with a simple yet powerful idea: to provide a platform for individuals and businesses to bring their creative visions to life.
+
+
+ Our Mission
+
+ At CustomizeIt, we are on a mission to empower everyone to express themselves through personalized products. Whether you're looking to create unique gifts, promote your brand, or add a personal touch to your everyday items, we've got the tools and services you need.
+
+
+ Why Choose CustomizeIt?
+
+ What sets CustomizeIt apart is our commitment to quality, user-friendly design tools, and a wide range of customization options. Our platform is designed to make the creative process enjoyable and accessible to all, ensuring that your ideas come to life exactly as you envision them.
+
+
+
+
+
+
diff --git a/Assignments/CB.EN.U4CYS22030/ui/html/home.html b/Assignments/CB.EN.U4CYS22030/ui/html/home.html
new file mode 100644
index 00000000..d118ac6f
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22030/ui/html/home.html
@@ -0,0 +1,55 @@
+
+
+
+
+
+ Home
+
+
+
+
+
CustomizeIt
+
+
+
+ Unleash Your Creativity
+ Create Custom Products That Reflect Your Style
+ Start Designing
+
+
+
+
+
+
Design Studio
+
Use our user-friendly design tools to bring your ideas to life.
+
+
+
+
Custom Products
+
Personalize clothing, accessories, home decor, and more.
+
+
+
+
Fast Shipping
+
Get your customized products delivered quickly and securely.
+
+
+
+
+
+ "I love the ability to create unique designs on their platform. It's so easy to use!"
+
+ - Sarah D.
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Assignments/CB.EN.U4CYS22030/ui/html/logout.htm b/Assignments/CB.EN.U4CYS22030/ui/html/logout.htm
new file mode 100644
index 00000000..19254396
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22030/ui/html/logout.htm
@@ -0,0 +1,19 @@
+
+
+
+
+
+ Document
+
+
+
+
+
\ No newline at end of file
diff --git a/Assignments/CB.EN.U4CYS22030/ui/html/main.html b/Assignments/CB.EN.U4CYS22030/ui/html/main.html
new file mode 100644
index 00000000..5de94e47
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22030/ui/html/main.html
@@ -0,0 +1,40 @@
+
+
+
+
+
+ UIUX
+
+
+
+
+
+
CustomizeIt
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Welcome to CustomizeIt, your go-to platform for creating and ordering customizable products. Whether you're looking for personalized merchandise, unique gifts, or branded items for your business, we've got you covered. Our user-friendly design interface allows you to unleash your creativity and bring your ideas to life. Explore our services and start customizing today!
+
+
+
+
diff --git a/Assignments/CB.EN.U4CYS22030/ui/html/signinpage.html b/Assignments/CB.EN.U4CYS22030/ui/html/signinpage.html
new file mode 100644
index 00000000..16e4faf6
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22030/ui/html/signinpage.html
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+ Sign In
+
+
+
+
+
+
+
+
diff --git a/Assignments/CB.EN.U4CYS22030/ui/html/signuppage.html b/Assignments/CB.EN.U4CYS22030/ui/html/signuppage.html
new file mode 100644
index 00000000..7e959965
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22030/ui/html/signuppage.html
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+ Sign Up
+
+
+
+
+
+
+
+
diff --git a/Assignments/CB.EN.U4CYS22030/ui/img/1515880-200.png b/Assignments/CB.EN.U4CYS22030/ui/img/1515880-200.png
new file mode 100644
index 00000000..902a75a8
Binary files /dev/null and b/Assignments/CB.EN.U4CYS22030/ui/img/1515880-200.png differ
diff --git a/Assignments/CB.EN.U4CYS22030/ui/img/3592848-200.png b/Assignments/CB.EN.U4CYS22030/ui/img/3592848-200.png
new file mode 100644
index 00000000..360dc423
Binary files /dev/null and b/Assignments/CB.EN.U4CYS22030/ui/img/3592848-200.png differ
diff --git a/Assignments/CB.EN.U4CYS22030/ui/img/383104-200.png b/Assignments/CB.EN.U4CYS22030/ui/img/383104-200.png
new file mode 100644
index 00000000..211c2496
Binary files /dev/null and b/Assignments/CB.EN.U4CYS22030/ui/img/383104-200.png differ
diff --git a/Assignments/CB.EN.U4CYS22030/ui/img/index-removebg-preview.png b/Assignments/CB.EN.U4CYS22030/ui/img/index-removebg-preview.png
new file mode 100644
index 00000000..cd601e6e
Binary files /dev/null and b/Assignments/CB.EN.U4CYS22030/ui/img/index-removebg-preview.png differ
diff --git a/Assignments/CB.EN.U4CYS22030/ui/img/luke-chesser-eICUFSeirc0-unsplash.jpg b/Assignments/CB.EN.U4CYS22030/ui/img/luke-chesser-eICUFSeirc0-unsplash.jpg
new file mode 100644
index 00000000..c9415a54
Binary files /dev/null and b/Assignments/CB.EN.U4CYS22030/ui/img/luke-chesser-eICUFSeirc0-unsplash.jpg differ
diff --git a/Assignments/CB.EN.U4CYS22030/ui/img/pexels-stephan-seeber-1261728.jpg b/Assignments/CB.EN.U4CYS22030/ui/img/pexels-stephan-seeber-1261728.jpg
new file mode 100644
index 00000000..a1d7ccd8
Binary files /dev/null and b/Assignments/CB.EN.U4CYS22030/ui/img/pexels-stephan-seeber-1261728.jpg differ
diff --git a/Assignments/CB.EN.U4CYS22030/ui/index.html b/Assignments/CB.EN.U4CYS22030/ui/index.html
new file mode 100644
index 00000000..9cbec9a6
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22030/ui/index.html
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+
+Welcome
+
+
+
+
+
+ CustomizeIt
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Assignments/CB.EN.U4CYS22030/ui/script/signinpage.js b/Assignments/CB.EN.U4CYS22030/ui/script/signinpage.js
new file mode 100644
index 00000000..65818394
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22030/ui/script/signinpage.js
@@ -0,0 +1,27 @@
+ document.getElementById('signinForm').addEventListener('submit', function (event) {
+ event.preventDefault();
+ if (validateSignIn()) {
+ alert('Login successful!');
+
+ window.location.href = '../html/main.html';
+ } else {
+ alert('Login failed. Please check your username and password.');
+ }
+ });
+
+ function validateSignIn() {
+
+ var username = document.getElementById('signinUsername').value;
+ var password = document.getElementById('signinPassword').value;
+
+
+ var validUsername = 'hemanth_2503';
+ var validPassword = 'abc@123';
+
+
+ if (username === validUsername && password === validPassword) {
+ return true;
+ } else {
+ return true;
+ }
+ }
\ No newline at end of file
diff --git a/Assignments/CB.EN.U4CYS22030/ui/script/signuppage.js b/Assignments/CB.EN.U4CYS22030/ui/script/signuppage.js
new file mode 100644
index 00000000..228cc2a0
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22030/ui/script/signuppage.js
@@ -0,0 +1,30 @@
+ document.getElementById('signupForm').addEventListener('submit', function (event) {
+ event.preventDefault();
+ if (validateSignUp()) {
+
+ window.location.href = '../html/signinpage.html';
+ }
+ });
+
+ function validateSignUp() {
+
+ var username = document.getElementById('username').value;
+
+ var age = document.getElementById('age').value;
+ var password = document.getElementById('password').value;
+ var confirmPassword = document.getElementById('confirmPassword').value;
+
+ if (!username || !age || !password || !confirmPassword) {
+ alert('Please fill out all fields.');
+ return false;
+ }
+
+ if (password !== confirmPassword) {
+ alert('Passwords do not match.');
+ return false;
+ }
+
+
+
+ return true;
+ }
\ No newline at end of file
diff --git a/Assignments/CB.EN.U4CYS22030/ui/styles/about.css b/Assignments/CB.EN.U4CYS22030/ui/styles/about.css
new file mode 100644
index 00000000..24765245
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22030/ui/styles/about.css
@@ -0,0 +1,37 @@
+ body {
+ background-image: url(../img/pexels-stephan-seeber-1261728.jpg);
+ background-size: cover;
+ background-repeat: no-repeat;
+ height: 100vh;
+ margin: 0;
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ color: aliceblue;
+ }
+
+ header {
+ text-align: center;
+ margin-top: 50px;
+ }
+
+ section {
+ background-color: rgba(0, 0, 0, 0.7);
+ padding: 20px;
+ margin: 20px;
+ border-radius: 10px;
+ }
+
+ p {
+ font-size: 1.2em;
+ line-height: 1.6;
+ }
+
+ footer {
+ text-align: center;
+ background-color: #007BFF;
+ color: white;
+ padding: 15px 0;
+ font-size: 14px;
+ position: fixed;
+ bottom: 0;
+ width: 100%;
+ }
\ No newline at end of file
diff --git a/Assignments/CB.EN.U4CYS22030/ui/styles/home.css b/Assignments/CB.EN.U4CYS22030/ui/styles/home.css
new file mode 100644
index 00000000..7be92ab9
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22030/ui/styles/home.css
@@ -0,0 +1,172 @@
+ body{
+ background-image:url(../img/pexels-stephan-seeber-1261728.jpg);
+ background-size: 200%;
+ background-repeat: no-repeat;
+ height: 100vh;
+ background-position: center;
+ }
+
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ color: aliceblue;
+}
+
+
+body {
+ font-family: Arial, sans-serif;
+ background-color: #f5f5f5;
+}
+
+
+header {
+ background-color: #007BFF;
+ color: white;
+ padding: 20px 0;
+}
+
+nav {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ max-width: 1200px;
+ margin: 0 auto;
+ padding: 0 20px;
+}
+
+.logo h1 {
+ font-size: 24px;
+}
+
+.nav-links li {
+ list-style: none;
+ display: inline;
+ margin-left: 20px;
+}
+
+.nav-links a {
+ text-decoration: none;
+ color: white;
+}
+
+
+.hero {
+ background-image: url('../img/hero-background.jpg');
+ background-size: cover;
+ background-position: center;
+ text-align: center;
+ padding: 150px 0;
+}
+
+.hero h1 {
+ font-size: 36px;
+ font-weight: bold;
+ margin-bottom: 20px;
+}
+
+.hero p {
+ font-size: 18px;
+ margin-bottom: 40px;
+}
+
+.cta-button {
+ display: inline-block;
+ padding: 10px 20px;
+ background-color: #007BFF;
+ color: white;
+ text-decoration: none;
+ font-weight: bold;
+ border-radius: 5px;
+ transition: background-color 0.3s;
+}
+
+.cta-button:hover {
+ background-color: #0056b3;
+}
+
+
+.features {
+ max-width: 1200px;
+ margin: 0 auto;
+ padding: 40px 0;
+ display: flex;
+ justify-content: space-around;
+}
+
+.feature {
+ text-align: center;
+ margin: 0 20px;
+}
+
+.feature img {
+ width: 80px;
+ height: 80px;
+ margin-bottom: 20px;
+}
+
+.feature h2 {
+ font-size: 24px;
+ margin-bottom: 10px;
+}
+
+.feature p {
+ font-size: 16px;
+ color: #555;
+}
+
+
+.testimonial {
+ background-color: white;
+ max-width: 1200px;
+ margin: 0 auto;
+ padding: 40px;
+ border-radius: 5px;
+ box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+ text-align: center;
+}
+
+blockquote {
+ font-style: italic;
+ font-size: 18px;
+ color: #555;
+ margin-bottom: 20px;
+}
+
+cite {
+ font-weight: bold;
+ font-size: 16px;
+ color:#555;
+}
+
+.cta {
+ text-align: center;
+ padding: 80px 0;
+}
+
+.cta h2 {
+ font-size: 32px;
+ font-weight: bold;
+ margin-bottom: 20px;
+}
+
+.cta p {
+ font-size: 18px;
+ color: aqua;
+ margin-bottom: 40px;
+}
+
+
+footer {
+ text-align: center;
+ background-color: #007BFF;
+ color: white;
+ padding: 10px 0;
+}
+.x1{
+ font-size:300%;
+ font-weight: bold;
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+ color: white;
+ text-align: center;
+}
diff --git a/Assignments/CB.EN.U4CYS22030/ui/styles/index.css b/Assignments/CB.EN.U4CYS22030/ui/styles/index.css
new file mode 100644
index 00000000..515209d5
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22030/ui/styles/index.css
@@ -0,0 +1,46 @@
+*{
+ margin: 0%;
+ padding: 0%;
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}
+body{
+background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url('../img/pexels-stephan-seeber-1261728.jpg');
+ background-size: 100%;
+ background-repeat: no-repeat;
+ height: 100vh;
+ background-position: center;
+}
+.x1{
+font-size:300%;
+font-weight: bold;
+font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+color: white;
+}
+div{
+font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+color: white;
+}
+img{
+width: 200px;
+border-radius: 100px;
+background-color: transparent;
+}
+
+
+ul{
+list-style-type: none;
+
+}
+ul li{
+display:inline-block;
+}
+ul li a{
+ color: white;
+ padding: 5px 20px;
+ border: 1px solid white ;
+ transition: 0.4s ease-in-out;
+}
+ul li a:hover{
+ background-color: white;
+ color:black;
+}
\ No newline at end of file
diff --git a/Assignments/CB.EN.U4CYS22030/ui/styles/main.css b/Assignments/CB.EN.U4CYS22030/ui/styles/main.css
new file mode 100644
index 00000000..99b39cdd
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22030/ui/styles/main.css
@@ -0,0 +1,62 @@
+body {
+ background-image: url(../img/pexels-stephan-seeber-1261728.jpg);
+ background-size: 100%;
+ background-repeat: no-repeat;
+ height: 100vh;
+ background-position: center;
+ }
+
+ img {
+ width: 200px;
+ border-radius: 100px;
+ background-color: transparent;
+ }
+
+ .x1 {
+ font-size: 300%;
+ font-weight: bold;
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+ color: white;
+ }
+
+ ul {
+ float: right;
+ list-style-type: none;
+ margin-top: 25px;
+ }
+
+ ul li {
+ display: inline-block;
+ }
+
+ ul li a {
+ color: white;
+ padding: 5px 20px;
+ border: 1px solid white;
+ transition: 0.4s ease-in-out;
+ }
+
+ ul li a:hover {
+ background-color: white;
+ color: black;
+ }
+
+ footer {
+ text-align: center;
+ background-color: #007BFF;
+ color: white;
+ padding: 5px 0;
+ font-size: 14px;
+
+ }
+ p{
+ color: white;
+ font-size: 150%;
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+ }
+ section {
+ background-color: rgba(0, 0, 0, 0.7);
+ padding: 20px;
+ margin: 20px;
+ border-radius: 10px;
+ }
\ No newline at end of file
diff --git a/Assignments/CB.EN.U4CYS22030/ui/styles/services.css b/Assignments/CB.EN.U4CYS22030/ui/styles/services.css
new file mode 100644
index 00000000..74c032ef
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22030/ui/styles/services.css
@@ -0,0 +1,59 @@
+ body {
+ background-image: url(../img/pexels-stephan-seeber-1261728.jpg);
+ background-size: 150%;
+ background-repeat: no-repeat;
+ height: 100vh;
+ margin: 0;
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ color: aliceblue;
+ }
+
+ .x1 {
+ font-size: 3em;
+ font-weight: bold;
+ text-align: center;
+ margin-top: 50px;
+ }
+
+ section {
+ background-color: rgba(0, 0, 0, 0.7);
+ padding: 20px;
+ margin: 20px;
+ border-radius: 10px;
+ }
+
+ h2 {
+ color: #007BFF;
+ margin-bottom: 10px;
+ }
+
+ p {
+ font-size: 1.2em;
+ margin-bottom: 15px;
+ }
+
+ ul {
+ list-style-type: none;
+ padding: 0;
+ }
+
+ ol, ul {
+ margin-top: 10px;
+ margin-bottom: 20px;
+ }
+
+ li {
+ margin-bottom: 8px;
+ }
+
+ a {
+ color: #007BFF;
+ text-decoration: none;
+ font-weight: bold;
+ display: block;
+ margin-top: 15px;
+ }
+
+ a:hover {
+ color: #0056b3;
+ }
\ No newline at end of file
diff --git a/Assignments/CB.EN.U4CYS22030/ui/styles/signinpage.css b/Assignments/CB.EN.U4CYS22030/ui/styles/signinpage.css
new file mode 100644
index 00000000..426ab3f7
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22030/ui/styles/signinpage.css
@@ -0,0 +1,49 @@
+ body {
+ margin: 0;
+ padding: 0;
+ font-family: 'Segoe UI', Roboto, sans-serif;
+ background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(../img/pexels-stephan-seeber-1261728.jpg);
+ background-size: cover;
+ background-repeat: no-repeat;
+ height: 100vh;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ form {
+ background: rgba(255, 255, 255, 0.8);
+ padding: 20px;
+ border-radius: 8px;
+ text-align: center;
+ }
+
+ label {
+ display: block;
+ margin: 10px 0;
+ color: #333;
+ }
+
+ input {
+ width: 100%;
+ padding: 8px;
+ margin-bottom: 15px;
+ box-sizing: border-box;
+ }
+
+ input[type="submit"] {
+ background-color: #4CAF50;
+ color: white;
+ border: none;
+ padding: 10px 20px;
+ text-align: center;
+ text-decoration: none;
+ display: inline-block;
+ font-size: 16px;
+ cursor: pointer;
+ border-radius: 4px;
+ }
+
+ input[type="submit"]:hover {
+ background-color: #45a049;
+ }
\ No newline at end of file
diff --git a/Assignments/CB.EN.U4CYS22030/ui/styles/signuppage.css b/Assignments/CB.EN.U4CYS22030/ui/styles/signuppage.css
new file mode 100644
index 00000000..426ab3f7
--- /dev/null
+++ b/Assignments/CB.EN.U4CYS22030/ui/styles/signuppage.css
@@ -0,0 +1,49 @@
+ body {
+ margin: 0;
+ padding: 0;
+ font-family: 'Segoe UI', Roboto, sans-serif;
+ background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(../img/pexels-stephan-seeber-1261728.jpg);
+ background-size: cover;
+ background-repeat: no-repeat;
+ height: 100vh;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ form {
+ background: rgba(255, 255, 255, 0.8);
+ padding: 20px;
+ border-radius: 8px;
+ text-align: center;
+ }
+
+ label {
+ display: block;
+ margin: 10px 0;
+ color: #333;
+ }
+
+ input {
+ width: 100%;
+ padding: 8px;
+ margin-bottom: 15px;
+ box-sizing: border-box;
+ }
+
+ input[type="submit"] {
+ background-color: #4CAF50;
+ color: white;
+ border: none;
+ padding: 10px 20px;
+ text-align: center;
+ text-decoration: none;
+ display: inline-block;
+ font-size: 16px;
+ cursor: pointer;
+ border-radius: 4px;
+ }
+
+ input[type="submit"]:hover {
+ background-color: #45a049;
+ }
\ No newline at end of file