mirror of
https://github.com/jimeh/960-grid-system-plus.git
synced 2026-02-19 02:56:40 +00:00
1126 lines
18 KiB
HTML
1126 lines
18 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
|
<title>960 Grid System Plus — Demo</title>
|
|
<link rel="stylesheet" href="css/reset.css" />
|
|
<link rel="stylesheet" href="css/text.css" />
|
|
<link rel="stylesheet" href="css/960.css" />
|
|
<link rel="stylesheet" href="css/uncompressed/demo.css" />
|
|
</head>
|
|
<body>
|
|
<h1>
|
|
<a href="http://960.gs/">960 Grid System Plus</a>
|
|
</h1>
|
|
<div class="container_12">
|
|
<h2>
|
|
12 Column Grid
|
|
</h2>
|
|
<div class="grid_12">
|
|
<p>
|
|
940
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_12 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1">
|
|
<p>
|
|
60
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1 -->
|
|
<div class="grid_11">
|
|
<p>
|
|
860
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_11 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_2">
|
|
<p>
|
|
140
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_2 -->
|
|
<div class="grid_10">
|
|
<p>
|
|
780
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_10 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_3">
|
|
<p>
|
|
220
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_3 -->
|
|
<div class="grid_9">
|
|
<p>
|
|
700
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_9 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_4">
|
|
<p>
|
|
300
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_4 -->
|
|
<div class="grid_8">
|
|
<p>
|
|
620
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_8 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_5">
|
|
<p>
|
|
380
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_5 -->
|
|
<div class="grid_7">
|
|
<p>
|
|
540
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_7 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_6">
|
|
<p>
|
|
460
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_6 -->
|
|
<div class="grid_6">
|
|
<p>
|
|
460
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_6 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 suffix_11">
|
|
<p>
|
|
60
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.suffix_11 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_1 suffix_10">
|
|
<p>
|
|
60
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_1.suffix_10 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_2 suffix_9">
|
|
<p>
|
|
60
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_2.suffix_9 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_3 suffix_8">
|
|
<p>
|
|
60
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_3.suffix_8 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_4 suffix_7">
|
|
<p>
|
|
60
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_4.suffix_7 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_5 suffix_6">
|
|
<p>
|
|
60
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_5.suffix_6 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_6 suffix_5">
|
|
<p>
|
|
60
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_6.suffix_5 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_7 suffix_4">
|
|
<p>
|
|
60
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_7.suffix_4 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_8 suffix_3">
|
|
<p>
|
|
60
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_8.suffix_3 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_9 suffix_2">
|
|
<p>
|
|
60
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_9.suffix_2 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_10 suffix_1">
|
|
<p>
|
|
60
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_10.suffix_1 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_11">
|
|
<p>
|
|
60
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_11 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_6 push_6">
|
|
<div class="grid_1 alpha">
|
|
<p>
|
|
60
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.alpha -->
|
|
<div class="grid_5 omega">
|
|
<p>
|
|
380
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_5.omega -->
|
|
<div class="clear"></div>
|
|
<div class="grid_3 alpha">
|
|
<p>
|
|
220
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_3.alpha -->
|
|
<div class="grid_3 omega">
|
|
<p>
|
|
220
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_3.omega -->
|
|
<div class="clear"></div>
|
|
</div>
|
|
<!-- end .grid_6.push_6 -->
|
|
<div class="grid_6 pull_6">
|
|
<div class="grid_3 alpha">
|
|
<p>
|
|
220
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_3.alpha -->
|
|
<div class="grid_3 omega">
|
|
<p>
|
|
220
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_3.omega -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 alpha">
|
|
<p>
|
|
60
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.alpha -->
|
|
<div class="grid_5 omega">
|
|
<p>
|
|
380
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_5.omega -->
|
|
<div class="clear"></div>
|
|
</div>
|
|
<!-- end .grid_6.pull_6 -->
|
|
<div class="clear"></div>
|
|
<div class="grid-6">
|
|
<div class="grid_2">
|
|
<p class="double">
|
|
140
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_2 -->
|
|
<div class="grid_2">
|
|
<p class="double">
|
|
140
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_2 -->
|
|
<div class="grid_2">
|
|
<p class="double">
|
|
140
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_2 -->
|
|
<div class="clear"></div>
|
|
</div>
|
|
<!-- end .grid-6 -->
|
|
<div class="grid-6">
|
|
<div class="grid_1">
|
|
<p>
|
|
60
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1 -->
|
|
<div class="grid_4">
|
|
<p>
|
|
300
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_5 -->
|
|
<div class="grid_1">
|
|
<p>
|
|
60
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_2">
|
|
<p>
|
|
140
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_2 -->
|
|
<div class="grid_2">
|
|
<p>
|
|
140
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_2 -->
|
|
<div class="grid_2">
|
|
<p>
|
|
140
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_2 -->
|
|
<div class="clear"></div>
|
|
</div>
|
|
<!-- end .grid-6 -->
|
|
<div class="clear"></div>
|
|
</div>
|
|
<!-- end .container_12 -->
|
|
<div class="container_16">
|
|
<h2>
|
|
16 Column Grid
|
|
</h2>
|
|
<div class="grid_16">
|
|
<p>
|
|
940
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_16 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1">
|
|
<p>
|
|
40
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1 -->
|
|
<div class="grid_15">
|
|
<p>
|
|
880
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_15 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_2">
|
|
<p>
|
|
100
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_2 -->
|
|
<div class="grid_14">
|
|
<p>
|
|
820
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_14 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_3">
|
|
<p>
|
|
160
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_3 -->
|
|
<div class="grid_13">
|
|
<p>
|
|
760
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_13 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_4">
|
|
<p>
|
|
220
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_4 -->
|
|
<div class="grid_12">
|
|
<p>
|
|
700
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_12 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_5">
|
|
<p>
|
|
280
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_5 -->
|
|
<div class="grid_11">
|
|
<p>
|
|
640
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_11 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_6">
|
|
<p>
|
|
340
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_6 -->
|
|
<div class="grid_10">
|
|
<p>
|
|
580
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_10 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_7">
|
|
<p>
|
|
400
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_7 -->
|
|
<div class="grid_9">
|
|
<p>
|
|
520
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_9 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_8">
|
|
<p>
|
|
460
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_8 -->
|
|
<div class="grid_8">
|
|
<p>
|
|
460
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_8 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 suffix_15">
|
|
<p>
|
|
40
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.suffix_15 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_1 suffix_14">
|
|
<p>
|
|
40
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_1.suffix_14 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_2 suffix_13">
|
|
<p>
|
|
40
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_2.suffix_13 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_3 suffix_12">
|
|
<p>
|
|
40
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_3.suffix_12 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_4 suffix_11">
|
|
<p>
|
|
40
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_4.suffix_11 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_5 suffix_10">
|
|
<p>
|
|
40
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_5.suffix_10 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_6 suffix_9">
|
|
<p>
|
|
40
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_6.suffix_9 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_7 suffix_8">
|
|
<p>
|
|
40
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_7.suffix_8 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_8 suffix_7">
|
|
<p>
|
|
40
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_8.suffix_7 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_9 suffix_6">
|
|
<p>
|
|
40
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_9.suffix_6 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_10 suffix_5">
|
|
<p>
|
|
40
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_10.suffix_5 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_11 suffix_4">
|
|
<p>
|
|
40
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_11.suffix_4 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_12 suffix_3">
|
|
<p>
|
|
40
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_12.suffix_3 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_13 suffix_2">
|
|
<p>
|
|
40
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_13.suffix_2 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_14 suffix_1">
|
|
<p>
|
|
40
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_14.suffix_1 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_15">
|
|
<p>
|
|
40
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_15 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_8 push_8">
|
|
<div class="grid_1 alpha">
|
|
<p>
|
|
40
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.alpha -->
|
|
<div class="grid_7 omega">
|
|
<p>
|
|
400
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_7.omega -->
|
|
<div class="clear"></div>
|
|
<div class="grid_4 alpha">
|
|
<p>
|
|
220
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_4.alpha -->
|
|
<div class="grid_4 omega">
|
|
<p>
|
|
220
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_4.omega -->
|
|
<div class="clear"></div>
|
|
</div>
|
|
<!-- end .grid_8.push_8 -->
|
|
<div class="grid_8 pull_8">
|
|
<div class="grid_4 alpha">
|
|
<p>
|
|
220
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_4.alpha -->
|
|
<div class="grid_4 omega">
|
|
<p>
|
|
220
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_4.omega -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 alpha">
|
|
<p>
|
|
40
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.alpha -->
|
|
<div class="grid_7 omega">
|
|
<p>
|
|
400
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_7.omega -->
|
|
<div class="clear"></div>
|
|
</div>
|
|
<!-- end .grid_8.pull_8 -->
|
|
<div class="clear"></div>
|
|
<div class="grid-8">
|
|
<div class="grid_3">
|
|
<p class="double">
|
|
160
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_3 -->
|
|
<div class="grid_2">
|
|
<p class="double">
|
|
100
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_2 -->
|
|
<div class="grid_3">
|
|
<p class="double">
|
|
160
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_3 -->
|
|
<div class="clear"></div>
|
|
</div>
|
|
<!-- end .grid-8 -->
|
|
<div class="grid-8">
|
|
<div class="grid_1">
|
|
<p>
|
|
40
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1 -->
|
|
<div class="grid_6">
|
|
<p>
|
|
340
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_6 -->
|
|
<div class="grid_1">
|
|
<p>
|
|
40
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_3">
|
|
<p>
|
|
160
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_3 -->
|
|
<div class="grid_2">
|
|
<p>
|
|
100
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_2 -->
|
|
<div class="grid_3">
|
|
<p>
|
|
160
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_3 -->
|
|
<div class="clear"></div>
|
|
</div>
|
|
<!-- end .grid-8 -->
|
|
|
|
<div class="clear"></div>
|
|
</div>
|
|
<!-- end .container_16 -->
|
|
<div class="container_24">
|
|
<h2>
|
|
24 Column Grid
|
|
</h2>
|
|
<div class="grid_24">
|
|
<p>
|
|
950
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_24 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1">
|
|
<p>
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1 -->
|
|
<div class="grid_23">
|
|
<p>
|
|
910
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_23 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_2">
|
|
<p>
|
|
70
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_2 -->
|
|
<div class="grid_22">
|
|
<p>
|
|
870
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_2 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_3">
|
|
<p>
|
|
110
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_3 -->
|
|
<div class="grid_21">
|
|
<p>
|
|
830
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_21 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_4">
|
|
<p>
|
|
150
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_4 -->
|
|
<div class="grid_20">
|
|
<p>
|
|
790
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_20 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_5">
|
|
<p>
|
|
190
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_5 -->
|
|
<div class="grid_19">
|
|
<p>
|
|
750
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_19 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_6">
|
|
<p>
|
|
230
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_6 -->
|
|
<div class="grid_18">
|
|
<p>
|
|
710
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_18 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_7">
|
|
<p>
|
|
270
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_7 -->
|
|
<div class="grid_17">
|
|
<p>
|
|
670
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_17 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_8">
|
|
<p>
|
|
310
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_8 -->
|
|
<div class="grid_16">
|
|
<p>
|
|
630
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_16 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_9">
|
|
<p>
|
|
350
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_9 -->
|
|
<div class="grid_15">
|
|
<p>
|
|
590
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_15 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_10">
|
|
<p>
|
|
390
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_10 -->
|
|
<div class="grid_14">
|
|
<p>
|
|
550
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_14 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_11">
|
|
<p>
|
|
430
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_11 -->
|
|
<div class="grid_13">
|
|
<p>
|
|
510
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_13 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_12">
|
|
<p>
|
|
470
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_12 -->
|
|
<div class="grid_12">
|
|
<p>
|
|
470
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_12 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 suffix_23">
|
|
<p>
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.suffix_23 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_1 suffix_22">
|
|
<p>
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_1.suffix_22 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_2 suffix_21">
|
|
<p>
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_2.suffix_21 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_3 suffix_20">
|
|
<p>
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_3.suffix_20 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_4 suffix_19">
|
|
<p>
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_4.suffix_19 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_5 suffix_18">
|
|
<p>
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_5.suffix_18 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_6 suffix_17">
|
|
<p>
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_6.suffix_17 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_7 suffix_16">
|
|
<p>
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_7.suffix_16 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_8 suffix_15">
|
|
<p>
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_8.suffix_15 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_9 suffix_14">
|
|
<p>
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_9.suffix_14 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_10 suffix_13">
|
|
<p>
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_10.suffix_13 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_11 suffix_12">
|
|
<p>
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_11.suffix_12 -->
|
|
<div class="grid_1 prefix_12 suffix_11">
|
|
<p>
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_12.suffix_11 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_13 suffix_10">
|
|
<p>
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_13.suffix_10 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_14 suffix_9">
|
|
<p>
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_14.suffix_9 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_15 suffix_8">
|
|
<p>
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_15.suffix_8 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_16 suffix_7">
|
|
<p>
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_16.suffix_7 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_17 suffix_6">
|
|
<p>
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_17.suffix_6 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_18 suffix_5">
|
|
<p>
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_18.suffix_5 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_19 suffix_4">
|
|
<p>
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_19.suffix_4 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_20 suffix_3">
|
|
<p>
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_20.suffix_3 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_21 suffix_2">
|
|
<p>
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_21.suffix_2 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_22 suffix_1">
|
|
<p>
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_22.suffix_1 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 prefix_23">
|
|
<p>
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.prefix_23 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_12 push_12">
|
|
<div class="grid_6 alpha">
|
|
<p>
|
|
230
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_6.alpha -->
|
|
<div class="grid_6 omega">
|
|
<p>
|
|
230
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_6.omega -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1 alpha">
|
|
<p>
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.alpha -->
|
|
<div class="grid_11 omega">
|
|
<p>
|
|
430
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_11.omega -->
|
|
<div class="clear"></div>
|
|
</div>
|
|
<!-- end .grid_12.push_12 -->
|
|
<div class="grid_12 pull_12">
|
|
<div class="grid_1 alpha">
|
|
<p>
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1.alpha -->
|
|
<div class="grid_11 omega">
|
|
<p>
|
|
430
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_11.omega -->
|
|
<div class="clear"></div>
|
|
<div class="grid_6 alpha">
|
|
<p>
|
|
230
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_6.alpha -->
|
|
<div class="grid_6 omega">
|
|
<p>
|
|
230
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_6.omega -->
|
|
<div class="clear"></div>
|
|
</div>
|
|
<!-- end .grid_12.pull_12 -->
|
|
<div class="clear"></div>
|
|
<div class="grid-12">
|
|
<div class="grid_1">
|
|
<p class="double">
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1 -->
|
|
<div class="grid_10">
|
|
<p class="double">
|
|
390
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_10 -->
|
|
<div class="grid_1">
|
|
<p class="double">
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1 -->
|
|
<div class="clear"></div>
|
|
</div>
|
|
<!-- end .grid-12 -->
|
|
<div class="grid-12">
|
|
<div class="grid_4">
|
|
<p>
|
|
150
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_4 -->
|
|
<div class="grid_4">
|
|
<p>
|
|
150
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_4 -->
|
|
<div class="grid_4">
|
|
<p>
|
|
150
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_4 -->
|
|
<div class="clear"></div>
|
|
<div class="grid_1">
|
|
<p>
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1 -->
|
|
<div class="grid_10">
|
|
<p>
|
|
390
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_10 -->
|
|
<div class="grid_1">
|
|
<p>
|
|
30
|
|
</p>
|
|
</div>
|
|
<!-- end .grid_1 -->
|
|
<div class="clear"></div>
|
|
</div>
|
|
<!-- end .grid-12 -->
|
|
<div class="clear"></div>
|
|
</div>
|
|
<!-- end .container_24 -->
|
|
</body>
|
|
</html> |