forked from sapo/Ink
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmy-cdn-page.html
executable file
·153 lines (139 loc) · 10.2 KB
/
my-cdn-page.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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>My InK Page</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<!-- Favicon.ico placeholder -->
<link rel="shortcut icon" href="http://css.ink.sapo.pt/v1/imgs/ink-favicon.ico">
<!-- Apple icon placeholder -->
<link rel="apple-touch-icon-precomposed" href="http://css.ink.sapo.pt/v1/imgs/touch-icon.57.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://css.ink.sapo.pt/v1/imgs/touch-icon.72.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://css.ink.sapo.pt/v1/imgs/touch-icon.114.png">
<!-- Apple splash screen placeholder -->
<link rel="apple-touch-startup-image" href="http://css.ink.sapo.pt/v1/imgs/splash.320x460.png" media="screen and (min-device-width: 200px) and (max-device-width: 320px) and (orientation:portrait)">
<link rel="apple-touch-startup-image" href="http://css.ink.sapo.pt/v1/imgs/splash.768x1004.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)">
<link rel="apple-touch-startup-image" href="http://css.ink.sapo.pt/v1/imgs/splash.1024x748.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)">
<!-- Stylesheets -->
<link rel="stylesheet" href="http://css.ink.sapo.pt/v1/css/ink.css">
<!--[if IE]>
<link rel="stylesheet" href="http://css.ink.sapo.pt/v1/css/ink-ie.css" type="text/css" media="screen" title="no title" charset="utf-8">
<![endif]-->
<!-- Javascripts -->
<script type="text/javascript" src="http://js.sapo.pt/Bundles/Ink-v1.js"></script>
</head>
<body>
<!-- Add your site or application content here -->
<header class="ink-container ink-for-l">
<div class="ink-vspace">
<h1 class="">H1 heading</h1>
<p>Write some stuff here to let people know how great your site really is!</p>
</div>
</header>
<nav class="ink-container ink-navigation">
<ul class="horizontal menu">
<li class="active">
<a href="#">Menu item 1</a>
</li>
<li>
<a href="#">Menu item 2</a>
</li>
<li>
<a href="#">Menu item 3</a>
</li>
<li>
<a href="#">Menu item 4</a>
</li>
</ul>
</nav>
<header class="ink-container ink-for-m ink-for-s">
<div class="ink-vspace">
<h1 class="">H1 heading</h1>
<p>Write some stuff here to let people know how great your site really is!</p>
</div>
</header>
<div class="ink-container ink-vspace">
<h4>InK takes a diferent approach to a grid system to make it truly flexibe and responsive.</h4>
<p>Our </p>
<div class="ink-vspace">
<h4>You can divide your layout in halves...</h4>
<div class="ink-row">
<div class="ink-l50">
<div class="ink-gutter">
<p>Upon waking next morning about daylight, I found Queequeg's arm thrown over me in the most loving and affectionate manner. You had almost thought I had been his wife. The counterpane was of patchwork, full of odd little parti-coloured squares and triangles; and this arm of his tattooed all over with an interminable Cretan labyrinth of a figure, no two parts of which were of one precise shade—owing I suppose to his keeping his arm at sea unmethodically in sun and shade, his shirt sleeves irregularly rolled up at various times—this same arm of his, I say, looked for all the world like a strip of that same patchwork quilt.</p>
</div>
</div>
<div class="ink-l50">
<div class="ink-gutter">
<p>Upon waking next morning about daylight, I found Queequeg's arm thrown over me in the most loving and affectionate manner. You had almost thought I had been his wife. The counterpane was of patchwork, full of odd little parti-coloured squares and triangles; and this arm of his tattooed all over with an interminable Cretan labyrinth of a figure, no two parts of which were of one precise shade—owing I suppose to his keeping his arm at sea unmethodically in sun and shade, his shirt sleeves irregularly rolled up at various times—this same arm of his, I say, looked for all the world like a strip of that same patchwork quilt.</p>
</div>
</div>
</div>
</div>
<div class="ink-vspace">
<h4>... thirds ...</h4>
<div class="ink-row">
<div class="ink-l33 ink-m50">
<div class="ink-gutter">
<p>Upon waking next morning about daylight, I found Queequeg's arm thrown over me in the most loving and affectionate manner. You had almost thought I had been his wife. The counterpane was of patchwork, full of odd little parti-coloured squares and triangles; and this arm of his tattooed all over with an interminable Cretan labyrinth of a figure, no two parts of which were of one precise shade—owing I suppose to his keeping his arm at sea unmethodically in sun and shade, his shirt sleeves irregularly rolled up at various times—this same arm of his, I say, looked for all the world like a strip of that same patchwork quilt.</p>
</div>
</div>
<div class="ink-l33 ink-m50">
<div class="ink-gutter">
<p>Upon waking next morning about daylight, I found Queequeg's arm thrown over me in the most loving and affectionate manner. You had almost thought I had been his wife. The counterpane was of patchwork, full of odd little parti-coloured squares and triangles; and this arm of his tattooed all over with an interminable Cretan labyrinth of a figure, no two parts of which were of one precise shade—owing I suppose to his keeping his arm at sea unmethodically in sun and shade, his shirt sleeves irregularly rolled up at various times—this same arm of his, I say, looked for all the world like a strip of that same patchwork quilt.</p>
</div>
</div>
<div class="ink-l33 ink-m100 ink-for-l ink-for-s">
<div class="ink-gutter">
<p>Upon waking next morning about daylight, I found Queequeg's arm thrown over me in the most loving and affectionate manner. You had almost thought I had been his wife. The counterpane was of patchwork, full of odd little parti-coloured squares and triangles; and this arm of his tattooed all over with an interminable Cretan labyrinth of a figure, no two parts of which were of one precise shade—owing I suppose to his keeping his arm at sea unmethodically in sun and shade, his shirt sleeves irregularly rolled up at various times—this same arm of his, I say, looked for all the world like a strip of that same patchwork quilt.</p>
</div>
</div>
</div>
</div>
<div class="ink-vspace">
<h4>... fourths and more.</h4>
<div class="ink-row">
<div class="ink-l25 ink-m50">
<div class="ink-gutter">
<p>Upon waking next morning about daylight, I found Queequeg's arm thrown over me in the most loving and affectionate manner. You had almost thought I had been his wife. The counterpane was of patchwork, full of odd little parti-coloured squares and triangles; and this arm of his tattooed all over with an interminable Cretan labyrinth of a figure, no two parts of which were of one precise shade—owing I suppose to his keeping his arm at sea unmethodically in sun and shade, his shirt sleeves irregularly rolled up at various times—this same arm of his, I say, looked for all the world like a strip of that same patchwork quilt.</p>
</div>
</div>
<div class="ink-l25 ink-m50">
<div class="ink-gutter">
<p>Upon waking next morning about daylight, I found Queequeg's arm thrown over me in the most loving and affectionate manner. You had almost thought I had been his wife. The counterpane was of patchwork, full of odd little parti-coloured squares and triangles; and this arm of his tattooed all over with an interminable Cretan labyrinth of a figure, no two parts of which were of one precise shade—owing I suppose to his keeping his arm at sea unmethodically in sun and shade, his shirt sleeves irregularly rolled up at various times—this same arm of his, I say, looked for all the world like a strip of that same patchwork quilt.</p>
</div>
</div>
<div class="ink-l25 ink-m50">
<div class="ink-gutter">
<p>Upon waking next morning about daylight, I found Queequeg's arm thrown over me in the most loving and affectionate manner. You had almost thought I had been his wife. The counterpane was of patchwork, full of odd little parti-coloured squares and triangles; and this arm of his tattooed all over with an interminable Cretan labyrinth of a figure, no two parts of which were of one precise shade—owing I suppose to his keeping his arm at sea unmethodically in sun and shade, his shirt sleeves irregularly rolled up at various times—this same arm of his, I say, looked for all the world like a strip of that same patchwork quilt.</p>
</div>
</div>
<div class="ink-l25 ink-m50">
<div class="ink-gutter">
<p>Upon waking next morning about daylight, I found Queequeg's arm thrown over me in the most loving and affectionate manner. You had almost thought I had been his wife. The counterpane was of patchwork, full of odd little parti-coloured squares and triangles; and this arm of his tattooed all over with an interminable Cretan labyrinth of a figure, no two parts of which were of one precise shade—owing I suppose to his keeping his arm at sea unmethodically in sun and shade, his shirt sleeves irregularly rolled up at various times—this same arm of his, I say, looked for all the world like a strip of that same patchwork quilt.</p>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="ink-container">
<nav class="ink-navigation">
<ul class="ink-footer-nav">
<li><a href="#">Footer item 1</a></li>
<li><a href="#">Footer item 2</a></li>
<li><a href="#">Footer item 3</a></li>
</ul>
</nav>
<p class="copyright">
All stuff reverved.<br>
Stuff is a trademark created at the Stuff that makes Stuff
</p>
</div>
</footer>
</body>
</html>