diff --git a/font/source-sans-pro-v9-latin-600.eot b/font/source-sans-pro-v9-latin-600.eot
new file mode 100644
index 0000000..a13ea1e
Binary files /dev/null and b/font/source-sans-pro-v9-latin-600.eot differ
diff --git a/font/source-sans-pro-v9-latin-600.svg b/font/source-sans-pro-v9-latin-600.svg
new file mode 100644
index 0000000..7433517
--- /dev/null
+++ b/font/source-sans-pro-v9-latin-600.svg
@@ -0,0 +1,339 @@
+
+
+
diff --git a/font/source-sans-pro-v9-latin-600.ttf b/font/source-sans-pro-v9-latin-600.ttf
new file mode 100644
index 0000000..c81e192
Binary files /dev/null and b/font/source-sans-pro-v9-latin-600.ttf differ
diff --git a/font/source-sans-pro-v9-latin-600.woff b/font/source-sans-pro-v9-latin-600.woff
new file mode 100644
index 0000000..972b5b1
Binary files /dev/null and b/font/source-sans-pro-v9-latin-600.woff differ
diff --git a/font/source-sans-pro-v9-latin-600.woff2 b/font/source-sans-pro-v9-latin-600.woff2
new file mode 100644
index 0000000..62a147a
Binary files /dev/null and b/font/source-sans-pro-v9-latin-600.woff2 differ
diff --git a/font/source-sans-pro-v9-latin-italic.eot b/font/source-sans-pro-v9-latin-italic.eot
new file mode 100644
index 0000000..63f9eb2
Binary files /dev/null and b/font/source-sans-pro-v9-latin-italic.eot differ
diff --git a/font/source-sans-pro-v9-latin-italic.svg b/font/source-sans-pro-v9-latin-italic.svg
new file mode 100644
index 0000000..0a4a4d9
--- /dev/null
+++ b/font/source-sans-pro-v9-latin-italic.svg
@@ -0,0 +1,352 @@
+
+
+
diff --git a/font/source-sans-pro-v9-latin-italic.ttf b/font/source-sans-pro-v9-latin-italic.ttf
new file mode 100644
index 0000000..0cf2e43
Binary files /dev/null and b/font/source-sans-pro-v9-latin-italic.ttf differ
diff --git a/font/source-sans-pro-v9-latin-italic.woff b/font/source-sans-pro-v9-latin-italic.woff
new file mode 100644
index 0000000..5878fc6
Binary files /dev/null and b/font/source-sans-pro-v9-latin-italic.woff differ
diff --git a/font/source-sans-pro-v9-latin-italic.woff2 b/font/source-sans-pro-v9-latin-italic.woff2
new file mode 100644
index 0000000..e3e1a82
Binary files /dev/null and b/font/source-sans-pro-v9-latin-italic.woff2 differ
diff --git a/index.html b/index.html
index 7d709bf..a78bd00 100644
--- a/index.html
+++ b/index.html
@@ -80,7 +80,7 @@
diff --git a/style.css b/style.css
index 4194514..7d99aed 100644
--- a/style.css
+++ b/style.css
@@ -3,39 +3,39 @@
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
- src: url('./fonts/source-sans-pro-v9-latin-regular.eot'); /* IE9 Compat Modes */
+ src: url('./font/source-sans-pro-v9-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Source Sans Pro'), local('SourceSansPro-Regular'),
- url('./fonts/source-sans-pro-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
- url('./fonts/source-sans-pro-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
- url('./fonts/source-sans-pro-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
- url('./fonts/source-sans-pro-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
- url('./fonts/source-sans-pro-v9-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
+ url('./font/source-sans-pro-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('./font/source-sans-pro-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
+ url('./font/source-sans-pro-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
+ url('./font/source-sans-pro-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('./font/source-sans-pro-v9-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-italic - latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: italic;
font-weight: 400;
- src: url('./fonts/source-sans-pro-v9-latin-italic.eot'); /* IE9 Compat Modes */
+ src: url('./font/source-sans-pro-v9-latin-italic.eot'); /* IE9 Compat Modes */
src: local('Source Sans Pro Italic'), local('SourceSansPro-It'),
- url('./fonts/source-sans-pro-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
- url('./fonts/source-sans-pro-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
- url('./fonts/source-sans-pro-v9-latin-italic.woff') format('woff'), /* Modern Browsers */
- url('./fonts/source-sans-pro-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
- url('./fonts/source-sans-pro-v9-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
+ url('./font/source-sans-pro-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('./font/source-sans-pro-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
+ url('./font/source-sans-pro-v9-latin-italic.woff') format('woff'), /* Modern Browsers */
+ url('./font/source-sans-pro-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('./font/source-sans-pro-v9-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
- src: url('./fonts/source-sans-pro-v9-latin-600.eot'); /* IE9 Compat Modes */
+ src: url('./font/source-sans-pro-v9-latin-600.eot'); /* IE9 Compat Modes */
src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'),
- url('./fonts/source-sans-pro-v9-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
- url('./fonts/source-sans-pro-v9-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
- url('./fonts/source-sans-pro-v9-latin-600.woff') format('woff'), /* Modern Browsers */
- url('./fonts/source-sans-pro-v9-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
- url('./fonts/source-sans-pro-v9-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
+ url('./font/source-sans-pro-v9-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('./font/source-sans-pro-v9-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
+ url('./font/source-sans-pro-v9-latin-600.woff') format('woff'), /* Modern Browsers */
+ url('./font/source-sans-pro-v9-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('./font/source-sans-pro-v9-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
body {
@@ -43,7 +43,8 @@ body {
font-size: 16px;
line-height: 1.6em;
margin: 0 auto;
- padding: 30px;
+ padding: 30px 0 0;
+ width: 320px;
}
header::after,
@@ -62,11 +63,14 @@ header {
a {
text-decoration: none;
+ color: #000;
}
+section { float: left; }
+
ul {
float: left;
- margin: 0 30px 30px;
+ margin: 0 15px 30px;
padding: 0;
}
@@ -108,3 +112,42 @@ main ul li:first-child {
margin-bottom: 0.4em;
}
+section ul,
+main ul {
+ width: 290px;
+}
+
+section a::after,
+main a::after {
+ content: "\00BB";
+ font-size: 0.9em;
+ margin: 0 0 0 4px;
+ position: relative;
+ top: -1px;
+}
+
+section a:hover::after,
+main a:hover::after {
+ margin-left: 8px;
+}
+
+@media screen and (min-width: 768px) {
+ body{
+ width: 760px;
+ }
+
+ .logo {
+ margin-right: 15px;
+ }
+
+ header {
+ margin-bottom: 15px;
+ }
+
+ section ul,
+ main ul {
+ width: calc(760px / 3 - 30px);
+ }
+
+ ul:nth-of-type(3n) { clear: both; }
+}