Externalising CCS

mcwarman · mcwarman · commit 9e63939820a0 · 2016-08-25T15:44:59.000+01:00
diff --git a/css/main.css b/css/main.css
@@ -0,0 +1,17 @@
+h1 {
+  font-family: "Open Sans", sans-serif;
+  font-size: 48px;
+  font-weight: normal;
+  margin: 10px;
+  text-align: center;
+}
+#navigation ul{
+  text-align: center;
+  list-style: none; 
+  padding: 0;
+}
+#navigation ul li {
+  display: inline;
+  padding-left: 5px;
+  padding-right: 5px;
+}
diff --git a/index.html b/index.html
@@ -15,26 +15,7 @@
       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
     <![endif]-->
     <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css" />
-    <style type="text/css">
-      h1 {
-        font-family: "Open Sans", sans-serif;
-        font-size: 48px;
-        font-weight: normal;
-        margin: 10px;
-        text-align: center;
-      }
-      #navigation ul{
-        text-align: center;
-        list-style: none; 
-        padding: 0;
-      }
-      #navigation ul li {
-        display: inline;
-        padding-left: 5px;
-        padding-right: 5px;
-      }
-	  
-    </style>
+    <link href="css/main.css" rel="stylesheet" type="text/css" />
     <title>Matthew Warman - matthewwarman.co.uk</title>
   </head>
   <body>
