-
Notifications
You must be signed in to change notification settings - Fork 10
/
product-listing.html
73 lines (65 loc) · 3.52 KB
/
product-listing.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Product Listing Page</title>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,300,500,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<header>
<blockquote cite="http://en.wikiquote.org/wiki/Andr%C3%A9_Gide">
<p>"Man cannot discover new oceans unless he has the courage to lose sight of the shore."<br>
— André Gide
</p>
</blockquote>
<h2 class="dev-path">JavaScript Developer</h2>
<h1 class="dev-name">Vojislav Grujić</h1>
</header>
<section class="main">
<nav>
<ul class="menu">
<li class="clearfix">
<label class="main-menu-toggle" for="main-menu">Projects ></label>
<input type="checkbox" name="main-menu" id="main-menu" class="hidden">
<ul class="main-menu">
<li class="link"><a href="buttons.html">Buttons</a></li>
<li class="link"><a href="profile-card.html">Profile Card</a></li>
<li class="link dropdown">
<input type="checkbox" name="submenu" id="submenu" class="hidden">
<label for="submenu">Forms <span class="arrow-down">▾</span></label>
<ul class="submenu">
<li><a href="forms.html#signup">Sign Up</a></li>
<li><a href="forms.html#search">Search</a></li>
<li><a href="forms.html#color-form">Color Picker</a></li>
<li><a href="forms.html#login">Login</a></li>
<li><a href="forms.html#questionnaire">Questionnaire</a></li>
<li><a href="forms.html#address">Address</a></li>
<li><a href="forms.html#schedule">Schedule</a></li>
<li><a href="forms.html#credit-card">Credit Card</a></li>
</ul>
</li>
<li class="link"><a href="calculator.html">Calculator</a></li>
<li class="link current"><a href="#">Product Listing</a></li>
</ul>
<span id="home" class="link"><a href="index.html">HOME</a></span>
</li>
</ul>
</nav>
<h1>Introduction to CSS — Project Assignment 6:<br> Product Listing Page</h1>
<section class="project project-product-listing">
<h2><a href="http://gruximillian.github.io/product-listing" target="_blank">Product Listing Page</a></h2>
<div class="project-thumb">
<a href="http://gruximillian.github.io/product-listing" target="_blank"><img src="img/product-listing.png"></a>
</div>
<p>Product Listing assignment is a web page that lists at least 10 products with their name, images, prices and "Add to Cart" button for each product.</p>
<p>On the bottom of the page is the "Shopping Cart" section that displays at least three products. Each product in the cart must have input filed for entering quantity and remove button for removing from the cart.</p>
<p>The shopping cart also displays total price of all products in the cart, the input filed for entering promo code, and "Keep Shopping" and "Checkout" buttons.</p>
</section>
</section> <!-- end ".main" section -->
<footer>
<p><a href="https://github.com/Gruximillian/product-listing" target="_blank"><img class="github-logo" src="img/GitHub-Mark.png" alt="github logo"></a> You can find the source code for this project on <a href="https://github.com/Gruximillian/product-listing" target="_blank">GitHub</a>.</p>
</footer>
</body>
</html>