0% found this document useful (0 votes)
18 views57 pages

Mitul Kapoor Ecomm File

1. The document is a questionnaire form asking for a user's name, email, phone, gender, age, occupation, preferred sports brand, usage of Puma products, and opinion on Puma product pricing. 2. The form uses radio button inputs for multiple choice questions about demographic information, preferences, and opinions. 3. Questions include gender, age range, occupation, favorite sports brand, usage history of Puma, and thoughts on Puma product pricing.

Uploaded by

Mitul Kapoor
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
0% found this document useful (0 votes)
18 views57 pages

Mitul Kapoor Ecomm File

1. The document is a questionnaire form asking for a user's name, email, phone, gender, age, occupation, preferred sports brand, usage of Puma products, and opinion on Puma product pricing. 2. The form uses radio button inputs for multiple choice questions about demographic information, preferences, and opinions. 3. Questions include gender, age range, occupation, favorite sports brand, usage history of Puma, and thoughts on Puma product pricing.

Uploaded by

Mitul Kapoor
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/ 57

E-Commerce Lab File

Submitted in partial fulfillment of requirement of Bachelor of


Commerce (B.COM)

B.COM VI Semester (Morning)


Batch 2020-2023
Submitted to: Submitted by:
Dr. Prashant Kumar Mitul Kapoor
H.O.D 03214188820

JAGANNATH INTERNATIONAL MANAGEMENT SCHOOL,


KALKAJI

1
STUDENT’S UNDERTAKING

I, Mitul Kapoor, being a student of B.Com.(H) 6th semester of JAGANNATH


INTERNATIONAL MANAGEMENT SCHOOL, KALKAJI hereby declare that
the Practical file is written and submitted by me under guidance of Dr. Prashant
Kumar, is my original work. All care has been taken to keep this report error free
and I sincerely regret for any unintended discrepancies that might have crept
into this report. I shall be highly obliged if errors (if any) be brought to my
attention. The matter embodied in this report has not been submitted by me for
award of any other degree.

Mitul Kapoor

[B.COM(H) Semester 6]

Batch: 2020-23

Enrollment No. 03214188820

2
ACKNOWLEDGEMENT

Any accomplishment requires the effort of many people, and this work is no
different. Racing against time and fast approaching deadlines, the fact that I
was able to complete this practical file on time would not have been possible
without the help and support of many people. I thank all of them whose patience
and support were very instrumental.

I also thank them for making me learn the ethics and culture of corporate world.
The kind of value addition that I have done to my existing knowledge base is
exceptional and I will cherish all these moments throughout my life. It gives me
immense pleasure in mentioning the name of my guide Dr. Prashant Kumar
who is helping hand led to the completion of my practical file.

I would also like to thank my family and friends for providing me with monetary
as well as nonmonetary support, as and when required. Their trust patience is
now coming out in form of this.

Last but not the least; I would like to thank all of them who directly or indirectly
helped me in completing this practical file that will go a long way in my career,
the practical file is knowledgeable and worth cherishing.

Name: Mitul Kapoor

Enrollment No.: 03214188820

3
CONTENTS

S.no Description Page No.


1 Student’s Undertaking 2

2 Acknowledgement 3

3 Resume 5

4 Glossary 7

5 Questionnaire 9

6 Book Order Form 13

7 School Admission Form 15

8 Time Table 18

9 Cricket Match Scorecard 20

10 Marksheet 24

11 Email Registration Form 28

12 Calendar 30

13 Chessboard 45

14 Mailbox 48

15 Website 55

4
RESUME

OUTPUT:

INPUT:

<html>
<head>
<title>resume</title>
</head>
<body>
<h1> Mitul Kapoor</h1>
<h7>Delhi,India</h7>
<br><img src="mail.jpg" height=4% width=4%>mitulkapoor4@gmail.com
<br><img src="linkedin.jpg" height=4% width=4%><a href="https://www.linkedin.com/in/mitul-
kapoor-912071208">Linkedin Id</a>
<br>
<pre>
<b><font size=10>Summary</b></font>
<font size=4>The mantra I've been following throughout my life is 'Consistency is more

5
important than speed'. I firmly believe
that getting into various fields helps exercises the mind in evaluating different ways of doing a
particular task and
implementing it quickly and efficiently.
I see that obstacles are just opportunities in disguise. Always looking over the next horizon, I
am constantly
seeking a chance to be a part of that one innovation that can change the way people
experience the world.</font>
</pre>
<pre>
<b><font size=10>Experience</b></font>
</pre>
<pre>
<font size=6><b>Business Development Intern</b></font>
<font size=5>OatMlk</font>
<font size=3>Apr 2023 - Till Date</font>
<font size=3>Handling their E-commerce platforms
Listing their products on various Platforms.
Analysing their Digital Marketing Campaign using analytics tools.</font>
</pre>
<pre>
<font size=6><b>Co-Founder & President</b></font>
<font size=5>Pixellence</font>
<font size=3>May 2022 - June 2023(1 yr 1 month)</font>
</pre>
<pre>
<font size=6><b>Social Media Intern</b></font>
<font size=5>Goldon Studios</font>
<font size=3>Jan 2023 - Feb 2023(2 months)</font>
<font size=3>Created the company's SWOT Analysis.
Analyzed their Twitter statistics to get insights about their engagement rate, retweets, likes
etc.
Worked on various projects like Analysis of Bonk Coin, Bless global.</font>
</pre>
<pre>
<font size=6><b>Business Analyst Intern</b></font>
<font size=5>LeMiRide</font>
<font size=3>Jun 2023 - Nov 2023(6 months)</font>
<font size=3>Worked on collecting data from various sources.
Sorting and filtering that data using MS Excel and SQL.
Visualizing the Data using Tableau and gaining insights from it and communicating it to the
management.</font>
</pre>
</body>
</html>

6
GLOSSARY

OUTPUT:

INPUT:
<html>
<head>
<title>Glossary</title>
</head>
<body>
<h1><u>Glossary of Project Management</u></h1>
<hr>
<dl>
<dt><b>Agile</b></dt>
<dd>A project management approach in which project phases overlap and tasks are completed
in iterations.</dd>
<dt><b>Barrier</b></dt>
<dd>Something that can get in the way of project progress.</dd>
<dt><b>Contract work</b></dt>
<dd>Work done for a company by non-employees on a project-by-project basis.</dd>

7
<dt><b>Delegation</b></dt>
<dd>Assigning tasks to individuals or resources who can best complete the work.</dd>
<dt><b>Escalation paths</b></dt>
<dd>Refers to the courses for communicating risks to the right people at the right time.</dd>
<dt><b>Feedback mechanism</b></dt>
<dd>A tool that can capture input from stakeholders, such as a survey.</dd>
<dt><b>Governance</b></dt>
<dd>The management framework within which decisions are made and accountability and
responsibility are determined.</dd>
<dt><b>Internship</b></dt>
<dd>A short-term way to get hands-on experience in an industry.</dd>
<dt><b>Linear</b></dt>
<dd>A project structure in which the previous phase or task has to be completed before the next
can start.</dd>
<dt><b>Mission</b></dt>
<dd>Clarifies what the “what,” “who,” and “why” of the organization.</dd>
<dt><b>Organizational structure</b></dt>
<dd>The way a company or organization is arranged.</dd>
<dt><b>Project</b></dt>
<dd>A unique endeavor which usually includes a set of unique deliverables; a series of tasks
that need to be completed to reach a desired outcome.</dd>
<dt><b>Risk</b></dt>
<dd>A potential event which can occur and have an impact on a project.</dd>
<dt><b>Stakeholders</b></dt>
<dd>People who are interested in and affected by the project’s completion and success.</dd>
<dt><b>Transferable skill</b></dt>
<dd>An ability that can be used in many different jobs and career paths.</dd>
</dl>
</body>
</html>

8
QUESTIONNAIRE

OUTPUT:

INPUT:

<html>
<head>
<title>Questionnaire</title>
</head>
<body>
<form action="/survey" method="post">
<h1 align="center"><u>Questionnaire</u></h1>
<hr>
<p>
<label for="name">Name:</label>
<input type="text" name="name" id="name">
</p>
<p>
<label for="email">Email:</label>
<input type="email" name="email" id="email">
9
</p>
<p>
<label for="Phone">Phone:</label>
<input type="Phone" name="Phone" id="Phone">
</p>
<p>
<label for="gender">Gender:</label><br>
<input type="radio" name="gender" id="male" value="male">
<label for="male">Male</label> <br>
<input type="radio" name="gender" id="female" value="female">
<label for="female">Female</label>
</p>
<p>
<label for="age">What is your age?</label><br>
<input type="radio" name="age" id="15-25" value="15-25">
<label for="age">15-25</label><br>
<input type="radio" name="age" id="26-35" value="26-35">
<label for="age">26-35</label><br>
<input type="radio" name="age" id="35 and above" value="35 and above">
<label for="age">35 and above</label>
</p>
<p>
<label for="Occupation"> What is the occupation?</label><br>
<input type="radio" name="Occupation" id="Comfort Quality" value="Comfort Quality">
<label for="Occupation">Comfort Quality</label><br>
<input type="radio" name="Occupation" id="Business" value="Business">
<label for="Occupation">Business</label><br>
<input type="radio" name="Occupation" id="Professional" value="Professional">
<label for="age">Professional</label>
</p>
<p>
<label for="Brand">Which Sports brand do you prefer?</label><br>
<input type="radio" name="Brand" id="Puma" value="Puma">
<label for="Brand">Puma</label><br>
<input type="radio" name="Brand" id="Reebok" value="Reebok">
<label for="Brand">Reebok</label><br>
<input type="radio" name="Nike" id="Nike" value="Nike">
<label for="pattern">Nike</label>
</p>
<p>
<label for="Usage">Have you used Puma products before?</label><br>
<input type="radio" name="Usage" id="Yes" value="Yes">
<label for="Usage">Yes</label><br>
<input type="radio" name="Usage" id="No" value="No">
<label for="Usage">No</label><br>
</p>
<p>

10
<label for="Price">What do you thing about pricing of Puma products?</label><br>
<input type="radio" name="type" id="Affordable" value="Affordable">
<label for="Price">Affordable</label><br>
<input type="radio" name="type" id="Fairly Priced" value="Fairly Priced">
<label for="Price">Fairly Priced</label><br>
<input type="radio" name="type" id="Expensive" value="Expensive">
<label for="Price">Expensive</label>
</p>
<p>
<label for="Availability">Do you feel Puma products are easily available?</label><br>
<input type="radio" name="Availability" id="Yes" value="Yes">
<label for="Availability">Yes</label><br>
<input type="radio" name="Availability" id="No" value="No">
<label for="Availability">No</label><br>
</p>
<p>
<label for="Preference"> Where would you prefer to buy Puma products?</label><br>
<input type="radio" name="Preference" id="Company Outlet" value="Company Outlet">
<label for="Preference">Company Outlet</label><br>
<input type="radio" name="Preference" id="Online-Stores" value="Online-Stores">
<label for="Preference">Online-Stores</label><br>
<input type="radio" name="Preference" id="Local Stores" value="Local Stores">
<label for="Preference">Local Stores</label>
</p>
<p>
<label for="why">If you buy Puma, to you buying Puma is a matter of?</label><br>
<input type="radio" name="why" id="Comfort Quality" value="Comfort Quality">
<label for="why">Comfort Quality</label><br>
<input type="radio" name="why" id="Fashion and trend" value="Fashion and trend">
<label for="why">Fashion and trend</label><br>
<input type="radio" name="why" id="Durability" value="Durability">
<label for="why">Durability</label>
</p>
<p>
<label for="Likes">What is the best thing you like about Puma?</label><br>
<input type="radio" name="Likes" id="Durability" value="Durability">
<label for="Likes">Durability</label><br>
<input type="radio" name="Likes" id="Pricing" value="Pricing">
<label for="Likes">Pricing</label><br>
<input type="radio" name="Likes" id="Style" value="Style">
<label for="profession">Style</label>
</p>
<p>
<label for="comments">Comments:</label>
<textarea name="comments" id="comments"></textarea>
</p>
<p>

11
<input type="submit" value="Submit">
</p>
</form>
</body>
</html>

12
BOOK ORDER FORM

OUTPUT:

INPUT:

<html>
<head>
<title>Book Order Form</title>
</head>
<body>
<h1 align="center"><font face="comic sans ms" color="red"><u>Janta Book
Depot</u></font><h1>
<h3 align="left">Book Order Form</h3>
<hr>
<h3>Your details</h3>
<p>
<label for="name">Name:</label>
<input type="text" id="name" />
<br />
<label for="organisation">Organisation:</label>
<input type="text" id="organisation" />
13
<br />
<label for="address">Address:</label>
<input type="text" id="address" />
<br />
<label for="postcode">Postcode:</label>
<input type="text" id="postcode" />
<br />
<label for="phone">Phone:</label>
<input type="text" id="phone" />
<br />
<label for="email">E-Mail Address:</label>
<input type="email" id="email" />
</p>
<h3>Add to Cart</h3>
<p>
<label for="quantity">Quantity</label>
<input type="number" id="quantity" min="1" max="10" />
<br />
<label for="book_title">Book Title</label>
<input type="text" id="book_title" />
<br />
<label for="price">Price</label>
<input type="text" id="price" />
</p>
<br>
<b>NOTE:- Shipping charges - Rs.50</b>
<br>
<h3>Payment:</h3>
<input type="radio" name="payment_method" value="credit_card" checked> Credit Card
<input type="radio" name="payment_method" value="UPI"> UPI
<input type="radio" name="payment_method" value="cash"> Cash
<br>
<br>
<br>
<br>
<input type="submit" value="Submit" />
</body>
</html>

14
SCHOOL ADMISSION FORM

OUTPUT:

INPUT:

<!DOCTYPE html>
<html>
<head>
<title>School Admission Form</title>
</head>
<body>
<H1 align="center"><B>APEEJAY SCHOOL</B></H1>
<h4 align="center">Panchsheel Park, New Delhi 110017</h4>
<h4 align="center">Phone: 011 - 26012218</h4>
<h4 align="center">E-mail: skool.ss.del@apj.edu, Website:
https://www.apeejay.edu/panchsheel/</h4><hr>
<h3>Apeejay School Admission Form</h3>

<form action="submit.php" method="post">


<div class="student-info">
<label for="student-name">Student Name</label>
15
<input type="text" name="student-name" id="student-name"><br><br>

<label for="father-name">Father's Name</label>


<input type="text" name="father-name" id="father-name"><br><br>

<label for="mother-name">Mother's Name</label>


<input type="text" name="mother-name" id="mother-name"><br><br>

<label for="guardian-name">Guardian's Name</label>


<input type="text" name="guardian-name" id="guardian-name"><br><br>

<label for="address">Address</label>
<input type="text" name="address" id="address"><br><br>

<label for="contact-no">Contact Number</label>


<input type="text" name="contact-no" id="contact-no"><br><br>

<label for="email">Email</label>
<input type="email" name="email" id="email"><br><br>
</div>
<br>
<div class="other-info">
<label for="date-of-birth">Date of Birth</label>
<input type="date" name="date-of-birth" id="date-of-birth"><br><br>

<label for="aadhar-card-no">Aadhaar Card Number</label>


<input type="text" name="aadhar-card-no" id="aadhar-card-no"><br><br>

<label for="father-occupation">Father's Occupation</label>


<input type="text" name="father-occupation" id="father-occupation"><br><br>

<label for="mother-occupation">Mother's Occupation</label>


<input type="text" name="mother-occupation" id="mother-occupation"><br><br>

<label for="nationality">Nationality</label>
<input type="text" name="nationality" id="nationality"><br><br>

<label for="religion">Religion</label>
<input type="text" name="religion" id="religion"><br><br>

<label for="caste">Caste</label>
<input type="text" name="caste" id="caste"><br><br>

<label for="class">Class</label>
<input type="text" name="class" id="class"><br><br>

<label for="mother-tongue">Mother Tongue</label>


<input type="text" name="mother-tongue" id="mother-tongue"><br><br>

16
<label for="previous-school">Previous School</label>
<input type="text" name="previous-school" id="previous-school"><br><br>

<label for="second-language">Second Language</label>


<select name="second-language" id="second-language"><br><br>
<option value="Bengali">Bengali</option>
<option value="Hindi">Hindi</option>
</select>
</div><br>
<b><i>I declare that the above informations are true to the best of my knowledge.I understand
that fees once paid at the time of admission will neither be adjusted nor refunded</i></b>
<br>
<br>
<br>
<h7 align="left"> Date:__________________ </h7>
<h5 align ="right">signature of father/guardian</h5>
</body>
</html>

17
TIME TABLE

OUTPUT:

INPUT:

<HTML>
<HEAD>
<TITLE>Time Table </TITLE>
</HEAD>
<BODY>
<h1 align="center"><u>Time Table </u></h1>
<TABLE align="center" frame="box" rules="all" cellspacing="21" cellpadding="21">
<TR>
<TD colspan=7 align="center"><b><u>Time Table</u></b>
</TR>
<tr bgcolor="#dcbbf4">
<TH>Monday
<TH>Tuesday
<TH>Wednesday
<TH>Thursday
<TH>Friday

18
<TH>Saturday
<TH>Sunday
</TR>
<TR>
<TD>Income tax law and practice
<TD>Environmental Studies
<TD>Entrepreneurship development
<TD>Information system mangement
<TD>Investment management
<td>&nbsp
<td>&nbsp
</TR>
<TR>
<TD>Investment management
<TD>Lab G-2
<TD>Entrepreneurship development
<TD>Environmental Studies
<TD>Income tax law and practice
<td>&nbsp
<td>&nbsp
</TR>
<TD>Environmental Studies
<TD>Entrepreneurship development
<TD>Investment management
<TD>Information system mangement
<TD>Income tax law and practice
<td>&nbsp
<td>&nbsp
</TR>
<TR>
<TD>Entrepreneurship development
<TD>Environmental Studies
<TD>Investment management
<TD>QP
<TD>Income tax law and practice
<td>&nbsp
<td>&nbsp
</TR>
<TR>
<TD>Investment management
<TD>Entrepreneurship development
<TD>Entrepreneurship development
<TD>Lab G-2
<TD>Environmental Studies
<td>&nbsp
<td>&nbsp
</TR>
</BODY>
</HTML>
19
CRICKET SCORE CARD

OUTPUT:

INPUT:

<html>
<head>
<title>cricket match score card</title>
</head>
</head>
<body align="center">
<h1 align="center"><u>Cricket Match Score Card</u></h1>
<h3 align="center">ODI no. - 2839</h3>
<h3 align="center">2008/09 Season</h3>
<h3 align="center">Australia in South Africa ODI series - 3rd ODI</h3>
<h3 align="center">South Africa v Australia</h3>
<h3 align="center">Played at Newlands, Cape Town, on 9 april 2009 - Day/Night(50 over
Match)</h3>
20
<h3 align="center">Results: South Africa won by 25 runs</h3>
<br>
<table align="center" border="2" cellpadding="10">
<tr bgcolor="#bafba5">
<td colspan=2 >South Africa Innings (50 overs maximum)
<td><b>R</b>
<td><b>M</b>
<td><b>B</b>
<td><b>4s</b>
<td><b>6s</b>
<td><b>SR</b>
</tr>
<tr>
<td><font color="#5245e5">HH Gibbs</font>
<td>c Hopes b Bracken
<td><b>26</b>
<td>61
<td>47
<td>3
<td>0
<td>55.31
</tr>
<tr>
<td><font color="#5245e5"><sup>*</sup>GC Smith</font>
<td>c Haddin b Johnson
<td><b>8</b>
<td>26
<td>14
<td>1
<td>0
<td>57.14
</tr>
<tr>
<td><font color="#5245e5">JH Kallis</font>
<td>c Hopes b Geeves
<td><b>70</b>
<td>115
<td>86
<td>5
<td>0
<td>81.39
</tr>
<tr>
<td><font color="#5245e5">AB De Villiers</font>
<td>c Hauritz b Johnson
<td><b>80</b>
<td>104
<td>87
<td>7
21
<td>0
<td>91.95
</tr>
<tr>
<td><font color="#5245e5">Shoaib Malik</font>
<td>c Ashwin b Nehra
<td><b>26</b>
<td>22
<td>16
<td>3
<td>1
<td>162.50
</tr>
<tr>
<td><font color="#5245e5">JP Duminy</font>
<td>c MEK Hussey b Johnson
<td><b>32</b>
<td>40
<td>26
<td>2
<td>1
<td>123.07
</tr>
<tr>
<td><font color="#5245e5">JA Markel</font>
<td>b Johnson
<td><b>29</b>
<td>41
<td>25
<td>2
<td>1
<td>116.00
</tr>
<tr>
<td>not out
<td><b>28</b>
<td>26
<td>15
<td>1
<td>2
<td>186.66
</tr>
<tr>
<td><font color="#5245e5">RE van der Merwe</font>
<td>not out
<td><b>6</b>
<td>3
<td>4
<td>0
22
<td>1
<td>150.00
</tr>
<tr>
<td>Extras</font>
<td>(lb 4,w 2,nb 4)
<td><b>7</b>
<td>&nbsp
<td>&nbsp
<td>&nbsp
<td>&nbsp
<td>&nbsp
</tr>
<tr>
<td><b>Total</b>
<td>(6 wickets; 50 overs:211 mins)
<td><b>289</b>
<td colspan=5>(5.78 runs per over)
</tr>
</table>
<br>
Did not bat<font color="#5245e5"> J Botha, DW Steyn, WD Parnell</font><br><br>
Fall of Wickets: <font color="#5245e5"> 1-28 (Smith,6.2 ov), 2-50 (Gibbs, 14.2 ov), 3-164
(Kallis,35.6 ov), 4-198 (AB De Villiers, 40.4 ov), 6-283 (Morkel,49.2 ov)</font>
<br><br>
</body>
</html>

23
MARKSHEET

OUTPUT:

INPUT:

<html>
<head>
<title>Marksheet</title>
</head>
<body align="center">
<img src="https://th.bing.com/th/id/OIP.VnV-MruPUvtrQPqIIRTmzAEsC4?pid=ImgDet&rs=1"
align="center" height=10% width=10%>
<h2><b>Guru Gobind Singh Indraprastha University, Delhi</b><h2>
<br>
<h3>SEMESTER GRADE SHEET</H3>
<H4>BACHELOR OF COMMERCE (HONOURS)</H4>
<BR>
<H4>
Name:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp MITUL KAPOOR
24
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb
sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
Year/Semester: Semester</h4>
<H4> Father's Name: SHASHI KAPOOR
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb
sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp Admission Year: 2020</h4>
<h4>Enrollment no.: 03214188820</h4>
<h4>School/Institution: JAGANNATH INTERNATIONAL MANAGEMENT SCHOOL,
KALKAJI</H4>
<H5><b> Examination: JUNE, 2021
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp&nbsp;&nbsp;&nbsp;&nbsp&nbsp;&n
bsp;&nbsp;&nbsp&nbsp;&nbsp;&nbsp;&nbsp&nbsp;&nbsp;&nbsp;&nbsp&nbsp;&nbsp;&nbsp
;&nbsp Declared Date: 24-Sept-2021
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp Result Type:
REGULAR </b></h5>
<table border=2 align="center">
<tr>
<th>Paper Code
<th>Paper
<th>Credit
<th>INT
<th>EXT
<Th>Total
<Th>CS
<th>Grade
<Th>GP
</TR>
<tr>
<td>BCOM102
<TD>BUSINESS MATHEMATICS
<TD ALIGN="CENTER">4
<TD ALIGN="CENTER">25
<TD ALIGN="CENTER">72
<TD ALIGN="CENTER">97
<TD ALIGN="CENTER">4
<TD ALIGN="CENTER">O
<TD ALIGN="CENTER">10
</TR>
<tr>
<td>BCOM104
<TD>BUSINESS LAWS
<TD ALIGN="CENTER">4
<TD ALIGN="CENTER">25
25
<TD ALIGN="CENTER">72
<TD ALIGN="CENTER">97
<TD ALIGN="CENTER">4
<TD ALIGN="CENTER">O
<TD ALIGN="CENTER">10
</TR>
<tr>
<td>BCOM106
<TD>MACRO ECONOMICS
<TD ALIGN="CENTER">4
<TD ALIGN="CENTER">25
<TD ALIGN="CENTER">72
<TD ALIGN="CENTER">97
<TD ALIGN="CENTER">4
<TD ALIGN="CENTER">O
<TD ALIGN="CENTER">10
</TR>
<tr>
<td>BCOM108
<TD>COST ACCOUNTING
<TD ALIGN="CENTER">4
<TD ALIGN="CENTER">25
<TD ALIGN="CENTER">72
<TD ALIGN="CENTER">97
<TD ALIGN="CENTER">4
<TD ALIGN="CENTER">O
<TD ALIGN="CENTER">10
</TR>
<tr>
<td>BCOM110
<TD>COMPUTER APPLICATIONS
<TD ALIGN="CENTER">4
<TD ALIGN="CENTER">25
<TD ALIGN="CENTER">72
<TD ALIGN="CENTER">97
<TD ALIGN="CENTER">4
<TD ALIGN="CENTER">O
<TD ALIGN="CENTER">10
</TR>
<tr>
<td>BCOM112
<TD>MINOR PROJECT REPORT
<TD ALIGN="CENTER">4
<TD ALIGN="CENTER">50
<TD ALIGN="CENTER">47
<TD ALIGN="CENTER">97
<TD ALIGN="CENTER">4
<TD ALIGN="CENTER">O
<TD ALIGN="CENTER">10
26
</TR>
<tr>
<TH COLSPAN=2> CURRENT SEMESTER RECORD
<TH COLSPAN=8> CUMULATIVE RECORD
</TR>
<TR>
<TD> TOTAL CREDITS-24
<TD>SGPA-10
<TD COLSPAN=2>TOTAL CREDITS-46
<TD COLSPAN=5>CGPA-9.96
</TABLE>
<h5>INT: Internal Marks; EXT: Extemal Marks; CS: Credits Secured; GP: Grade Point; DET:
Detained; ABS: Absent; CAN: Cancel, RIL: Resut Later,</h5>
<h5><SUP>*</SUP>Passed with grace marks;</h5>
<h5>Maximum marks in each paper is 100. Minimum passing marks in cach paper is 40.
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp Date of Print: 28-
Sept-2021</h5>
<BR>
<BR>
<BR>
<BR><BR>
<BR><BR>
<BR><BR>
<BR><BR>
<BR><BR>
<H5>Place:Delhi,India
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb
sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; officer In-Charge
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb
sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Controller of Examination</h5>
</body>
</html>

27
EMAIL REGISTRATION FORM

OUTPUT:

INPUT:

<html>
<head>
<title>Email Registration Form</title>
</head>
<body>
<form>
<img
src="https://th.bing.com/th/id/OIP.ts9GnXu4Zh48aX9o5PX1jgHaHZ?w=182&h=180&c=7&r=0&o
=5&dpr=1.5&pid=1.7" height=7% width=7%>
<H1 align="center"><u> Email Registration Form</u></h1>
<hr>
<label for="Name"><b>First
Name:</b></label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
28
bsp;&nbsp;&nbsp;&nbsp;<label for="Name"><b>Last Name:</b></label><br>
<input type="Text" id="Name" name="Name">&nbsp;&nbsp;&nbsp;&nbsp;<input type="Text"
id="Name" name="Name"><br>
<br>
<label for="email"><b>Username</b></label><br>
<input type="email" id="email" name="email">@gmail.com<br>
<BR>
<label for="password"><b>Password:</b></label><br>
<input type="password" id="password" name="password"><br><BR>
<label for="password"><b>Re-Enter Password:</b></label><br>
<input type="password" id="password" name="password"><br><BR>
<label for="country"><b>Country:</b></label><br>
<input type="country" id="Country" name="Country"><br><BR>
<b>Date of birth</b><br>
<INPUT TYPE = "Date"> <br><BR>
<br><b>Gender</b><br>
<label for="Gender">Male</label>
<INPUT TYPE = "Radio" >
<label for="Gender">Female</label>
<INPUT TYPE = "Radio" > <br><br>
<h3> Help us protect your info </h3>
<h4> Your phone number helps us keep your account safe</h4>
<label for="Phone Number"><b>Phone Number:</b></label><br>
<input type="Phone Number" id="Phone Number" name="Phone Number"><br><BR>
<label for="Alternate E-mail Address"><b>Alternate E-mail Address:</b></label><br>
<input type="Alternate E-mail Address" id="Alternate E-mail Address" name="Alternate E-
mail Address"><br><BR>
<b>Choose your profile picture:</b><br>
<INPUT TYPE = "File"> <br>
<br>
<br>
<br>
Before Proceeding, we need to make sure a real person is creating the account.
<br><br>
<img src="https://www.teknokodi.com/wp-content/uploads/2020/11/chaptca.png" height=10%
width=10%>
<br><br>
Agree to Terms and conditions<br>
<label for="Terms And Conditions">Yes</label><br>
<INPUT TYPE = "Radio" > <br>
<br>
<br>
<br>
<br>
<input type="submit" value="Submit">
</form>
</body>
</html>

29
CALENDAR

OUTPUT:

INPUT:

<html>
<head>
<title>Calender</title>
</head>
<body>
<h1 align="center"><font face="Montserrat"><u> Calender 2023</u></font></h1>
<p>
</h2>
<br>
<table align="center" border=1 rules="all" cellspacing=5 cellpadding=4>

<thead>
<tr>
30
<th align="center" colspan=7>JANUARY</th>
<th align="center" colspan=7>FEBRUARY</th>
<th align="center" colspan=7>MARCH</th>
<th align="center" colspan=7>APRIL</th>
<th align="center" colspan=7>MAY</th>
</tr>
<tr>
<th style="color:red;">Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
<th style="color:red;">Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
<th style="color:red;">Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
<th style="color:red;">Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
<th style="color:red;">Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
</tr>
</thead>

<tbody>
<tr>
<td style="color:red;">1</td>
<td>2</td>
31
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td></td>
<td></td>
<td></td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td></td>
<td></td>
<td></td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>1</td>
<td></td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>

</tr>
<tr></tr>
<tr>
<td style="color:red;">8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td style="color:red;">5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
32
<td>10</td>
<td>11</td>
<td style="color:red;">5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td style="color:red;">2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td style="color:red;">7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td style="color:red;">15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td style="color:red;">12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td style="color:red;">12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td style="color:red;">9</td>
<td>10</td>
<td>11</td>
33
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td style="color:red;">14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
</tr>
<tr>
<td style="color:red;">22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td style="color:red;">19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td style="color:red;">19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td style="color:red;">16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td style="color:red;">21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
</tr>
34
<tr>
<td style="color:red;">29</td>
<td>30</td>
<td>31</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td style="color:red;">26</td>
<td>27</td>
<td>28</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td style="color:red;">26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td></td>
<td style="color:red;">23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td style="color:red;">28</td>
<td>29</td>
<td>30</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
35
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td style="color:red;">31</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>

</tbody>

</table>
<table align="center" border=1 rules="all" cellspacing=5 cellpadding=4>

<thead>
<tr>
<th align="center" colspan=7>JUNE</th>
<th align="center" colspan=7>JULY</th>
<th align="center" colspan=7>AUGUST</th>
<th align="center" colspan=7>SEPTEMBER</th>
<th align="center" colspan=7>OCTOBER</th>
</tr>
<tr>

<th style="color:red;">Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
<th style="color:red;">Sun</th>
36
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
<th style="color:red;">Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
<th style="color:red;">Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
<th style="color:red;">Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
</tr>
</thead>

<tbody>
<tr>
<td style="color:red;"></td>
<td></td>
<td></td>
<td></td>
<td>1</td>
<td>2</td>
<td>3</td>

<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>1</td>
<td></td>
<td></td>
37
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>1</td>
<td>2</td>
<td style="color:red;">1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>

</tr>
<tr>

<td style="color:red;">4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td style="color:red;">2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td style="color:red;">6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>

<td style="color:red;">3</td>
<td>4</td>
<td>5</td>
<td>6</td>
38
<td>7</td>
<td>8</td>
<td>9</td>
<td style="color:red;">8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
</tr>
<tr>
<td style="color:red;">11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>

<td style="color:red;">9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td style="color:red;">13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td style="color:red;">10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>

<td style="color:red;">15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
39
<td>21</td>
</tr>
<tr>
<td style="color:red;">18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td style="color:red;">16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td style="color:red;">20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>

<td style="color:red;">17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td style="color:red;">22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>

</tr>
<tr>

<td style="color:red;">25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
40
<td></td>
<td style="color:red;">23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td style="color:red;">27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td></td>
<td></td>

<td style="color:red;">24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td style="color:red;">29</td>
<td>30</td>
<td>31</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td style="color:red;">31</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
41
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tbody>
</table>
<table align="center" border=1 rules="all" cellspacing=5 cellpadding=4>
<thead>
<tr>
<th align="center" colspan=7>NOVEMBER</th>
<th align="center" colspan=7>DECEMBER</th>

</tr>
<tr>

<th style="color:red;">Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
<th style="color:red;">Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
42
<td></td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td style="color:red;">5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td style="color:red;">3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
<tr>
<td style="color:red;">12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td style="color:red;">10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
</tr>
<tr>
<td style="color:red;">19</td>
<td>20</td>
<td>21</td>
43
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td style="color:red;">17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
</tr>
<tr>
<td style="color:red;">26</td>
<td>27</td>
<td>28</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td style="color:red;">24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
</tr>
</tbody>
</table>
</body>
</html>

44
CHESSBOARD

OUTPUT:

INPUT:

<html>
<head>
<title>Chess Board</title>
</head>
<body>
<table frame="box" rules="all" width=65% height=65% border=4>
<tr align=center>
<td>&#9814;
<td bgcolor="#98ece4">&#9816;
<td>&#9815;
<td bgcolor="#98ece4">&#9812;
<td>&#9813;
<td bgcolor="#98ece4">&#9815;
<td>&#9816;
<td bgcolor="#98ece4">&#9814;
45
</tr>
<tr align=center>
<td bgcolor="#98ece4">&#9817;
<td>&#9817;
<td bgcolor="#98ece4">&#9817;
<td>&#9817;
<td bgcolor="#98ece4">&#9817;
<td>&#9817;
<td bgcolor="#98ece4">&#9817;
<td>&#9817;
</tr>
<tr>
<td>&nbsp;
<td bgcolor="#98ece4">&nbsp;
<td>&nbsp;
<td bgcolor="#98ece4">&nbsp;
<td>&nbsp;
<td bgcolor="#98ece4">&nbsp;
<td>&nbsp;
<td bgcolor="#98ece4">&nbsp;
</tr>
<tr>
<td bgcolor="#98ece4">&nbsp;
<td>&nbsp;
<td bgcolor="#98ece4">&nbsp;
<td>&nbsp;
<td bgcolor="#98ece4">&nbsp;
<td>&nbsp;
<td bgcolor="#98ece4">&nbsp;
<td>&nbsp;
</tr>
<tr>
<td>&nbsp;
<td bgcolor="#98ece4">&nbsp;
<td>&nbsp;
<td bgcolor="#98ece4">&nbsp;
<td>&nbsp;
<td bgcolor="#98ece4">&nbsp;
<td>&nbsp;
<td bgcolor="#98ece4">&nbsp;
</tr>
<tr>
<td bgcolor="#98ece4">&nbsp;
<td>&nbsp;
<td bgcolor="#98ece4">&nbsp;
<td>&nbsp;
<td bgcolor="#98ece4">&nbsp;
<td>&nbsp;
<td bgcolor="#98ece4">&nbsp;
46
<td>&nbsp;
</tr>
<tr align=center>
<td>&#9823;
<td bgcolor="#98ece4">&#9823;
<td>&#9823;
<td bgcolor="#98ece4">&#9823;
<td>&#9823;
<td bgcolor="#98ece4">&#9823;
<td>&#9823;
<td bgcolor="#98ece4">&#9823;
</tr>
<tr align=center>
<td bgcolor="#98ece4">&#9820;
<td>&#9822;
<td bgcolor="#98ece4">&#9821;
<td>&#9818;
<td bgcolor="#98ece4">&#9819;
<td>&#9821;
<td bgcolor="#98ece4">&#9822;
<td>&#9820;
</tr>
</table>
</body>
</html>

47
MAILBOX

OUTPUT:

INPUT:

<html>
<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" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
<link rel="stylesheet" href="styles.css" />
<title>Gmail Homepage</title>
</head>
<body>
<div class="header">
<div class="header__left">
<span class="material-icons"> menu </span>
<img src="https://cdn.vox-cdn.com/thumbor/aTXCGGvjBjzr7pl-
okgOYh09Dr0=/0x0:1320x880/1400x1050/filters:focal(660x440:661x441)/cdn.vox-
48
cdn.com/uploads/chorus_asset/file/21939811/newgmaillogo.jpg" alt=""/>
</div>

<div class="header__middle">
<span class="material-icons"> search </span>
<input type="text" placeholder="Search mail" />
<span class="material-icons"> arrow_drop_down </span>
</div>

<div class="header__right">
<span class="material-icons"> apps </span>
<span class="material-icons"> notifications </span>
<span class="material-icons"> account_circle </span>
</div>
</div>

<div class="main__body">
<div class="sidebar">
<button class="sidebar__compose"><span class="material-icons"> add
</span>COMPOSE</button>
<div class="sidebarOption sidebarOption__active">
<span class="material-icons"> inbox </span>
<h3>Inbox</h3>
</div>

<div class="sidebarOption">
<span class="material-icons"> star </span>
<h3>Starred</h3>
</div>

<div class="sidebarOption">
<span class="material-icons"> access_time </span>
<h3>Snoozed</h3>
</div>

<div class="sidebarOption">
<span class="material-icons"> label_important </span>
<h3>Important</h3>
</div>

<div class="sidebarOption">
<span class="material-icons"> near_me </span>
<h3>Sent</h3>
</div>

<div class="sidebarOption">
<span class="material-icons"> note </span>
<h3>Drafts</h3>
</div>
49
<div class="sidebarOption">
<span class="material-icons"> expand_more </span>
<h3>More</h3>
</div>

<div class="sidebar__footer">
<div class="sidebar__footerIcons">
<span class="material-icons"> person </span>
<span class="material-icons"> duo </span>
<span class="material-icons"> phone </span>
</div>
</div>
</div>

<div class="emailList">
<div class="emailList__settings">
<div class="emailList__settingsLeft">
<input type="checkbox" />
<span class="material-icons"> arrow_drop_down </span>
<span class="material-icons"> redo </span>
<span class="material-icons"> more_vert </span>
</div>
<div class="emailList__settingsRight">
<span class="material-icons"> chevron_left </span>
<span class="material-icons"> chevron_right </span>
<span class="material-icons"> keyboard_hide </span>
<span class="material-icons"> settings </span>
</div>
</div>

<div class="emailList__sections">
<div class="section section__selected">
<span class="material-icons"> inbox </span>
<h4>Primary</h4>
</div>

<div class="section">
<span class="material-icons"> people </span>
<h4>Social</h4>
</div>

<div class="section">
<span class="material-icons"> local_offer </span>
<h4>Promotions</h4>
</div>
</div>

<div class="emailList__list">
50
<div class="emailRow">
<div class="emailRow__options">
<input type="checkbox" name="" id="" />
<span class="material-icons"> star_border </span>
<span class="material-icons"> label_important </span>
</div>

<h3 class="emailRow__title">YouTube</h3>

<div class="emailRow__message">
<h4>
Subscribe to Mr.Beasts
<span class="emailRow__description"> $1 vs $100,000,000 yacht </span>
</h4>
</div>

<p class="emailRow__time">10pm</p>
</div>

<div class="emailRow">
<div class="emailRow__options">
<input type="checkbox" name="" id="" />
<span class="material-icons"> star_border </span>
<span class="material-icons"> label_important </span>
</div>

<h3 class="emailRow__title">GlassDoor</h3>

<div class="emailRow__message">
<h4>
You got 50+ jobs nearby
<span class="emailRow__description"> Companies like JP Mogan ...</span>
</h4>
</div>

<p class="emailRow__time">10pm</p>
</div>

<div class="emailRow">
<div class="emailRow__options">
<input type="checkbox" name="" id="" />
<span class="material-icons"> star_border </span>
<span class="material-icons"> label_important </span>
</div>

<h3 class="emailRow__title">KFC India </h3>

<div class="emailRow__message">
<h4>
51
Have skills? Grab offers!
<span class="emailRow__description">
Win $125 off on Bucket it
</span>
</h4>
</div>

<p class="emailRow__time">11:45am</p>
</div>

<div class="emailRow">
<div class="emailRow__options">
<input type="checkbox" name="" id="" />
<span class="material-icons"> star_border </span>
<span class="material-icons"> label_important </span>
</div>

<h3 class="emailRow__title">Google</h3>

<div class="emailRow__message">
<h4>
Login on New Device<span class="emailRow__description">
- is this your Device?
</span>
</h4>
</div>

<p class="emailRow__time">2am</p>
</div>

<div class="emailRow">
<div class="emailRow__options">
<input type="checkbox" name="" id="" />
<span class="material-icons"> star_border </span>
<span class="material-icons"> label_important </span>
</div>

<h3 class="emailRow__title">
BEWAKOOF</h3>

<div class="emailRow__message">
<h4>
Last Chance! OOF Sale Ends Tonight, Hurry Now
<span class="emailRow__description"> GRAB 50-80% . Buy 3 shirts... </span>
</h4>
</div>

<p class="emailRow__time">6pm</p>
</div>
52
<div class="emailRow">
<div class="emailRow__options">
<input type="checkbox" name="" id="" />
<span class="material-icons"> star_border </span>
<span class="material-icons"> label_important </span>
</div>

<h3 class="emailRow__title">ICICI Bank </h3>

<div class="emailRow__message">
<h4>
Switch to UPI on iMobile Pay for your next purchase!

<span class="emailRow__description"> Go cashless with quick UPI </span>


</h4>
</div>

<p class="emailRow__time">1pm</p>
</div>

<div class="emailRow">
<div class="emailRow__options">
<input type="checkbox" name="" id="" />
<span class="material-icons"> star_border </span>
<span class="material-icons"> label_important </span>
</div>

<h3 class="emailRow__title">Glassdoor</h3>

<div class="emailRow__message">
<h4>
Unlimited access to Glassdoor just got easier<span class="emailRow__description">
Download the app today
</span>
</h4>
</div>

<p class="emailRow__time">4pm</p>
</div>

<div class="emailRow">
<div class="emailRow__options">
<input type="checkbox" name="" id="" />
<span class="material-icons"> star_border </span>
<span class="material-icons"> label_important </span>
</div>

<h3 class="emailRow__title">
53
LinkedIn Job Alerts</h3>

<div class="emailRow__message">
<h4>
30+ new jobs for “business analyst”<span class="emailRow__description">
Business Anaylst and other jobs are....
</span>
</h4>
</div>

<p class="emailRow__time">2am</p>
</div>
</div>
</div>
</div>
</body>
</html>

54
WEBSITE

OUTPUT:

INPUT:

<html>
<head>
<title>Mitul's Website</title>
</head>
<body>
<header style="background-color: #3498db; padding: 20px; color: #fff; text-align: center;">
<h1>Welcome to My Website</h1>
</header>
<nav style="background-color: #2c3e50; padding: 10px; text-align: center;">
<a href="file:///D:/Ecomm%20Lab%20File/Resume/resume.html" style="color: #fff; text-
decoration: none; font-size: 18px; margin-right: 20px;">Resume</a>
<a href="file:///D:/Ecomm%20Lab%20File/Glossary.html" style="color: #fff; text-decoration:
none; font-size: 18px; margin-right: 20px">Glossary</a>
<a href="file:///D:/Ecomm%20Lab%20File/questionnaire.html" style="color: #fff; text-
decoration: none; font-size: 18px; margin-right: 20px">Questionnaire</a>
<a href="file:///D:/Ecomm%20Lab%20File/book%20order%20form.html" style="color: #fff;
55
text-decoration: none; font-size: 18px; margin-right: 20px;">Book Order Form</a>
<a href="file:///D:/Ecomm%20Lab%20File/school%20admission%20form.html" style="color:
#fff; text-decoration: none; font-size: 18px; margin-right: 20px">School Admission Form</a>
<a href="file:///D:/Ecomm%20Lab%20File/Time%20Table.htm" style="color: #fff; text-
decoration: none; font-size: 18px; margin-right: 20px">Time Table</a>
<a href="file:///D:/Ecomm%20Lab%20File/cricket%20match%20score%20card.html"
style="color: #fff; text-decoration: none; font-size: 18px; margin-right: 20px">Cricket Match
Scorecard</a>
<a href="file:///D:/Ecomm%20Lab%20File/Marksheet.htm" style="color: #fff; text-decoration:
none; font-size: 18px; margin-right: 20px">Marksheet</a>
<a href="file:///D:/Ecomm%20Lab%20File/email%20registration%20form.html" style="color:
#fff; text-decoration: none; font-size: 18px; margin-right: 20px">Email Registration Form</a>
<a href="file:///D:/Ecomm%20Lab%20File/calender.html" style="color: #fff; text-decoration:
none; font-size: 18px; margin-right: 20px">Calendar</a>
<a href="file:///D:/Ecomm%20Lab%20File/Chess%20Board.htm" style="color: #fff; text-
decoration: none; font-size: 18px; margin-right: 20px">Chessboard</a>
<a href="file:///D:/Ecomm%20Lab%20File/Gmail/index.html" style="color: #fff; text-decoration:
none; font-size: 18px; margin-right: 20px">Mailbox</a>
</nav>

<div style="padding: 20px;">


<section style="margin-bottom: 40px;">
<h2 style="color: #3498db; font-size: 24px;">About Me</h2>
<p style="font-size: 16px; line-height: 1.6;">
My name is Mitul Kapoor, 03214188820, student of JIMS Kalkaji.
</p>
</section>

<section style="margin-bottom: 40px;">


<h2 style="color: #3498db; font-size: 24px;">My Projects</h2>
<p style="font-size: 16px; line-height: 1.6;">
To check out my projects, click on any text mentioned in the Navigation bar.
</p>
</section>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
56
<br>
<br>
<br>
<br>
<br>
<br>
<br>

<footer style="background-color: #2c3e50; color: #fff; text-align: center; padding: 10px;">


<p>Contact: mitulkapoor4@gmail.com</p>
</footer>
</body>
</html>

57

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy