INT219(Front End Web Developer)

Online Assignment-1 (SET-A)

Allotment Date: 23-08-2020 Submission Date: 26-08-2020

Q1. Create an HTML form for taking Personal Details of an interviewee, apply the validations using
external JavaScript, Fields must not be empty, name must contain String only, Contacts must have
only numeric values and on Submit, redirect the user to a html page, which confirms the submission
of form with a message that

“Dear Candidate, you have successfully submitted the CV, we will soon contact you for Interview”
[10]

Q2. Using external CSS, design a Responsive web page for a Tours & Travel Agency. Also include a
relevant full background image that remains fixed even on scrolling the Content. Create a Top
Navbar Using Flexbox Include an image slider of relevant images, that transits to next images after 6
second delay. [15]

Q3. Create a page with a link at the top of it that when clicked will jump all the way to the bottom of
the page. [5]
 INT219(Front End Web Developer)
Online Assignment-1(SET-B)

Allotment Date: 23-08-2020 Submission Date: 26-08-2020

Q1. Create an Application form for Gym membership, set an image at the top as follows using CSS
image properties. Also make use of either CSS-Grid or Tables, for creating the tabular content in the
registration form as follows [10]

Q2. Using CSS Flexbox Build a Personal Portfolio Webpage, you will be practicing all the skills you
have learnt in HTML and CSS. [15]
Q3. Create a page with a link at the top of it that when clicked will jump all the way to the bottom of
the page. At the bottom of the page there should be a link to jump back to the top of the page. [5]
 INT219(Front End Web Developer)
Online Assignment-1(SET-C)

Allotment Date: 23-08-2020 Submission Date: 26-08-2020

Q1. Design a Responsive web page for a company providing Template forms to customers, using
external CSS make use of Grid/ Flexbox. Also include a relevant full background image, and an
automatic image slider show that consists of few relevant images related to website in order to depict
the theme of the web page. [15]

Q2. There is an organization who take care of the Toddlers/ children’s of working parents, they want
their customers to fill a registration form with few required fields and a valid data, so Design the
following form for them and apply java script validation on name and Contact no. and when they
submit the form generate an alert message where message is displayed with the respective name of
the Child that he/she is now a part of First Step family [10]
Q3. Create links to five different pages on five different websites that should all open in a new
window. [5]
Roll No. SET
1 A
2 B
3 C
4 A
5 B
6 C
7 A
8 B
9 C
10 A
11 B
12 C
13 A
14 B
15 C
16 A
17 B
18 C
19 A
20 B
21 C
22 A
23 B
24 C
25 A
26 B
27 C
28 A
29 B
30 C
31 A
32 B
33 C
34 A
35 B
36 C
37 A
38 B
39 C
40 A
41 B
42 C
43 A
44 B
45 C
46 A
47 B
48 C
49 A
50 B
51 C
52 A
53 B
54 C
55 A
56 B
57 C
58 A
59 B
60 C
61 A
62 B
63 C
64 A
65 B
66 C
67 A
68 B