SIDDAGANGA INSTITUTE OF TECHNOLOGY,
TUMKUR
Web page Design Activity
on
Flipkart clone home page
Submitted in the partial fulfilment of the requirements for II Semester
Web Programming
Submitted by
Hemanth Kumar TP – (1SI23IS030)
Nihar N-(1SI23IS053)
Siddaganga Institute of Technology, Tumkur
(An Autonomous Institute, Affiliated to Visvesvaraya Technological University Belagavi,
Approved by AICTE, New Delhi, Accredited by NAAC and ISO 9001:2015 certified)
B.H. road, Tumkur 572103, Karnataka, India
Academic year 2023-24
Department of Information Science and Engineering
SIDDAGANGA INSTITUTE OF TECHNOLOGY, TUMAKURU - 3
CERTIFICATE
This is to certify that Web page Design Activity on Amazon clone home page is a bonafide work carried
out by Hemanth Kumar TP (1SI23IS030) and Nihar N(1SI23IS053) of II semester Bachelor of
Engineering in Information science and Engineering of the SIDDAGANGA INSTITUTE OF
TECHNOLOGY during the academic year 2023-2024.
Faculty Signature with Date
Dr. Bharathi P T
Assistant Professor
Dept of CSE, SIT
SIDDAGANGA INSTITUTE OF TECHNOLOGY, TUMAKURU - 3
DECLARATION
I hereby declare that the entire work embodied in this report has been carried out by me at Siddaganga Institute of
Technology under the supervision of Dr. Bharathi P. T.
Hemanth Kumar TP(1SI23IS030)
Nihar N(1SI23IS053)
Department of Information Science and Engineering
Siddaganga Institute of Technology
Tumakuru - 572103
TABLE OF CONTENTS
Sl.No Particulars Page. No
1 Project Introduction 01
2 Project Code 02-18
3 Project Output (Screenshots) 19-21
4 List of major HTML tags
and CSS properties for front
end design
INTRODUCTION
Flipkart is an Indian Commerce Company ,Headquatered in Bnaglore,
And incorporated in Singapore as a private limited company.The
company initially focused on online bookings and sales before expanding
into other product categories such as consumer electronics,fashion
,home,essentials,groceries and lifestyle products
HTML CODE
CSS CODE
OUTPUT:
HTML TAGS AND CSS PROPERTY USED
Here's the list of HTML tags used in the provided code along
with their assignments:
1.<!doctype html> : Declares the document type and version of
HTML being used.
2.<html> : Defines the root element of an HTML document.
3. <head> : Contains meta-information about the document, such as
its title, character encoding, and viewport settings.
4. <meta> : Provides meta-information about the HTML document,
such as
character set, viewport, and other metadata.
5.<Title>: Sets the title of the HTML document, which appears in the
browser's title bar or tab.
6.<style>: Defines internal CSS style for the HTML document.
7. <body>: Contains the content of the HTML document that is
displayed in the browser.
8.<Header>: Represents introductory content, typically containing
headings and other elements related to site branding or navigation
Here's the list of css properties used in the provided code
along with their assignments:
1. Background image : this property sets one or more background
images for
an element
2. Justify content : property aligns the flexible container’s items
when the
elements do not use available space on the main axis
3. Display : this property specifies the display behaviour of an
element
4. Background size: lets us resize the background image of an
element
5. Font size : This property used to specify the height and size of
the font . It
affects the size of the text of the element.
6. Text align: This property specify the horizontal alignment of text
in an
element
7. Padding : This property used to generate space around the
elements
content , inside of any defined borders.
8. Margin : This property used to create space around element,
outside of any
defined borders (top, right, bottom and left )
9. Align items : This property specify the default alignment for
elements
9. <ul>: Represents an unordered list of items.
10.<div>: defines a division or a section in an HTML document.
11. <li>: Represents a list item within an ordered or unordered list.
