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 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
● 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