diff --git a/assets/img/tour/level_dynamic.svg b/assets/img/tour/level_dynamic.svg
new file mode 100644
index 0000000..f177cdf
--- /dev/null
+++ b/assets/img/tour/level_dynamic.svg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="960px"
+	 height="960px" viewBox="0 0 960 960" enable-background="new 0 0 960 960" xml:space="preserve">
+<g id="BG" display="none">
+</g>
+<g id="Raster">
+</g>
+<g id="Ebene_1">
+	<g opacity="0.8">
+		<defs>
+			<path id="SVGID_4_" opacity="0.8" d="M1619,1602.34v-206.913l59-13.427v-212l-61-61h-212l-12.988,58h-209.813L1169,1109H957
+				l-61,61v212l61,13.66v206.686L897,1616v212l61,61h212l13.437-60h209.909l13.654,60h212l61-61v-212L1619,1602.34z M1079,1707v-418
+				h418v418H1079z"/>
+		</defs>
+		<clipPath id="SVGID_2_">
+			<use xlink:href="#SVGID_4_"  overflow="visible"/>
+		</clipPath>
+		<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="1287" y1="1977" x2="1287" y2="1018.1655">
+			<stop  offset="0" style="stop-color:#000000"/>
+			<stop  offset="1" style="stop-color:#FFFFFF"/>
+		</linearGradient>
+		
+			<rect x="807" y="1017" opacity="0.2" clip-path="url(#SVGID_2_)" fill="url(#SVGID_3_)" stroke="#7A276E" stroke-width="140" stroke-linejoin="bevel" stroke-miterlimit="10" width="960" height="960"/>
+	</g>
+	<g>
+		<path fill="#00BF84" d="M481,251.129c60.867,0,118.09,23.703,161.129,66.742c43.039,43.04,66.742,100.263,66.742,161.129
+			c0,60.866-23.703,118.09-66.742,161.13C599.09,683.169,541.867,706.871,481,706.871c-60.866,0-118.09-23.702-161.129-66.741
+			c-43.04-43.04-66.742-100.263-66.742-161.13s23.702-118.09,66.742-161.129C362.91,274.832,420.134,251.129,481,251.129
+			 M481,91.129C266.785,91.129,93.129,264.784,93.129,479S266.785,866.871,481,866.871S868.871,693.216,868.871,479
+			S695.215,91.129,481,91.129L481,91.129z"/>
+	</g>
+	<g opacity="0.6">
+		<defs>
+			<path id="SVGID_19_" opacity="0.6" d="M481,251.129c60.867,0,118.09,23.703,161.129,66.741
+				c43.039,43.04,66.742,100.264,66.742,161.13s-23.703,118.09-66.742,161.13C599.09,683.168,541.867,706.871,481,706.871
+				c-60.866,0-118.09-23.703-161.129-66.741c-43.04-43.04-66.742-100.263-66.742-161.13s23.702-118.09,66.742-161.13
+				C362.91,274.832,420.134,251.129,481,251.129 M481,91.129C266.785,91.129,93.129,264.784,93.129,479S266.785,866.871,481,866.871
+				S868.871,693.216,868.871,479S695.215,91.129,481,91.129L481,91.129z"/>
+		</defs>
+		<clipPath id="SVGID_5_">
+			<use xlink:href="#SVGID_19_"  overflow="visible"/>
+		</clipPath>
+		<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="481" y1="960" x2="481" y2="1.166">
+			<stop  offset="0" style="stop-color:#000000"/>
+			<stop  offset="1" style="stop-color:#FFFFFF"/>
+		</linearGradient>
+		<rect x="1" opacity="0.2" clip-path="url(#SVGID_5_)" fill="url(#SVGID_6_)" width="960" height="960"/>
+	</g>
+</g>
+</svg>
diff --git a/assets/img/tour/level_fortress.svg b/assets/img/tour/level_fortress.svg
new file mode 100644
index 0000000..48bd9bb
--- /dev/null
+++ b/assets/img/tour/level_fortress.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="960px"
+	 height="960px" viewBox="0 0 960 960" enable-background="new 0 0 960 960" xml:space="preserve">
+<g id="BG" display="none">
+</g>
+<g id="Raster">
+</g>
+<g id="Ebene_1">
+	<g opacity="0.8">
+		<defs>
+			<path id="SVGID_4_" opacity="0.8" d="M1619,1602.34v-206.913l59-13.427v-212l-61-61h-212l-12.988,58h-209.813L1169,1109H957
+				l-61,61v212l61,13.66v206.686L897,1616v212l61,61h212l13.437-60h209.909l13.654,60h212l61-61v-212L1619,1602.34z M1079,1707v-418
+				h418v418H1079z"/>
+		</defs>
+		<clipPath id="SVGID_2_">
+			<use xlink:href="#SVGID_4_"  overflow="visible"/>
+		</clipPath>
+		<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="1287" y1="1977" x2="1287" y2="1018.1655">
+			<stop  offset="0" style="stop-color:#000000"/>
+			<stop  offset="1" style="stop-color:#FFFFFF"/>
+		</linearGradient>
+		
+			<rect x="807" y="1017" opacity="0.2" clip-path="url(#SVGID_2_)" fill="url(#SVGID_3_)" stroke="#7A276E" stroke-width="140" stroke-linejoin="bevel" stroke-miterlimit="10" width="960" height="960"/>
+	</g>
+	<g>
+		
+			<rect x="211" y="209" fill="none" stroke="#8711CC" stroke-width="120" stroke-linejoin="bevel" stroke-miterlimit="10" width="540" height="540"/>
+		<polygon fill="none" stroke="#8711CC" stroke-width="122" stroke-linejoin="bevel" stroke-miterlimit="10" points="363,809 
+			301.5,780 181,780 181,659.5 151,597 151,809 		"/>
+		<polygon fill="none" stroke="#8711CC" stroke-width="122" stroke-linejoin="bevel" stroke-miterlimit="10" points="150,363 
+			179,301.5 179,181 299.5,181 362,151 150,151 		"/>
+		<polygon fill="none" stroke="#8711CC" stroke-width="122" stroke-linejoin="bevel" stroke-miterlimit="10" points="598,151 
+			659.5,180 780,180 780,300.5 810,363 810,151 		"/>
+		<polygon fill="none" stroke="#8711CC" stroke-width="122" stroke-linejoin="bevel" stroke-miterlimit="10" points="812,597 
+			783,658.5 783,779 662.5,779 600,809 812,809 		"/>
+	</g>
+	<g opacity="0.8">
+		<defs>
+			<path id="SVGID_7_" opacity="0.8" d="M812,583.34V376.427L871,363V151l-61-61H598l-12.988,58H375.199L362,90H150l-61,61v212
+				l61,13.66v206.686L90,597v212l61,61h212l13.437-60h209.909L600,870h212l61-61V597L812,583.34z M272,688V270h418v418H272z"/>
+		</defs>
+		<clipPath id="SVGID_5_">
+			<use xlink:href="#SVGID_7_"  overflow="visible"/>
+		</clipPath>
+		<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="480.0005" y1="958" x2="480.0005" y2="-0.834">
+			<stop  offset="0" style="stop-color:#000000"/>
+			<stop  offset="1" style="stop-color:#FFFFFF"/>
+		</linearGradient>
+		
+			<rect y="-2" opacity="0.2" clip-path="url(#SVGID_5_)" fill="url(#SVGID_6_)" stroke="#7A276E" stroke-width="140" stroke-linejoin="bevel" stroke-miterlimit="10" width="960" height="960"/>
+	</g>
+</g>
+</svg>
diff --git a/assets/img/tour/level_secure.svg b/assets/img/tour/level_secure.svg
new file mode 100644
index 0000000..4754951
--- /dev/null
+++ b/assets/img/tour/level_secure.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="960px"
+	 height="960px" viewBox="0 0 960 960" enable-background="new 0 0 960 960" xml:space="preserve">
+<g id="BG" display="none">
+</g>
+<g id="Raster">
+</g>
+<g id="Ebene_1">
+	<polygon fill="none" stroke="#0080FF" stroke-width="140" stroke-linejoin="bevel" stroke-miterlimit="10" points="843.338,184 
+		479.896,813.5 116.455,184 	"/>
+	<g opacity="0.7">
+		<defs>
+			<path id="SVGID_4_" opacity="0.7" d="M540.518,848.5H419.273L55.833,218.75l60.622-105.25h726.883l60.622,105.25L540.518,848.5z
+				 M237.699,253.5L479.896,673l242.198-419.5H237.699z"/>
+		</defs>
+		<clipPath id="SVGID_2_">
+			<use xlink:href="#SVGID_4_"  overflow="visible"/>
+		</clipPath>
+		<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="480.5005" y1="958.5" x2="480.5005" y2="-0.334">
+			<stop  offset="0" style="stop-color:#000000"/>
+			<stop  offset="1" style="stop-color:#FFFFFF"/>
+		</linearGradient>
+		
+			<rect x="0.5" y="-1.5" opacity="0.2" clip-path="url(#SVGID_2_)" fill="url(#SVGID_3_)" stroke="#4182C2" stroke-miterlimit="10" width="960" height="960"/>
+		<use xlink:href="#SVGID_4_"  overflow="visible" fill="none" stroke="#4182C2" stroke-miterlimit="10"/>
+	</g>
+	<g opacity="0.8">
+		<defs>
+			<path id="SVGID_7_" opacity="0.8" d="M1619,1602.34v-206.913l59-13.427v-212l-61-61h-212l-12.988,58h-209.813L1169,1109H957
+				l-61,61v212l61,13.66v206.686L897,1616v212l61,61h212l13.437-60h209.909l13.654,60h212l61-61v-212L1619,1602.34z M1079,1707v-418
+				h418v418H1079z"/>
+		</defs>
+		<clipPath id="SVGID_5_">
+			<use xlink:href="#SVGID_7_"  overflow="visible"/>
+		</clipPath>
+		<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="1287" y1="1977" x2="1287" y2="1018.1655">
+			<stop  offset="0" style="stop-color:#000000"/>
+			<stop  offset="1" style="stop-color:#FFFFFF"/>
+		</linearGradient>
+		
+			<rect x="807" y="1017" opacity="0.2" clip-path="url(#SVGID_5_)" fill="url(#SVGID_6_)" stroke="#7A276E" stroke-width="140" stroke-linejoin="bevel" stroke-miterlimit="10" width="960" height="960"/>
+	</g>
+</g>
+</svg>