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

+ +
+ +
+

Design Studio

+

Create with Ease

+ + Start Using the Design Studio +
+ +
+

Ordering Process

+

Simple and Secure

+ + Explore Our Ordering Process +
+ +
+

Quality Assurance

+

Premium Materials, Impeccable Craftsmanship

+ + Learn About Our Quality +
+ + + + 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 + + + +
+

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 Tools +

Design Studio

+

Use our user-friendly design tools to bring your ideas to life.

+
+
+ Custom Products +

Custom Products

+

Personalize clothing, accessories, home decor, and more.

+
+
+ Fast Shipping +

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. +
+ +
+

Ready to Get Started?

+

Create your custom masterpiece today.

+ Start Designing Now +
+ + + + \ 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 + + + +
+
+

Sign In Page

+
+ + + + + + + + +
+ + + + 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 + + + +
+
+

Sign Up Page

+
+ + + + + + + + + + + + + + + + +
+ + + + 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