fix demo images and css url

1 files changed, 21 insertions, 21 deletions

diff --git a/index.html b/index.html
index febcb16..2395c6e 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <title>Spectre, a lightweight and clean CSS framework for faster and extendable development.</title>
     <link rel="stylesheet" href="dist/spectre.css">
-    <link rel="stylesheet" href="font/style.css">
+    <link rel="stylesheet" href="demo/font/style.css">
     <style>
         header > h4 {
             margin-top: 4rem;
@@ -383,7 +383,7 @@
         <header class="text-center"><h4>media</h4></header>
         <div class="columns">
             <div class="column col-6">
-                <img src="img/apple-el-capitan.jpg" class="img-responsive rounded" />
+                <img src="demo/img/apple-el-capitan.jpg" class="img-responsive rounded" />
             </div>
         </div>
     </section>
@@ -392,32 +392,32 @@
         <header class="text-center"><h4>avatars</h4></header>
         <div class="columns">
             <div class="column col-3">
-                <img src="img/avatar-1.png" class="avatar avatar-xl" />
-                <img src="img/avatar-2.png" class="avatar avatar-lg" />
-                <img src="img/avatar-3.png" class="avatar" />
-                <img src="img/avatar-4.png" class="avatar avatar-sm" />
-                <img src="img/avatar-5.png" class="avatar avatar-xs" />
+                <img src="demo/img/avatar-1.png" class="avatar avatar-xl" />
+                <img src="demo/img/avatar-2.png" class="avatar avatar-lg" />
+                <img src="demo/img/avatar-3.png" class="avatar" />
+                <img src="demo/img/avatar-4.png" class="avatar avatar-sm" />
+                <img src="demo/img/avatar-5.png" class="avatar avatar-xs" />
             </div>
             <div class="column col-3">
                 <div class="avatar-container">
-                    <img src="img/avatar-1.png" class="avatar avatar-xl" />
-                    <img src="img/avatar-2.png" class="avatar avatar-icon" />
+                    <img src="demo/img/avatar-1.png" class="avatar avatar-xl" />
+                    <img src="demo/img/avatar-2.png" class="avatar avatar-icon" />
                 </div>
                 <div class="avatar-container">
-                    <img src="img/avatar-2.png" class="avatar avatar-lg" />
-                    <img src="img/avatar-3.png" class="avatar avatar-icon" />
+                    <img src="demo/img/avatar-2.png" class="avatar avatar-lg" />
+                    <img src="demo/img/avatar-3.png" class="avatar avatar-icon" />
                 </div>
                 <div class="avatar-container">
-                    <img src="img/avatar-3.png" class="avatar" />
-                    <img src="img/avatar-4.png" class="avatar avatar-icon" />
+                    <img src="demo/img/avatar-3.png" class="avatar" />
+                    <img src="demo/img/avatar-4.png" class="avatar avatar-icon" />
                 </div>
                 <div class="avatar-container">
-                    <img src="img/avatar-4.png" class="avatar avatar-sm" />
-                    <img src="img/avatar-5.png" class="avatar avatar-icon" />
+                    <img src="demo/img/avatar-4.png" class="avatar avatar-sm" />
+                    <img src="demo/img/avatar-5.png" class="avatar avatar-icon" />
                 </div>
                 <div class="avatar-container">
-                    <img src="img/avatar-5.png" class="avatar avatar-xs" />
-                    <img src="img/avatar-1.png" class="avatar avatar-icon" />
+                    <img src="demo/img/avatar-5.png" class="avatar avatar-xs" />
+                    <img src="demo/img/avatar-1.png" class="avatar avatar-icon" />
                 </div>
             </div>
             <div class="column col-3">
@@ -454,22 +454,22 @@
             </div>
             <div class="column">
                 <div class="chip">
-                    <img src="img/avatar-1.png" class="avatar avatar-xs" />
+                    <img src="demo/img/avatar-1.png" class="avatar avatar-xs" />
                     <span class="chip-name">Yan Zhu</span>
                     <button class="btn btn-clear"></button>
                 </div>
                 <div class="chip">
-                    <img src="img/avatar-2.png" class="avatar avatar-xs" />
+                    <img src="demo/img/avatar-2.png" class="avatar avatar-xs" />
                     <span class="chip-name">Yan Zhu</span>
                     <button class="btn btn-clear"></button>
                 </div>
                 <div class="chip">
-                    <img src="img/avatar-3.png" class="avatar avatar-xs" />
+                    <img src="demo/img/avatar-3.png" class="avatar avatar-xs" />
                     <span class="chip-name">Yan Zhu</span>
                     <button class="btn btn-clear"></button>
                 </div>
                 <div class="chip">
-                    <img src="img/avatar-4.png" class="avatar avatar-xs" />
+                    <img src="demo/img/avatar-4.png" class="avatar avatar-xs" />
                     <span class="chip-name">Yan Zhu</span>
                     <button class="btn btn-clear"></button>
                 </div>