Scribd Logo
Upload

Welcome to Scribd!

  • 1 views

    Fall 2024_CS521_1

    Uploaded by

    princesmano124
    This assignment requires students to create a multi-section website layout using HTML and CSS, focusing on structuring and styling. Submissions must be in .html format and adhere to specific guidelines to receive credit. Optional features include smooth scrolling, responsive design, custom fonts, and image integration.

    Copyright:

    © All Rights Reserved
    Download as DOC, PDF, TXT or read online from Scribd

    Fall 2024_CS521_1

    Uploaded by

    princesmano124
    1 views3 pages
    This assignment requires students to create a multi-section website layout using HTML and CSS, focusing on structuring and styling. Submissions must be in .html format and adhere to specific guidelines to receive credit. Optional features include smooth scrolling, responsive design, custom fonts, and image integration.

    Original Description:

    ...

    Copyright

    © © All Rights Reserved

    Available Formats

    DOC, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    This assignment requires students to create a multi-section website layout using HTML and CSS, focusing on structuring and styling. Submissions must be in .html format and adhere to specific guidelines to receive credit. Optional features include smooth scrolling, responsive design, custom fonts, and image integration.

    Copyright:

    © All Rights Reserved
    Download as DOC, PDF, TXT or read online from Scribd
    Download as doc, pdf, or txt
    1 views3 pages

    Fall 2024_CS521_1

    Uploaded by

    princesmano124
    This assignment requires students to create a multi-section website layout using HTML and CSS, focusing on structuring and styling. Submissions must be in .html format and adhere to specific guidelines to receive credit. Optional features include smooth scrolling, responsive design, custom fonts, and image integration.

    Copyright:

    © All Rights Reserved
    Download as DOC, PDF, TXT or read online from Scribd
    Download as doc, pdf, or txt
    You are on page 1of 3

    Assignment No.

    1 Total Marks: 20

    Semester: Fall 2024


    Due Date: 07/11/2024
    CS521 – Web Systems and Technologies

    Instructions
    Please read the following instructions carefully before submitting the assignment solution:
    It should be clear that your assignment will not get any credit/marks if:
    o Assignment is submitted after the due date.
    o Submitted assignment does not open or file is corrupt.
    o Assignment is copied (From the internet/students).

    Assignment Submission Instructions


    You must submit only your code’s “.html” file on the assignments interface from your LMS
    account.
    Assignments submitted in any other format will not be accepted and will be scaled with
    zero marks. No excuse for submitting a solution file in any other format will be accepted.
    For any query related to the assignment, don't hesitate to get in touch with cs521@vu.edu.pk.

    Objective:
    To design and develop a simple multi-section website layout using HTML and CSS. This
    assignment will help you practice your skills in structuring a webpage and applying CSS for
    styling.
    1. HTML (index.html):
    o Create a basic HTML structure with a <head> and <body>.
    o Add the following sections to the body:
     Header: Include your website title and a navigation menu with links to the
    sections:
     Home
     About
     Services
     Contact
     About Section: Write a brief introduction about yourself or your website.
     Services Section: List at least three services you offer, including a brief
    description for each.
     Contact Section: Create a simple contact form with fields for name,
    email, and message, and a submit button.
     Footer: Include copyright information and links to social media.
    2. CSS (styles.css):
    o Style the website to enhance its visual appeal. Consider the following:
     Use a cohesive color scheme.
     Style the header and navigation menu.
     Add padding and margins to sections for spacing.
     Use fonts that are easy to read and visually appealing.
     Add hover effects to the navigation links.
    3. Layout:
    o Use CSS Flexbox or Grid for layout management.
    o Ensure that the layout is responsive, meaning it should look good on both desktop
    and mobile devices.
    o Ensure that each section is clearly defined, possibly using different background
    colors or images.

    Additional Features (Optional):


     Smooth Scrolling: Implement smooth scrolling for navigation links.
     Responsive Design: Use media queries to adjust the layout on different screen sizes.
     Custom Fonts: Integrate a custom Google Font to enhance typography.
     Image Integration: Add relevant images or icons to the About and Services sections.

    You might also like