windhamdavid 3 years ago
parent
commit
516d5bf00d

+ 27 - 6
gulpfile.js

@@ -42,25 +42,46 @@ var buildTask = function() {
     .pipe(gulp.dest('./app'));
   gulp.src('./src/img/*')
     .pipe(gulp.dest('./app/img'));
-  gulp.src(['./src/css/main.css'])
+  gulp.src(['./src/css/bootstrap.css','./src/css/main.css'])
     .pipe(concat('style.min.css'))
     .pipe(minifycss())
     .pipe(gulp.dest('./app/css'));
-  gulp.src([])
-    .pipe(concat('vendor.min.js'))
+  gulp.src(['./src/js/jquery.js','./src/js/bootstrap.js'])
+    .pipe(concat('lib.min.js'))
     .pipe(uglify())
     .pipe(gulp.dest('./app/js'));
-  gulp.src(['./src/js/script.js'])
-    .pipe(concat('script.min.js'))
+  gulp.src(['./src/js/main.js'])
+    .pipe(concat('main.min.js'))
     .pipe(uglify())
     .pipe(gulp.dest('./app/js'));
-  console.log('BUILD: Build Complete');
+  console.log('\033[31m BUILD: Build Complete');
 };
 
 gulp.task('build', function() {
   buildTask();
 });
 
+var watchTask = function() {
+  gulp.src('./src/app.js')
+    .pipe(gulp.dest('./app'));
+  gulp.src('./src/index.html')
+    .pipe(minifyHTML())
+    .pipe(gulp.dest('./app'));
+  gulp.src(['./src/css/bootstrap.css', './src/css/main.css'])
+    .pipe(concat('style.min.css'))
+    .pipe(minifycss())
+    .pipe(gulp.dest('./app/css'));
+  gulp.src(['./src/js/main.js'])
+    .pipe(concat('main.min.js'))
+    .pipe(uglify())
+    .pipe(gulp.dest('./app/js'));
+  console.log('\033[31m WATCH: Watch Complete');
+};
+
+gulp.task('watch', function() {
+  watchTask();
+});
+
 var nodemonTask = function() {
   nodemon({
     tasks: ['watch'],

File diff suppressed because it is too large
+ 6760 - 0
src/css/bootstrap.css


+ 214 - 3
src/css/main.css

@@ -1,3 +1,214 @@
-body {}
-header{}
-footer{}
+/* =================================================
+===================  Global ========================
+==================================================== */
+
+html,
+body {
+  width: 100%;
+  height: 100%;
+}
+body {
+  background:rgba(238, 238, 238, 1);
+}
+
+a {
+    -webkit-transition: all .35s;
+    -moz-transition: all .35s;
+    transition: all .35s;
+}
+
+
+
+/* =================================================
+===================  Navbar ========================
+==================================================== */
+.navbar-default {
+  border-color: rgba(34,34,34,.05);
+  background-color: rgba(255,255,255,.5);
+  -webkit-transition: all .35s;
+  -moz-transition: all .35s;
+  transition: all .35s;
+  min-height: 85px;
+}
+nav.navbar.shrink {
+  min-height: 35px;
+}
+nav.shrink .navbar-brand {
+  font-size: 25px;
+}
+nav a {
+  margin: 20px 5px !important;
+  margin-bottom: 20px !important;
+  font-size: 18px !important;
+}
+nav.shrink a {
+  margin: 10px 5px !important;
+  font-size: 16px !important;
+}
+.navbar-default .navbar-header .navbar-brand {
+  background-image:url(../img/ribbon.svg) no-repeat;
+}
+.navbar-default .navbar-header .navbar-brand:hover,
+.navbar-default .navbar-header .navbar-brand:focus {}
+.navbar-default .nav > li>a,
+.navbar-default .nav>li>a:focus {
+  font-size: 13px;
+  font-weight: 700;
+  color: #222;
+}
+.navbar-default .nav > li>a:hover,
+.navbar-default .nav>li>a:focus:hover {
+}
+.navbar-default .nav > li.active>a,
+.navbar-default .nav>li.active>a:focus {
+    background-color: transparent;
+}
+.navbar-default .nav > li.active>a:hover,
+.navbar-default .nav>li.active>a:focus:hover {
+    background-color: transparent;
+}
+.navbar .navbar-nav > li > a.btn {
+  border-radius: 20px;
+  box-sizing: border-box;
+  border-width: 2px;
+  background-color: transparent;
+  font-size: 16px;
+  font-weight: 500;
+  padding: 7px 18px;
+  border-color: #66615B;
+  color: #66615B;
+  -webkit-transition: all 150ms linear;
+  -moz-transition: all 150ms linear;
+  -o-transition: all 150ms linear;
+  -ms-transition: all 150ms linear;
+  transition: all 150ms linear;
+}
+.btn:hover, .btn:focus, .btn:active, .btn.active, .open > .btn.dropdown-toggle,
+.navbar .navbar-nav > li > a.btn:hover,
+.navbar .navbar-nav > li > a.btn:focus,
+.navbar .navbar-nav > li > a.btn:active,
+.navbar .navbar-nav > li > a.btn.active, .open >
+.navbar .navbar-nav > li > a.btn.dropdown-toggle {
+  background-color: #66615B;
+  color: rgba(255, 255, 255, 0.7);
+  border-color: #66615B;
+}
+
+/* =================================================
+===================  Header ========================
+==================================================== */
+header {
+  position: relative;
+  width: 100%;
+  min-height: auto;
+  text-align: center;
+  color: #000;
+  background-image: url(../img/header.svg);
+  background-position: center;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  background-size: cover;
+  -o-background-size: cover;
+}
+header .header-content {
+  position: relative;
+  width: 100%;
+  padding: 100px 15px;
+  text-align: center;
+}
+header .header-content .header-content-inner h1 {
+  margin-top: 0;
+  margin-bottom: 0;
+  font-weight: 700;
+}
+header .header-content .header-content-inner hr {
+  margin: 30px auto;
+}
+header .header-content .header-content-inner p {
+  margin-bottom: 50px;
+  font-size: 16px;
+  font-weight: 300;
+  color: rgba(255,255,255,.7);
+}
+
+@media(min-width:768px) {
+  header {
+    min-height: 100%;
+  }
+  header .header-content {
+    position: absolute;
+    top: 50%;
+    padding: 0 50px;
+    -webkit-transform: translateY(-50%);
+    -ms-transform: translateY(-50%);
+    transform: translateY(-50%);
+  }
+  header .header-content .header-content-inner {
+    margin-right: auto;
+    margin-left: auto;
+    max-width: 1000px;
+  }
+  header .header-content .header-content-inner p {
+    margin-right: auto;
+    margin-left: auto;
+    max-width: 80%;
+    font-size: 18px;
+  }
+}
+
+
+
+/* =================================================
+===================  Sections ======================
+==================================================== */
+section {
+    padding:50px 0;
+}
+#about {
+  background-color: rgba(255,255,255,.2);
+}
+#details {
+  background-color: rgba(255,255,255,.8);
+}
+#features {
+  background-color: rgba(255,255,255,.4);
+}
+#account {
+  background-color: rgba(255,255,255,.1);
+}
+#call {
+  background-color: rgba(255,255,255,.8);
+}
+
+.icon-small {
+  width:60px;
+}
+.blue-ribbon path {
+  fill: rgba(0, 83, 255, 1);
+  stroke: rgba(0,0,0,1);
+  background-color: #000;
+}
+.red-ribbon path {
+  fill: rgba(255, 60, 0, 1);
+  stroke: rgba(0,0,0,1);
+}
+.yellow-ribbon path {
+  fill: rgba(255, 251, 27, 1);
+  stroke: rgba(0,0,0,1);
+}
+
+
+/* =================================================
+=====================  Footer ======================
+==================================================== */
+footer {
+  padding: 50px 0 80px;
+  color:#777;
+}
+.bg-dark {
+  color: #fff;
+  background-color: #222;
+}
+footer p {
+  color:#777;
+}

BIN
src/fonts/glyphicons-halflings-regular.eot


File diff suppressed because it is too large
+ 288 - 0
src/fonts/glyphicons-halflings-regular.svg


BIN
src/fonts/glyphicons-halflings-regular.ttf


BIN
src/fonts/glyphicons-halflings-regular.woff


BIN
src/fonts/glyphicons-halflings-regular.woff2


+ 102 - 0
src/img/app_store.svg

@@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.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="US_UK_Download_on_the" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+	 x="0px" y="0px" viewBox="-332 281 135 40" enable-background="new -332 281 135 40" xml:space="preserve">
+<g>
+	<path fill="#A6A6A6" d="M-201.8,321h-125.5c-2.6,0-4.7-2.1-4.7-4.7v-30.5c0-2.6,2.1-4.7,4.7-4.7h125.5c2.6,0,4.8,2.1,4.8,4.7v30.5
+		C-197,318.9-199.2,321-201.8,321L-201.8,321z"/>
+	<path d="M-198,316.3c0,2.1-1.7,3.8-3.8,3.8h-125.5c-2.1,0-3.8-1.7-3.8-3.8v-30.5c0-2.1,1.7-3.8,3.8-3.8h125.5
+		c2.1,0,3.8,1.7,3.8,3.8L-198,316.3L-198,316.3z"/>
+	<g>
+		<g>
+			<path fill="#FFFFFF" d="M-301.9,300.8c0-3.2,2.6-4.8,2.8-4.9c-1.5-2.2-3.9-2.5-4.7-2.5c-2-0.2-3.9,1.2-4.9,1.2
+				c-1,0-2.6-1.2-4.2-1.1c-2.1,0-4.1,1.3-5.2,3.2c-2.3,3.9-0.6,9.7,1.6,12.9c1.1,1.6,2.4,3.3,4,3.2c1.6-0.1,2.2-1,4.2-1
+				c1.9,0,2.5,1,4.2,1c1.7,0,2.8-1.6,3.9-3.1c1.3-1.8,1.8-3.5,1.8-3.6C-298.5,305.9-301.8,304.6-301.9,300.8z"/>
+			<path fill="#FFFFFF" d="M-305.1,291.3c0.9-1.1,1.5-2.6,1.3-4.1c-1.3,0.1-2.8,0.9-3.8,1.9c-0.8,0.9-1.5,2.5-1.3,3.9
+				C-307.4,293.2-306,292.4-305.1,291.3z"/>
+		</g>
+	</g>
+	<g>
+		<path fill="#FFFFFF" d="M-278.4,312.5h-2.3l-1.2-3.9h-4.3l-1.2,3.9h-2.2l4.3-13.3h2.6L-278.4,312.5z M-282.2,307l-1.1-3.5
+			c-0.1-0.4-0.3-1.2-0.7-2.5h0c-0.1,0.6-0.3,1.4-0.6,2.5l-1.1,3.5H-282.2z"/>
+		<path fill="#FFFFFF" d="M-267.3,307.6c0,1.6-0.4,2.9-1.3,3.9c-0.8,0.8-1.8,1.3-2.9,1.3c-1.3,0-2.2-0.5-2.7-1.4h0v5.1h-2.1v-10.3
+			c0-1,0-2.1-0.1-3.2h1.9l0.1,1.5h0c0.7-1.1,1.8-1.7,3.2-1.7c1.1,0,2.1,0.4,2.8,1.3C-267.7,304.9-267.3,306.1-267.3,307.6z
+			 M-269.5,307.7c0-0.9-0.2-1.7-0.6-2.3c-0.5-0.6-1.1-0.9-1.9-0.9c-0.5,0-1,0.2-1.4,0.5c-0.4,0.4-0.7,0.8-0.8,1.4
+			c-0.1,0.3-0.1,0.5-0.1,0.6v1.6c0,0.7,0.2,1.3,0.6,1.8c0.4,0.5,1,0.7,1.7,0.7c0.8,0,1.4-0.3,1.9-0.9
+			C-269.7,309.5-269.5,308.7-269.5,307.7z"/>
+		<path fill="#FFFFFF" d="M-256.3,307.6c0,1.6-0.4,2.9-1.3,3.9c-0.8,0.8-1.8,1.3-2.9,1.3c-1.3,0-2.2-0.5-2.7-1.4h0v5.1h-2.1v-10.3
+			c0-1,0-2.1-0.1-3.2h1.9l0.1,1.5h0c0.7-1.1,1.8-1.7,3.2-1.7c1.1,0,2.1,0.4,2.8,1.3C-256.7,304.9-256.3,306.1-256.3,307.6z
+			 M-258.5,307.7c0-0.9-0.2-1.7-0.6-2.3c-0.5-0.6-1.1-0.9-1.9-0.9c-0.5,0-1,0.2-1.4,0.5c-0.4,0.4-0.7,0.8-0.8,1.4
+			c-0.1,0.3-0.1,0.5-0.1,0.6v1.6c0,0.7,0.2,1.3,0.6,1.8c0.4,0.5,1,0.7,1.7,0.7c0.8,0,1.4-0.3,1.9-0.9
+			C-258.7,309.5-258.5,308.7-258.5,307.7z"/>
+		<path fill="#FFFFFF" d="M-244,308.8c0,1.1-0.4,2.1-1.2,2.8c-0.9,0.8-2.1,1.2-3.6,1.2c-1.4,0-2.6-0.3-3.4-0.8l0.5-1.8
+			c0.9,0.6,2,0.9,3.1,0.9c0.8,0,1.4-0.2,1.9-0.5c0.4-0.4,0.7-0.8,0.7-1.5c0-0.5-0.2-1-0.6-1.4c-0.4-0.4-1-0.7-1.8-1
+			c-2.3-0.9-3.5-2.1-3.5-3.8c0-1.1,0.4-2,1.2-2.7c0.8-0.7,1.9-1,3.3-1c1.2,0,2.2,0.2,3,0.6l-0.5,1.7c-0.8-0.4-1.6-0.6-2.5-0.6
+			c-0.8,0-1.3,0.2-1.8,0.6c-0.4,0.3-0.5,0.7-0.5,1.2c0,0.5,0.2,1,0.6,1.3c0.4,0.3,1,0.7,1.9,1c1.1,0.5,2,1,2.5,1.6
+			C-244.2,307.1-244,307.9-244,308.8z"/>
+		<path fill="#FFFFFF" d="M-236.9,304.5h-2.3v4.7c0,1.2,0.4,1.8,1.2,1.8c0.4,0,0.7,0,0.9-0.1l0.1,1.6c-0.4,0.2-1,0.2-1.7,0.2
+			c-0.8,0-1.5-0.3-2-0.8c-0.5-0.5-0.7-1.4-0.7-2.6v-4.8h-1.4v-1.6h1.4v-1.8l2.1-0.6v2.4h2.4C-236.9,302.9-236.9,304.5-236.9,304.5z"
+			/>
+		<path fill="#FFFFFF" d="M-226.3,307.6c0,1.5-0.4,2.7-1.3,3.6c-0.9,1-2.1,1.5-3.5,1.5c-1.4,0-2.5-0.5-3.4-1.4
+			c-0.8-0.9-1.3-2.1-1.3-3.5c0-1.5,0.4-2.7,1.3-3.7c0.9-0.9,2-1.4,3.5-1.4c1.4,0,2.5,0.5,3.4,1.4
+			C-226.7,305-226.3,306.2-226.3,307.6z M-228.5,307.7c0-0.9-0.2-1.6-0.6-2.3c-0.4-0.8-1.1-1.1-1.9-1.1c-0.9,0-1.5,0.4-2,1.1
+			c-0.4,0.6-0.6,1.4-0.6,2.3c0,0.9,0.2,1.6,0.6,2.3c0.5,0.8,1.1,1.1,1.9,1.1c0.8,0,1.5-0.4,1.9-1.2
+			C-228.7,309.3-228.5,308.6-228.5,307.7z"/>
+		<path fill="#FFFFFF" d="M-219.4,304.8c-0.2,0-0.4-0.1-0.7-0.1c-0.8,0-1.3,0.3-1.7,0.9c-0.4,0.5-0.5,1.1-0.5,1.9v5h-2.1l0-6.6
+			c0-1.1,0-2.1-0.1-3h1.9l0.1,1.8h0.1c0.2-0.6,0.6-1.1,1.1-1.5c0.5-0.3,1-0.5,1.5-0.5c0.2,0,0.4,0,0.5,0
+			C-219.4,302.8-219.4,304.8-219.4,304.8z"/>
+		<path fill="#FFFFFF" d="M-209.8,307.3c0,0.4,0,0.7-0.1,1h-6.4c0,0.9,0.3,1.7,0.9,2.2c0.5,0.4,1.2,0.7,2.1,0.7
+			c0.9,0,1.8-0.2,2.6-0.5l0.3,1.5c-0.9,0.4-2,0.6-3.2,0.6c-1.5,0-2.7-0.4-3.5-1.3c-0.8-0.9-1.3-2-1.3-3.5c0-1.4,0.4-2.7,1.2-3.6
+			c0.8-1,1.9-1.5,3.4-1.5c1.4,0,2.4,0.5,3.1,1.5C-210.1,305-209.8,306.1-209.8,307.3z M-211.9,306.7c0-0.6-0.1-1.2-0.4-1.6
+			c-0.4-0.6-0.9-0.9-1.7-0.9c-0.7,0-1.3,0.3-1.7,0.9c-0.4,0.5-0.6,1-0.6,1.7L-211.9,306.7L-211.9,306.7z"/>
+	</g>
+	<g>
+		<g>
+			<path fill="#FFFFFF" d="M-283,291c0,1.2-0.4,2.1-1.1,2.7c-0.7,0.5-1.6,0.8-2.8,0.8c-0.6,0-1.1,0-1.5-0.1V288
+				c0.6-0.1,1.2-0.1,1.8-0.1c1.1,0,2,0.2,2.6,0.7C-283.3,289.2-283,290-283,291z M-284.1,291c0-0.8-0.2-1.3-0.6-1.8
+				c-0.4-0.4-1-0.6-1.8-0.6c-0.3,0-0.6,0-0.8,0.1v4.9c0.1,0,0.4,0,0.7,0c0.8,0,1.4-0.2,1.9-0.7C-284.3,292.5-284.1,291.9-284.1,291z
+				"/>
+			<path fill="#FFFFFF" d="M-277.1,292c0,0.7-0.2,1.3-0.6,1.8c-0.4,0.5-1,0.7-1.7,0.7c-0.7,0-1.2-0.2-1.7-0.7
+				c-0.4-0.5-0.6-1-0.6-1.7c0-0.7,0.2-1.3,0.6-1.8c0.4-0.5,1-0.7,1.7-0.7c0.7,0,1.2,0.2,1.7,0.7C-277.3,290.8-277.1,291.3-277.1,292
+				z M-278.2,292.1c0-0.4-0.1-0.8-0.3-1.1c-0.2-0.4-0.5-0.6-0.9-0.6c-0.4,0-0.7,0.2-1,0.6c-0.2,0.3-0.3,0.7-0.3,1.1
+				c0,0.4,0.1,0.8,0.3,1.1c0.2,0.4,0.5,0.6,1,0.6c0.4,0,0.7-0.2,0.9-0.6C-278.3,292.9-278.2,292.5-278.2,292.1z"/>
+			<path fill="#FFFFFF" d="M-269.2,289.7l-1.5,4.7h-1l-0.6-2c-0.2-0.5-0.3-1-0.4-1.5h0c-0.1,0.5-0.2,1-0.4,1.5l-0.6,2h-1l-1.4-4.7
+				h1.1l0.5,2.2c0.1,0.5,0.2,1,0.3,1.5h0c0.1-0.4,0.2-0.9,0.4-1.5l0.7-2.2h0.9l0.6,2.2c0.2,0.5,0.3,1.1,0.4,1.6h0
+				c0.1-0.5,0.2-1,0.3-1.6l0.6-2.2L-269.2,289.7L-269.2,289.7z"/>
+			<path fill="#FFFFFF" d="M-263.8,294.4h-1v-2.7c0-0.8-0.3-1.2-0.9-1.2c-0.3,0-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8v2.8h-1
+				v-3.4c0-0.4,0-0.9,0-1.3h0.9l0,0.7h0c0.1-0.2,0.3-0.4,0.5-0.6c0.3-0.2,0.6-0.3,0.9-0.3c0.4,0,0.8,0.1,1.1,0.4
+				c0.4,0.3,0.5,0.9,0.5,1.6V294.4z"/>
+			<path fill="#FFFFFF" d="M-260.9,294.4h-1v-6.9h1V294.4z"/>
+			<path fill="#FFFFFF" d="M-254.7,292c0,0.7-0.2,1.3-0.6,1.8c-0.4,0.5-1,0.7-1.7,0.7c-0.7,0-1.2-0.2-1.7-0.7
+				c-0.4-0.5-0.6-1-0.6-1.7c0-0.7,0.2-1.3,0.6-1.8c0.4-0.5,1-0.7,1.7-0.7c0.7,0,1.2,0.2,1.7,0.7C-254.9,290.8-254.7,291.3-254.7,292
+				z M-255.8,292.1c0-0.4-0.1-0.8-0.3-1.1c-0.2-0.4-0.5-0.6-0.9-0.6c-0.4,0-0.7,0.2-1,0.6c-0.2,0.3-0.3,0.7-0.3,1.1
+				c0,0.4,0.1,0.8,0.3,1.1c0.2,0.4,0.5,0.6,1,0.6c0.4,0,0.7-0.2,0.9-0.6C-255.9,292.9-255.8,292.5-255.8,292.1z"/>
+			<path fill="#FFFFFF" d="M-249.7,294.4h-0.9l-0.1-0.5h0c-0.3,0.4-0.8,0.6-1.4,0.6c-0.4,0-0.8-0.1-1.1-0.4c-0.2-0.3-0.4-0.6-0.4-1
+				c0-0.6,0.2-1,0.7-1.3c0.5-0.3,1.2-0.5,2-0.4v-0.1c0-0.6-0.3-0.9-1-0.9c-0.5,0-0.9,0.1-1.2,0.3l-0.2-0.7c0.4-0.3,1-0.4,1.6-0.4
+				c1.2,0,1.8,0.7,1.8,2v1.7C-249.7,293.8-249.7,294.2-249.7,294.4z M-250.8,292.8v-0.7c-1.2,0-1.7,0.3-1.7,1c0,0.2,0.1,0.4,0.2,0.6
+				c0.1,0.1,0.3,0.2,0.5,0.2c0.2,0,0.4-0.1,0.6-0.2c0.2-0.1,0.3-0.3,0.4-0.6C-250.8,292.9-250.8,292.9-250.8,292.8z"/>
+			<path fill="#FFFFFF" d="M-243.7,294.4h-0.9l0-0.8h0c-0.3,0.6-0.8,0.9-1.5,0.9c-0.6,0-1-0.2-1.4-0.7c-0.4-0.4-0.6-1-0.6-1.7
+				c0-0.8,0.2-1.4,0.6-1.9c0.4-0.4,0.9-0.7,1.5-0.7c0.6,0,1.1,0.2,1.3,0.6h0v-2.7h1v5.6C-243.8,293.6-243.7,294-243.7,294.4z
+				 M-244.8,292.4v-0.8c0-0.1,0-0.2,0-0.3c-0.1-0.3-0.2-0.5-0.4-0.6c-0.2-0.2-0.4-0.3-0.7-0.3c-0.4,0-0.7,0.2-0.9,0.5
+				c-0.2,0.3-0.3,0.7-0.3,1.2c0,0.5,0.1,0.8,0.3,1.1c0.2,0.3,0.5,0.5,0.9,0.5c0.3,0,0.6-0.1,0.8-0.4
+				C-244.9,293.1-244.8,292.8-244.8,292.4z"/>
+			<path fill="#FFFFFF" d="M-234.8,292c0,0.7-0.2,1.3-0.6,1.8c-0.4,0.5-1,0.7-1.7,0.7c-0.7,0-1.2-0.2-1.7-0.7
+				c-0.4-0.5-0.6-1-0.6-1.7c0-0.7,0.2-1.3,0.6-1.8c0.4-0.5,1-0.7,1.7-0.7c0.7,0,1.2,0.2,1.7,0.7C-235,290.8-234.8,291.3-234.8,292z
+				 M-235.8,292.1c0-0.4-0.1-0.8-0.3-1.1c-0.2-0.4-0.5-0.6-0.9-0.6c-0.4,0-0.7,0.2-1,0.6c-0.2,0.3-0.3,0.7-0.3,1.1
+				c0,0.4,0.1,0.8,0.3,1.1c0.2,0.4,0.5,0.6,1,0.6c0.4,0,0.7-0.2,0.9-0.6C-235.9,292.9-235.8,292.5-235.8,292.1z"/>
+			<path fill="#FFFFFF" d="M-229.1,294.4h-1v-2.7c0-0.8-0.3-1.2-1-1.2c-0.3,0-0.6,0.1-0.8,0.3s-0.3,0.5-0.3,0.8v2.8h-1v-3.4
+				c0-0.4,0-0.9,0-1.3h0.9l0,0.7h0c0.1-0.2,0.3-0.4,0.5-0.6c0.3-0.2,0.6-0.3,1-0.3c0.4,0,0.8,0.1,1.1,0.4c0.4,0.3,0.5,0.9,0.5,1.6
+				V294.4z"/>
+			<path fill="#FFFFFF" d="M-222.1,290.5h-1.2v2.3c0,0.6,0.2,0.9,0.6,0.9c0.2,0,0.3,0,0.5,0l0,0.8c-0.2,0.1-0.5,0.1-0.8,0.1
+				c-0.4,0-0.7-0.1-1-0.4c-0.2-0.3-0.4-0.7-0.4-1.3v-2.4h-0.7v-0.8h0.7v-0.9l1-0.3v1.2h1.2L-222.1,290.5L-222.1,290.5z"/>
+			<path fill="#FFFFFF" d="M-216.5,294.4h-1v-2.7c0-0.8-0.3-1.3-0.9-1.3c-0.5,0-0.8,0.2-1,0.7c0,0.1,0,0.2,0,0.4v2.8h-1v-6.9h1v2.8
+				h0c0.3-0.5,0.8-0.8,1.4-0.8c0.4,0,0.8,0.1,1.1,0.4c0.4,0.4,0.5,0.9,0.5,1.6C-216.5,291.6-216.5,294.4-216.5,294.4z"/>
+			<path fill="#FFFFFF" d="M-210.8,291.9c0,0.2,0,0.3,0,0.5h-3.1c0,0.5,0.2,0.8,0.5,1.1c0.3,0.2,0.6,0.3,1,0.3
+				c0.5,0,0.9-0.1,1.3-0.2l0.2,0.7c-0.4,0.2-1,0.3-1.6,0.3c-0.7,0-1.3-0.2-1.7-0.6c-0.4-0.4-0.6-1-0.6-1.7c0-0.7,0.2-1.3,0.6-1.8
+				c0.4-0.5,1-0.8,1.6-0.8c0.7,0,1.2,0.3,1.5,0.8C-210.9,290.8-210.8,291.3-210.8,291.9z M-211.8,291.6c0-0.3-0.1-0.6-0.2-0.8
+				c-0.2-0.3-0.5-0.4-0.8-0.4c-0.3,0-0.6,0.1-0.8,0.4c-0.2,0.2-0.3,0.5-0.3,0.8C-214,291.6-211.8,291.6-211.8,291.6z"/>
+		</g>
+	</g>
+</g>
+</svg>

BIN
src/img/google_store.png


+ 46 - 0
src/img/ipad.svg

@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.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 800 550" enable-background="new 0 0 800 550" xml:space="preserve">
+<g id="ipad-mini-vert">
+	<g>
+		<g id="XMLID_5_">
+			<g>
+				<path fill="#FFFFFF" d="M793,49.4v451.2c0,22.9-17.2,40.1-40.1,40.1H46.6c-22.9,0-40.1-17.2-40.1-40.1V49.4
+					c0-22.9,17.2-40.1,40.1-40.1h706.3C775.8,9.3,793,26.5,793,49.4z M790,500.6V49.4c0-21.2-16-37.1-37.1-37.1H46.6
+					c-21.2,0-37.1,16-37.1,37.1v451.2c0,21.2,15.9,37.1,37.1,37.1h706.3C774.1,537.7,790,521.8,790,500.6z"/>
+				<path d="M790,49.4v451.2c0,21.2-16,37.1-37.1,37.1H46.6c-21.2,0-37.1-16-37.1-37.1V49.4c0-21.2,15.9-37.1,37.1-37.1h706.3
+					C774.1,12.3,790,28.3,790,49.4z"/>
+			</g>
+			<g>
+			</g>
+		</g>
+		<g id="XMLID_3_">
+			<g>
+				<path fill="#1A1A1A" d="M786.5,472.2v28.5c0,9.3-3.4,17.8-9.5,24c-6.1,6.2-14.7,9.6-24,9.6H46.6c-9.4,0-17.9-3.4-24-9.6
+					c-6.1-6.2-9.5-14.7-9.5-24v-28.5V77.9V49.4c0-9.3,3.4-17.8,9.5-24c6.1-6.2,14.7-9.6,24-9.6h706.3c9.4,0,17.9,3.4,24,9.6
+					c6.1,6.2,9.5,14.7,9.5,24v28.5V472.2z M783.4,500.6v-28.5V77.9V49.4c0-8.5-3.1-16.3-8.6-21.8c-5.6-5.6-13.4-8.7-21.9-8.7H46.6
+					c-8.5,0-16.3,3.1-21.9,8.7c-5.6,5.6-8.6,13.3-8.6,21.8v28.5v394.3v28.5c0,8.5,3.1,16.3,8.6,21.8c5.6,5.6,13.4,8.7,21.9,8.7
+					h706.3c8.5,0,16.3-3.1,21.9-8.7C780.4,516.9,783.4,509.1,783.4,500.6z"/>
+				<path fill="#1A1A1A" d="M783.4,472.2v28.5c0,8.5-3.1,16.3-8.6,21.8c-5.6,5.6-13.4,8.7-21.9,8.7H46.6c-8.5,0-16.3-3.1-21.9-8.7
+					c-5.6-5.6-8.6-13.3-8.6-21.8v-28.5V77.9V49.4c0-8.5,3.1-16.3,8.6-21.8c5.6-5.6,13.4-8.7,21.9-8.7h706.3c8.5,0,16.3,3.1,21.9,8.7
+					c5.6,5.6,8.6,13.3,8.6,21.8v28.5V472.2z"/>
+			</g>
+			<g>
+			</g>
+		</g>
+		<path fill="#4D4D4D" d="M55.4,275.2c0-2.9-2.4-5.3-5.3-5.3s-5.3,2.4-5.3,5.3c0,2.9,2.4,5.3,5.3,5.3S55.4,278.1,55.4,275.2z
+			 M47.1,275.2c0-1.7,1.3-3,3-3c1.7,0,3,1.3,3,3c0,1.7-1.3,3-3,3C48.5,278.2,47.1,276.8,47.1,275.2z"/>
+		<path fill="#333333" d="M734.5,275.3c0,10.7,8.7,19.4,19.4,19.4c10.7,0,19.4-8.7,19.4-19.4c0-10.7-8.7-19.4-19.4-19.4
+			C743.2,255.9,734.5,264.6,734.5,275.3z M770.3,275.3c0,9-7.4,16.4-16.4,16.4c-9,0-16.4-7.4-16.4-16.4c0-9,7.4-16.4,16.4-16.4
+			C763,258.9,770.3,266.2,770.3,275.3z"/>
+		<path fill="#333333" d="M746.8,270.9v8.8c0,1.7,1.4,3,3,3h8.8c1.7,0,3-1.4,3-3v-8.8c0-1.7-1.4-3-3-3h-8.8
+			C748.2,267.8,746.8,269.2,746.8,270.9z M758.6,270.9C758.6,270.9,758.6,270.9,758.6,270.9l0,8.8c0,0,0,0,0,0h-8.8c0,0,0,0,0,0
+			v-8.8c0,0,0,0,0,0H758.6z"/>
+		<path d="M83.9,41.4v467.2c0,2.1,1.7,3.8,3.8,3.8h623.5c2.1,0,3.8-1.7,3.8-3.8V41.4c0-2.1-1.7-3.8-3.8-3.8H87.7
+			C85.6,37.6,83.9,39.3,83.9,41.4z M711.2,41.4v467.2H87.7V41.4H711.2z"/>
+	</g>
+	<rect x="87.6" y="41.4" opacity="0.1" fill="#FFFFFF" width="623.5" height="467.2"/>
+</g>
+</svg>

+ 56 - 0
src/img/phone.svg

@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.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 600 800" enable-background="new 0 0 600 800" xml:space="preserve">
+<g id="iphone">
+	<g>
+		<g id="XMLID_4_">
+			<g>
+				<path d="M490.2,733v12c0,14.4-5.6,28-15.8,38.2S450.6,799,436.1,799H171.3c-14.4,0-28-5.6-38.2-15.8
+					c-10.2-10.2-15.8-23.8-15.8-38.2v-12h4v12c0,27.6,22.4,50,50.1,50h264.9c27.6,0,50.1-22.4,50.1-50v-12H490.2z"/>
+				<rect x="486.2" y="79.5" width="4" height="647.5"/>
+				<path d="M490.2,61v12.5h-4V61c0-27.6-22.4-50-50.1-50H171.3c-27.7,0-50.1,22.4-50.1,50v12.5h-4V61c0-14.4,5.6-28,15.8-38.2
+					C143.2,12.6,156.8,7,171.3,7h264.9c14.4,0,28,5.6,38.2,15.8C484.6,33,490.2,46.6,490.2,61z"/>
+				<path d="M482.2,61v684c0,25.4-20.7,46-46.1,46H171.3c-25.4,0-46.1-20.6-46.1-46V61c0-25.4,20.7-46,46.1-46h264.9
+					C461.5,15,482.2,35.6,482.2,61z"/>
+				<polygon fill="#4D4D4D" points="428.2,1 428.2,3 367.2,3 367.2,1 369.8,-0.5 426.2,-0.5 				"/>
+				<polygon points="121.2,79.5 121.2,727 117.2,727 117.2,287.5 117.2,284.5 117.2,256.5 117.2,253.5 117.2,221 117.2,218 
+					117.2,190 117.2,187 117.2,154 117.2,151 117.2,114.5 117.2,111.5 117.2,79.5 				"/>
+				<path fill="#4D4D4D" d="M113.2,256.5v28h-1l-1.5-1.5v-25c0.4-0.4,0.8-0.8,1.5-1.5H113.2z"/>
+				<path fill="#4D4D4D" d="M113.2,190v28h-1l-1.5-1.5v-25c0.4-0.4,0.8-0.8,1.5-1.5H113.2z"/>
+				<path fill="#4D4D4D" d="M113.2,114.5V151h-1l-1.5-1.5V116c0.4-0.4,0.8-0.8,1.5-1.5H113.2z"/>
+				<path d="M426.2-0.5h-56.4L367.2,1v2h61V1L426.2-0.5z M110.1,254.4l0.9-0.9h1.2h1V221h-1H111l-0.9-0.9l-1.5-1.5l-0.9-0.9v-1.2
+					v-25v-1.2l0.9-0.9l1.5-1.5l0.9-0.9h1.2h1v-33h-1H111l-0.9-0.9l-1.5-1.5l-0.9-0.9v-1.2V116v-1.2l0.9-0.9l1.5-1.5l0.9-0.9h1.2h1
+					V61c0-15.5,6.1-30.1,17-41c11-11,25.5-17,41.1-17h192.9V1v-1.7l1.5-0.9l2.6-1.5l0.7-0.4h0.8h56.4h1l0.8,0.6l2,1.5l1.2,0.9V1v2
+					h4.9c15.5,0,30.1,6,41,17c11,11,17,25.5,17,41v684c0,15.5-6,30.1-17,41c-11,11-25.5,17-41,17H171.3c-15.5,0-30.1-6-41.1-17
+					c-11-11-17-25.5-17-41V287.5h-1H111l-0.9-0.9l-1.5-1.5l-0.9-0.9V283v-25v-1.2l0.9-0.9L110.1,254.4z M112.2,151h1v-36.5h-1
+					c-0.7,0.7-1.1,1.1-1.5,1.5v33.5L112.2,151z M112.2,218h1v-28h-1c-0.7,0.7-1.1,1.1-1.5,1.5v25L112.2,218z M112.2,284.5h1v-28h-1
+					c-0.7,0.7-1.1,1.1-1.5,1.5v25L112.2,284.5z M490.2,745v-12h-4v12c0,27.6-22.4,50-50.1,50H171.3c-27.7,0-50.1-22.4-50.1-50v-12
+					h-4v12c0,14.4,5.6,28,15.8,38.2c10.2,10.2,23.8,15.8,38.2,15.8h264.9c14.4,0,28-5.6,38.2-15.8S490.2,759.4,490.2,745z
+					 M490.2,727V79.5h-4V727H490.2z M490.2,73.5V61c0-14.4-5.6-28-15.8-38.2C464.1,12.6,450.6,7,436.1,7H171.3
+					c-14.4,0-28,5.6-38.2,15.8C122.8,33,117.2,46.6,117.2,61v12.5h4V61c0-27.6,22.4-50,50.1-50h264.9c27.6,0,50.1,22.4,50.1,50v12.5
+					H490.2z M482.2,745V61c0-25.4-20.7-46-46.1-46H171.3c-25.4,0-46.1,20.6-46.1,46v684c0,25.4,20.7,46,46.1,46h264.9
+					C461.5,791,482.2,770.3,482.2,745z M121.2,727V79.5h-4v32v3V151v3v33v3v28v3v32.5v3v28v3V727H121.2z"/>
+			</g>
+			<g>
+				<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M482.2,61v684c0,25.4-20.7,46-46.1,46H171.3
+					c-25.4,0-46.1-20.6-46.1-46V61c0-25.4,20.7-46,46.1-46h264.9C461.5,15,482.2,35.6,482.2,61z"/>
+			</g>
+		</g>
+		<path fill="#4D4D4D" d="M275.2,81.5h55c4.1,0,7.5-3.4,7.5-7.5c0-4.1-3.4-7.5-7.5-7.5h-55c-4.1,0-7.5,3.4-7.5,7.5
+			C267.7,78.1,271.1,81.5,275.2,81.5z M275.2,70.5h55c1.9,0,3.5,1.6,3.5,3.5c0,1.9-1.6,3.5-3.5,3.5h-55c-1.9,0-3.5-1.6-3.5-3.5
+			C271.7,72.1,273.3,70.5,275.2,70.5z"/>
+		<path d="M463.2,115h-320c-2.2,0-4,1.8-4,4v568c0,2.2,1.8,4,4,4h320c2.2,0,4-1.8,4-4V119C467.2,116.8,465.4,115,463.2,115z
+			 M463.2,687h-320V119h320V687z"/>
+		<path fill="#4D4D4D" d="M303.5,709c-18.6,0-33.8,15.1-33.8,33.8c0,18.6,15.1,33.8,33.8,33.8c18.6,0,33.8-15.1,33.8-33.8
+			C337.2,724.1,322.1,709,303.5,709z M303.5,772.5c-16.4,0-29.8-13.3-29.8-29.8S287,713,303.5,713s29.8,13.3,29.8,29.8
+			S319.9,772.5,303.5,772.5z"/>
+		<path fill="#4D4D4D" d="M303.2,52.3c4.7,0,8.5-3.8,8.5-8.5c0-4.7-3.8-8.5-8.5-8.5c-4.7,0-8.5,3.8-8.5,8.5
+			C294.7,48.5,298.5,52.3,303.2,52.3z M303.2,38.3c3,0,5.5,2.5,5.5,5.5c0,3-2.5,5.5-5.5,5.5c-3,0-5.5-2.5-5.5-5.5
+			C297.7,40.8,300.2,38.3,303.2,38.3z"/>
+		<circle fill="#4D4D4D" cx="303.2" cy="43.7" r="3"/>
+	</g>
+	<rect x="143.2" y="119" opacity="0.1" fill="#FFFFFF" width="320" height="568"/>
+</g>
+</svg>

+ 69 - 0
src/img/ribbon.svg

@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.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="-329.7 239 60 100" enable-background="new -329.7 239 60 100" xml:space="preserve">
+<g>
+	<path d="M-316.8,291.2l-10,38.7c-0.1,0.6,0,1.1,0.5,1.5c0.1,0.1,0.2,0.2,0.4,0.3c0.4,0.2,0.8,0.2,1.2,0l10.8-4l7.5,8.7
+		c0.4,0.4,1,0.6,1.5,0.5c0.6-0.1,1-0.6,1.1-1.1l2.1-8.1l-9.2-35.6C-311.6,292-311.5,291.7-316.8,291.2z"/>
+	<path d="M-271.9,329.9l-10.1-39.3c-0.1,0-0.2,0.1-0.2,0.1l-0.1,0c-0.2,0.1-0.5,0.2-0.7,0.3l-0.4,0.1c-0.1,0-0.2,0.1-0.3,0.1l-0.1,0
+		c-0.3,0.1-0.6,0.2-0.9,0.2c-0.1,0-0.3,0.1-0.4,0.1c-0.1,0-0.3,0-0.5,0.1c-0.2,0-0.5,0.1-0.7,0.1c-0.2,0-0.4,0-0.6,0
+		c-0.2,0-0.3,0-0.4,0c-0.1,0-0.2,0-0.3,0l-0.1,0c-0.4,0-1.3,0.1-1.6,0.2c-0.2,0.1-0.8,0.5-1.2,0.9c-0.1,0.1-0.1,0.1-0.2,0.2
+		c-0.2,0.2-0.3,0.3-0.5,0.4c-0.1,0.1-0.2,0.2-0.3,0.2c-0.2,0.2-0.4,0.4-0.7,0.6l-0.1,0.1c-0.1,0.1-0.2,0.2-0.3,0.2l0,0
+		c-0.1,0-0.1,0.1-0.2,0.1c-0.4,0.2-0.7,0.5-1.2,0.7l0,0c-0.1,0-0.2,0.1-0.3,0.1c-0.4,0.2-0.8,0.4-1.2,0.5c-0.1,0-0.1,0.1-0.2,0.1
+		l-0.1,0c-0.4,0.1-0.8,0.2-1.1,0.3l-0.3,0.1l-0.4,0c-0.1,0-0.2,0-0.4,0.1c-0.1,0-0.2,0-0.4,0c-0.1,0-0.3,0-0.4,0.1l-0.4,0
+		c-0.2,0-0.4,0-0.5,0c-0.1,0-0.3,0-0.4,0l-0.3,0c0,0-0.1,0-0.1,0h-0.1c-0.1,0-0.2,0-0.3,0c-0.3,0-0.6,0-1-0.1c-0.1,0-0.2,0-0.2,0
+		l-0.4-0.1c-0.1,0-0.2,0-0.3,0c-0.3-0.1-0.6-0.1-0.9-0.2l-0.4-0.1l-0.1,0c-0.3-0.1-0.6-0.2-0.9-0.3l10.3,39.8c0.1,0.5,0.6,1,1.1,1.1
+		c0.6,0.1,1.1-0.1,1.5-0.5l7.5-8.7l10.8,4c0.4,0.1,0.8,0.1,1.2,0c0.1-0.1,0.3-0.1,0.4-0.3C-272,331-271.8,330.5-271.9,329.9z"/>
+</g>
+<g>
+	<path d="M-300.3,254.6c-6.3,0-11.5,5.2-11.5,11.5c0,6.3,5.2,11.5,11.5,11.5c6.3,0,11.5-5.2,11.5-11.5
+		C-288.8,259.8-293.9,254.6-300.3,254.6z"/>
+	<path d="M-296.5,291.7c0.1,0,0.1-0.1,0.2-0.1c0.3-0.1,0.5-0.3,0.8-0.5c0,0,0.1,0,0.1-0.1c0.1-0.1,0.2-0.1,0.3-0.2
+		c0.2-0.1,0.3-0.2,0.5-0.4c0.1-0.1,0.1-0.1,0.2-0.2c0.1-0.1,0.2-0.2,0.3-0.3c0.1-0.1,0.1-0.1,0.2-0.2c0.7-0.7,1.8-1.5,2.7-1.9
+		c0.9-0.4,2.6-0.6,3.4-0.6c0.1,0,0.1,0,0.2,0c0.1,0,0.2,0,0.4,0c0.1,0,0.2,0,0.4,0c0.2,0,0.3,0,0.5-0.1c0.1,0,0.2,0,0.4-0.1
+		c0.1,0,0.2,0,0.2,0c0.2,0,0.4-0.1,0.6-0.2c0,0,0.1,0,0.1,0c0.1,0,0.2,0,0.3-0.1c0,0,0.1,0,0.1,0c0.2-0.1,0.4-0.2,0.6-0.2
+		c0.1-0.1,0.3-0.1,0.4-0.2c0,0,0.1,0,0.1-0.1c0.2-0.1,0.3-0.2,0.5-0.3c0.1-0.1,0.2-0.1,0.3-0.2c0,0,0.1,0,0.1-0.1
+		c0.1,0,0.1-0.1,0.2-0.1c0.1-0.1,0.2-0.2,0.3-0.3c0,0,0,0,0,0c0.1-0.1,0.3-0.2,0.4-0.3c0.1-0.1,0.2-0.1,0.2-0.2
+		c0.1,0,0.1-0.1,0.2-0.1c0,0,0,0,0,0c0.1-0.1,0.1-0.1,0.1-0.2c0.1-0.1,0.2-0.2,0.3-0.3c0.1-0.1,0.2-0.2,0.3-0.4
+		c0.1-0.1,0.2-0.2,0.3-0.3c0-0.1,0.1-0.1,0.1-0.2c0,0,0-0.1,0.1-0.1c0.1-0.1,0.1-0.2,0.2-0.4c0-0.1,0.1-0.1,0.1-0.2
+		c0.1-0.1,0.1-0.2,0.2-0.3c0.1-0.2,0.1-0.3,0.2-0.5c0.1-0.2,0.1-0.3,0.2-0.5c0,0,0-0.1,0-0.1c0,0,0-0.1,0-0.1c0-0.1,0.1-0.2,0.1-0.3
+		c0-0.2,0.1-0.3,0.1-0.5c0-0.1,0-0.1,0-0.2c0,0,0-0.1,0-0.1c0-0.1,0-0.2,0-0.3c0-0.1,0-0.3,0.1-0.4c0-0.1,0-0.2,0-0.3
+		c0-0.1,0-0.1,0-0.2c0-0.1,0-0.2,0-0.3c0-0.1,0-0.2,0-0.2c0-0.2,0.1-2,0.5-3.2c0.4-0.9,1.3-2.1,2-2.8c0.1-0.1,0.1-0.1,0.2-0.2
+		c0.1-0.1,0.2-0.2,0.3-0.3c0.1-0.1,0.2-0.2,0.2-0.3c0.1-0.1,0.2-0.2,0.3-0.4c0.1-0.1,0.2-0.2,0.2-0.3c0-0.1,0.1-0.1,0.1-0.2
+		c0.1-0.1,0.2-0.3,0.3-0.4c0-0.1,0.1-0.1,0.1-0.2c0.1-0.1,0.1-0.2,0.2-0.3c0,0,0,0,0-0.1c0.1-0.2,0.1-0.3,0.2-0.5
+		c0.1-0.2,0.1-0.3,0.2-0.5c0-0.1,0-0.1,0.1-0.2c0-0.1,0.1-0.3,0.1-0.4c0-0.1,0.1-0.3,0.1-0.4c0,0,0-0.1,0-0.1c0-0.1,0-0.1,0-0.2
+		c0-0.1,0-0.3,0-0.4c0,0,0,0,0,0c0-0.1,0-0.3,0.1-0.5c0-0.1,0-0.2,0-0.3c0-0.1,0-0.1,0-0.2c0-0.1,0-0.2,0-0.2c0-0.1,0-0.2,0-0.3
+		c0-0.2,0-0.3-0.1-0.5c0-0.1,0-0.3-0.1-0.4c0-0.1,0-0.1,0-0.2c0,0,0-0.1,0-0.1c0-0.2-0.1-0.3-0.1-0.5c0,0,0,0,0,0
+		c0-0.1-0.1-0.3-0.1-0.4c-0.1-0.2-0.2-0.4-0.2-0.6c-0.1-0.1-0.1-0.3-0.2-0.4c0-0.1,0-0.1-0.1-0.2c-0.1-0.2-0.2-0.3-0.3-0.4
+		c-0.1-0.1-0.1-0.3-0.2-0.4c0-0.1-0.1-0.1-0.1-0.2c-0.1-0.1-0.2-0.2-0.3-0.4c0,0,0,0,0,0c-0.1-0.1-0.2-0.2-0.3-0.3
+		c-0.1-0.1-0.1-0.2-0.2-0.2c-0.1-0.1-0.2-0.2-0.3-0.3c-0.1-0.1-0.1-0.1-0.2-0.2c-0.2-0.1-1.4-1.5-1.9-2.7c-0.4-0.9-0.6-2.6-0.6-3.4
+		c0-0.1,0-0.3,0-0.4c0,0,0,0,0,0c0-1.6-0.5-3.2-1.4-4.6c-1.3-2-3.4-3.3-5.7-3.7c-0.1,0-0.1,0-0.2,0c-0.2,0-0.5-0.1-0.7-0.1
+		c-0.1,0-0.2,0-0.3,0c-0.1,0-0.3,0-0.4,0c-0.1,0-0.1,0-0.2,0c-0.6,0-2.2-0.1-3.3-0.5c-1-0.4-2.3-1.5-2.8-2c-0.1-0.1-0.1-0.1-0.2-0.2
+		c-0.1-0.1-0.1-0.1-0.2-0.2c-0.1-0.1-0.2-0.2-0.3-0.3c-0.1-0.1-0.2-0.2-0.3-0.2c0,0-0.1-0.1-0.1-0.1c-0.1,0-0.1-0.1-0.2-0.1
+		c-0.1-0.1-0.2-0.1-0.3-0.2c-0.1-0.1-0.2-0.1-0.3-0.2c-0.2-0.1-0.4-0.3-0.7-0.4c-0.1,0-0.2-0.1-0.3-0.1c-0.2-0.1-0.5-0.2-0.7-0.3
+		c0,0-0.1,0-0.1,0c-0.1,0-0.2,0-0.2-0.1c-0.2-0.1-0.4-0.1-0.6-0.2c-0.1,0-0.1,0-0.2,0c0,0-0.1,0-0.1,0c-0.7-0.1-1.6-0.1-2.1-0.1
+		c-0.1,0-0.2,0-0.2,0c-0.1,0-0.2,0-0.3,0c-0.1,0-0.2,0-0.3,0c-0.1,0-0.2,0-0.3,0.1c0,0,0,0-0.1,0c-0.1,0-0.2,0-0.2,0.1
+		c-0.3,0.1-0.5,0.1-0.8,0.2c-0.1,0-0.3,0.1-0.4,0.1c-0.2,0.1-0.4,0.2-0.6,0.2c-0.1,0-0.1,0.1-0.2,0.1c-0.1,0-0.2,0.1-0.3,0.2
+		c-0.2,0.1-0.3,0.2-0.5,0.3c-0.1,0-0.1,0.1-0.2,0.1c-0.1,0.1-0.2,0.2-0.3,0.3c-0.1,0.1-0.2,0.2-0.4,0.3c-0.1,0.1-0.2,0.1-0.2,0.2
+		c-0.1,0.1-0.2,0.2-0.3,0.3c-0.1,0.1-0.1,0.1-0.2,0.2c-0.7,0.7-1.8,1.5-2.7,1.9c-0.9,0.4-2.6,0.6-3.5,0.6c-0.1,0-0.2,0-0.2,0
+		c-0.1,0-0.2,0-0.3,0c0,0-0.1,0-0.1,0c-0.1,0-0.1,0-0.2,0c-0.2,0-0.5,0-0.7,0.1c0,0-0.1,0-0.1,0c0,0-0.1,0-0.1,0c-0.1,0-0.1,0-0.2,0
+		c-0.3,0.1-0.5,0.1-0.8,0.2c0,0-0.1,0-0.1,0c-0.1,0-0.1,0-0.2,0.1c-0.2,0.1-0.5,0.2-0.7,0.3c-0.1,0-0.2,0.1-0.2,0.1
+		c0,0-0.1,0-0.1,0.1c-0.3,0.2-0.7,0.4-1,0.6c-0.1,0.1-0.2,0.1-0.3,0.2c-0.4,0.3-1.3,1-1.7,1.6c-0.1,0.1-0.1,0.2-0.2,0.3
+		c-0.1,0.1-0.1,0.2-0.2,0.2c0,0.1-0.1,0.1-0.1,0.2c-0.1,0.2-0.2,0.3-0.3,0.5c0,0.1-0.1,0.1-0.1,0.2c-0.1,0.1-0.1,0.2-0.2,0.3
+		c-0.1,0.2-0.2,0.4-0.2,0.6c0,0.1-0.1,0.2-0.1,0.3c0,0,0,0.1,0,0.1c-0.1,0.2-0.1,0.4-0.2,0.6c0,0.1-0.1,0.2-0.1,0.4
+		c0,0.1,0,0.2,0,0.2c0,0.2-0.1,0.4-0.1,0.6c0,0.1,0,0.2,0,0.3c0,0,0,0.1,0,0.1c0,0.1,0,0.3,0,0.4c0,0.1,0,0.2,0,0.3
+		c0,0.2-0.1,2-0.5,3.2c-0.4,0.9-1.3,2.1-2,2.8c-0.1,0.1-0.2,0.2-0.2,0.2c0,0,0,0,0,0c0,0,0,0,0,0c-1,1-1.7,2.2-2.1,3.6
+		c0,0,0,0,0,0.1c-0.1,0.2-0.1,0.4-0.2,0.6c-0.1,0.5-0.1,1-0.2,1.5c0,0.1,0,0.3,0,0.4c0,0.2,0,0.3,0,0.5c0,0.2,0,0.4,0.1,0.6
+		c0,0.1,0,0.2,0,0.3c0.1,0.3,0.1,0.7,0.2,1c0,0,0,0,0,0c0,0,0,0,0,0.1c0.1,0.3,0.2,0.5,0.3,0.8c0,0.1,0.1,0.1,0.1,0.2
+		c0.1,0.2,0.2,0.5,0.4,0.7c0,0.1,0.1,0.1,0.1,0.2c0.1,0.2,0.3,0.5,0.5,0.7c0,0,0,0.1,0.1,0.1c0.2,0.3,0.4,0.5,0.7,0.8
+		c0,0,0.1,0.1,0.1,0.1c0.1,0.1,0.3,0.2,0.4,0.4c0.5,0.6,1.3,1.5,1.7,2.4c0.4,0.9,0.6,2.6,0.6,3.4c-0.1,1.8,0.4,3.5,1.4,5
+		c1.3,2,3.4,3.3,5.7,3.7c0.1,0,0.1,0,0.2,0c0.2,0,0.5,0.1,0.7,0.1c0.1,0,0.2,0,0.2,0c0.1,0,0.3,0,0.4,0c0.1,0,0.1,0,0.2,0
+		c0.6,0,2.2,0.1,3.3,0.5c1,0.4,2.3,1.5,2.8,2c0.1,0.1,0.1,0.1,0.2,0.2c0.1,0.1,0.2,0.1,0.2,0.2c0.1,0.1,0.2,0.2,0.4,0.3
+		c0.1,0.1,0.2,0.1,0.3,0.2c0,0,0.1,0.1,0.1,0.1c0.1,0,0.1,0.1,0.2,0.1c0.1,0.1,0.2,0.1,0.3,0.2c0.1,0.1,0.2,0.1,0.3,0.2
+		c0.2,0.1,0.5,0.3,0.7,0.4c0.1,0,0.2,0.1,0.3,0.1c0.2,0.1,0.5,0.2,0.7,0.3c0,0,0.1,0,0.1,0c0.1,0,0.1,0,0.2,0.1
+		c0.2,0.1,0.4,0.1,0.6,0.2c0.1,0,0.1,0,0.2,0c0,0,0.1,0,0.1,0c0.1,0,0.2,0,0.3,0c0.2,0,0.5,0.1,0.7,0.1c0.1,0,0.1,0,0.2,0
+		c0,0,0.1,0,0.1,0c0.1,0,0.1,0,0.2,0c0,0,0.1,0,0.1,0c0.2,0,0.3,0,0.5,0c0,0,0.1,0,0.1,0C-298.6,292.4-297.9,292.2-296.5,291.7z
+		 M-300.3,282.2c-8.9,0-16.1-7.2-16.1-16.1c0-8.9,7.2-16.1,16.1-16.1s16.1,7.2,16.1,16.1C-284.2,275-291.4,282.2-300.3,282.2z"/>
+</g>
+</svg>

+ 168 - 3
src/index.html

@@ -3,10 +3,175 @@
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
-   <title>Juryd</title>
-   <meta name="description" content="">
-   <link rel="stylesheet" href="css/style.css">
+   <title>Jury'd - You Be the Judge</title>
+   <meta name="description" content="Juryd Judging Everything">
+   <link rel="stylesheet" href="css/style.min.css">
 </head>
 <body>
+
+ <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
+     <div class="container">
+         <div class="navbar-header">
+             <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
+                 <span class="sr-only">Toggle navigation</span>
+                 <span class="icon-bar"></span>
+                 <span class="icon-bar"></span>
+                 <span class="icon-bar"></span>
+             </button>
+             <a class="navbar-brand page-scroll" href="#page-top">Juryd</a>
+         </div>
+
+         <div class="collapse navbar-collapse" id="navbar-collapse">
+             <ul class="nav navbar-nav navbar-right">
+                 <li><a class="btn page-scroll" href="#">Sign In</a></li>
+             </ul>
+         </div>
+     </div>
+ </nav>
+
+<header>
+   <div class="container-fluid">
+      <div class="header-content">
+         <div class="header-content-inner">
+            <div class="row">
+               <div class="col-sm-8">
+                  <h1>Juryd</h1>
+                  <h2>You be the Judge</h2>
+                  <hr>    
+                  <h4>Juryd is an application that allows the participants to register and vote.</h4>
+               </div>
+               <div class="col-sm-4">
+                  <img src="img/ribbon.svg" class="svg">
+               </div>
+            </div>
+         </div>
+		</div>
+   </div>
+</header>
+
+<section id="about">
+   <div class="container">
+      <div class="row">
+         <div class="col-lg-8">
+            <img src="img/ipad.svg" class="svg">
+         </div>
+         <div class="col-sm-4 text-center">
+            <h2 class="section-heading">How It Works</h2>
+            <hr class="light">
+            <p>Some Copy</p>
+         </div>
+      </div>
+   </div>
+</section>
+
+<section id="details">
+   <div class="container">
+      <div class="row text-center">
+         <div class="col-sm-4">
+            <h3 class="section-heading">Juried Competition</h3>
+            <p>Some Copy</p>
+         </div>
+         <div class="col-sm-4">
+            <h3 class="section-heading">Registrant Jury</h3>
+            <p>Some Copy</p>
+         </div>
+         <div class="col-sm-4">
+            <h3 class="section-heading">Registered Judges</h3>
+            <p>Some Copy</p>
+         </div>
+      </div>
+   </div>
+</section>
+
+<section id="features">
+   <div class="container">
+      <div class="row text-center">
+         <div class="col-sm-6">
+            <h2 class="section-heading">Features</h2>
+            <p>Some Copy</p>
+            <img src="img/ribbon.svg" class="svg icon-small blue-ribbon">
+            <img src="img/ribbon.svg" class="svg icon-small red-ribbon">
+            <img src="img/ribbon.svg" class="svg icon-small yellow-ribbon">
+         </div>
+         <div class="col-sm-6">
+            <img src="img/phone.svg" class="svg">
+         </div>
+      </div>
+   </div>
+</section>
+
+<section id="account">
+   <div class="container">
+      <div class="row text-center">
+         <div class="col-sm-6">
+            <h2 class="section-heading">About</h2>
+            <p>Some Copy</p>
+         </div>
+         <div class="col-sm-6">
+            <h2 class="section-heading">About</h2>
+            <p>Some Copy</p>
+         </div>
+      </div>
+   </div>
+</section>
+
+<section id="call">
+   <div class="container">
+      <div class="row">
+         <div class="col-sm-4 col-lg-offset-2 text-center">
+            <h4 class="section-heading">Connect</h4>
+            <hr class="light">
+            <p>(Social Media Icons)</p>
+         </div>
+         <div class="col-sm-4 text-center">
+            <h4 class="section-heading">Get the Latest</h4>
+            <form class="form-inline">
+               <div class="form-group">
+                  <label class="sr-only" for="exampleInputAmount">Email Addresss</label>
+                  <div class="input-group">
+                     <input type="text" class="form-control" id="email-address" placeholder="Email Address">
+                     <div class="input-group-addon">
+                        <button type="submit" class="btn btn-primary">GO</button>
+                     </div>
+                  </div>
+               </div>
+            </form>
+         </div>
+      </div>
+   </div>
+</section>
+
+
+<footer class="bg-dark">
+   <div class="container bg-dark">
+      <div class="row">
+         <div class="col-sm-3 col-sm-offset-2">
+            <h5>About</h5>
+            <p>Documentation</p>
+            <p>History</p>
+            <p>About Us</p>
+         </div>
+         <div class="col-sm-3">
+            <h5>Support</h5>
+            <p>System Status</p>
+            <p>Support Ticket</p>
+            <p>Account Preferences</p>
+         </div>
+         <div class="col-sm-3">
+            <h5>About</h5>
+            <p>Contact</p>
+            <p>Privacy Policy</p>
+            <p>Terms of Use</p>
+         </div>
+      </div>
+   </div>
+</footer>
+   
+<script src="js/lib.min.js"></script>
+<script src="js/main.min.js"></script>
+ <!--[if lt IE 9]>
+   <script src="js/html5shiv.min.js"></script>
+   <script src="js/respond.min.js"></script>
+ <![endif]-->
 </body>
 </html>

File diff suppressed because it is too large
+ 2363 - 0
src/js/bootstrap.js


File diff suppressed because it is too large
+ 4 - 0
src/js/jquery.js


+ 43 - 0
src/js/main.js

@@ -0,0 +1,43 @@
+$(window).scroll(function() {
+  if ($(document).scrollTop() > 80) {
+    $('nav').addClass('shrink');
+  } else {
+    $('nav').removeClass('shrink');
+  }
+});
+
+$(function(){
+    jQuery('img.svg').each(function(){
+        var $img = jQuery(this);
+        var imgID = $img.attr('id');
+        var imgClass = $img.attr('class');
+        var imgURL = $img.attr('src');
+    
+        jQuery.get(imgURL, function(data) {
+            // Get the SVG tag, ignore the rest
+            var $svg = jQuery(data).find('svg');
+    
+            // Add replaced image's ID to the new SVG
+            if(typeof imgID !== 'undefined') {
+                $svg = $svg.attr('id', imgID);
+            }
+            // Add replaced image's classes to the new SVG
+            if(typeof imgClass !== 'undefined') {
+                $svg = $svg.attr('class', imgClass+' replaced-svg');
+            }
+    
+            // Remove any invalid XML tags as per http://validator.w3.org
+            $svg = $svg.removeAttr('xmlns:a');
+            
+            // Check if the viewport is set, else we gonna set it if we can.
+            if(!$svg.attr('viewBox') && $svg.attr('height') && $svg.attr('width')) {
+                $svg.attr('viewBox', '0 0 ' + $svg.attr('height') + ' ' + $svg.attr('width'))
+            }
+    
+            // Replace image with new SVG
+            $img.replaceWith($svg);
+    
+        }, 'xml');
+    
+    });
+});