Merge branch 'botao-corona-virus' into 'development'

add button to corona page

See merge request !130

pinsisApp/src/app/main-page/main-page.component.html

@@ -2,6 +2,20 @@
 <section class="main-page">
 	<div class="container">
 		<div class= "container">
+
+			<div class= "row">
+				<div class="d-none d-sm-block col-md-2"></div>
+
+				<div class="home-btn-orange " routerLink="/corona">
+
+
+					<a >
+						Monitoramento do Corona Vírus segundo Boletins do Ministério da
+	Saúde
+					</a>
+				</div>
+			</div>
+
 			<div class="row">
 					<div class="d-none d-sm-block col-md-2"></div>
 

pinsisApp/src/app/main-page/main-page.component.scss

@@ -73,6 +73,75 @@
 	}
 }
 
+.home-btn-orange {
+	margin-right: 10px;
+
+	background-color: #FEAE51FF;
+	align-items: center;
+
+	//height: 200px;
+	padding: 20px 100px 20px 100px;
+
+	max-width: 750px;
+
+	margin-bottom: 10px !important;
+
+	margin-left: 10px auto !important;
+
+	text-align: center;
+
+	font-size: 22px;
+	color: $text-light !important;
+	font-weight: bolder;
+	text-decoration: none;
+
+	&:first-of-type {
+		border-top: 3px solid white;
+		border-bottom: 3px solid white;
+	}
+
+	&:last-of-type {
+		border-radius: 5 5px 5px 5px;
+	}
+
+	a{
+		align-items: center;
+	}
+
+	img {
+		width: 100%;
+		max-width: 400px;
+		height: 350px;
+	}
+
+	&:hover {
+		text-decoration: none;
+		background: #F05E23; //#CC5500; //#ff8c00 //#cc0a00;
+		transition: 0.15s linear;
+	}
+
+	@media screen and (max-width: $break-small) {
+
+		margin-bottom: $spacing-s;
+
+		padding: 10px 10px 10px 10px;
+
+
+		max-width: 85%;
+		margin-left: 8%;
+
+		font-size: 18px;
+
+		img {
+			height: 220px;
+      max-width: 200px;
+		}
+	}
+
+
+}
+
+
 .horizontal-center {
 	position: absolute;
 	left: 50%;