diff --git a/css/theme.css b/css/theme.css
index 3d356db..5bd7fac 100644
--- a/css/theme.css
+++ b/css/theme.css
@@ -38,6 +38,7 @@ h1 { font-size: 150%; }
 h2 { font-size: 125%; margin-top: 0.1em; }
 
 p:first-of-type { margin: 0; }
+small { font-size: 50%; }
 
 img {
 	padding: 0.5em;
@@ -47,6 +48,9 @@ img {
 
 .centre-content { text-align: center; }
 
+.flex { display: flex; }
+.flex.horizontal { flex-direction: row; }
+.flex.vertical { flex-direction: column; }
 .flex-1 { flex: 1; }
 .flex-2 { flex: 2; }
 .flex-3 { flex: 3; }
diff --git a/images/linux-vs-windows-desktop-os.svg b/images/linux-vs-windows-desktop-os.svg
new file mode 100644
index 0000000..bdee1ce
--- /dev/null
+++ b/images/linux-vs-windows-desktop-os.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+   <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
+     "http://www.w3.org/TR/2001/
+      REC-SVG-20010904/DTD/svg10.dtd"><svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" style="overflow: hidden;" aria-label="A chart."><defs id="defs"/><rect x="0" y="0" width="300" height="300" stroke="none" stroke-width="0" fill="#ffffff"/><g><path d="M150,150L150,15A135,135,0,0,1,163.6869640295794,15.695618032571247L150,150A0,0,0,0,0,150,150" stroke="#ffffff" stroke-width="1" fill="#fe6431"/></g><g><path d="M150,150L72.52078697320243,39.44697404074314A135,135,0,0,1,150,15L150,150A0,0,0,0,0,150,150" stroke="#ffffff" stroke-width="1" fill="#fcf532"/></g><g><path d="M150,150L17.039250092938886,126.6239656025247A135,135,0,0,1,72.52078697320243,39.44697404074314L150,150A0,0,0,0,0,150,150" stroke="#ffffff" stroke-width="1" fill="#adadad"/></g><g><path d="M150,150L163.6869640295794,15.695618032571247A135,135,0,1,1,17.039250092938886,126.6239656025247L150,150A0,0,0,1,0,150,150" stroke="#ffffff" stroke-width="1" fill="#3164fe"/></g><g/><circle cx="422" cy="150" r="120" fill="#FFFFFF" stroke="none" stroke-width="0"/></svg>
\ No newline at end of file
diff --git a/images/linux-vs-windows-server-os.svg b/images/linux-vs-windows-server-os.svg
new file mode 100644
index 0000000..5b6ec11
--- /dev/null
+++ b/images/linux-vs-windows-server-os.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+   <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
+     "http://www.w3.org/TR/2001/
+      REC-SVG-20010904/DTD/svg10.dtd"><svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" style="overflow: hidden;" aria-label="A chart."><defs id="defs"/><rect x="0" y="0" width="300" height="300" stroke="none" stroke-width="0" fill="#ffffff"/><g><path d="M150,150L23.27092921672697,196.52679462855974A135,135,0,0,1,150,15L150,150A0,0,0,0,0,150,150" stroke="#ffffff" stroke-width="1" fill="#3164fe"/></g><g><path d="M150,150L150,15A135,135,0,1,1,23.27092921672697,196.52679462855974L150,150A0,0,0,1,0,150,150" stroke="#ffffff" stroke-width="1" fill="#fe6431"/></g><g/><circle cx="422" cy="150" r="120" fill="#FFFFFF" stroke="none" stroke-width="0"/></svg>
\ No newline at end of file
diff --git a/index.html b/index.html
index e5a6f58..e8fa138 100644
--- a/index.html
+++ b/index.html
@@ -10,17 +10,44 @@
 				<article class="title">
 					<h1 class="flex-1">Linux 101</h1>
 					<div class="flex-1 bg-light centre-content">
-						<img style="max-height: 100%;" src="./images/freeside.svg" alt="" />
+						<img style="max-height: 100%;" src="./images/freeside.svg" alt="The Freeside Logo" />
 					</div>
 				</article>
 				<article>
-					<h2>Test Content</h2>
+					<h2>Structure</h2>
 					<ul>
-						<li>a</li>
-						<li>b</li>
-						<li>c</li>
+						<li>Introduction - why and where</li>
+						<li>Installation of Ubuntu</li>
+						<li>Writing and compiling a simple C&sharp; program</li>
 					</ul>
 				</article>
+				<article>
+					<h2>Why?</h2>
+					<div class="flex horizontal">
+						<div><img src="./images/linux-vs-windows-desktop-os.svg" /></div>
+						<ul>
+							<li>74.44% Windows</li>
+							<li>12.22% macOS</li>
+							<li>9.51% Other</li>
+							<li>1.58% Linux</li>
+						</ul>
+					</div>
+					<p><small>According to <a href="http://gs.statcounter.com/os-market-share/desktop/worldwide">statcounter GlobalStats</a></small></p>
+				</article>
+				<article>
+					<h2>Why?</h2>
+					<div class="flex horizontal">
+						<div><img src="./images/linux-vs-windows-server-os.svg" /></div>
+						<ul>
+							<li>69.4% of webservers use a Unix-based OS</li>
+							<li>30.6% of webservers use Windows</li>
+						</ul>
+					</div>
+					<p><small>
+						According to 
+						<a href="https://w3techs.com/technologies/overview/operating_system/all">W<sup>3</sup>Techs</a>
+					</small></p>
+				</article>
 			</section>
 		</main>
 		
