Style 2

Venice
Italy
Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui.

New York
U.S.A
Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui.
<style><!-- [et_pb_line_break_holder] -->/*-------------------------------------------------------------------------------------------------------------------*/<!-- [et_pb_line_break_holder] -->/*-------------------------------------------- BLURB CARD HOVER -----------------------------------*/<!-- [et_pb_line_break_holder] -->/*-----------------------------------------------------------------------------------------------------------------*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*--------------------- General setting --------------------------*/<!-- [et_pb_line_break_holder] -->div .blurb_content_hover { <!-- [et_pb_line_break_holder] --> -webkit-transition: .25s; <!-- [et_pb_line_break_holder] --> -moz-transition: .25s; <!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> background: #fff; /****** ---> Customize here the background-color ******/<!-- [et_pb_line_break_holder] --> transition: .25s;<!-- [et_pb_line_break_holder] --> color: #333; /****** ---> Customize here the font color for the content ******/<!-- [et_pb_line_break_holder] --> padding: 30px; <!-- [et_pb_line_break_holder] --> height: 100px; <!-- [et_pb_line_break_holder] --> width: 100%; <!-- [et_pb_line_break_holder] --> bottom: 0; <!-- [et_pb_line_break_holder] --> font-size: 18px; <!-- [et_pb_line_break_holder] --> text-align: center; <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@media only screen and (max-width: 980px) { <!-- [et_pb_line_break_holder] --> div .blurb_content_hover { <!-- [et_pb_line_break_holder] --> padding: 35px; <!-- [et_pb_line_break_holder] --> } <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.blurb_hover .et_pb_blurb_content { <!-- [et_pb_line_break_holder] --> overflow: hidden; <!-- [et_pb_line_break_holder] -->} <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*--------------------- First Title --------------------------*/<!-- [et_pb_line_break_holder] -->div .blurb_content_hover p:first-child { <!-- [et_pb_line_break_holder] --> font-size: 18px; <!-- [et_pb_line_break_holder] --> font-weight: 600; <!-- [et_pb_line_break_holder] --> color: #00bca4; /****** ---> Customize here the font color for the First Title ******/<!-- [et_pb_line_break_holder] --> padding-bottom: 5px; <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->/*--------------------- SubTitle --------------------------*/<!-- [et_pb_line_break_holder] -->div .blurb_content_hover p:last-child { <!-- [et_pb_line_break_holder] --> font-size: 15px; <!-- [et_pb_line_break_holder] --> color: #9b9fa8; /****** ---> Customize here the font color for the SubTitle ******/<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*--------------------- Hover Expand Content Size --------------------------*/<!-- [et_pb_line_break_holder] -->.et_pb_blurb:hover .blurb_content_hover {<!-- [et_pb_line_break_holder] -->height: 100%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*--------------------- Blurb Image --------------------------*/<!-- [et_pb_line_break_holder] -->.blurb_hover .et_pb_main_blurb_image { <!-- [et_pb_line_break_holder] --> border: 13px solid #fff; <!-- [et_pb_line_break_holder] --> height: 280px; <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->/*--------------------- Blurb Shadow --------------------------*/<!-- [et_pb_line_break_holder] -->.blurb_hover.et_pb_blurb {<!-- [et_pb_line_break_holder] --> -webkit-transition-duration: .3s;<!-- [et_pb_line_break_holder] --> transition-duration: .3s;<!-- [et_pb_line_break_holder] --> -webkit-transition-property: -webkit-transform,box-shadow;<!-- [et_pb_line_break_holder] --> transition-property: transform,box-shadow;<!-- [et_pb_line_break_holder] --> -webkit-transition-timing-function: ease-in-out;<!-- [et_pb_line_break_holder] --> transition-timing-function: ease-in-out;<!-- [et_pb_line_break_holder] --> -webkit-box-shadow: 0px 2px 10px 2px rgba(55, 55, 55, 0.05); <!-- [et_pb_line_break_holder] --> -moz-box-shadow: 0px 2px 10px 2px rgba(55, 55, 55, 0.05); <!-- [et_pb_line_break_holder] --> box-shadow: 0px 2px 10px 2px rgba(55, 55, 55, 0.05); <!-- [et_pb_line_break_holder] -->} <!-- [et_pb_line_break_holder] -->.blurb_hover.et_pb_blurb:hover { <!-- [et_pb_line_break_holder] --> -webkit-box-shadow: 0px 5px 24px 8px rgba(55, 55, 55, 0.1);<!-- [et_pb_line_break_holder] --> -moz-box-shadow: 0px 5px 24px 8px rgba(55, 55, 55, 0.1); <!-- [et_pb_line_break_holder] --> box-shadow: 0px 10px 27px 4px rgba(55, 55, 55, 0.16);<!-- [et_pb_line_break_holder] --> transform: translateY(-5px);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*--------------------- Blurb Social Link (Font Awesome) --------------------------*/<!-- [et_pb_line_break_holder] -->.social_blurb_hover { <!-- [et_pb_line_break_holder] --> margin: 15px 10px; <!-- [et_pb_line_break_holder] --> font-size: 20px; <!-- [et_pb_line_break_holder] --> width: 40px;<!-- [et_pb_line_break_holder] --> height: 40px; <!-- [et_pb_line_break_holder] --> padding: 9px; <!-- [et_pb_line_break_holder] --> color: #ddd; /****** ---> Customize here the color the Icon Social ******/<!-- [et_pb_line_break_holder] --> border: 1px solid #c4c4c4; /****** ---> Customize here the border-color Icon Social ******/<!-- [et_pb_line_break_holder] --> -webkit-border-radius: 50%; <!-- [et_pb_line_break_holder] --> -moz-border-radius: 50%;<!-- [et_pb_line_break_holder] --> border-radius: 50%;<!-- [et_pb_line_break_holder] -->} <!-- [et_pb_line_break_holder] -->.social_blurb_hover:hover { <!-- [et_pb_line_break_holder] --> -webkit-transition: .4s;<!-- [et_pb_line_break_holder] --> -moz-transition: .4s; <!-- [et_pb_line_break_holder] --> color: #fff; <!-- [et_pb_line_break_holder] --> background-color: #00bca4; /****** ---> Customize here the Background-color Icon Social ******/<!-- [et_pb_line_break_holder] --> border: 1px solid #00bca4; /****** ---> Customize here the border-color on hover Icon Social ******/<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*--------------------- Button Hover Blurb --------------------------*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.button_hover_blurb a { <!-- [et_pb_line_break_holder] --> color: #fff; /****** ---> Customize here the Button color text ******/<!-- [et_pb_line_break_holder] --> font-weight: 700;<!-- [et_pb_line_break_holder] -->} <!-- [et_pb_line_break_holder] -->.button_hover_blurb { <!-- [et_pb_line_break_holder] --> background-color: #1fd4c1; /****** ---> Customize here the Background-color button ******/<!-- [et_pb_line_break_holder] --> display: inline-block;<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> padding: 0.6em 1.3em;<!-- [et_pb_line_break_holder] --> margin-top: 6%;<!-- [et_pb_line_break_holder] --> border-radius: 30px;<!-- [et_pb_line_break_holder] --> cursor: pointer;<!-- [et_pb_line_break_holder] --> transition: .3s;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->.button_hover_blurb:hover {<!-- [et_pb_line_break_holder] --> opacity: 0.7;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --></style>