Git Product home page Git Product logo

itec-project's Introduction

ITEC3020-Project

What we have created

we have created a website which sells computers, laptops and there accessories We have tried to make the website as responsive and interactive as we could

Assignment Details

Assignment 01 ITEC 3020, Fall 2020 Submission You may work individually or in pairs.

● If you are submitting as a pair, only one of the members should submit the assignment. Please, include the name of the teammates in the submission (in a different text (.txt) file). If no information otherwise is received, then an individual assignment will be assumed.

● To submit your solutions to this assignment, you will use the submission facility on the course website on eClass.

● Submissions should be in a zip folder including one index.html file, one or more css files, and a text file with the names of the teammates. You might need to include the pictures, more html files, or other files you reference in your html file.

● You are allowed to use frameworks like Bootstrap, SemanticUI, etc but you are not allowed to use templates.

● You should abide by the policies set by the Senate of York University and by the Faculty of Liberal Arts & Professional Studies regarding the Academic Honesty.

● Following the policies explained above is worth 5% of the mark you receive for this assignment.

● This assignment is worth 15% of your final grade.

● Due date: Thursday Oct 15, 2020, 11:55 pm

Creating a static page using HTML and CSS This assignment is designed to help you prepare for your midterm exam. You may do this assignment in groups of 2 people or individually. In this assignment, you are asked to create a product page in an online shop using proper HTML and CSS. The use of CSS to style your websites in a way it’s appealing to the user is very important.

Your page should include:

  • Logo and name of the online shop

  • At least one picture of the product

  • Some text to describe the product

  • A list pointing out different characteristics of the product

  • Buttons to choose between different variations of the product in terms of color, size, model, etc (based on the product you choose to present)

  • A button to add the product to the cart

  • A button to view the cart

  • A search field for searching for new items

  • A navigation bar to navigate to other pages (or at least the main page of the shop)

  • A section promoting similar/suggested products Pay attention that:

● Your page should be fully static, meaning that the buttons are not yet implemented, but the design should be complete.

● In creating your website, you might need to use more html elements and css properties than explained in the lectures. You can use your textbook or w3schools to learn more about them.

● You should lay out your content using

tags and position them as you see fit. The number of columns and exact layout is up to you.

● Proper implementation of the tags and contents is very important. Think about exceptional cases when the pictures cannot be loaded, etc Bonus points

● Get up to 5% bonus using Git in your project

● Get up to 5% bonus making your web page responsive

itec-project's People

Contributors

karanvirsb avatar syeedh avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.