Scribd
Upload
2 views7 pages

FSD Ass 1

The document outlines an assignment for a Full Stack Development course, specifically focusing on creating a responsive photography site and a restaurant menu using HTML5 and CSS3. It includes requirements for layout, styling, and functionality such as a button to navigate to the image section and a gallery for the restaurant menu. The assignment emphasizes the use of grid layout, media queries, and appropriate design elements.

Uploaded by

ragu77167
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
2 views7 pages

FSD Ass 1

The document outlines an assignment for a Full Stack Development course, specifically focusing on creating a responsive photography site and a restaurant menu using HTML5 and CSS3. It includes requirements for layout, styling, and functionality such as a button to navigate to the image section and a gallery for the restaurant menu. The assignment emphasizes the use of grid layout, media queries, and appropriate design elements.

Uploaded by

ragu77167
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

R19CS206 – FULL STACK

DEVELOPMENT

ASSIGNMENT – 01

PRAVEEN S
22AM033
CSE - AIML
Sem: V
Q1.
Create a one-page responsive photography site using HTML5 and CSS3. Use grid
layout and media queries for responsiveness. Add the company name with an
image(related to photography) on the top (landing page). Below that showcase your
work adding multiple images. Mention the contact detail of the photographer at the
bottom (footer). Add a button to view your work. This button will directly bring you
down to the images section. Add margin, padding, color combination, font-size,
fontstyle, image size and styling of a button

HTML Code:

CSS Code:
Output:
Q2.

Create simple restaurant menu using HTML and CSS. Note: Align the different foods
and drinks using a CSS layout grid. Add prices, images, and other elements. Choose a
suitable color palette, fonts, and stock photo sandal so add photo for a gallery for
individual dishes.

HTML Code:
CSS Code:
Output:

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