Scribd
Upload
52 views21 pages

Alpha Market Report File

This report describes a grocery website created by the student using HTML, CSS, and JavaScript. The website, called Alpha Market, has 5 pages including a home page, products page, advantages page, revolution page, and contact page. The products page allows users to click through different grocery categories. CSS is used for styling, including hover effects and background images. The report provides screenshots and explanations of each page, and includes the HTML and CSS code for key pages. The student learned skills in building a website and integrating different components.

Uploaded by

Devang 1.23M subscribers
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
52 views21 pages

Alpha Market Report File

This report describes a grocery website created by the student using HTML, CSS, and JavaScript. The website, called Alpha Market, has 5 pages including a home page, products page, advantages page, revolution page, and contact page. The products page allows users to click through different grocery categories. CSS is used for styling, including hover effects and background images. The report provides screenshots and explanations of each page, and includes the HTML and CSS code for key pages. The student learned skills in building a website and integrating different components.

Uploaded by

Devang 1.23M subscribers
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/ 21

Report File

CSE326
Submitted to:
Md. Imran Hussain

Name: Bhumbhaliya Devang Babubhai


Roll Number: RKOC01B61
Section: KOC01
Group: 2
INTRODUCTION
In this report file I have mentioned about the
details of the website I have created using HTML,
CSS and JavaScript. My website is an online
Grocery store website which is based on online
grocery products and the name of the website I
have created is Alpha Market . There is total 5
webpages including the home page of my
website. The webpages include Revolution,
Contact Us, Advantages Page, Products page and
a Order Now Button. In Products Page on clicking
the type of grocery in navigation bar, it takes you
to the different section of the same page. The
webpages use all three types of CSS which are
inline, internal and external. The purpose of this
report is to get a brief overview of the website
presented to the faculty.
Home Page

This is the home page of my website Alpha Market. Here I


have used the navigation bar to attach the various subpages,
if the user clicks on Advantages, Contact us, Revolution,
Products it will take the user to their respective linked
webpages. In nav bar I have inserted a customized logo for
my webpage and hovering effect is given with css. Then
comes the Welcome text “WELCOME TO ALPHA” and a
paragraph about Alpha Market’s Popularity and its Brand
values and then comes an “Order Now” Button on clicking it
take you to products page to see the list of Grocery.
Then I have attached a Background Image so that the page
looks more attractive. At the bottom of this page I have
added a Footer showing the offer so that customer will be
exited to buy the products.
Products(Grocery) Page
This is Product Page for ordering online Grocery. In
navigation bar and in all image of the page hovering effect is
used using css. On clicking fruits, vegetables or drinks it takes
you to its repective section on the same page.

Fruits

In fruits section you will find all type of fruits available on the
Alpha Market
Vegetables

In Vegetables section you will find all type of vegetables


available on the Alpha Market

Drinks

In drinks section you will find all type of drinks available on


the Alpha Market
Revolution Page

This is the revolution page of the website which


displays information about the developer of the
website, how it started, and business model. CSS is
used to make the page more attractive with body and
header background colour.
Advantages Page

This is the advantages page of the website which helps


customers to advantages of alpha market from other
online grocery store. CSS is used to make the page
more attractive by body background colour.
Contact Page

This is contact us page from the customer can contact us for


any help like facing problem while ordering , while payment,
etc. CSS is used to give hover effect, to blur the background
image, etc. Text Area is given to fill the details and a button
to submit the details.
CODES
Home Page HTML

Home Page CSS


Products Page HTML
Products Page CSS
Revolution Page HTML
Advantages Page HTML
CSS ( Revolution & Advantages )

Contact us Page HTML


Contact us Page CSS
CONCLUSION
It was a wonderful and learning
experience for me while working on this
website. I got to learn so many different
components of HTML and CSS. I would like
to thank Md. Imran Hussain Sir for
providing me the opportunity to work on
this website. I also came to know the
concept of web-browser that how the
browser understands CSS, JavaScript and
HTML so that we can build a static or
dynamic website.

You might also like