-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathMobile.html
70 lines (58 loc) · 4.04 KB
/
Mobile.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width, minimum-scale=1.0,
maximum-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- Mobile -->
<link rel="stylesheet" type="text/css" href="CSS/mobile.css" />
<title>CSS Mobile Reset</title>
</head>
<body>
<div id="container">
<div id="header">
<h1>Header</h1>
<ul id="nav">
<li>Uno</li>
<li>Due</li>
<li>Tre</li>
<li>Quattro </li>
<li>Cinque </li>
<li>Sei</li>
<li>Sette</li>
</ul>
</div>
<div class="clear"> </div>
<div id="main">
<h3>Main</h3>
<div class="g320">
<p><img src="images/150X112.gif" />Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi suscipit neque quis eros interdum blandit. Duis mauris ligula, adipiscing sit amet, pellentesque id, pretium et, sem. Nam viverra semper lectus. Maecenas imperdiet, pede nec gravida vestibulum. </p>
</div>
<div class="g320">
<p><img src="images/310X232.gif" />Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aeneanultriciesmivitaeestmaurisplacerateleifendleoeneanultriciesmivitaeestmaurisplacerateleifendleo.</p>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi suscipit neque quis eros interdum blandit. Duis mauris ligula, adipiscing sit amet, pellentesque id, pretium et, sem. Nam viverra semper lectus. Maecenas imperdiet, pede nec gravida vestibulum. </p>
</div>
</div>
<div id="sidebar">
<h3>Sidebar</h3>
<div class="g160">
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
</div>
<div class="g160">
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
</div>
</div>
<div class="clear"> </div>
<div id="footer" class="oldbook">
<h3>Footer</h3>
<div class="g240"><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p></div>
<div class="g240"><p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi suscipit neque quis eros interdum blandit. Duis mauris ligula, adipiscing sit amet, pellentesque id, pretium et, sem. Nam viverra semper lectus. Maecenas imperdiet, pede nec gravida vestibulum. </p></div>
<div class="g240"><p>Ut congue lacinia tortor. Curabitur lacinia sodales enim. Nam tincidunt magna ac sapien. Nunc mattis, leo ut cursus commodo, dolor sem gravida ante, quis congue purus sem eget urna. Morbi consequat viverra ante. Aliquam a enim. Pellentesque at felis. Nam vel neque non elit aliquam fermentum. </p></div>
<div class="g240"><p>
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p></div>
</div>
<div class="clear"> </div>
</div>
</body>
</html>