Merge pull request #1 from komorebitech/feature/menu-store-buttons

added app download buttons on home screen
komorebitech · Dec 24, 2020 · e13af9f · e13af9f
2 parents 5e25f1c + cdc27f6
commit e13af9f
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 1 deletion.
diff --git a/assets/css/style.css b/assets/css/style.css
diff --git a/index.hbs b/index.hbs
@@ -6,6 +6,14 @@
 			{{#if @site.description}}
 			<span class="blog-description">{{@site.description}}</span>
 			{{/if}}
+			<div class="store-download-buttons">
+				<a target="_blank" href="https://itunes.apple.com/in/app/cityflo/id1060733672?mt=8">
+					<img class="icon-apple-store" src="https://s3.ap-south-1.amazonaws.com/cityflo.com/appbadge.svg" />
+				</a>
+				<a target="_blank" href="https://play.google.com/store/apps/details?id=com.cityflo.customer&hl=en_IN">
+					<img class="icon-play-store" src="https://s3.ap-south-1.amazonaws.com/cityflo.com/playbadge.png" />
+				</a>
+			</div>
 			{{#if @site.cover_image}}
 		</div>
 		<div class="blog-cover cover">

diff --git a/src/sass/style.scss b/src/sass/style.scss
@@ -795,6 +795,30 @@ textarea {
 	}
 }
 
+.store-download-buttons{
+	display: flex;
+	align-items: center;
+    align-content: center;
+	justify-content: center;
+	margin-top: 20px;
+
+	@media only screen and (max-width: $breakpoint-medium) {
+		flex-direction: column;
+	}
+	a{
+		img{
+			// height: 130px;
+			&.icon-play-store{
+				width: 210px;
+
+			}
+			&.icon-apple-store{
+				width: 185px;
+			}
+		}
+	}
+}
+
 .has-cover .blog-description {
 	color: #FFF;
 }