Commit 7ab32a33 by gema

modificacion diseño mi perfil. añadido imagen a la caja solida.

parent a95f6ca0
<div class="text-center">
<img src="assets/img/home/perfil3.png" class="img-responsive-custom"/>
</div>
<span class="input input--nao"> <span class="input input--nao">
<input class="input__field input__field--nao" type="text" id="edad" name="edad" required=""/> <input class="input__field input__field--nao" type="text" id="edad" name="edad" required=""/>
<label class="input__label input__label--nao" for="input-1">
<span class="input__label-content input__label-content--nao">Edad</span> <label class="input__label input__label--nao" for="input-1">
</label> <span class="input__label-content input__label-content--nao">Edad</span>
<svg class="graphic graphic--nao" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none"> </label>
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"/> <svg class="graphic graphic--nao" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none">
</svg> <path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"/>
</span> </svg>
</span>
<span class="input input--nao"> <span class="input input--nao">
<input class="input__field input__field--nao" type="text" id="altura" name="altura" required=""/> <input class="input__field input__field--nao" type="text" id="altura" name="altura" required=""/>
<label class="input__label input__label--nao" for="input-1">
<span class="input__label-content input__label-content--nao">Altura</span> <label class="input__label input__label--nao" for="input-1">
</label> <span class="input__label-content input__label-content--nao">Altura</span>
<svg class="graphic graphic--nao" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none"> </label>
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"/> <svg class="graphic graphic--nao" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none">
</svg> <path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"/>
</span> </svg>
</span>
<span class="input input--nao"> <span class="input input--nao">
<input class="input__field input__field--nao" type="text" id="peso" name="peso" required=""/> <input class="input__field input__field--nao" type="text" id="peso" name="peso" required=""/>
<label class="input__label input__label--nao" for="input-1">
<span class="input__label-content input__label-content--nao">Peso</span> <label class="input__label input__label--nao" for="input-1">
</label> <span class="input__label-content input__label-content--nao">Peso</span>
<svg class="graphic graphic--nao" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none"> </label>
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"/> <svg class="graphic graphic--nao" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none">
</svg> <path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"/>
</span> </svg>
</span>
<span class="input input--nao"> <span class="input input--nao">
<input class="input__field input__field--nao" type="text" id="genero" name="genero" required=""/> <input class="input__field input__field--nao" type="text" id="genero" name="genero" required=""/>
<label class="input__label input__label--nao" for="input-1">
<span class="input__label-content input__label-content--nao">Género</span>
</label>
<svg class="graphic graphic--nao" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"/>
</svg>
</span>
<label class="input__label input__label--nao" for="input-1">
<span class="input__label-content input__label-content--nao">Género</span>
</label>
<svg class="graphic graphic--nao" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"/>
</svg>
</span>
<select class="cs-select cs-skin-underline mt20"> <select class="cs-select cs-skin-underline mt20">
<option value="" disabled selected>Actividad fisica...</option> <option value="" disabled selected>Actividad fisica...</option>
......
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
</div> </div>
</div> </div>
<div class="container" > <div class="container pb80" >
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-md-4">
<div class="solid-box bg-color-perfil pb50"> <div class="solid-box bg-color-perfil pb50">
...@@ -25,14 +25,13 @@ ...@@ -25,14 +25,13 @@
{% include 'switches.twig' %} {% include 'switches.twig' %}
</div> </div>
</div> </div>
<div class="row">
<div class="col-md-6 col-md-offset-6">
<button class="btn btn-custom btn-perfil mt40" ><i class="fa fa-save"></i> Guardar Perfil</button>
</div>
</div>
</div> </div>
</div> </div>
<div class="row">
<div class="col-md-4 col-md-offset-8">
<button class="btn btn-custom btn-perfil mt20" ><i class="fa fa-save"></i> Guardar Perfil</button>
</div>
</div>
</div> </div>
{% endblock %} {% endblock %}
......
...@@ -362,7 +362,9 @@ h1{ ...@@ -362,7 +362,9 @@ h1{
.pb50{ .pb50{
padding-bottom:50px; padding-bottom:50px;
} }
.pb80{
padding-bottom:80px;
}
.mt-50{ .mt-50{
margin-top:-50px; margin-top:-50px;
} }
...@@ -552,9 +554,13 @@ a:focus { ...@@ -552,9 +554,13 @@ a:focus {
} }
.btn-home:hover img{ .btn-home:hover img{
-webkit-animation: bounce 1s; -webkit-animation: bounce 1s;
animation: bounce 1s; animation: bounce 1s;
/*transition: all 0.3s ease-in-out;*/
/*transform: scale(0.8);*/
} }
.btn-home:hover { .btn-home:hover {
opacity:0.8; opacity:0.8;
} }
...@@ -629,7 +635,6 @@ a:focus { ...@@ -629,7 +635,6 @@ a:focus {
.icono-menu-saludable{ .icono-menu-saludable{
width:36%; width:36%;
} }
.mt-lista-home{ .mt-lista-home{
margin-top:40px; margin-top:40px;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment