Add files via upload

Amrita-TIFAC-Cyber-Blockchain · Jan 2, 2024 · 098d2a2 · 098d2a2
1 parent 1bc7fe8
commit 098d2a2
Show file tree

Hide file tree

Showing 23 changed files with 853 additions and 0 deletions.
diff --git a/Assignments/CB.EN.U4CYS22030/ui/html/Services.html b/Assignments/CB.EN.U4CYS22030/ui/html/Services.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Services</title>
+    <link rel="stylesheet" href="../styles/services.css">
+</head>
+<body>
+    <h1 class="x1">Our Services</h1>
+
+    <section>
+        <h2>Product Customization</h2>
+        <p>Transform Your Ideas into Reality</p>
+        <ul>
+            <li>How It Works:</li>
+            <ol>
+                <li>Choose a product category.</li>
+                <li>Use our intuitive Design Studio to personalize your item.</li>
+                <li>Select materials, colors, and sizes.</li>
+                <li>Place your order securely.</li>
+            </ol>
+            <li>Benefits:</li>
+            <ul>
+                <li>Unleash your creativity.</li>
+                <li>Design items that reflect your style.</li>
+                <li>Perfect for personalized gifts.</li>
+            </ul>
+            <li>Examples:</li>
+            <ul>
+                <li>Personalized t-shirts with custom artwork.</li>
+                <li>Customized mugs with names and photos.</li>
+                <li>Bespoke wall art for your home.</li>
+            </ul>
+            <li>Customization Options:</li>
+            <ul>
+                <li>Text and typography customization.</li>
+                <li>Image and graphics uploads.</li>
+                <li>Material and color selection.</li>
+            </ul>
+            <a href="#">Explore Product Customization</a>
+        </ul>
+    </section>
+
+    <section>
+        <h2>Design Studio</h2>
+        <p>Create with Ease</p>
+
+        <a href="#">Start Using the Design Studio</a>
+    </section>
+
+    <section>
+        <h2>Ordering Process</h2>
+        <p>Simple and Secure</p>
+
+        <a href="#">Explore Our Ordering Process</a>
+    </section>
+
+    <section>
+        <h2>Quality Assurance</h2>
+        <p>Premium Materials, Impeccable Craftsmanship</p>
+
+        <a href="#">Learn About Our Quality</a>
+    </section>
+
+
+</body>
+</html>
diff --git a/Assignments/CB.EN.U4CYS22030/ui/html/about.html b/Assignments/CB.EN.U4CYS22030/ui/html/about.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>About Us</title>
+    <link rel="stylesheet" href="../styles/about.css">
+</head>
+<body>
+    <header>
+        <h1>About Us</h1>
+    </header>
+
+    <section>
+        <h2>Our Story</h2>
+        <p>
+            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.
+        </p>
+
+        <h2>Our Mission</h2>
+        <p>
+            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.
+        </p>
+
+        <h2>Why Choose CustomizeIt?</h2>
+        <p>
+            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.
+        </p>
+    </section>
+
+    <footer>
+        <p>&copy; 2023 CustomizeIt. All rights reserved.</p>
+    </footer>
+</body>
+</html>
diff --git a/Assignments/CB.EN.U4CYS22030/ui/html/home.html b/Assignments/CB.EN.U4CYS22030/ui/html/home.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Home</title>
+</head>
+<link rel="stylesheet" href="../styles/home.css">
+<body>
+    <div class="x1">
+        <h1>CustomizeIt</h1>
+    </div>
+
+    <section class="hero">
+        <h1>Unleash Your Creativity</h1>
+        <p style="color: aqua;">Create Custom Products That Reflect Your Style</p>
+        <a href="#" class="cta-button">Start Designing</a>
+    </section>
+
+    <section class="features">
+        <div class="feature">
+            <img src="../img/383104-200.png" alt="Design Tools">
+            <h2>Design Studio</h2>
+            <p style="color: aqua;">Use our user-friendly design tools to bring your ideas to life.</p>
+        </div>
+        <div class="feature">
+            <img src="../img/1515880-200.png" alt="Custom Products">
+            <h2>Custom Products</h2>
+            <p style="color: aqua;">Personalize clothing, accessories, home decor, and more.</p>
+        </div>
+        <div class="feature">
+            <img src="../img/3592848-200.png" alt="Fast Shipping">
+            <h2>Fast Shipping</h2>
+            <p style="color: aqua;">Get your customized products delivered quickly and securely.</p>
+        </div>
+    </section>
+
+    <section class="testimonial">
+        <blockquote>
+            "I love the ability to create unique designs on their platform. It's so easy to use!"
+        </blockquote>
+        <cite>- Sarah D.</cite>
+    </section>
+
+    <section class="cta">
+        <h2>Ready to Get Started?</h2>
+        <p>Create your custom masterpiece today.</p>
+        <a href="#" class="cta-button">Start Designing Now</a>
+    </section>
+
+    <footer>
+        <p>&copy; 2023 CustomizeIt. All rights reserved.</p>
+    </footer>
+</body>
+</html>
diff --git a/Assignments/CB.EN.U4CYS22030/ui/html/logout.htm b/Assignments/CB.EN.U4CYS22030/ui/html/logout.htm
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+        body {
+            background-image: url(../img/pexels-stephan-seeber-1261728.jpg);
+            background-size: 100%;
+            background-repeat: no-repeat;
+            height: 100vh;
+            background-position: center;
+        }
+    </style>
+</head>
+<body>    
+</body>
+</html>
diff --git a/Assignments/CB.EN.U4CYS22030/ui/html/main.html b/Assignments/CB.EN.U4CYS22030/ui/html/main.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>UIUX</title>
+    <link rel="stylesheet" href="../styles/main.css">
+</head>
+<body>
+    <div>
+        <ul>
+            <li><a href="../html/home.html">Home</a></li>
+            <li><a href="../html/Services.html">Services</a></li>
+            <li><a href="../html/about.html">About</a></li>
+            <li><a href="../index.html">Log Out</a></li>
+        </ul>
+    </div>
+    <div style="text-align: center;" class="x1">
+        <marquee behavior="alternate" direction="left">CustomizeIt</marquee>
+
+        <br>
+        <br>
+        <br>
+        <div style="text-align: center;">
+            <img src="../img/index-removebg-preview.png">
+        </div>
+    </div>
+    <br>
+    <br>
+    <br>
+
+
+    <section>
+        <p style="text-align: center;">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!</p>
+    </section>
+    <footer>
+        <p>&copy; 2023 CustomizeIt. All rights reserved.<br>Copyright:Hemanth,Jose</p>
+    </footer>
+</body>
+</html>
diff --git a/Assignments/CB.EN.U4CYS22030/ui/html/signinpage.html b/Assignments/CB.EN.U4CYS22030/ui/html/signinpage.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Sign In</title>
+    <link rel="stylesheet" href="../styles/signinpage.css">
+</head>
+<body>
+    <form id="signinForm">
+        <div style="text-align: center;">
+            <h2 style="color: #333;">Sign In Page</h2>
+        </div>
+
+        <label for="signinUsername">Enter Username</label>
+        <input type="text" id="signinUsername" placeholder="hemanth_2503">
+
+        <label for="signinPassword">Enter Password:</label>
+        <input type="password" id="signinPassword" placeholder="abc@123">
+
+        <input type="submit" value="Continue">
+    </form>
+
+    <script src="../script/signinpage.js">
+
+    </script>
+</body>
+</html>
diff --git a/Assignments/CB.EN.U4CYS22030/ui/html/signuppage.html b/Assignments/CB.EN.U4CYS22030/ui/html/signuppage.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Sign Up</title>
+    <link rel="stylesheet" href="../styles/signuppage.css">
+</head>
+<body>
+    <form id="signupForm">
+        <div style="text-align: center;">
+            <h2 style="color: #333;">Sign Up Page</h2>
+        </div>
+
+        <label for="username">Create Username</label>
+        <input type="text" id="username" placeholder="hemanth_2503">
+
+
+
+        <label for="age">Enter your age</label>
+        <input type="date" id="age">
+
+        <label for="password">Create Password:</label>
+        <input type="password" id="password" placeholder="abc@123">
+
+        <label for="confirmPassword">Re-enter Password:</label>
+        <input type="password" id="confirmPassword" placeholder="abc@123">
+
+        <input type="submit" value="Continue">
+    </form>
+
+    <script src="../script/signuppage.js">
+
+    </script>
+</body>
+</html>
diff --git a/Assignments/CB.EN.U4CYS22030/ui/img/1515880-200.png b/Assignments/CB.EN.U4CYS22030/ui/img/1515880-200.png
diff --git a/Assignments/CB.EN.U4CYS22030/ui/img/3592848-200.png b/Assignments/CB.EN.U4CYS22030/ui/img/3592848-200.png
diff --git a/Assignments/CB.EN.U4CYS22030/ui/img/383104-200.png b/Assignments/CB.EN.U4CYS22030/ui/img/383104-200.png
diff --git a/Assignments/CB.EN.U4CYS22030/ui/img/index-removebg-preview.png b/Assignments/CB.EN.U4CYS22030/ui/img/index-removebg-preview.png
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
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
diff --git a/Assignments/CB.EN.U4CYS22030/ui/index.html b/Assignments/CB.EN.U4CYS22030/ui/index.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <link rel="stylesheet" href="styles/index.css">
+<meta charset="UTF-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Welcome</title>
+<body>
+    <br>
+    <br>
+    <br>
+
+    <div style="text-align: center;" class="x1">CustomizeIt
+
+    </div>
+    <br>
+    <br>
+    <br>
+    <div style="text-align: center;">
+    <img src="img/index-removebg-preview.png">
+    </div>
+    <br>
+    <br>
+    <br>
+    <br>
+    <div style="text-align: center;">
+        <ul >
+            <li><a href="html/signuppage.html">Click here to sign up</a></li>
+            <li><a href="html/signinpage.html">Click here to sign in</a></li>
+        </ul>
+    </div>
+
+    <br>
+
+
+</body>
+</head>
+</html>
diff --git a/Assignments/CB.EN.U4CYS22030/ui/script/signinpage.js 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;
+            }
+        }
diff --git a/Assignments/CB.EN.U4CYS22030/ui/script/signuppage.js 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;
+        }