oocss-compass 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (70) hide show
  1. data/LICENSE +30 -0
  2. data/lib/oocss-compass.rb +4 -0
  3. data/stylesheets/_definitions.scss +64 -0
  4. data/stylesheets/_mixins.scss +13 -0
  5. data/stylesheets/_oocss-compass.scss +61 -0
  6. data/stylesheets/core/_libraries.scss +82 -0
  7. data/stylesheets/core/grid/_grids.scss +59 -0
  8. data/stylesheets/core/grid/_grids_debug.scss +36 -0
  9. data/stylesheets/core/module/_mod.scss +120 -0
  10. data/stylesheets/core/module/_mod_debug.scss +28 -0
  11. data/stylesheets/core/template/_template.scss +69 -0
  12. data/stylesheets/core/template/_template_debug.scss +19 -0
  13. data/stylesheets/plugins/breadcrumb/_breadcrumb.scss +15 -0
  14. data/stylesheets/plugins/breadcrumb/breadcrumb.css +4 -0
  15. data/stylesheets/plugins/tabs/_tabs.scss +146 -0
  16. data/stylesheets/plugins/talk/_talk.scss +76 -0
  17. data/stylesheets/plugins/talk/talk.css +20 -0
  18. data/templates/project/default.scss +19 -0
  19. data/templates/project/demos/core/grids/grids_all.html +362 -0
  20. data/templates/project/demos/core/grids/grids_doc.html +225 -0
  21. data/templates/project/demos/core/module/mod_doc.html +352 -0
  22. data/templates/project/demos/core/template/template.html +53 -0
  23. data/templates/project/demos/core/template/template_doc.html +108 -0
  24. data/templates/project/demos/plugins/breadcrumb/breadcrumb.html +42 -0
  25. data/templates/project/demos/plugins/tabs/tabs_doc.html +105 -0
  26. data/templates/project/demos/plugins/talk/talk_doc.html +158 -0
  27. data/templates/project/manifest.rb +13 -0
  28. data/templates/project/partials/_base.scss +0 -0
  29. data/templates/project/partials/core/_content.scss +261 -0
  30. data/templates/project/partials/core/_mod_skins.scss +405 -0
  31. data/templates/project/partials/core/content.css +73 -0
  32. data/templates/project/partials/core/mod_skins.css +113 -0
  33. data/templates/project/partials/plugins/_talk_skins.scss +54 -0
  34. data/templates/project/partials/plugins/talk_skins.css +18 -0
  35. data/templates/project/skin/about.png +0 -0
  36. data/templates/project/skin/author.png +0 -0
  37. data/templates/project/skin/even.png +0 -0
  38. data/templates/project/skin/even_borders.psd +0 -0
  39. data/templates/project/skin/even_lr.png +0 -0
  40. data/templates/project/skin/even_tb.png +0 -0
  41. data/templates/project/skin/excerpt.png +0 -0
  42. data/templates/project/skin/faq.png +0 -0
  43. data/templates/project/skin/gc.png +0 -0
  44. data/templates/project/skin/gc_header.png +0 -0
  45. data/templates/project/skin/gc_header2.png +0 -0
  46. data/templates/project/skin/glow.png +0 -0
  47. data/templates/project/skin/glow_7px.png +0 -0
  48. data/templates/project/skin/glow_test.png +0 -0
  49. data/templates/project/skin/glow_thin.png +0 -0
  50. data/templates/project/skin/grab.png +0 -0
  51. data/templates/project/skin/header.png +0 -0
  52. data/templates/project/skin/header_glossy.png +0 -0
  53. data/templates/project/skin/header_gradient_light.png +0 -0
  54. data/templates/project/skin/help.png +0 -0
  55. data/templates/project/skin/highlight.png +0 -0
  56. data/templates/project/skin/info.png +0 -0
  57. data/templates/project/skin/kakapo.png +0 -0
  58. data/templates/project/skin/me.png +0 -0
  59. data/templates/project/skin/noted.png +0 -0
  60. data/templates/project/skin/online.png +0 -0
  61. data/templates/project/skin/photo.png +0 -0
  62. data/templates/project/skin/round.png +0 -0
  63. data/templates/project/skin/simple_corners.png +0 -0
  64. data/templates/project/skin/simple_extended.png +0 -0
  65. data/templates/project/skin/store.png +0 -0
  66. data/templates/project/skin/talk.png +0 -0
  67. data/templates/project/skin/universe.png +0 -0
  68. data/templates/project/skin/universe_gray.png +0 -0
  69. data/templates/project/skin/universe_login.png +0 -0
  70. metadata +147 -0
data/stylesheets/core/module/_mod_debug.scss ADDED
@@ -0,0 +1,28 @@
1
+ @mixin oocss-mod-debug{
2
+ /* debug modules */
3
+
4
+ .#{$ns_oo_m}top, .#{$ns_oo_m}bottom {
5
+ background-color: #e2e2e2; }
6
+
7
+ .#{$ns_oo_m}tl {
8
+ background-color: red; }
9
+
10
+ .#{$ns_oo_m}tr {
11
+ background-color: orange; }
12
+
13
+ .#{$ns_oo_m}bl {
14
+ background-color: yellow; }
15
+
16
+ .#{$ns_oo_m}br {
17
+ background-color: lime; }
18
+
19
+ /*.#{$ns_oo_m}hd{background-color: green;}
20
+ .#{$ns_oo_m}bd{background-color: teal;}
21
+ .#{$ns_oo_m}ft{background-color: blue;}*/
22
+
23
+ .#{$ns_oo_m}mod {
24
+ background-color: purple; }
25
+
26
+ .#{$ns_oo_m}inner {
27
+ background-color: #E20074; }
28
+ }
data/stylesheets/core/template/_template.scss ADDED
@@ -0,0 +1,69 @@
1
+ @mixin oocss-template{
2
+
3
+ /* **************** TEMPLATE ***************** */
4
+ /* ====== Page Head, Body, and Foot ====== */
5
+
6
+ body {
7
+ _text-align: center; }
8
+
9
+ /* IE5.5 */
10
+
11
+ .#{$ns_oo_g}main {
12
+ display: table-cell;
13
+ *display: block;
14
+ width: auto; }
15
+
16
+ .#{$ns_oo_g}body, .#{$ns_oo_g}main {
17
+ *zoom: 1; }
18
+
19
+
20
+
21
+ .#{$ns_oo_g}body, .#{$ns_oo_g}main {
22
+ @include clearFix; }
23
+
24
+ .#{$ns_oo_g}page {
25
+ margin: 0 auto;
26
+ width: 950px;
27
+ _text-align: left; }
28
+
29
+ /* wraps other template elems to set width */
30
+
31
+ /* text-align IE5.5 */
32
+ /* "old school" and "liquid" extend page to allow for different page widths */
33
+
34
+ .#{$ns_oo_g}oldSchool {
35
+ width: 750px; }
36
+
37
+ .#{$ns_oo_g}gs960 {
38
+ width: 960px; }
39
+
40
+ .#{$ns_oo_g}liquid {
41
+ width: auto;
42
+ margin: 0; }
43
+
44
+ /* ====== Columns ====== */
45
+
46
+ .#{$ns_oo_g}leftCol {
47
+ float: left;
48
+ width: 250px;
49
+ _margin-right: -3px; }
50
+
51
+ .#{$ns_oo_g}rightCol {
52
+ float: right;
53
+ width: 300px;
54
+ _margin-left: -3px; }
55
+
56
+ /* extend columns to allow for common column widths */
57
+
58
+ .#{$ns_oo_g}gMail {
59
+ width: 160px; }
60
+
61
+ .#{$ns_oo_g}gCal {
62
+ width: 180px; }
63
+
64
+ .#{$ns_oo_g}yahoo {
65
+ width: 240px; }
66
+
67
+ .#{$ns_oo_g}myYahoo {
68
+ width: 300px; }
69
+ }
data/stylesheets/core/template/_template_debug.scss ADDED
@@ -0,0 +1,19 @@
1
+ @mixin oocss-template-debug{
2
+
3
+ /* **************** TEMPLATE DEBUG ***************** */
4
+
5
+ .#{$ns_oo_g}body {
6
+ background-color: red; }
7
+
8
+ .#{$ns_oo_g}page {
9
+ background-color: orange; }
10
+
11
+ .#{$ns_oo_g}main {
12
+ background-color: yellow; }
13
+
14
+ .#{$ns_oo_g}leftCol {
15
+ background-color: lime; }
16
+
17
+ .#{$ns_oo_g}rightCol {
18
+ background-color: aqua; }
19
+ }
data/stylesheets/plugins/breadcrumb/_breadcrumb.scss ADDED
@@ -0,0 +1,15 @@
1
+ @mixin oocss-breadcrumb{
2
+ .breadcrumb {
3
+ li {
4
+ display: inline;
5
+ &:after {
6
+ content: "\25B8";
7
+ display: inline-block;
8
+ padding: 0 6px 0 10px; }
9
+ &:last-child:after {
10
+ content: ""; }
11
+ }
12
+ a {
13
+ color: #2c4460 !important; }
14
+ }
15
+ }
data/stylesheets/plugins/breadcrumb/breadcrumb.css ADDED
@@ -0,0 +1,4 @@
1
+ .breadcrumb li{ display: inline;}
2
+ .breadcrumb li:after{ content: "\25B8"; display: inline-block; padding: 0 6px 0 10px;}
3
+ .breadcrumb li:last-child:after{content: "";}
4
+ .breadcrumb a {color: #2c4460 !important;}
data/stylesheets/plugins/tabs/_tabs.scss ADDED
@@ -0,0 +1,146 @@
1
+ @mixin oocss-tabs{
2
+
3
+ /*
4
+ TODO: Allow % widths of tabs
5
+ TODO: Abstract skin from tabs
6
+ TODO: clean up selector structure - too much variation in rule strength
7
+
8
+ */
9
+
10
+ .tabs {
11
+ .bd {}
12
+ .hd {
13
+ ul {
14
+ padding: 0;
15
+ display: table-row;
16
+ _zoom: 1; }
17
+ li {
18
+ display: table-cell;
19
+ *display: inline;
20
+ vertical-align: middle; } }
21
+ .tabControl {
22
+ a {
23
+ display: inline-block;
24
+ text-decoration: none; }
25
+ span {
26
+ display: inline-block;
27
+ text-align: center;
28
+ padding: 5px 20px; } }
29
+ .bd li {
30
+ display: none;
31
+ li, &.current {
32
+ display: block; } }
33
+ .topper {
34
+ padding: 0; } }
35
+
36
+ .tabControl li {
37
+ border-right: solid 1px #ccc;
38
+ border-left: solid 1px #fff;
39
+ &:last-child {
40
+ border-right: none; }
41
+ &:first-child {
42
+ border-left: none; } }
43
+
44
+ .tabs {
45
+ a {
46
+ font-weight: normal;
47
+ color: #333; }
48
+ .hd .tabControl .current {
49
+ background-color: #fff; }
50
+ li a:hover {
51
+ color: #000;
52
+ background-color: #fff; }
53
+ .hd li.current {
54
+ a, span {
55
+ cursor: default; } }
56
+ li.current a:hover {
57
+ color: #333; }
58
+ .hd li span {
59
+ cursor: pointer; } }
60
+
61
+ .controls {
62
+ position: absolute;
63
+ top: 0;
64
+ right: 0;
65
+ display: none !important;
66
+ /* this should move to its' own plugin */
67
+ a {
68
+ padding: 10px; } }
69
+
70
+ .tabPosLeft {
71
+ .hd .tabControl .current {
72
+ background-image: none;
73
+ border-bottom: solid 1px #e2e2e2;
74
+ border-right: none;
75
+ margin-right: -1px; }
76
+ .tabControl li {
77
+ border-right: none; }
78
+ .hd {
79
+ border-right: 1px solid #e2e2e2;
80
+ margin-right: -1px; }
81
+ .bd {
82
+ border-left: 1px solid #e2e2e2;
83
+ display: table-cell; }
84
+ .tabControl a {
85
+ border-right: 1px solid #fff; }
86
+ .hd {
87
+ float: left;
88
+ width: 33%; }
89
+ .tabControl {
90
+ a, span, li {
91
+ display: block;
92
+ text-align: left; } }
93
+ .hd ul {
94
+ display: block;
95
+ text-align: left; }
96
+ .tabControl span {
97
+ padding: 5px 10px; } }
98
+
99
+ .tabPosRight {
100
+ .tabControl span {
101
+ padding: 5px 10px; }
102
+ .hd .tabControl {
103
+ li {
104
+ border-left: none;
105
+ border-right: solid 1px #fff; }
106
+ .current {
107
+ background-image: none;
108
+ border-bottom: solid 1px #e2e2e2;
109
+ border-left: none;
110
+ margin-left: -1px; } }
111
+ .tabControl a {
112
+ border-left: 1px solid #fff; }
113
+ .hd {
114
+ float: right;
115
+ width: 33%; }
116
+ .tabControl {
117
+ a, span, li {
118
+ display: block;
119
+ text-align: left; } }
120
+ .hd {
121
+ ul {
122
+ display: block;
123
+ text-align: left; }
124
+ border-left: 1px solid #e2e2e2;
125
+ margin-left: -1px; }
126
+ .bd {
127
+ border-right: 1px solid #e2e2e2;
128
+ display: table-cell; } }
129
+
130
+ /* right side tabs */
131
+
132
+ /* bottom side tabs */
133
+
134
+ /*.inner:after,.bd:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
135
+ .inner, .bd{*zoom:1;}*/
136
+
137
+ /* debug */
138
+ /*
139
+ .tabs{background-color: brown;}
140
+ .tabs .hd{background-color: black;}
141
+ .tabs .hd ul{background-color: blue;}
142
+ .tabs .hd ul li{background-color: yellow;}
143
+ .tabs .hd ul li a{background-color: orange;}
144
+ */
145
+
146
+ }
data/stylesheets/plugins/talk/_talk.scss ADDED
@@ -0,0 +1,76 @@
1
+ @mixin oocss-talk{
2
+
3
+ /* **************** TALK BUBBLE ***************** */
4
+
5
+ .bubble {
6
+ overflow: hidden;
7
+ _overflow: visible;
8
+ _zoom: 1;
9
+ margin: 10px;
10
+ b b {
11
+ position: absolute;
12
+ height: 0;
13
+ width: 0;
14
+ border: solid 7px transparent;
15
+ _border: 7px solid white; }
16
+ .bottom {
17
+ visibility: hidden; } }
18
+
19
+ /* top bubbles */
20
+
21
+ .bubbleTop {
22
+ .inner {
23
+ margin-top: 7px; }
24
+ b b {
25
+ top: 0;
26
+ left: 10px;
27
+ border-top-style: none; } }
28
+
29
+ /* left bubbles */
30
+
31
+ .bubbleLeft {
32
+ .inner {
33
+ margin-left: 7px; }
34
+ b b {
35
+ top: 10px;
36
+ left: 0;
37
+ border-left-style: none; } }
38
+
39
+ /* right bubbles */
40
+
41
+ .bubbleRight {
42
+ .inner {
43
+ margin-right: 7px; }
44
+ b b {
45
+ top: 10px;
46
+ right: 0;
47
+ border-right-style: none; } }
48
+
49
+ /* bottom bubbles */
50
+
51
+ .bubbleBottom {
52
+ .inner {
53
+ margin-bottom: 7px; }
54
+ b b {
55
+ bottom: 0;
56
+ left: 10px;
57
+ border-bottom-style: none; }
58
+ .bottom {
59
+ visibility: visible; } }
60
+
61
+ /* extensions (swaps alignment of talk bubble) */
62
+
63
+ .bubbleHorizontalExt b b {
64
+ top: auto;
65
+ bottom: 10px;
66
+ visibility: visible; }
67
+
68
+ /* apply to bubbleLeft or bubbleRight */
69
+
70
+ .bubbleVerticalExt b b {
71
+ right: 10px;
72
+ left: auto; }
73
+
74
+ /* apply to bubbleTop or bubbleBottom */
75
+
76
+ }
data/stylesheets/plugins/talk/talk.css ADDED
@@ -0,0 +1,20 @@
1
+ /* **************** TALK BUBBLE ***************** */
2
+ .bubble{overflow:hidden;_overflow:visible;_zoom:1;margin:10px;}
3
+ .bubble b b{position:absolute;height:0;width:0;border: solid 7px transparent;_border: 7px solid #fff /* set color to match background color for IE6 */;}
4
+ .bubble .bottom{visibility:hidden;}
5
+ /* top bubbles */
6
+ .bubbleTop .inner{margin-top:7px;}
7
+ .bubbleTop b b{top:0;left:10px;border-top-style:none;}
8
+ /* left bubbles */
9
+ .bubbleLeft .inner{margin-left:7px;}
10
+ .bubbleLeft b b{top:10px;left:0;border-left-style:none;}
11
+ /* right bubbles */
12
+ .bubbleRight .inner{margin-right:7px;}
13
+ .bubbleRight b b{top:10px;right:0;border-right-style:none;}
14
+ /* bottom bubbles */
15
+ .bubbleBottom .inner{margin-bottom:7px;}
16
+ .bubbleBottom b b{bottom:0;left:10px;border-bottom-style:none;}
17
+ .bubbleBottom .bottom{visibility:visible;}
18
+ /* extensions (swaps alignment of talk bubble) */
19
+ .bubbleHorizontalExt b b{top:auto; bottom:10px;visibility:visible;} /* apply to bubbleLeft or bubbleRight */
20
+ .bubbleVerticalExt b b{right:10px;left:auto;} /* apply to bubbleTop or bubbleBottom */
data/templates/project/default.scss ADDED
@@ -0,0 +1,19 @@
1
+
2
+ //Import the framework
3
+ @import "oocss-compass";
4
+
5
+ //and import the part you want to use
6
+
7
+
8
+ //OOCSS Core
9
+ @include oocss-core;
10
+
11
+ //OOCSS Core in debug mode
12
+ @include oocss-core-debug;
13
+
14
+
15
+ //all OOCSS
16
+ @include oocss-full;
17
+
18
+ //OOCSS in debug mode
19
+ @include oocss-full-debug;
data/templates/project/demos/core/grids/grids_all.html ADDED
@@ -0,0 +1,362 @@
1
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2
+ <html xmlns="http://www.w3.org/1999/xhtml">
3
+ <head>
4
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5
+ <title>All combinations of grids - without nesting</title>
6
+ <link rel="stylesheet" type="text/css" media="all" href="../../core/libraries.css" />
7
+ <link rel="stylesheet" type="text/css" media="all" href="../../core/template/template.css" />
8
+ <link rel="stylesheet" type="text/css" media="all" href="../../core/grid/grids.css" />
9
+ <link rel="stylesheet" type="text/css" media="all" href="../../core/grid/grids_debug.css" />
10
+ <link rel="stylesheet" type="text/css" media="all" href="../../core/content.css" />
11
+ </head>
12
+ <body>
13
+ <div class="line">
14
+ <div class="unit size1of5">
15
+ <h3>1/5</h3>
16
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
17
+ </div>
18
+ <div class="unit size1of5">
19
+ <h3>1/5</h3>
20
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
21
+ </div>
22
+ <div class="unit size1of5">
23
+ <h3>1/5</h3>
24
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
25
+ </div>
26
+ <div class="unit size1of5">
27
+ <h3>1/5</h3>
28
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
29
+ </div>
30
+ <div class="unit size1of5 lastUnit">
31
+ <h3>1/5</h3>
32
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
33
+ </div>
34
+ </div>
35
+ <div class="line">
36
+ <div class="unit size1of5">
37
+ <h3>1/5</h3>
38
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
39
+ </div>
40
+ <div class="unit size1of5">
41
+ <h3>1/5</h3>
42
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
43
+ </div>
44
+ <div class="unit size2of5">
45
+ <h3>2/5</h3>
46
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
47
+ </div>
48
+ <div class="unit size1of5 lastUnit">
49
+ <h3>1/5</h3>
50
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
51
+ </div>
52
+ </div>
53
+ <div class="line">
54
+ <div class="unit size1of5">
55
+ <h3>1/5</h3>
56
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
57
+ </div>
58
+ <div class="unit size2of5">
59
+ <h3>2/5</h3>
60
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
61
+ </div>
62
+ <div class="unit size1of5">
63
+ <h3>1/5</h3>
64
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
65
+ </div>
66
+ <div class="unit size1of5 lastUnit">
67
+ <h3>1/5</h3>
68
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
69
+ </div>
70
+ </div>
71
+ <div class="line">
72
+ <div class="unit size1of5">
73
+ <h3>1/5</h3>
74
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
75
+ </div>
76
+ <div class="unit size1of5">
77
+ <h3>1/5</h3>
78
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
79
+ </div>
80
+ <div class="unit size1of5">
81
+ <h3>1/5</h3>
82
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
83
+ </div>
84
+ <div class="unit size2of5 lastUnit">
85
+ <h3>2/5</h3>
86
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
87
+ </div>
88
+ </div>
89
+ <div class="line">
90
+ <div class="unit size2of5">
91
+ <h3>2/5</h3>
92
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
93
+ </div>
94
+ <div class="unit size1of5">
95
+ <h3>1/5</h3>
96
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
97
+ </div>
98
+ <div class="unit size1of5">
99
+ <h3>1/5</h3>
100
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
101
+ </div>
102
+ <div class="unit size1of5 lastUnit">
103
+ <h3>1/5</h3>
104
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
105
+ </div>
106
+ </div>
107
+ <div class="line">
108
+ <div class="unit size2of5">
109
+ <h3>2/5</h3>
110
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
111
+ </div>
112
+ <div class="unit size2of5">
113
+ <h3>2/5</h3>
114
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
115
+ </div>
116
+ <div class="unit size1of5 lastUnit">
117
+ <h3>1/5</h3>
118
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
119
+ </div>
120
+ </div>
121
+ <div class="line">
122
+ <div class="unit size1of5">
123
+ <h3>1/5</h3>
124
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
125
+ </div>
126
+ <div class="unit size2of5">
127
+ <h3>2/5</h3>
128
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
129
+ </div>
130
+ <div class="unit size2of5 lastUnit">
131
+ <h3>2/5</h3>
132
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
133
+ </div>
134
+ </div>
135
+ <div class="line">
136
+ <div class="unit size2of5">
137
+ <h3>2/5</h3>
138
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
139
+ </div>
140
+ <div class="unit size1of5">
141
+ <h3>1/5</h3>
142
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
143
+ </div>
144
+ <div class="unit size2of5 lastUnit">
145
+ <h3>2/5</h3>
146
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
147
+ </div>
148
+ </div>
149
+ <div class="line">
150
+ <div class="unit size1of5">
151
+ <h3>1/5</h3>
152
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
153
+ </div>
154
+ <div class="unit size3of5">
155
+ <h3>3/5</h3>
156
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
157
+ </div>
158
+ <div class="unit size1of5 lastUnit">
159
+ <h3>1/5</h3>
160
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
161
+ </div>
162
+ </div>
163
+ <div class="line">
164
+ <div class="unit size1of5">
165
+ <h3>1/5</h3>
166
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
167
+ </div>
168
+ <div class="unit size1of5">
169
+ <h3>1/5</h3>
170
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
171
+ </div>
172
+ <div class="unit size3of5 lastUnit">
173
+ <h3>3/5</h3>
174
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
175
+ </div>
176
+ </div>
177
+ <div class="line">
178
+ <div class="unit size3of5">
179
+ <h3>3/5</h3>
180
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
181
+ </div>
182
+ <div class="unit size1of5">
183
+ <h3>1/5</h3>
184
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
185
+ </div>
186
+ <div class="unit size1of5 lastUnit">
187
+ <h3>1/5</h3>
188
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
189
+ </div>
190
+ </div>
191
+ <div class="line">
192
+ <div class="unit size2of5">
193
+ <h3>2/5</h3>
194
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
195
+ </div>
196
+ <div class="unit size3of5 lastUnit">
197
+ <h3>3/5</h3>
198
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
199
+ </div>
200
+ </div>
201
+ <div class="line">
202
+ <div class="unit size3of5">
203
+ <h3>3/5</h3>
204
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
205
+ </div>
206
+ <div class="unit size2of5 lastUnit">
207
+ <h3>2/5</h3>
208
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
209
+ </div>
210
+ </div>
211
+ <div class="line">
212
+ <div class="unit size1of5">
213
+ <h3>1/5</h3>
214
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
215
+ </div>
216
+ <div class="unit size4of5 lastUnit">
217
+ <h3>4/5</h3>
218
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
219
+ </div>
220
+ </div>
221
+ <div class="line">
222
+ <div class="unit size4of5">
223
+ <h3>4/5</h3>
224
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
225
+ </div>
226
+ <div class="unit size1of5 lastUnit">
227
+ <h3>1/5</h3>
228
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
229
+ </div>
230
+ </div>
231
+ <div class="line">
232
+ <div class="unit size1of4">
233
+ <h3>1/4</h3>
234
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
235
+ </div>
236
+ <div class="unit size1of4">
237
+ <h3>1/4</h3>
238
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
239
+ </div>
240
+ <div class="unit size1of4">
241
+ <h3>1/4</h3>
242
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
243
+ </div>
244
+ <div class="unit size1of4 lastUnit">
245
+ <h3>1/4</h3>
246
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
247
+ </div>
248
+ </div>
249
+ <div class="line">
250
+ <div class="unit size1of4">
251
+ <h3>1/4</h3>
252
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
253
+ </div>
254
+ <div class="unit size1of2">
255
+ <h3>1/2</h3>
256
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
257
+ </div>
258
+ <div class="unit size1of4 lastUnit">
259
+ <h3>1/4</h3>
260
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
261
+ </div>
262
+ </div>
263
+ <div class="line">
264
+ <div class="unit size1of4">
265
+ <h3>1/4</h3>
266
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
267
+ </div>
268
+ <div class="unit size1of4">
269
+ <h3>1/4</h3>
270
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
271
+ </div>
272
+ <div class="unit size1of2 lastUnit">
273
+ <h3>1/2</h3>
274
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
275
+ </div>
276
+ </div>
277
+ <div class="line">
278
+ <div class="unit size1of2">
279
+ <h3>1/2</h3>
280
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
281
+ </div>
282
+ <div class="unit size1of4">
283
+ <h3>1/4</h3>
284
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
285
+ </div>
286
+ <div class="unit size1of4 lastUnit">
287
+ <h3>1/4</h3>
288
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
289
+ </div>
290
+ </div>
291
+ <div class="line">
292
+ <div class="unit size1of4">
293
+ <h3>1/4</h3>
294
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
295
+ </div>
296
+ <div class="unit size3of4 lastUnit">
297
+ <h3>3/4</h3>
298
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
299
+ </div>
300
+ </div>
301
+ <div class="line">
302
+ <div class="unit size3of4">
303
+ <h3>3/4</h3>
304
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
305
+ </div>
306
+ <div class="unit size1of4 lastUnit">
307
+ <h3>1/4</h3>
308
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
309
+ </div>
310
+ </div>
311
+ <div class="line">
312
+ <div class="unit size1of3">
313
+ <h3>1/3</h3>
314
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
315
+ </div>
316
+ <div class="unit size1of3">
317
+ <h3>1/3</h3>
318
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
319
+ </div>
320
+ <div class="unit size1of3 lastUnit">
321
+ <h3>1/3</h3>
322
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
323
+ </div>
324
+ </div>
325
+ <div class="line">
326
+ <div class="unit size1of3">
327
+ <h3>1/3</h3>
328
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
329
+ </div>
330
+ <div class="unit size2of3 lastUnit">
331
+ <h3>2/3</h3>
332
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
333
+ </div>
334
+ </div>
335
+ <div class="line">
336
+ <div class="unit size2of3">
337
+ <h3>2/3</h3>
338
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
339
+ </div>
340
+ <div class="unit size1of3 lastUnit">
341
+ <h3>1/3</h3>
342
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
343
+ </div>
344
+ </div>
345
+ <div class="line">
346
+ <div class="unit size1of2">
347
+ <h3>1/2</h3>
348
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
349
+ </div>
350
+ <div class="unit size1of2 lastUnit">
351
+ <h3>1/2</h3>
352
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
353
+ </div>
354
+ </div>
355
+ <div class="line">
356
+ <div class="unit size1of1">
357
+ <h3>1/1</h3>
358
+ <p>i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i </p>
359
+ </div>
360
+ </div>
361
+ </body>
362
+ </html>