diff --git a/frontend/public/apple-touch-icon.png b/frontend/public/apple-touch-icon.png
new file mode 100644
index 000000000..0b3257fac
Binary files /dev/null and b/frontend/public/apple-touch-icon.png differ
diff --git a/frontend/public/favicon-16x16.png b/frontend/public/favicon-16x16.png
new file mode 100644
index 000000000..f174cc863
Binary files /dev/null and b/frontend/public/favicon-16x16.png differ
diff --git a/frontend/public/favicon-32x32.png b/frontend/public/favicon-32x32.png
new file mode 100644
index 000000000..32000f8eb
Binary files /dev/null and b/frontend/public/favicon-32x32.png differ
diff --git a/frontend/public/favicon.ico b/frontend/public/favicon.ico
new file mode 100644
index 000000000..17209a311
Binary files /dev/null and b/frontend/public/favicon.ico differ
diff --git a/frontend/public/icons/application.svg b/frontend/public/icons/application.svg
new file mode 100644
index 000000000..fa01487ca
--- /dev/null
+++ b/frontend/public/icons/application.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="application">
+	<g>
+		<path fill="#fceade" fill-rule="evenodd" clip-rule="evenodd" d="M3.5,9h9C12.78,9,13,8.78,13,8.5C13,8.22,12.78,8,12.5,8h-9C3.22,8,3,8.22,3,8.5
+			C3,8.78,3.22,9,3.5,9z M3.5,11h5C8.78,11,9,10.78,9,10.5C9,10.22,8.78,10,8.5,10h-5C3.22,10,3,10.22,3,10.5
+			C3,10.78,3.22,11,3.5,11z M19,1H1C0.45,1,0,1.45,0,2v16c0,0.55,0.45,1,1,1h18c0.55,0,1-0.45,1-1V2C20,1.45,19.55,1,19,1z M18,17H2
+			V6h16V17z M3.5,13h7c0.28,0,0.5-0.22,0.5-0.5c0-0.28-0.22-0.5-0.5-0.5h-7C3.22,12,3,12.22,3,12.5C3,12.78,3.22,13,3.5,13z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/arrow-down.svg b/frontend/public/icons/arrow-down.svg
new file mode 100644
index 000000000..67ec4a99b
--- /dev/null
+++ b/frontend/public/icons/arrow-down.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, 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" id="Layer_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20"
+	 enable-background="new 0 0 20 20" xml:space="preserve">
+<title>Shape</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="Artboard-1" transform="translate(-3.000000, -1.000000)" sketch:type="MSArtboardGroup">
+		<path id="Shape" sketch:type="MSShapeGroup" fill="#fceade" d="M19,12c-0.3,0-0.5,0.1-0.7,0.3L14,16.6V3c0-0.5-0.4-1-1-1s-1,0.5-1,1v13.6
+			l-4.3-4.3C7.5,12.1,7.3,12,7,12c-0.5,0-1,0.4-1,1c0,0.3,0.1,0.5,0.3,0.7l6,6c0.2,0.2,0.4,0.3,0.7,0.3s0.5-0.1,0.7-0.3l6-6
+			c0.2-0.2,0.3-0.4,0.3-0.7C20,12.4,19.5,12,19,12L19,12z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/arrow-left.svg b/frontend/public/icons/arrow-left.svg
new file mode 100644
index 000000000..4ea6f30ac
--- /dev/null
+++ b/frontend/public/icons/arrow-left.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, 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" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="left_arrow_1_">
+	<g>
+		<path fill-rule="evenodd" clip-rule="evenodd" fill="#fceade" d="M18,9H4.41l4.29-4.29C8.89,4.53,9,4.28,9,4c0-0.55-0.45-1-1-1
+			C7.72,3,7.47,3.11,7.29,3.29l-6,6C1.11,9.47,1,9.72,1,10c0,0.28,0.11,0.53,0.29,0.71l6,6C7.47,16.89,7.72,17,8,17
+			c0.55,0,1-0.45,1-1c0-0.28-0.11-0.53-0.29-0.71L4.41,11H18c0.55,0,1-0.45,1-1C19,9.45,18.55,9,18,9z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/arrow-right.svg b/frontend/public/icons/arrow-right.svg
new file mode 100644
index 000000000..44bf17c06
--- /dev/null
+++ b/frontend/public/icons/arrow-right.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, 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" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="right_arrow_1_">
+	<g>
+		<path fill="#fceade" fill-rule="evenodd" clip-rule="evenodd" d="M18.71,9.29l-6-6C12.53,3.11,12.28,3,12,3c-0.55,0-1,0.45-1,1
+			c0,0.28,0.11,0.53,0.29,0.71L15.59,9H2c-0.55,0-1,0.45-1,1c0,0.55,0.45,1,1,1h13.59l-4.29,4.29C11.11,15.47,11,15.72,11,16
+			c0,0.55,0.45,1,1,1c0.28,0,0.53-0.11,0.71-0.29l6-6C18.89,10.53,19,10.28,19,10C19,9.72,18.89,9.47,18.71,9.29z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/arrow-up.svg b/frontend/public/icons/arrow-up.svg
new file mode 100644
index 000000000..629f6fb10
--- /dev/null
+++ b/frontend/public/icons/arrow-up.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, 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" id="Layer_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20"
+	 enable-background="new 0 0 20 20" xml:space="preserve">
+<title>Shape</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="Artboard-1" transform="translate(-3.000000, -1.000000)" sketch:type="MSArtboardGroup">
+		<path id="Shape" sketch:type="MSShapeGroup" fill="#fceade" d="M19.7,8.3l-6-6C13.5,2.1,13.3,2,13,2s-0.5,0.1-0.7,0.3l-6,6C6.1,8.5,6,8.7,6,9
+			c0,0.6,0.5,1,1,1c0.3,0,0.5-0.1,0.7-0.3L12,5.4V19c0,0.5,0.4,1,1,1s1-0.5,1-1V5.4l4.3,4.3C18.5,9.9,18.7,10,19,10c0.5,0,1-0.4,1-1
+			C20,8.7,19.9,8.5,19.7,8.3L19.7,8.3z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/build.svg b/frontend/public/icons/build.svg
new file mode 100644
index 000000000..9dca545bb
--- /dev/null
+++ b/frontend/public/icons/build.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="Rectangle_1_11_">
+	<g>
+		<path fill="#fceade" fill-rule="evenodd" clip-rule="evenodd" d="M19.43,16.67L9.31,7.81l1.47-1.56c0.41-0.44-0.15-0.8,0.15-1.6
+			c1.08-2.76,4.19-2.99,4.19-2.99s0.45-0.47,0.87-0.92C11.98-1,9.26,0.7,8.04,1.8L3.83,6.25L2.97,7.17c-0.48,0.51-0.48,1.33,0,1.84
+			L2.1,9.93c-0.48-0.51-1.26-0.51-1.74,0s-0.48,1.33,0,1.84l1.74,1.84c0.48,0.51,1.26,0.51,1.74,0c0.48-0.51,0.48-1.33,0-1.84
+			l0.87-0.92c0.48,0.51,1.26,0.51,1.74,0l1.41-1.49l8.81,10.07c0.76,0.76,2,0.76,2.76,0C20.19,18.67,20.19,17.43,19.43,16.67z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/caret-right.svg b/frontend/public/icons/caret-right.svg
new file mode 100644
index 000000000..2899b42db
--- /dev/null
+++ b/frontend/public/icons/caret-right.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, 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" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="caret_right_1_">
+	<g>
+		<path fill="#fceade" fill-rule="evenodd" clip-rule="evenodd" d="M14,10c0-0.31-0.15-0.57-0.37-0.76l0.01-0.01l-6-5L7.63,4.24
+			C7.46,4.1,7.24,4,7,4C6.45,4,6,4.45,6,5v10c0,0.55,0.45,1,1,1c0.24,0,0.46-0.1,0.63-0.24l0.01,0.01l6-5l-0.01-0.01
+			C13.85,10.57,14,10.31,14,10z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/check.svg b/frontend/public/icons/check.svg
new file mode 100644
index 000000000..a72c54ea1
--- /dev/null
+++ b/frontend/public/icons/check.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="tick_mark_11_">
+	<g>
+		<path fill="#fceade" fill-rule="evenodd" clip-rule="evenodd" d="M17,4c-0.28,0-0.53,0.11-0.71,0.29L7,13.59l-3.29-3.29C3.53,10.11,3.28,10,3,10
+			c-0.55,0-1,0.45-1,1c0,0.28,0.11,0.53,0.29,0.71l4,4C6.47,15.89,6.72,16,7,16s0.53-0.11,0.71-0.29l10-10C17.89,5.53,18,5.28,18,5
+			C18,4.45,17.55,4,17,4z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/chevron-down.svg b/frontend/public/icons/chevron-down.svg
new file mode 100644
index 000000000..ed08a9447
--- /dev/null
+++ b/frontend/public/icons/chevron-down.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="chevron_down_1_">
+	<g>
+		<path fill-rule="evenodd" clip-rule="evenodd" fill="#fceade" d="M16,6c-0.28,0-0.53,0.11-0.71,0.29L10,11.59L4.71,6.29C4.53,6.11,4.28,6,4,6
+			C3.45,6,3,6.45,3,7c0,0.28,0.11,0.53,0.29,0.71l6,6C9.47,13.89,9.72,14,10,14s0.53-0.11,0.71-0.29l6-6C16.89,7.53,17,7.28,17,7
+			C17,6.45,16.55,6,16,6z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/chevron-left.svg b/frontend/public/icons/chevron-left.svg
new file mode 100644
index 000000000..845af34a3
--- /dev/null
+++ b/frontend/public/icons/chevron-left.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="chevron_left_1_">
+	<g>
+		<path fill-rule="evenodd" fill="#fceade" clip-rule="evenodd" d="M8.41,10l5.29-5.29C13.89,4.53,14,4.28,14,4c0-0.55-0.45-1-1-1
+			c-0.28,0-0.53,0.11-0.71,0.29l-6,6C6.11,9.47,6,9.72,6,10c0,0.28,0.11,0.53,0.29,0.71l6,6C12.47,16.89,12.72,17,13,17
+			c0.55,0,1-0.45,1-1c0-0.28-0.11-0.53-0.29-0.71L8.41,10z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/chevron-up.svg b/frontend/public/icons/chevron-up.svg
new file mode 100644
index 000000000..70bcaa798
--- /dev/null
+++ b/frontend/public/icons/chevron-up.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="chevron_up_1_">
+	<g>
+		<path fill="#fceade" fill-rule="evenodd" clip-rule="evenodd" d="M16.71,12.29l-6-6C10.53,6.11,10.28,6,10,6S9.47,6.11,9.29,6.29l-6,6
+			C3.11,12.47,3,12.72,3,13c0,0.55,0.45,1,1,1c0.28,0,0.53-0.11,0.71-0.29L10,8.41l5.29,5.29C15.47,13.89,15.72,14,16,14
+			c0.55,0,1-0.45,1-1C17,12.72,16.89,12.47,16.71,12.29z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/clipboard.svg b/frontend/public/icons/clipboard.svg
new file mode 100644
index 000000000..4d3477717
--- /dev/null
+++ b/frontend/public/icons/clipboard.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, 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" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g>
+	<path fill="#fceade" d="M13,2c0-0.55-0.45-1-1-1h-0.78c-0.35-0.6-0.98-1-1.72-1S8.12,0.4,7.78,1H7C6.45,1,6,1.45,6,2v2h7V2z"/>
+	<path fill="#fceade" d="M16,2h-2v2v1h-1H6H5V4V2H3C2.45,2,2,2.45,2,3v16c0,0.55,0.45,1,1,1h13c0.55,0,1-0.45,1-1V3C17,2.45,16.55,2,16,2z"/>
+</g>
+</svg>
diff --git a/frontend/public/icons/cog.svg b/frontend/public/icons/cog.svg
new file mode 100644
index 000000000..2842f0b64
--- /dev/null
+++ b/frontend/public/icons/cog.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, 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" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="cog_2_">
+	<g>
+		<path fill="#fceade" fill-rule="evenodd" clip-rule="evenodd" d="M19,8h-2.31c-0.14-0.46-0.33-0.89-0.56-1.3l1.7-1.7c0.39-0.39,0.39-1.02,0-1.41
+			l-1.41-1.41c-0.39-0.39-1.02-0.39-1.41,0l-1.7,1.7c-0.41-0.22-0.84-0.41-1.3-0.55V1c0-0.55-0.45-1-1-1H9C8.45,0,8,0.45,8,1v2.33
+			C7.52,3.47,7.06,3.67,6.63,3.91L5,2.28c-0.37-0.37-0.98-0.37-1.36,0L2.28,3.64C1.91,4.02,1.91,4.63,2.28,5l1.62,1.62
+			C3.66,7.06,3.46,7.51,3.31,8H1C0.45,8,0,8.45,0,9v2c0,0.55,0.45,1,1,1h2.31c0.14,0.46,0.33,0.89,0.56,1.3L2.17,15
+			c-0.39,0.39-0.39,1.02,0,1.41l1.41,1.41c0.39,0.39,1.02,0.39,1.41,0l1.7-1.7c0.41,0.22,0.84,0.41,1.3,0.55V19c0,0.55,0.45,1,1,1h2
+			c0.55,0,1-0.45,1-1v-2.33c0.48-0.14,0.94-0.35,1.37-0.59L15,17.72c0.37,0.37,0.98,0.37,1.36,0l1.36-1.36
+			c0.37-0.37,0.37-0.98,0-1.36l-1.62-1.62c0.24-0.43,0.45-0.89,0.6-1.38H19c0.55,0,1-0.45,1-1V9C20,8.45,19.55,8,19,8z M10,14
+			c-2.21,0-4-1.79-4-4c0-2.21,1.79-4,4-4s4,1.79,4,4C14,12.21,12.21,14,10,14z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/command.svg b/frontend/public/icons/command.svg
new file mode 100644
index 000000000..074ac519c
--- /dev/null
+++ b/frontend/public/icons/command.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>command</title>
+    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path fill="#fceade" d="M16.4338096,0 C16.7850725,2.73772263e-15 17.1105793,0.184298834 17.2913025,0.485504245 L20,5 L20,19 C20,19.5522847 19.5522847,20 19,20 L1,20 C0.44771525,20 6.76353751e-17,19.5522847 0,19 L0,5 L2.70869745,0.485504245 C2.8894207,0.184298834 3.21492753,-1.57518666e-16 3.56619038,0 L16.4338096,0 Z M10,8 C9.72,8 9.47,8.11 9.29,8.29 L9.29,8.29 L6.29,11.29 L6.20601852,11.3856481 C6.07638889,11.5541667 6,11.7666667 6,12 C6,12.55 6.45,13 7,13 C7.28,13 7.53,12.89 7.71,12.71 L7.71,12.71 L9,11.41 L9,15.99 L9.0067602,16.106199 C9.06479592,16.6019898 9.48928571,16.99 10,16.99 C10.55,16.99 11,16.54 11,15.99 L11,15.99 L11,11.41 L12.29,12.7 L12.371312,12.7732945 C12.5420408,12.9118367 12.76,13 13,13 C13.55,13 14,12.55 14,12 C14,11.72 13.89,11.47 13.71,11.29 L13.71,11.29 L10.71,8.29 L10.6143519,8.20601852 C10.4458333,8.07638889 10.2333333,8 10,8 Z M16,2 L4,2 L2,5.00162374 L18,5.00162374 L16,2 Z" id="Combined-Shape"></path>
+    </g>
+</svg>
diff --git a/frontend/public/icons/console.svg b/frontend/public/icons/console.svg
new file mode 100644
index 000000000..ea9bb764d
--- /dev/null
+++ b/frontend/public/icons/console.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<path fill="#fceade" id="console_2_" fill-rule="evenodd" clip-rule="evenodd" d="M19,19H1c-0.55,0-1-0.45-1-1V2c0-0.55,0.45-1,1-1h18
+	c0.55,0,1,0.45,1,1v16C20,18.55,19.55,19,19,19z M18,6H2v11h16V6z M4,8c0.28,0,0.53,0.11,0.71,0.29l0,0l2,2l0,0
+	C6.89,10.47,7,10.72,7,11s-0.11,0.53-0.29,0.71l0,0l-2,2l0,0C4.53,13.89,4.28,14,4,14c-0.55,0-1-0.45-1-1
+	c0-0.28,0.11-0.53,0.29-0.71l0,0L4.59,11L3.29,9.71l0,0C3.11,9.53,3,9.28,3,9C3,8.45,3.45,8,4,8z M9,12h3c0.55,0,1,0.45,1,1
+	c0,0.55-0.45,1-1,1H9c-0.55,0-1-0.45-1-1C8,12.45,8.45,12,9,12z"/>
+</svg>
diff --git a/frontend/public/icons/cross.svg b/frontend/public/icons/cross.svg
new file mode 100644
index 000000000..14f5fe0a3
--- /dev/null
+++ b/frontend/public/icons/cross.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="cross_mark_6_">
+	<g>
+		<path fill-rule="evenodd" fill="#fceade" clip-rule="evenodd" d="M11.41,10l4.29-4.29C15.89,5.53,16,5.28,16,5c0-0.55-0.45-1-1-1
+			c-0.28,0-0.53,0.11-0.71,0.29L10,8.59L5.71,4.29C5.53,4.11,5.28,4,5,4C4.45,4,4,4.45,4,5c0,0.28,0.11,0.53,0.29,0.71L8.59,10
+			l-4.29,4.29C4.11,14.47,4,14.72,4,15c0,0.55,0.45,1,1,1c0.28,0,0.53-0.11,0.71-0.29L10,11.41l4.29,4.29
+			C14.47,15.89,14.72,16,15,16c0.55,0,1-0.45,1-1c0-0.28-0.11-0.53-0.29-0.71L11.41,10z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/cut.svg b/frontend/public/icons/cut.svg
new file mode 100644
index 000000000..c25951e5d
--- /dev/null
+++ b/frontend/public/icons/cut.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="Shape_1_copy">
+	<g>
+		<path fill="#fceade" d="M16,2c0,0,0.72-1.28,0-2l-5.29,6.25l1.28,1.54L16,2z M16.08,12c-0.55,0-1.07,0.12-1.54,0.32L4.31,0c-0.7,0.72,0,2,0,2
+			l4.45,6.56l-3.19,3.77C5.09,12.12,4.56,12,4,12c-2.21,0-4,1.79-4,4c0,2.21,1.79,4,4,4s4-1.79,4-4c0-0.65-0.17-1.26-0.45-1.8
+			l2.54-3.67l2.49,3.67c-0.27,0.54-0.44,1.15-0.44,1.8c0,2.21,1.76,4,3.92,4c2.17,0,3.92-1.79,3.92-4C20,13.79,18.24,12,16.08,12z
+			 M4,18c-1.1,0-2-0.9-2-2c0-1.1,0.9-2,2-2s2,0.9,2,2C6,17.1,5.1,18,4,18z M16.08,18c-1.08,0-1.96-0.9-1.96-2c0-1.1,0.88-2,1.96-2
+			c1.08,0,1.96,0.9,1.96,2C18.04,17.1,17.16,18,16.08,18z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/double-chevron-right.svg b/frontend/public/icons/double-chevron-right.svg
new file mode 100644
index 000000000..d61e1fea7
--- /dev/null
+++ b/frontend/public/icons/double-chevron-right.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="double_chevron_right_1_">
+	<g>
+		<path fill-rule="evenodd" clip-rule="evenodd" fill="#fceade" d="M11,10c0-0.28-0.11-0.53-0.29-0.71l-6-6C4.53,3.11,4.28,3,4,3C3.45,3,3,3.45,3,4
+			c0,0.28,0.11,0.53,0.29,0.71L8.59,10l-5.29,5.29C3.11,15.47,3,15.72,3,16c0,0.55,0.45,1,1,1c0.28,0,0.53-0.11,0.71-0.29l6-6
+			C10.89,10.53,11,10.28,11,10z M16.71,9.29l-6-6C10.53,3.11,10.28,3,10,3C9.45,3,9,3.45,9,4c0,0.28,0.11,0.53,0.29,0.71L14.59,10
+			l-5.29,5.29C9.11,15.47,9,15.72,9,16c0,0.55,0.45,1,1,1c0.28,0,0.53-0.11,0.71-0.29l6-6C16.89,10.53,17,10.28,17,10
+			C17,9.72,16.89,9.47,16.71,9.29z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/edit.svg b/frontend/public/icons/edit.svg
new file mode 100644
index 000000000..aec04099c
--- /dev/null
+++ b/frontend/public/icons/edit.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, 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" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="edit_2_">
+	<g>
+		<path fill="#fceade" fill-rule="evenodd" clip-rule="evenodd" d="M4.59,12.59l2.83,2.83l7.65-7.65l-2.83-2.83L4.59,12.59z M2,18l4.41-1.59
+			l-2.81-2.79L2,18z M16,2c-0.55,0-1.05,0.22-1.41,0.59l-1.65,1.65l2.83,2.83l1.65-1.65C17.78,5.05,18,4.55,18,4C18,2.9,17.1,2,16,2
+			z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/error.svg b/frontend/public/icons/error.svg
new file mode 100644
index 000000000..7a389a0c0
--- /dev/null
+++ b/frontend/public/icons/error.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, 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" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="error_2_">
+	<g>
+		<path fill="rgba(182, 47, 52, 0.95)" fill-rule="evenodd" clip-rule="evenodd" d="M10,0C4.48,0,0,4.48,0,10c0,5.52,4.48,10,10,10s10-4.48,10-10
+			C20,4.48,15.52,0,10,0z M11,16H9v-2h2V16z M11,13H9V4h2V13z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/exchange.svg b/frontend/public/icons/exchange.svg
new file mode 100644
index 000000000..6cdef3ede
--- /dev/null
+++ b/frontend/public/icons/exchange.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, 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" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve" fill='white'>
+<g id="exchange_2_">
+	<g>
+		<path d="M2.5,8C1.12,8,0,9.12,0,10.5S1.12,13,2.5,13S5,11.88,5,10.5S3.88,8,2.5,8z M12.85,11.15C12.76,11.06,12.63,11,12.5,11
+			c-0.28,0-0.5,0.22-0.5,0.5c0,0.14,0.06,0.26,0.15,0.35L13.3,13H5.5C5.22,13,5,13.22,5,13.5S5.22,14,5.5,14h7.79l-1.15,1.15
+			C12.06,15.24,12,15.36,12,15.5c0,0.28,0.22,0.5,0.5,0.5c0.14,0,0.26-0.06,0.35-0.15l2-2C14.94,13.76,15,13.64,15,13.5
+			s-0.06-0.26-0.15-0.35L12.85,11.15z M17.5,8C16.12,8,15,9.12,15,10.5s1.12,2.5,2.5,2.5s2.5-1.12,2.5-2.5S18.88,8,17.5,8z
+			 M7.15,9.85C7.24,9.94,7.36,10,7.5,10C7.78,10,8,9.78,8,9.5c0-0.14-0.06-0.26-0.15-0.35L6.71,8h7.79C14.78,8,15,7.78,15,7.5
+			S14.78,7,14.5,7H6.71l1.15-1.15C7.94,5.76,8,5.64,8,5.5C8,5.22,7.78,5,7.5,5C7.36,5,7.24,5.06,7.15,5.15l-2,2
+			C5.06,7.24,5,7.36,5,7.5s0.06,0.26,0.15,0.35L7.15,9.85z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/eye-off.svg b/frontend/public/icons/eye-off.svg
new file mode 100644
index 000000000..f38d9f2b0
--- /dev/null
+++ b/frontend/public/icons/eye-off.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Shape_2_1_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="Shape_2">
+	<g>
+		<path fill-rule="evenodd" clip-rule="evenodd" fill="#fceade" d="M20,9.96c0-0.01,0-0.02,0-0.03c0,0,0-0.01,0-0.01c0-0.01,0-0.01,0-0.02
+			c0-0.01,0-0.01,0-0.02c0,0,0,0,0,0c-0.02-0.16-0.1-0.31-0.21-0.43c-0.55-0.69-1.19-1.3-1.85-1.87l-3.93,2.62
+			c-0.11,2.1-1.83,3.77-3.96,3.77c-0.47,0-0.91-0.1-1.33-0.24l-2.24,1.49c0.52,0.21,1.05,0.39,1.6,0.51
+			c1.21,0.27,2.43,0.28,3.64,0.05c1.11-0.21,2.17-0.64,3.17-1.18c1.56-0.84,2.99-2,4.23-3.3c0.23-0.24,0.46-0.49,0.67-0.75
+			c0.11-0.12,0.18-0.27,0.21-0.43c0,0,0,0,0,0c0-0.01,0-0.01,0-0.02c0-0.01,0-0.01,0-0.02c0,0,0-0.01,0-0.01c0-0.01,0-0.02,0-0.03
+			c0-0.01,0-0.03,0-0.04C20,9.99,20,9.97,20,9.96z M19.54,4.82C19.81,4.64,20,4.35,20,4c0-0.55-0.45-1-1-1
+			c-0.21,0-0.39,0.08-0.54,0.18l-0.01-0.02l-3.45,2.3c-0.95-0.53-1.95-0.96-3.01-1.2C10.77,4,9.55,3.99,8.34,4.22
+			C7.23,4.43,6.17,4.86,5.17,5.4c-1.56,0.84-2.99,2-4.23,3.3C0.71,8.94,0.48,9.18,0.27,9.45C0,9.79,0,10.21,0.27,10.55
+			c0.64,0.79,1.39,1.5,2.16,2.15c0.26,0.21,0.52,0.41,0.79,0.61l-2.78,1.85l0.01,0.02C0.19,15.36,0,15.65,0,16c0,0.55,0.45,1,1,1
+			c0.21,0,0.39-0.08,0.54-0.18l0.01,0.02l18-12L19.54,4.82z M10.87,8.22c-0.25-0.12-0.53-0.2-0.83-0.2c-1.1,0-1.99,0.89-1.99,1.99
+			c0,0.03,0.02,0.06,0.02,0.09l-1.78,1.19c-0.14-0.4-0.22-0.83-0.22-1.28c0-2.19,1.78-3.97,3.98-3.97c1.01,0,1.91,0.38,2.61,1
+			L10.87,8.22z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/eye-open.svg b/frontend/public/icons/eye-open.svg
new file mode 100644
index 000000000..51732c7e4
--- /dev/null
+++ b/frontend/public/icons/eye-open.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
+    <title>z</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="z" stroke="none" stroke-width="1"  fill-rule="evenodd">
+        <g id="pt-icon-eye-open" transform="translate(0.000000, 4.000000)" fill="#fceade" fill-rule="nonzero">
+            <path d="M10.00999,3.98434797 C8.91108891,3.98434797 8.01198801,4.88687874 8.01198801,5.9899719 C8.01198801,7.09306502 8.91108891,7.99559579 10.00999,7.99559579 C11.1088911,7.99559579 12.007992,7.09306502 12.007992,5.9899719 C12.007992,4.88687874 11.1088911,3.98434797 10.00999,3.98434797 Z M20,5.95988754 C20,5.94985942 20,5.9398313 20,5.92980318 C20,5.92980318 20,5.91977506 20,5.91977506 C20,5.90974694 20,5.90974694 20,5.89971882 C20,5.8896907 20,5.8896907 20,5.87966258 C20,5.87966258 20,5.87966258 20,5.87966258 C19.98002,5.71921267 19.9000999,5.55876276 19.7902098,5.43842532 C19.1508492,4.63617575 18.3916084,3.92417925 17.6223776,3.27235148 C15.964036,1.86841473 14.0559441,0.685096607 11.958042,0.213774983 C10.7492507,-0.0569842474 9.52047952,-0.0670123671 8.3016983,0.163634385 C7.19280719,0.364196778 6.12387612,0.805434042 5.12487512,1.3469525 C3.55644356,2.19934267 2.12787213,3.36260455 0.879120879,4.67628823 C0.649350649,4.92699122 0.41958042,5.16766609 0.20979021,5.43842532 C-0.0699300699,5.78940951 -0.0699300699,6.21059049 0.20979021,6.56157468 C0.849150849,7.36382425 1.60839161,8.07582075 2.37762238,8.72764852 C4.03596404,10.1315853 5.94405594,11.3048753 8.04195804,11.786225 C9.25074925,12.0569842 10.4795205,12.0670124 11.6983017,11.8363656 C12.8071928,11.6257751 13.8761239,11.1845378 14.8751249,10.6430194 C16.4435564,9.79062921 17.8721279,8.62736733 19.1208791,7.31368365 C19.3506494,7.07300878 19.5804196,6.82230579 19.7902098,6.56157468 C19.9000999,6.44123724 19.97003,6.29081545 20,6.12033742 C20,6.12033742 20,6.12033742 20,6.12033742 C20,6.1103093 20,6.1103093 20,6.10028118 C20,6.09025306 20,6.09025306 20,6.08022494 C20,6.08022494 20,6.07019682 20,6.07019682 C20,6.0601687 20,6.05014058 20,6.04011246 C20,6.03008434 20,6.01002814 20,6.00000002 C20,5.97994378 20,5.96991566 20,5.95988754 Z M10.00999,10.0012197 C7.8021978,10.0012197 6.01398601,8.2061863 6.01398601,5.9899719 C6.01398601,3.77375746 7.8021978,1.97872404 10.00999,1.97872404 C12.2177822,1.97872404 14.005994,3.77375746 14.005994,5.9899719 C14.005994,8.2061863 12.2177822,10.0012197 10.00999,10.0012197 Z" id="Shape"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/public/icons/floppy-disk.svg b/frontend/public/icons/floppy-disk.svg
new file mode 100644
index 000000000..1f77a4953
--- /dev/null
+++ b/frontend/public/icons/floppy-disk.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="floppy_disk_1_">
+	<g>
+		<path fill="#fceade" fill-rule="evenodd" clip-rule="evenodd" d="M14,1h-3v5h3V1z M19.71,3.29l-3-3C16.53,0.11,16.28,0,16,0h-1v7H5V0H1
+			C0.45,0,0,0.45,0,1v18c0,0.55,0.45,1,1,1h18c0.55,0,1-0.45,1-1V4C20,3.72,19.89,3.47,19.71,3.29z M17,19H3v-8c0-0.55,0.45-1,1-1
+			h12c0.55,0,1,0.45,1,1V19z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/fullscreen.svg b/frontend/public/icons/fullscreen.svg
new file mode 100644
index 000000000..8022c2176
--- /dev/null
+++ b/frontend/public/icons/fullscreen.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="fullscreen">
+	<g>
+		<path fill="#fceade" fill-rule="evenodd" clip-rule="evenodd" d="M3.41,2H6c0.55,0,1-0.45,1-1S6.55,0,6,0H1C0.45,0,0,0.45,0,1v5
+			c0,0.55,0.45,1,1,1s1-0.45,1-1V3.41l5.29,5.29C7.47,8.89,7.72,9,8,9c0.55,0,1-0.45,1-1c0-0.28-0.11-0.53-0.29-0.71L3.41,2z M8,11
+			c-0.28,0-0.53,0.11-0.71,0.29L2,16.59V14c0-0.55-0.45-1-1-1s-1,0.45-1,1v5c0,0.55,0.45,1,1,1h5c0.55,0,1-0.45,1-1s-0.45-1-1-1
+			H3.41l5.29-5.29C8.89,12.53,9,12.28,9,12C9,11.45,8.55,11,8,11z M19,0h-5c-0.55,0-1,0.45-1,1s0.45,1,1,1h2.59l-5.29,5.29
+			C11.11,7.47,11,7.72,11,8c0,0.55,0.45,1,1,1c0.28,0,0.53-0.11,0.71-0.29L18,3.41V6c0,0.55,0.45,1,1,1s1-0.45,1-1V1
+			C20,0.45,19.55,0,19,0z M19,13c-0.55,0-1,0.45-1,1v2.59l-5.29-5.29C12.53,11.11,12.28,11,12,11c-0.55,0-1,0.45-1,1
+			c0,0.28,0.11,0.53,0.29,0.71L16.59,18H14c-0.55,0-1,0.45-1,1s0.45,1,1,1h5c0.55,0,1-0.45,1-1v-5C20,13.45,19.55,13,19,13z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/github.svg b/frontend/public/icons/github.svg
new file mode 100644
index 000000000..289a1fada
--- /dev/null
+++ b/frontend/public/icons/github.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 16.0.0, 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" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="438.549px" height="438.549px" viewBox="0 0 438.549 438.549"
+	 xml:space="preserve">
+<g>
+	<path fill="#fceade" d="M409.132,114.573c-19.608-33.596-46.205-60.194-79.798-79.8C295.736,15.166,259.057,5.365,219.271,5.365
+		c-39.781,0-76.472,9.804-110.063,29.408c-33.596,19.605-60.192,46.204-79.8,79.8C9.803,148.168,0,184.854,0,224.63
+		c0,47.78,13.94,90.745,41.827,128.906c27.884,38.164,63.906,64.572,108.063,79.227c5.14,0.954,8.945,0.283,11.419-1.996
+		c2.475-2.282,3.711-5.14,3.711-8.562c0-0.571-0.049-5.708-0.144-15.417c-0.098-9.709-0.144-18.179-0.144-25.406l-6.567,1.136
+		c-4.187,0.767-9.469,1.092-15.846,1c-6.374-0.089-12.991-0.757-19.842-1.999c-6.854-1.231-13.229-4.086-19.13-8.559
+		c-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559
+		c-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-0.951-2.568-2.098-3.711-3.429c-1.142-1.331-1.997-2.663-2.568-3.997
+		c-0.572-1.335-0.098-2.43,1.427-3.289c1.525-0.859,4.281-1.276,8.28-1.276l5.708,0.853c3.807,0.763,8.516,3.042,14.133,6.851
+		c5.614,3.806,10.229,8.754,13.846,14.842c4.38,7.806,9.657,13.754,15.846,17.847c6.184,4.093,12.419,6.136,18.699,6.136
+		c6.28,0,11.704-0.476,16.274-1.423c4.565-0.952,8.848-2.383,12.847-4.285c1.713-12.758,6.377-22.559,13.988-29.41
+		c-10.848-1.14-20.601-2.857-29.264-5.14c-8.658-2.286-17.605-5.996-26.835-11.14c-9.235-5.137-16.896-11.516-22.985-19.126
+		c-6.09-7.614-11.088-17.61-14.987-29.979c-3.901-12.374-5.852-26.648-5.852-42.826c0-23.035,7.52-42.637,22.557-58.817
+		c-7.044-17.318-6.379-36.732,1.997-58.24c5.52-1.715,13.706-0.428,24.554,3.853c10.85,4.283,18.794,7.952,23.84,10.994
+		c5.046,3.041,9.089,5.618,12.135,7.708c17.705-4.947,35.976-7.421,54.818-7.421s37.117,2.474,54.823,7.421l10.849-6.849
+		c7.419-4.57,16.18-8.758,26.262-12.565c10.088-3.805,17.802-4.853,23.134-3.138c8.562,21.509,9.325,40.922,2.279,58.24
+		c15.036,16.18,22.559,35.787,22.559,58.817c0,16.178-1.958,30.497-5.853,42.966c-3.9,12.471-8.941,22.457-15.125,29.979
+		c-6.191,7.521-13.901,13.85-23.131,18.986c-9.232,5.14-18.182,8.85-26.84,11.136c-8.662,2.286-18.415,4.004-29.263,5.146
+		c9.894,8.562,14.842,22.077,14.842,40.539v60.237c0,3.422,1.19,6.279,3.572,8.562c2.379,2.279,6.136,2.95,11.276,1.995
+		c44.163-14.653,80.185-41.062,108.068-79.226c27.88-38.161,41.825-81.126,41.825-128.906
+		C438.536,184.851,428.728,148.168,409.132,114.573z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/frontend/public/icons/home.svg b/frontend/public/icons/home.svg
new file mode 100644
index 000000000..0987dddd3
--- /dev/null
+++ b/frontend/public/icons/home.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, 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" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="home_1_">
+	<g>
+		<path fill="#fceade" fill-rule="evenodd" clip-rule="evenodd" d="M2,12v7c0,0.55,0.45,1,1,1h5v-7h4v7h5c0.55,0,1-0.45,1-1v-7l-8-8L2,12z
+			 M19.71,9.29L17,6.59V3c0-0.55-0.45-1-1-1s-1,0.45-1,1v1.59l-4.29-4.29C10.53,0.11,10.28,0,10,0S9.47,0.11,9.29,0.29l-9,9
+			C0.11,9.47,0,9.72,0,10c0,0.55,0.45,1,1,1c0.28,0,0.53-0.11,0.71-0.29L10,2.41l8.29,8.29C18.47,10.89,18.72,11,19,11
+			c0.55,0,1-0.45,1-1C20,9.72,19.89,9.47,19.71,9.29z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/info-sign.svg b/frontend/public/icons/info-sign.svg
new file mode 100644
index 000000000..9646bb0a4
--- /dev/null
+++ b/frontend/public/icons/info-sign.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, 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" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="info_2_">
+	<g>
+		<path fill-rule="evenodd" fill="#fceade" clip-rule="evenodd" d="M10,0C4.48,0,0,4.48,0,10c0,5.52,4.48,10,10,10s10-4.48,10-10
+			C20,4.48,15.52,0,10,0z M9,4h2v2H9V4z M13,16H7v-1h2V8H8V7h3v8h2V16z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/log.svg b/frontend/public/icons/log.svg
new file mode 100644
index 000000000..701b7e376
--- /dev/null
+++ b/frontend/public/icons/log.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>log</title>
+    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path fill="#fceade" d="M16.4338096,0 C16.7850725,2.73772263e-15 17.1105793,0.184298834 17.2913025,0.485504245 L20,5 L20,19 C20,19.5522847 19.5522847,20 19,20 L1,20 C0.44771525,20 6.76353751e-17,19.5522847 0,19 L0,5 L2.70869745,0.485504245 C2.8894207,0.184298834 3.21492753,-1.57518666e-16 3.56619038,0 L16.4338096,0 Z M10,8 C9.45,8 9,8.45 9,9 L9,9 L9,13.58 L7.71,12.29 L7.62868805,12.2167055 C7.45795918,12.0781633 7.24,11.99 7,11.99 C6.45,11.99 6,12.44 6,12.99 C6,13.27 6.11,13.52 6.29,13.7 L6.29,13.7 L9.29,16.7 L9.38564815,16.7839815 C9.55416667,16.9136111 9.76666667,16.99 10,16.99 C10.28,16.99 10.53,16.88 10.71,16.7 L10.71,16.7 L13.71,13.7 L13.7939815,13.6043519 C13.9236111,13.4358333 14,13.2233333 14,12.99 C14,12.44 13.55,11.99 13,11.99 C12.72,11.99 12.47,12.1 12.29,12.28 L12.29,12.28 L11,13.58 L11,9 L10.9932398,8.88380102 C10.9352041,8.3880102 10.5107143,8 10,8 Z M16,2 L4,2 L2,5.00162374 L18,5.00162374 L16,2 Z" id="Combined-Shape"></path>
+    </g>
+</svg>
diff --git a/frontend/public/icons/menu.svg b/frontend/public/icons/menu.svg
new file mode 100644
index 000000000..b29931956
--- /dev/null
+++ b/frontend/public/icons/menu.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="menu_1_">
+	<g>
+		<path fill-rule="evenodd" fill="#fceade" clip-rule="evenodd" d="M1,6h18c0.55,0,1-0.45,1-1c0-0.55-0.45-1-1-1H1C0.45,4,0,4.45,0,5
+			C0,5.55,0.45,6,1,6z M19,9H1c-0.55,0-1,0.45-1,1c0,0.55,0.45,1,1,1h18c0.55,0,1-0.45,1-1C20,9.45,19.55,9,19,9z M19,14H1
+			c-0.55,0-1,0.45-1,1c0,0.55,0.45,1,1,1h18c0.55,0,1-0.45,1-1C20,14.45,19.55,14,19,14z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/minus.svg b/frontend/public/icons/minus.svg
new file mode 100644
index 000000000..cb4edeb86
--- /dev/null
+++ b/frontend/public/icons/minus.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="minus_6_">
+	<g>
+		<path fill="#fceade" fill-rule="evenodd" clip-rule="evenodd" d="M16,9H4c-0.55,0-1,0.45-1,1c0,0.55,0.45,1,1,1h12c0.55,0,1-0.45,1-1
+			C17,9.45,16.55,9,16,9z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/notifications.svg b/frontend/public/icons/notifications.svg
new file mode 100644
index 000000000..4ab10a265
--- /dev/null
+++ b/frontend/public/icons/notifications.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, 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" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="notification_1_">
+	<g>
+		<path fill="#fceade" fill-rule="evenodd" clip-rule="evenodd" d="M10,20c1.1,0,2-0.9,2-2H8C8,19.1,8.9,20,10,20z M17,15c-0.55,0-1-0.45-1-1V8
+			c0-2.61-1.67-4.81-4-5.63V2c0-1.1-0.9-2-2-2S8,0.9,8,2v0.37C5.67,3.19,4,5.39,4,8v6c0,0.55-0.45,1-1,1s-1,0.45-1,1
+			c0,0.55,0.45,1,1,1h14c0.55,0,1-0.45,1-1C18,15.45,17.55,15,17,15z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/pause.svg b/frontend/public/icons/pause.svg
new file mode 100644
index 000000000..470ea5d38
--- /dev/null
+++ b/frontend/public/icons/pause.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="pause_1_">
+	<g>
+		<path fill="#fceade" fill-rule="evenodd" clip-rule="evenodd" d="M7,3H4C3.45,3,3,3.45,3,4v12c0,0.55,0.45,1,1,1h3c0.55,0,1-0.45,1-1V4
+			C8,3.45,7.55,3,7,3z M16,3h-3c-0.55,0-1,0.45-1,1v12c0,0.55,0.45,1,1,1h3c0.55,0,1-0.45,1-1V4C17,3.45,16.55,3,16,3z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/play.svg b/frontend/public/icons/play.svg
new file mode 100644
index 000000000..11e8d1387
--- /dev/null
+++ b/frontend/public/icons/play.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="play_1_">
+	<g>
+		<path fill="#fceade" fill-rule="evenodd" clip-rule="evenodd" d="M16,10c0-0.36-0.2-0.67-0.49-0.84l0.01-0.01l-10-6L5.51,3.16
+			C5.36,3.07,5.19,3,5,3C4.45,3,4,3.45,4,4v12c0,0.55,0.45,1,1,1c0.19,0,0.36-0.07,0.51-0.16l0.01,0.01l10-6l-0.01-0.01
+			C15.8,10.67,16,10.36,16,10z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/plus.svg b/frontend/public/icons/plus.svg
new file mode 100644
index 000000000..a96d61bc8
--- /dev/null
+++ b/frontend/public/icons/plus.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="plus_11_">
+	<g>
+		<path fill="#fceade" fill-rule="evenodd" clip-rule="evenodd" d="M16,9h-5V4c0-0.55-0.45-1-1-1S9,3.45,9,4v5H4c-0.55,0-1,0.45-1,1
+			c0,0.55,0.45,1,1,1h5v5c0,0.55,0.45,1,1,1s1-0.45,1-1v-5h5c0.55,0,1-0.45,1-1C17,9.45,16.55,9,16,9z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/refresh.svg b/frontend/public/icons/refresh.svg
new file mode 100644
index 000000000..e109ccb41
--- /dev/null
+++ b/frontend/public/icons/refresh.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, 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" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="refresh_1_">
+	<g>
+		<path fill="#fceade" fill-rule="evenodd" clip-rule="evenodd" d="M19,1c-0.55,0-1,0.45-1,1v2.06C16.18,1.61,13.29,0,10,0C4.48,0,0,4.48,0,10
+			c0,0.55,0.45,1,1,1s1-0.45,1-1c0-4.42,3.58-8,8-8c2.52,0,4.76,1.18,6.22,3H15c-0.55,0-1,0.45-1,1c0,0.55,0.45,1,1,1h4
+			c0.55,0,1-0.45,1-1V2C20,1.45,19.55,1,19,1z M19,9c-0.55,0-1,0.45-1,1c0,4.42-3.58,8-8,8c-2.52,0-4.76-1.18-6.22-3H5
+			c0.55,0,1-0.45,1-1c0-0.55-0.45-1-1-1H1c-0.55,0-1,0.45-1,1v4c0,0.55,0.45,1,1,1s1-0.45,1-1v-2.06C3.82,18.39,6.71,20,10,20
+			c5.52,0,10-4.48,10-10C20,9.45,19.55,9,19,9z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/reset.svg b/frontend/public/icons/reset.svg
new file mode 100644
index 000000000..ad0a4a33a
--- /dev/null
+++ b/frontend/public/icons/reset.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com -->
+    <title>reset</title>
+    <desc>Created with Sketch.</desc>
+    <g id="reset" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(10.000000, 10.000000) scale(-1, 1) translate(-10.000000, -10.000000) " fill="#000000" fill-rule="nonzero" id="Path">
+            <path fill="#fceade" d="M14,6 C14,6.55 14.45,7 15,7 L19,7 C19.55,7 20,6.55 20,6 L20,2 C20,1.45 19.55,1 19,1 C18.45,1 18,1.45 18,2 L18,4.05 C16.18,1.6 13.29,0 10,0 C4.48,0 0,4.48 0,10 C0,15.52 4.48,20 10,20 C15.52,20 20,15.52 20,10 C20,9.45 19.55,9 19,9 C18.45,9 18,9.45 18,10 C18,14.42 14.42,18 10,18 C5.58,18 2,14.42 2,10 C2,5.58 5.58,2 10,2 C12.53,2 14.77,3.17 16.24,5 L15,5 C14.45,5 14,5.45 14,6 Z"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/frontend/public/icons/search.svg b/frontend/public/icons/search.svg
new file mode 100644
index 000000000..74ec09e46
--- /dev/null
+++ b/frontend/public/icons/search.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, 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" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="search_3_">
+	<g>
+		<path fill="#fceade" fill-rule="evenodd" clip-rule="evenodd" d="M19.56,17.44l-4.94-4.94C15.49,11.21,16,9.67,16,8c0-4.42-3.58-8-8-8S0,3.58,0,8
+			s3.58,8,8,8c1.67,0,3.21-0.51,4.5-1.38l4.94,4.94C17.71,19.83,18.09,20,18.5,20c0.83,0,1.5-0.67,1.5-1.5
+			C20,18.09,19.83,17.71,19.56,17.44z M8,14c-3.31,0-6-2.69-6-6s2.69-6,6-6s6,2.69,6,6S11.31,14,8,14z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/star-empty.svg b/frontend/public/icons/star-empty.svg
new file mode 100644
index 000000000..da1383e9f
--- /dev/null
+++ b/frontend/public/icons/star-empty.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, 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" id="Layer_14" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<path fill="rgba(2, 107, 121, 1)" id="star_empty_1_" fill-rule="evenodd" clip-rule="evenodd" d="M20,7.6l-6.9-1.1L10,0L6.9,6.6L0,7.6l5,5.1L3.8,20l6.2-3.4
+	l6.2,3.4L15,12.8L20,7.6z M10,15l-4.5,2.4l0.9-5.2L2.8,8.6l5-0.8L10,3.1l2.2,4.7l5,0.8l-3.6,3.7l0.9,5.2L10,15z"/>
+</svg>
diff --git a/frontend/public/icons/star.svg b/frontend/public/icons/star.svg
new file mode 100644
index 000000000..e26882435
--- /dev/null
+++ b/frontend/public/icons/star.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, 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" id="Layer_13" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<polygon fill="rgba(2, 107, 121, 1)" id="star_filled_1_" fill-rule="evenodd" clip-rule="evenodd" points="10,0 13.1,6.6 20,7.6 15,12.7 16.2,20 10,16.6 
+	3.8,20 5,12.7 0,7.6 6.9,6.6 "/>
+</svg>
diff --git a/frontend/public/icons/timeline-line-chart.svg b/frontend/public/icons/timeline-line-chart.svg
new file mode 100644
index 000000000..076f93ac2
--- /dev/null
+++ b/frontend/public/icons/timeline-line-chart.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, 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" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="timeline_line_chart_2_">
+	<g>
+		<path fill="#fceade" fill-rule="evenodd" clip-rule="evenodd" d="M19,16H2v-1.59l5-5l3.29,3.29C10.47,12.89,10.72,13,11,13s0.53-0.11,0.71-0.29
+			l7-7C18.89,5.53,19,5.28,19,5c0-0.55-0.45-1-1-1c-0.28,0-0.53,0.11-0.71,0.29L11,10.59L7.71,7.29C7.53,7.11,7.28,7,7,7
+			S6.47,7.11,6.29,7.29L2,11.59V3c0-0.55-0.45-1-1-1S0,2.45,0,3v14c0,0.14,0.03,0.27,0.08,0.39C0.23,17.75,0.59,18,1,18h18
+			c0.55,0,1-0.45,1-1C20,16.45,19.55,16,19,16z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/trash.svg b/frontend/public/icons/trash.svg
new file mode 100644
index 000000000..01c49aaf9
--- /dev/null
+++ b/frontend/public/icons/trash.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, 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" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="trash_2_">
+	<g>
+		<path fill-rule="evenodd" clip-rule="evenodd" fill="#fceade" d="M17,1h-5c0-0.55-0.45-1-1-1H9C8.45,0,8,0.45,8,1H3C2.45,1,2,1.45,2,2v1h16V2
+			C18,1.45,17.55,1,17,1z M17.5,4h-15C2.22,4,2,4.22,2,4.5C2,4.78,2.22,5,2.5,5H3v14c0,0.55,0.45,1,1,1h12c0.55,0,1-0.45,1-1V5h0.5
+			C17.78,5,18,4.78,18,4.5C18,4.22,17.78,4,17.5,4z M7,16c0,0.55-0.45,1-1,1s-1-0.45-1-1V8c0-0.55,0.45-1,1-1s1,0.45,1,1V16z M11,16
+			c0,0.55-0.45,1-1,1s-1-0.45-1-1V8c0-0.55,0.45-1,1-1s1,0.45,1,1V16z M15,16c0,0.55-0.45,1-1,1s-1-0.45-1-1V8c0-0.55,0.45-1,1-1
+			s1,0.45,1,1V16z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/icons/user.svg b/frontend/public/icons/user.svg
new file mode 100644
index 000000000..cbbc7f62d
--- /dev/null
+++ b/frontend/public/icons/user.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, 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" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<g id="user_2_">
+	<g>
+		<path fill="#fceade" fill-rule="evenodd" clip-rule="evenodd" d="M10,0C4.48,0,0,4.48,0,10c0,0.33,0.02,0.65,0.05,0.97
+			c0.01,0.12,0.03,0.23,0.05,0.35c0.03,0.2,0.05,0.4,0.09,0.59c0.03,0.14,0.06,0.28,0.1,0.42c0.04,0.16,0.08,0.32,0.12,0.48
+			c0.05,0.16,0.1,0.31,0.15,0.46c0.05,0.13,0.09,0.27,0.15,0.4c0.06,0.16,0.13,0.32,0.21,0.48c0.05,0.11,0.1,0.22,0.16,0.33
+			c0.09,0.17,0.17,0.34,0.27,0.5c0.05,0.09,0.1,0.17,0.15,0.25c0.11,0.18,0.22,0.35,0.34,0.52c0.04,0.06,0.08,0.11,0.12,0.17
+			c1.19,1.62,2.85,2.86,4.78,3.53c0.03,0.01,0.06,0.02,0.09,0.03c0.46,0.15,0.93,0.27,1.42,0.36c0.08,0.01,0.17,0.03,0.25,0.04
+			C8.99,19.95,9.49,20,10,20s1.01-0.05,1.5-0.12c0.08-0.01,0.17-0.02,0.25-0.04c0.49-0.09,0.96-0.21,1.42-0.36
+			c0.03-0.01,0.06-0.02,0.09-0.03c1.93-0.67,3.59-1.91,4.78-3.53c0.04-0.05,0.08-0.1,0.12-0.16c0.12-0.17,0.23-0.35,0.34-0.53
+			c0.05-0.08,0.1-0.16,0.15-0.25c0.1-0.17,0.19-0.34,0.27-0.51c0.05-0.11,0.1-0.21,0.15-0.32c0.07-0.16,0.14-0.32,0.21-0.49
+			c0.05-0.13,0.1-0.26,0.14-0.39c0.05-0.15,0.11-0.31,0.15-0.46c0.05-0.16,0.08-0.32,0.12-0.48c0.03-0.14,0.07-0.28,0.1-0.42
+			c0.04-0.19,0.06-0.39,0.09-0.59c0.02-0.12,0.04-0.23,0.05-0.35C19.98,10.65,20,10.33,20,10C20,4.48,15.52,0,10,0z M10,18L10,18
+			c-2.48,0-4.69-1.12-6.15-2.89c0.84-0.44,1.86-0.82,2.67-1.19c1.45-0.65,1.3-1.05,1.35-1.59c0.01-0.07,0.01-0.14,0.01-0.21
+			c-0.51-0.45-0.93-1.08-1.2-1.8l-0.01-0.01c0-0.01-0.01-0.02-0.01-0.03c-0.06-0.16-0.11-0.32-0.15-0.48
+			C6.18,9.73,5.98,9.36,5.9,9.01c-0.08-0.14-0.23-0.48-0.2-0.87C5.75,7.63,5.96,7.4,6.19,7.31c0-0.03,0-0.05,0-0.08
+			c0-0.63,0.06-1.55,0.17-2.15c0.02-0.17,0.06-0.33,0.11-0.5c0.21-0.73,0.66-1.4,1.26-1.86C8.35,2.25,9.23,2,10.01,2
+			c0.78,0,1.65,0.25,2.27,0.73c0.6,0.46,1.05,1.12,1.26,1.86c0.05,0.16,0.08,0.33,0.11,0.5c0.11,0.6,0.17,1.51,0.17,2.15
+			c0,0.03,0,0.06,0,0.09c0.22,0.1,0.42,0.33,0.46,0.82c0.04,0.39-0.12,0.73-0.2,0.87c-0.07,0.34-0.27,0.71-0.6,0.78
+			c-0.04,0.16-0.09,0.33-0.15,0.48c0,0.01-0.02,0.05-0.02,0.05c-0.26,0.71-0.67,1.33-1.17,1.78c0,0.08,0.01,0.16,0.01,0.23
+			c0.05,0.54-0.15,0.94,1.31,1.59c0.81,0.36,1.84,0.74,2.68,1.19C14.68,16.88,12.47,18,10,18z"/>
+	</g>
+</g>
+</svg>
diff --git a/frontend/public/logo192.png b/frontend/public/logo192.png
new file mode 100644
index 000000000..8bfee3172
Binary files /dev/null and b/frontend/public/logo192.png differ
diff --git a/frontend/public/logo512.png b/frontend/public/logo512.png
new file mode 100644
index 000000000..63d04bcd0
Binary files /dev/null and b/frontend/public/logo512.png differ
diff --git a/frontend/public/manifest.json b/frontend/public/manifest.json
new file mode 100644
index 000000000..bf1908d01
--- /dev/null
+++ b/frontend/public/manifest.json
@@ -0,0 +1,25 @@
+{
+  "short_name": "monitor",
+  "name": "mogh tech monitor",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#ffffff",
+  "background_color": "#000000"
+}
diff --git a/frontend/public/robots.txt b/frontend/public/robots.txt
new file mode 100644
index 000000000..e9e57dc4d
--- /dev/null
+++ b/frontend/public/robots.txt
@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow: