DESIMA Database

Otro sitio realizado con WordPress

APORTES Y MEMBRESÍAS

Para alcanzar los objetivos y sueños que tenemos para el parque, necesitamos tu apoyo. Tenemos dos modalidades, un aporte único y una membresía mensual, con cualquiera de las opciones estarás poniendo tu granito de arena para que juntos podamos sacar adelante este gran proyecto y hacer de nuestro querido Eco, el mejor lugar de Lima.

Además, siendo parte de Juntos por el Eco (JxEco), estarás promoviendo una cultura saludable y deportiva en la sociedad, ayudando a construir un país donde primen valores como la conciencia social y la sana confraternidad que genera el deporte.

Se parte de este gran movimiento

¡Participa activamente de la comunidad!

Con esta opción, tendrás una membresía mensual recurrente y tendrás beneficios como:

  • Información en tiempo real sobre el parque.
  • Descuentos en marcas aliadas.
  • Participación en sorteos.
Membresías

Apoya a nuestra causa

Ayúdanos haciendo un aporte hoy

Contribuye con este gran movimiento, con una colaboración voluntaria que este dentro de tu alcance.

Aporta

Call to Action de Texto y Dos Elementos

Para enfatizar en dos productos o servicios

El elemento solo permite agregar dos productos o servicios destacados, con una imagen y descripción al lado izquierdo. Este elemento no esta diseñado para agregar multiples productos.

WPBAKERY CODE

[vc_row full_width="stretch_row_content_no_spaces" el_class="homeApoyanosTitle" el_id="apoyanos"][vc_column][vc_column_text]
<h1>APORTES <span class="titleGreen">Y MEMBRESÍAS</span></h1>
[/vc_column_text][/vc_column][/vc_row][vc_row full_width="stretch_row_content_no_spaces" content_placement="middle" el_class="homeApoyanosContent" css=".vc_custom_1636306098144{background-image: url(https://juntosxeco.com/wp-content/uploads/2021/11/fondo-membresias.png?id=138) !important;}"][vc_column width="1/2"][vc_single_image image="19" img_size="full" alignment="center"][vc_column_text]

Para alcanzar los objetivos y sueños que tenemos para el parque, necesitamos tu apoyo. Tenemos dos modalidades, un aporte único y una membresía mensual, con cualquiera de las opciones estarás poniendo tu granito de arena para que juntos podamos sacar adelante este gran proyecto y hacer de nuestro querido Eco, el mejor lugar de Lima.

Además, siendo parte de Juntos por el Eco (JxEco), estarás promoviendo una cultura saludable y deportiva en la sociedad, ayudando a construir un país donde primen valores como la conciencia social y la sana confraternidad que genera el deporte.

[/vc_column_text][/vc_column][vc_column width="1/2"][vc_row_inner el_class="donacionesItems"][vc_column_inner][vc_cta h2="Se parte de este gran movimiento" h4="¡Participa activamente de la comunidad!" add_button="bottom" btn_title="Membresías" btn_align="center" btn_link="url:https%3A%2F%2Fwww.mercadopago.com.pe%2Fsubscriptions%2Fcheckout%3Fpreapproval_plan_id%3D2c9380847eb684fe017ec0268be4034c|target:_blank" css=".vc_custom_1644004482318{margin-bottom: 0px !important;}"]Con esta opción, tendrás una membresía mensual recurrente y tendrás beneficios como:
<ul>
 	<li>Información en tiempo real sobre el parque.</li>
 	<li>Descuentos en marcas aliadas.</li>
 	<li>Participación en sorteos.</li>
</ul>
[/vc_cta][vc_cta h2="Apoya a nuestra causa" h4="Ayúdanos haciendo un aporte hoy" add_button="bottom" btn_title="Aporta" btn_align="center" btn_link="url:%2Fcarrito%2F%3Fadd-to-cart%3D102" css=".vc_custom_1644004209408{margin-bottom: 0px !important;}"]Contribuye con este gran movimiento, con una colaboración voluntaria que este dentro de tu alcance.[/vc_cta][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]

CSS CODE

.homeApoyanosTitle {
	padding: 80px 10% 0px 10%;
}
.homeApoyanosTitle h1 {
	font-size: 44px;
	color: #646464;
	text-transform: uppercase;
	text-align: center;
}
.homeApoyanosTitle h1 span.titleGreen {
	color: #648c01;
}
.homeApoyanosContent {
	padding: 0px 10% 0px 10%;
	background-repeat: no-repeat;
	background-position: right bottom;
}
.homeApoyanosContent .vc_col-sm-6:first-child > div > div {
	padding-right: 5%;
}
.homeApoyanosContent .vc_col-sm-6:first-child .wpb_text_column { 
	font-size: 18px;
    text-align: justify;
}
.homeApoyanosContent .donacionesItems {
	padding: 0px;
}
.homeApoyanosContent .donacionesItems > div > div > div {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 30px;
	padding: 25px 0px 25px 0px;
}
.homeApoyanosContent .donacionesItems .vc_cta3-container {
    height: 500px;
	margin: 0px;
	box-sizing: border-box;
}
.homeApoyanosContent .donacionesItems .vc_cta3-container > div {
	height: 100%;
	padding: 30px 55px;
	box-sizing: border-box;
	border-radius: 20px;
	transition: all .5s ease-in-out;
	border-color: #E6E6E6;
	background-color: #E6E6E6;
}
.homeApoyanosContent .donacionesItems .vc_cta3_content-container {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.homeApoyanosContent  .donacionesItems .vc_cta3-content {
	min-height: 270px;
}
.homeApoyanosContent .donacionesItems h2 {
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	text-align: center;
	color: #646464;
}
.homeApoyanosContent .donacionesItems h4 {
	padding: 10px 0px 30px 0px;
	font-size: 18px;
	line-height: 1.3;
	text-align: center;
	text-transform: uppercase;
	color: #646464;
}
.homeApoyanosContent .donacionesItems p {
	display: inline-block;
	height: auto;
	text-align: justify;
}
.homeApoyanosContent .donacionesItems ul {
	padding: 5px 0px 0px 0px;
	margin: 0px;
	list-style: none;
}
.homeApoyanosContent .donacionesItems ul li {
	padding-bottom: 8px;
}
.homeApoyanosContent .donacionesItems ul li:last-child {
	padding-bottom: 0px;
}
.homeApoyanosContent .donacionesItems ul li:before {
	content: '✓';
	padding-right: 10px;
}
.homeApoyanosContent .donacionesItems .vc_btn3-container a {
	min-width: 167px;
	margin-top: 25px;
	padding: 18px 30px 15px 30px;
	font-size: 20px;
	line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
    background: #ABCE00;
    border: 1px solid #ABCE00;
    border-radius: 10px 5px 10px 5px;
	color: #FFF;
	font-family: "JosefinSans", sans-serif;
}
.homeApoyanosContent .donacionesItems .vc_btn3-container a:hover {
    background: #ABCE00;
    border: 1px solid #ABCE00;
	color: #FFF;
	opacity: 0.8;
}
.homeApoyanosContent .donacionesItems .vc_cta3-container > div:hover {
	background: #ABCE00;
	border-color: #ABCE00;
	transform: scale(1.05);
}
.homeApoyanosContent .donacionesItems .vc_cta3-container > div:hover h2,
.homeApoyanosContent .donacionesItems .vc_cta3-container > div:hover h4,
.homeApoyanosContent .donacionesItems .vc_cta3-container > div:hover p,
.homeApoyanosContent .donacionesItems .vc_cta3-container > div:hover ul {
	color: #fff;
}
.homeApoyanosContent .donacionesItems .vc_cta3-container > div:hover .vc_btn3-container a { 
	background: #fff;
    border: 1px solid #fff;
	color: #ABCE00;
}
.homeApoyanosContent .donacionesItems .vc_cta3-container > div:hover .vc_btn3-container a:hover { 
	background: #fff;
    border: 1px solid #fff;
	color: #ABCE00;
	opacity: 0.8;
}

@media only screen and (max-width: 1300px) { 
	.homeAboutUs,
	.homeApoyanosContent {
		background-size: 75%;
	}
	.homeApoyanosTitle,
	.homeApoyanosContent {
		padding: 0px 5%;
	}
	.homeApoyanosTitle {
		padding-top: 80px;	
	}
	.homeApoyanosContent .donacionesItems .vc_cta3-container > div {
		padding: 25px 30px;
	}
	.homeApoyanosContent .donacionesItems .vc_cta3-container {
		height: 550px;
	}
}
@media only screen and (max-width: 1024px) { 
	.homeApoyanosTitle h1 {
		font-size: 36px;
	}
	.homeApoyanosContent .vc_col-sm-6:first-child .wpb_text_column {
		font-size: 16px;
	}
	.homeApoyanosTitle,
	.homeApoyanosContent {
		padding: 0px 8%;
	}
	.homeApoyanosTitle {
		padding-top: 60px;
	}
	.homeApoyanosContent .vc_col-sm-6 {
		float: none;
		width: auto;
	}
	.homeApoyanosContent .vc_col-sm-6:first-child > div > div {
		padding: 0px;
	}
	.homeApoyanosContent .donacionesItems {
		padding: 0px 6%;
	}
	.homeApoyanosContent .donacionesItems .vc_cta3-container {
		height: auto;
	}
	.homeApoyanosContent .donacionesItems .vc_cta3-content {
		min-height: auto;
	}
}
@media only screen and (max-width: 768px) { 
	.homeApoyanosTitle h1 {
		font-size: 34px;
	}
	.homeApoyanosContent .donacionesItems {
		padding: 10px 8%;
	}
	.homeApoyanosContent .donacionesItems > div > div > div {
		display: block;
		padding: 0px;
	}
	.homeApoyanosContent .donacionesItems .vc_cta3-container {
		height: auto;
		margin-bottom: 35px;
	}
	.homeApoyanosContent .donacionesItems .vc_cta3-container:last-child {
		margin-bottom: 0px;
	}
	.homeApoyanosContent .donacionesItems .vc_cta3-container > div {
		height: auto;
		padding: 30px 8%;
	}
	.homeApoyanosContent .donacionesItems .vc_general.vc_cta3.vc_cta3-actions-bottom .vc_cta3-content {
		margin-bottom: 25px;
	}
	.homeApoyanosContent .donacionesItems h4 {
		padding: 10px 0px 20px 0px;
	}
	.homeApoyanosContent .donacionesItems p {
		height: auto;
		margin-bottom: 0px;
	}
}
@media only screen and (max-width: 480px) { 
	.homeApoyanosContent .donacionesItems {
		padding: 10px 0px;
	}
}

Developer Comments

Este código solo es para mostrar dos productos destacados. Para agregar mas elementos se debe construir otro tipo de control.

Designer Comments

no comment