3-column preview card component

[MasoudAndiwal]

Select Topic Area

Question

Body

<title>3-Column-preview-card-compounent</title> <style> body{ font-size: 15px; } .fa{ align-content: center; margin-top: 100px; margin-left: 350px; } .orange{ width: 350PX; height: 550PX; background-color: hsl(31, 77%, 52%); display: inline-block; border-radius: 5px 0px 0px 5px; float:left;

}
.orange img{
	display: inline-block;
	margin-left: 50px;
	margin-top: 60px;

}
.orange h1{
	color: white;
	font-size: 40px;
	margin-left: 50px;
	margin-top: 50px;
}
.orange p{
	color: white;
	font-size: 20px;
	margin-left: 50px;
	margin-right: 60px;
	margin-top: 40px;
}
.orange input[type="button"]{
	box-sizing: border-box;
	width: 200px;
	height: 70px;
	border-radius:35px;
	border: 3px solid white;
	background-color: hsl(31, 77%, 52%);
	color: white;
	font-size: 20px;
	margin-left: 50px;
	margin-top: 70px;
}
.orange input[type="button"]:hover{
	background-color:white ;
	color:hsl(31, 77%, 52%) ;
}


.light-cyan{
	width: 350PX;
	height: 550PX;
	background-color: hsl(184, 100%, 22%);
	display: inline-block;
	float: left;
}
.light-cyan img{
	display: inline-block;
	margin-left: 50px;
	margin-top: 60px;
}
.light-cyan h1{
	margin-left: 50px;
	margin-top: 60px;
	color: white;
	font-size: 40px;
}
.light-cyan p{
	color: white;
	font-size: 20px;
	margin-left: 50px;
	margin-right: 60px;
	margin-top: 40px;
}
.light-cyan input[type="button"]{
	box-sizing: border-box;
	width: 200px;
	height: 70px;
	border-radius:35px;
	border: 3px solid white;
	background-color: hsl(184, 100%, 22%);
	color: white;
	font-size: 20px;
	margin-left: 50px;
	margin-top: 70px;
}
.light-cyan input[type="button"]:hover{
	background-color:white ;
	color:hsl(184, 100%, 22%) ;
}
.dark-syan{
	width: 350PX;
	height: 550PX;
	background-color: hsl(179, 100%, 13%);
	display: inline-block;
	border-radius: 0px 5px 5px 0px;
	float: left;
} 
.dark-syan img{
	display: inline-block;
	margin-left: 50px;
	margin-top: 60px;
}
.dark-syan h1{
	margin-left: 50px;
	margin-top: 60px;
	color: white;
	font-size: 40px;
}
.dark-syan p{
	color: white;
	font-size: 20px;
	margin-left: 50px;
	margin-right: 60px;
	margin-top: 40px;
}
.dark-syan input[type="button"]{
	box-sizing: border-box;
	width: 200px;
	height: 70px;
	border-radius:35px;
	border: 3px solid white;
	background-color: hsl(179, 100%, 13%);
	color: white;
	font-size: 20px;
	margin-left: 50px;
	margin-top: 70px;
}
.dark-syan input[type="button"]:hover{
	background-color:white ;
	color:hsl(179, 100%, 13%) ;
}

</style>

Sedans

Choose a sedan for its affordability and excellent fuel economy. Ideal for cruising in the city or on your next road trip.

SUVs

Take an SUV for its spacious interior, power, and versatility. Perfect for your next family vacation and off-road adventures.

Luxury

Cruise in the best car brands without the bloated prices. Enjoy the enhanced comfort of a luxury rental and arrive in style.

[MasoudAndiwal]

README.md
README-template.md
style-guide.md