Contacto

¡Nos pondremos en contacto contigo en breve!

Nombre

<span class='highlight'/>
<span class='bar'/>
<label>Mensaje</label>
</div>
<input id='ContactForm1_contact-form-submit' type='button' value='Enviar mensaje'/>
<div id='ContactForm1_contact-form-error-message'>
</div>
<div id='ContactForm1_contact-form-success-message'>
</div>
</form>
</div>
<style>
/*Formulario de contacto start by ayudadeblogger.com*/
.ContactForm, .ContactForm .title {
display: none;
}
.floating-ct {
position: fixed;
width: 270px;
right: 66px;
bottom: 24px;
z-index: 999;
}
.floating-ct-head a {
font-weight: bold;
display: inline-block;
width: 50px;
height: 50px;
bottom: 20px;
right: 21px;
cursor: pointer;
overflow: hidden;
color: #fff;
text-align: center;
line-height: 52px;
background: #089d4b;
border-radius: 50%;
transition: all .2s ease;
}
.floating-ct-body {
display: none;
}
.floating-ct-head {
text-align: right;
}
.floating-ct-body .ContactForm {
margin: 0;
display: block!important;
}
.ayudadebloggerinput {
float: none;
position: relative;
margin-bottom: 22px;
margin-right: 10px
}
.ayudadebloggerinput input,.ayudadebloggerinput textarea {
font-size: 15px;
padding: 10px 0;
display: block;
width: 100%;
border: none;
border-bottom: 1px solid #ddd
}
.ayudadebloggerinput input:focus,.ayudadebloggerinput textarea:focus {
outline: none
}
.ayudadebloggerinput label {
color: #111;
font-size: 13px;
font-weight: 400;
position: absolute;
pointer-events: none;
left: 0;
top: 10px;
transition: .2s ease all
}
.bar {
position: relative;
display: block;
width: 100%
}
.bar:before,.bar:after {
content: '
'
;
height: 2px;
width: 0;
bottom: 1px;
position: absolute;
background: #e91e63;
transition: .2s ease all
}
.bar:before {
left: 50%
}
.bar:after {
right: 50%
}
.ayudadebloggerinput input:focus ~ .bar:before,.ayudadebloggerinput input:focus ~ .bar:after,.ayudadebloggerinput textarea:focus ~ .bar:before,.ayudadebloggerinput textarea:focus ~ .bar:after {
width: 50%
}
.highlight {
position: absolute;
height: 50%;
width: 100px;
top: 25%;
left: 0;
pointer-events: none;
opacity: .5
}
.ayudadebloggerinput input:focus ~ .highlight,.ayudadebloggerinput textarea:focus ~ .highlight {
animation: inputHighlighter .3s ease
}
.ayudadebloggerinput input:focus ~ label,.ayudadebloggerinput input:valid ~ label,.ayudadebloggerinput textarea:focus ~ label,.ayudadebloggerinput textarea:valid ~ label {
top: -20px;
font-size: 11px;
color: #888;
}
input#ContactForm1_contact-form-email-message {
height: 150px
}
input#ContactForm1_contact-form-submit {
color: #fff!important;
background: cornflowerblue;
padding: 15px 25px;
border-radius: 4px;
border: none;
outline: none;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
cursor: pointer;
transition: all .4s ease-in-out;
text-transform: uppercase;
float: left;
margin-top: 5px;
line-height: 1px;
}
input#ContactForm1_contact-form-submit:hover {
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

#ContactForm1_contact-form-error-message {
float: right;
background: #D32F2F;
color: #fff;
font-size: 13px;
font-weight: 700;
border-radius: 3px
}
#ContactForm1_contact-form-success-message {
float: right;
background: #4CAF50;
color: #fff;
font-size: 13px;
font-weight: 700;
border-radius: 3px
}
.contact-form-widget {
height: 320;
margin-left: 0;
max-width: 100%;
padding: 0px 0px 30px;
padding-top: 0;
width: 100%;
}
form {
padding: 8px 13px 8px 13px;
}
.card {
display: inline-block;
position: relative;
width: 100%;
margin-bottom: 30px;
border-radius: 6px;
color: rgba(0, 0, 0, 0.87);
background: #fff;
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.card-signup .header-adb {
}
.card [class*="header-"],.card [class*="content-"] {
color: #FFFFFF;
}
.card .header-primary,.card .content-primary {
background: linear-gradient(60deg, #ab47bc, #7b1fa2);
}
.card .header-adb {
border-radius: 6px 6px 0px 0px;
margin-bottom: 10px;
}
.text-center {
text-align: center;
}
.card-title {
color: #FFFFFF;
font-weight: 700;
font-size: 15px;
line-height: 0;
}
.bot-flex {
display: flex;
padding: 15px 10px 10px;
align-items: center;
justify-content: space-around;
}
.c-1 {
}
.c-1-autor {
position: relative;
font-size: 8px;
margin: 4px 0 0;
line-height: initial;}
.c-1-autor:before {
content: '';
background: #28f434;
width: 3.5px;
height: 3.5px;
border-radius: 50%;
position: absolute;
top: 4px;
left: -6.5px;
}
.c-2 {
}
.c-2-title {
font-size: 12px;
font-weight: 500;
margin: 0 0 0px;
font-family: cursive;
}
.c-2-text {
position: relative;
font-size: 8px;
background: #fff;
padding: 4px 7px;
color: #2c69d1;
border-radius: 3px;
font-family: cursive;
}
.c-2-text:before {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: -7px;
right: auto;
top: 0;
bottom: 0;
border: 8px solid;
border-color: white transparent transparent;
}
.avatar {
width: 35px;
height: 35px;
border-radius: 50%;
display: block;
}
.red {
background-color: #f44336 !important;
}
.pink {
background-color: #e91e63 !important;
}
.purple {
background-color: #9c27b0 !important;
}
.deep-purple {
background-color: #673ab7 !important;
}
.indigo {
background-color: #3f51b5 !important;
}
.blue {
background-color: #2196f3 !important;
}
.light-blue {
background-color: #03a9f4 !important;
}
.cyan {
background-color: #00bcd4 !important;
}
.teal {
background-color: #009688 !important;
}
.green {
background-color: #4caf50 !important;
}
.light-green {
background-color: #8bc34a !important;
}
.lime {
background-color: #cddc39 !important;
}
.yellow {
background-color: #ffeb3b !important;
}
.amber {
background-color: #ffc107 !important;
}
.orange {
background-color: #ff9800 !important;
}
.deep-orange {
background-color: #ff5722 !important;
}
.brown {
background-color: #795548 !important;
}
.grey {
background-color: #9e9e9e !important;
}
.grey-darken-4 {
background-color: #212121 !important;
}
.black {
background-color: #000000 !important;
}
.blue-grey {
background-color: #607d8b !important;
}
</style> </div> </b:includable>
</b:widget>

Contacto

Publicar un comentario

0 Comentarios

Redes Sociales

Sobre Mi

Post Recientes

¿Cómo limpiar y preparar las flores antes de usarlas en un arreglo? ¡Te cuento el paso a paso! 🌸🧼

¿Cómo combinar colores en tus arreglos? ¡Usa la rueda cromática! 🎨🌼

¿Cómo transportar arreglos florales sin que se dañen? ¡Tips infalibles! 🌺🚗

Redes Sociales

Posts Populares

¿Cómo limpiar y preparar las flores antes de usarlas en un arreglo? ¡Te cuento el paso a paso! 🌸🧼

¿Cómo mantener las flores frescas durante todo el evento? ¡Trucos que funcionan! 🌷❄️

¿Cómo elegir las flores adecuadas para cada tipo de evento? ¡Te doy algunos consejos! 🌼🎉

Quien Soy

Footer Menu Widget

Contact form