diff --git a/_includes/header.html b/_includes/header.html
index 81b0bf7..c56c74f 100755
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -10,18 +10,18 @@
 		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 		<meta name="description" content="" />
 		<meta name="keywords" content="" />
-		<!--[if lte IE 8]><script src="/assets/css/ie/html5shiv.js"></script><![endif]-->
-		<script src="/assets/js/jquery.min.js"></script>
-		<script src="/assets/js/jquery.dropotron.min.js"></script>
-		<script src="/assets/js/skel.min.js"></script>
-		<script src="/assets/js/skel-layers.min.js"></script>
-		<script src="/assets/js/init.js"></script>
+		<!--[if lte IE 8]><script src="{{ site.baseurl }}/assets/css/ie/html5shiv.js"></script><![endif]-->
+		<script src="{{ site.baseurl }}/assets/js/jquery.min.js"></script>
+		<script src="{{ site.baseurl }}/assets/js/jquery.dropotron.min.js"></script>
+		<script src="{{ site.baseurl }}/assets/js/skel.min.js"></script>
+		<script src="{{ site.baseurl }}/assets/js/skel-layers.min.js"></script>
+		<script src="{{ site.baseurl }}/assets/js/init.js"></script>
 		<noscript>
-			<link rel="stylesheet" href="/assets/css/skel.css" />
-			<link rel="stylesheet" href="/assets/css/style.css" />
-			<link rel="stylesheet" href="/assets/css/style-wide.css" />
+			<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/skel.css" />
+			<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style.css" />
+			<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style-wide.css" />
 		</noscript>
-		<!--[if lte IE 8]><link rel="stylesheet" href="/assets/css/ie/v8.css" /><![endif]-->
+		<!--[if lte IE 8]><link rel="stylesheet" href="{{ site.baseurl }}/assets/css/ie/v8.css" /><![endif]-->
 	</head>
 	<body>
 
@@ -29,13 +29,13 @@
 			<div id="header">
 						
 				<!-- Logo -->
-					<h1><a href="/index.html" id="logo">Arcana <em>by HTML5 UP</em></a></h1>
+					<h1><a href="{{ site.baseurl }}/index.html" id="logo">Arcana <em>by HTML5 UP</em></a></h1>
 				
 				<!-- Nav -->
 					<nav id="nav">
 						<ul>
 							{% assign current = page.url | downcase | split: '/' %}
-							<li {% if current[1] == 'index.html' %}class="current"{% endif %}><a href="/index.html">Home</a></li>
+							<li {% if current[1] == 'index.html' %}class="current"{% endif %}><a href="{{ site.baseurl }}/index.html">Home</a></li>
 							<li>
 								<a href="">Dropdown</a>
 								<ul>
@@ -55,11 +55,11 @@
 									<li><a href="#">Veroeros feugiat</a></li>
 								</ul>
 							</li>
-							<li {% if current[1] == 'blog' %}class="current"{% endif %}><a href="/blog">Blog</a></li>
-							<li {% if current[1] == 'left-sidebar.html' %}class="current"{% endif %}><a href="/left-sidebar.html">Left Sidebar</a></li>
-							<li {% if current[1] == 'right-sidebar.html' %}class="current"{% endif %}><a href="/right-sidebar.html">Right Sidebar</a></li>
-							<li {% if current[1] == 'two-sidebar.html' %}class="current"{% endif %}><a href="/two-sidebar.html">Two Sidebar</a></li>
-							<li {% if current[1] == 'no-sidebar.html' %}class="current"{% endif %}><a href="/no-sidebar.html">No Sidebar</a></li>
+							<li {% if current[1] == 'blog' %}class="current"{% endif %}><a href="{{ site.baseurl }}/blog">Blog</a></li>
+							<li {% if current[1] == 'left-sidebar.html' %}class="current"{% endif %}><a href="{{ site.baseurl }}/left-sidebar.html">Left Sidebar</a></li>
+							<li {% if current[1] == 'right-sidebar.html' %}class="current"{% endif %}><a href="{{ site.baseurl }}/right-sidebar.html">Right Sidebar</a></li>
+							<li {% if current[1] == 'two-sidebar.html' %}class="current"{% endif %}><a href="{{ site.baseurl }}/two-sidebar.html">Two Sidebar</a></li>
+							<li {% if current[1] == 'no-sidebar.html' %}class="current"{% endif %}><a href="{{ site.baseurl }}/no-sidebar.html">No Sidebar</a></li>
 						</ul>
 					</nav>
 
diff --git a/index.html b/index.html
index 5605bed..165272c 100755
--- a/index.html
+++ b/index.html
@@ -56,7 +56,7 @@ layout: default
 			<div class="row">
 				<section class="6u">
 					<div class="box post">
-						<a href="#" class="image left"><img src="/assets/images/pic01.jpg" alt="" /></a>
+						<a href="#" class="image left"><img src="{{ site.baseurl }}/assets/images/pic01.jpg" alt="" /></a>
 						<div class="inner">
 							<h3>The First Thing</h3>
 							<p>Duis neque nisi, dapibus sed mattis et quis, nibh. Sed et dapibus nisl amet mattis, sed a rutrum accumsan sed. Suspendisse eu.</p>
@@ -65,7 +65,7 @@ layout: default
 				</section>
 				<section class="6u">
 					<div class="box post">
-						<a href="#" class="image left"><img src="/assets/images/pic02.jpg" alt="" /></a>
+						<a href="#" class="image left"><img src="{{ site.baseurl }}/assets/images/pic02.jpg" alt="" /></a>
 						<div class="inner">
 							<h3>The Second Thing</h3>
 							<p>Duis neque nisi, dapibus sed mattis et quis, nibh. Sed et dapibus nisl amet mattis, sed a rutrum accumsan sed. Suspendisse eu.</p>
@@ -76,7 +76,7 @@ layout: default
 			<div class="row">
 				<section class="6u">
 					<div class="box post">
-						<a href="#" class="image left"><img src="/assets/images/pic03.jpg" alt="" /></a>
+						<a href="#" class="image left"><img src="{{ site.baseurl }}/assets/images/pic03.jpg" alt="" /></a>
 						<div class="inner">
 							<h3>The Third Thing</h3>
 							<p>Duis neque nisi, dapibus sed mattis et quis, nibh. Sed et dapibus nisl amet mattis, sed a rutrum accumsan sed. Suspendisse eu.</p>
@@ -85,7 +85,7 @@ layout: default
 				</section>
 				<section class="6u">
 					<div class="box post">
-						<a href="#" class="image left"><img src="/assets/images/pic04.jpg" alt="" /></a>
+						<a href="#" class="image left"><img src="{{ site.baseurl }}/assets/images/pic04.jpg" alt="" /></a>
 						<div class="inner">
 							<h3>The Fourth Thing</h3>
 							<p>Duis neque nisi, dapibus sed mattis et quis, nibh. Sed et dapibus nisl amet mattis, sed a rutrum accumsan sed. Suspendisse eu.</p>
diff --git a/left-sidebar.html b/left-sidebar.html
index c05f85f..c24871d 100755
--- a/left-sidebar.html
+++ b/left-sidebar.html
@@ -21,7 +21,7 @@ layout: default
 									<p>Sidebar on the left, content on the right.</p>
 								</header>
 								
-								<span class="image featured"><img src="/assets/images//banner.jpg" alt="" /></span>
+								<span class="image featured"><img src="{{ site.baseurl }}/assets/images//banner.jpg" alt="" /></span>
 								
 								<p>Phasellus quam turpis, feugiat sit amet ornare in, hendrerit in lectus. 
 								Praesent semper mod quis eget mi. Etiam eu ante risus. Aliquam erat volutpat. 
diff --git a/no-sidebar.html b/no-sidebar.html
index ad16e0d..11e62aa 100755
--- a/no-sidebar.html
+++ b/no-sidebar.html
@@ -16,7 +16,7 @@ layout: default
 							<p>All content, all the time.</p>
 						</header>
 						
-						<span class="image featured"><img src="/assets/images/banner.jpg" alt="" /></span>
+						<span class="image featured"><img src="{{ site.baseurl }}/assets/images/banner.jpg" alt="" /></span>
 						
 						<p>Phasellus quam turpis, feugiat sit amet ornare in, hendrerit in lectus. 
 						Praesent semper mod quis eget mi. Etiam eu ante risus. Aliquam erat volutpat. 
diff --git a/right-sidebar.html b/right-sidebar.html
index c2702cd..d397595 100755
--- a/right-sidebar.html
+++ b/right-sidebar.html
@@ -18,7 +18,7 @@ layout: default
 									<p>Sidebar on the right, content on the left.</p>
 								</header>
 								
-								<span class="image featured"><img src="/assets/images/banner.jpg" alt="" /></span>
+								<span class="image featured"><img src="{{ site.baseurl }}/assets/images/banner.jpg" alt="" /></span>
 								
 								<p>Phasellus quam turpis, feugiat sit amet ornare in, hendrerit in lectus. 
 								Praesent semper mod quis eget mi. Etiam eu ante risus. Aliquam erat volutpat. 
diff --git a/two-sidebar.html b/two-sidebar.html
index a38ca04..c5bdbb5 100755
--- a/two-sidebar.html
+++ b/two-sidebar.html
@@ -25,7 +25,7 @@ layout: default
 									<p>Yup. Two sidebars at the same time.</p>
 								</header>
 								
-								<span class="image featured"><img src="/assets/images/banner.jpg" alt="" /></span>
+								<span class="image featured"><img src="{{ site.baseurl }}/assets/images/banner.jpg" alt="" /></span>
 								
 								<p>Phasellus quam turpis, feugiat sit amet ornare in, hendrerit in lectus. 
 								Praesent semper mod quis eget mi. Etiam eu ante risus. Aliquam erat volutpat. 
