ProductJavascript/index.html at master · StartupInstitute/ProductJavascript · GitHub

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
<!DOCTYPE HTML>
<html lang="en">
<head>
  <title>My Shop</title>
  <link rel="stylesheet" href="style.css" type="text/css" >
</head>
<body>
	<header>
		<h1>Logo</h1>
	</header>
	<section class='products'>
	   <div class="product">
	   	<img src="images/shirt-black.jpg" alt="" />
	   	<h2>Whiz Bang</h2>
	      <a href="#" class='details' id="details1">see details</a>
	      <p class='description' id="description1" >Integer elementum, felis non faucibus euismod, erat massa dictum eros, eu
	        ornare ligula tortor et mauris. Cras molestie magna in nibh. Aenean et
	        tellus. Fusce adipiscing commodo erat. In eu justo. Nulla dictum, erat sed
	        blandit venenatis, arcu dolor molestie dolor, vitae congue orci risus a
	        nulla. Pellentesque sit amet arcu. In mattis laoreet enim. Pellentesque id
	        augue et arcu blandit tincidunt. Pellentesque elit ante, rhoncus quis,
	        dapibus sit amet, tincidunt eu, nibh. In imperdiet. Nunc lectus neque,
	        commodo eget, porttitor quis, fringilla quis, purus.</p>
	   </div>
	   <div class="product">
	   	<img src="images/shirt-blue.jpg" alt="" />
	   	<h2>Gidget Gadget</h2>
	      <a href="#"  class='details' id="details2">see details</a>
	      <p class='description' id="description2">integer elementum, felis non faucibus euismod, erat massa dictum eros, eu
	        ornare ligula tortor et mauris. cras molestie magna in nibh. aenean et
	        tellus. fusce adipiscing commodo erat. in eu justo. nulla dictum, erat sed
	        blandit venenatis, arcu dolor molestie dolor, vitae congue orci risus a
	        nulla. pellentesque sit amet arcu. in mattis laoreet enim. pellentesque id
	        augue et arcu blandit tincidunt. pellentesque elit ante, rhoncus quis,
	        dapibus sit amet, tincidunt eu, nibh. in imperdiet. nunc lectus neque,
	        commodo eget, porttitor quis, fringilla quis, purus.</p>
	   </div>
	   <div class="product">
	   	<img src="images/shirt-white.jpg" alt="" />
	   	<h2>Snorfgot</h2>
	      <a href="#" class='details' id="details3">see details</a>
	      <p class='description' id="description3">integer elementum, felis non faucibus euismod, erat massa dictum eros, eu
	        ornare ligula tortor et mauris. cras molestie magna in nibh. aenean et
	        tellus. fusce adipiscing commodo erat. in eu justo. nulla dictum, erat sed
	        blandit venenatis, arcu dolor molestie dolor, vitae congue orci risus a
	        nulla. pellentesque sit amet arcu. in mattis laoreet enim. pellentesque id
	        augue et arcu blandit tincidunt. pellentesque elit ante, rhoncus quis,
	        dapibus sit amet, tincidunt eu, nibh. in imperdiet. nunc lectus neque,
	        commodo eget, porttitor quis, fringilla quis, purus.</p>
	   </div>
	</section>

</body>
</html>