Scribd
Upload
20 views

IT430 Assignment 1 Correct Solution Spring 2025

The document outlines the assignment instructions for IT430, requiring students to create an HTML webpage for E-store exclusive signups, including specific elements like a text box for email, a dropdown for product categories, and a submit button. It provides a sample HTML code and emphasizes the importance of originality in submissions. The due date for the assignment is May 2, 2025, and it includes contact information for further assistance.

Uploaded by

saminarani4595
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
20 views

IT430 Assignment 1 Correct Solution Spring 2025

The document outlines the assignment instructions for IT430, requiring students to create an HTML webpage for E-store exclusive signups, including specific elements like a text box for email, a dropdown for product categories, and a submit button. It provides a sample HTML code and emphasizes the importance of originality in submissions. The due date for the assignment is May 2, 2025, and it includes contact information for further assistance.

Uploaded by

saminarani4595
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 7

MORE SOLUTIONS, HANDOUTS AND PAST PAPERS FREELY VISIT

VUAnswer.pk

IT430 ASSIGNMENT 1 SOLUTION SPRING 2025

Due Date: 2-May-2025


Total Marks: 15

Join Group for Free [Assignments, GDBs, Quizzes] Solution Files


https://chat.whatsapp.com/Bto6NP8Af6h1Sz3Z2O7dUK

DO NOT COPY PASTE THE SAME SOLUTION

Assignment Submission Instruction:

Students are supposed to write HTML code in editor (only in this inline Mode) that shows
output page like above images and marks will be awarded based on correct html tags etc.

Question

Suppose you are working as a Web Designer in a company that primarily handles E-commerce
projects, and you are asked to create a concise small webpage using HTML (same like below
images) that allows users to sign up for exclusive E-store updates and offers. Your webpage
should include the following elements:

Heading:
"E-store Exclusive Signup"

Form:
Write a HTML code for form that includes the following elements:

FOR PAID ASSIGNMENTS CORRECT SOLUTION

WhatsApp: +923162965677
MORE SOLUTIONS, HANDOUTS AND PAST PAPERS FREELY VISIT

VUAnswer.pk
 A text box for the user to enter their email address.
 A drop-down menu where the user can select their favorite product category (e.g.,
Electronics, Fashion, Home & Kitchen, Sports, Beauty & Health).
 A submit button labeled "Join Now".

Make sure to organize the form elements neatly and provide appropriate labels for each field like
below images.

SOLUTION

CODE

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>E-store Exclusive Signup</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
display: flex;
justify-content: center;

FOR PAID ASSIGNMENTS CORRECT SOLUTION

WhatsApp: +923162965677
MORE SOLUTIONS, HANDOUTS AND PAST PAPERS FREELY VISIT

VUAnswer.pk
align-items: center;
height: 100vh;
background-color: #f4f4f4;
}
.container {
background-color: white;
padding: 30px;
border-radius: 8px;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
width: 300px;
text-align: center;
}
h1 {
font-size: 24px;
margin-bottom: 20px;
font-weight: bold;
}
label {
font-size: 16px;
margin-bottom: 10px;
display: block;
text-align: left;
}

FOR PAID ASSIGNMENTS CORRECT SOLUTION

WhatsApp: +923162965677
MORE SOLUTIONS, HANDOUTS AND PAST PAPERS FREELY VISIT

VUAnswer.pk
input[type="email"], select, input[type="submit"] {
width: 100%;
padding: 12px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 14px;
}
input[type="submit"] {
background-color: #4CAF50;
color: white;
border: none;
cursor: pointer;
}
input[type="submit"]:hover {
background-color: #45a049;
}
select {
padding: 10px;
}
</style>
</head>
<body>

FOR PAID ASSIGNMENTS CORRECT SOLUTION

WhatsApp: +923162965677
MORE SOLUTIONS, HANDOUTS AND PAST PAPERS FREELY VISIT

VUAnswer.pk
<div class="container">
<h1>E-store Exclusive Signup</h1>
<form action="#" method="POST">
<label for="email">Email Address:</label>
<input type="email" id="email" name="email" placeholder="Enter your email" required>

<label for="category">Favorite Product Category:</label>


<select id="category" name="category" required>
<option value="">--Select Category--</option>
<option value="electronics">Electronics</option>
<option value="fashion">Fashion</option>
<option value="home-kitchen">Home & Kitchen</option>
<option value="sports">Sports</option>
<option value="beauty-health">Beauty & Health</option>
</select>

<input type="submit" value="Join Now">


</form>
</div>
</body>
</html>

FOR PAID ASSIGNMENTS CORRECT SOLUTION

WhatsApp: +923162965677
MORE SOLUTIONS, HANDOUTS AND PAST PAPERS FREELY VISIT

VUAnswer.pk
OUTPUT SCREENSHOT

FOR PAID ASSIGNMENTS CORRECT SOLUTION

WhatsApp: +923162965677
MORE SOLUTIONS, HANDOUTS AND PAST PAPERS FREELY VISIT

VUAnswer.pk

REGARD - SARIM
WHATSAPP +923162965677

PLEASE NOTE:
Don't copy-paste the same answer.
Make sure you can make some changes to your solution file before
submitting copy paste solution will be marked zero.
If you found any mistake then correct yourself and inform me.
Before submitting an assignment must check your assignment requirement
file.
If you need some help or question about file and solutions feel free to ask.

FOR FREE ASSIGNMENTS SOLUTIONS VISIT

VUAnswer.pk

FOR PAID ASSIGNMENTS CORRECT SOLUTION

WhatsApp: +923162965677

You might also like