Tarea #1094 -> Revisar el cambio del menú superior e inferior en todas las páginas

git-svn-id: https://192.168.0.254/svn/Proyectos.Incam_PROFIND_Aterrizaje/trunk@12 db07b8d6-80f3-1c4e-84de-227a4fed3af2
This commit is contained in:
David Arranz 2012-09-22 14:08:49 +00:00
parent 2adbafb9c8
commit dad5f7b3e1
9 changed files with 128 additions and 127 deletions

View File

@ -23,7 +23,7 @@
<div class="tabnav-wrapper">
<ul id="menu" class="nav nav-tabs">
<li><a href="index.html">Home</a></li>
<li><a href="que-es-profind.html">¿Qué es PROFIND?</a></li>
<li><a href="productos.html">Productos</a></li>
<li><a href="blog.html">Blog</a></li>
</ul>
</div>
@ -96,7 +96,7 @@
</table>
</div>
<div class="spacer-30px"></div>
<img width="300" height="260" class="img-left" alt="image" src="img/preview/slider-img2.png">
<img width="300" height="260" class="img-left" alt="image" src="img/preview/slider-img2.png">
</div>
</div>
@ -108,13 +108,13 @@
<div class="container">
<div class="row"> <!-- Menú al pie de página -->
<div class="span9">
<div class="tabnav-wrapper">
<div class="tabnav-wrapper">
<ul id="footermenu" class="nav nav-tabs">
<li><a href="que-es-profind.html">¿Qué es PROFIND?</a></li>
<li><a href="contactar.html">Contactar</a></li>
<li class="active"><a href="contactar.html">Contactar</a></li>
<li><a href="terminos-uso.html">Términos legales de uso</a></li>
<li><a href="politica-privacidad.html">Política de Privacidad</a></li>
<li><a href="prensa.html">Prensa</a></li>
<li><a href="prensa.html">Prensa</a></li>
<li><a href="soporte.html">Soporte</a></li>
</ul> </div>
<div class="row">
@ -124,7 +124,7 @@
<div class="span3">
<h5>Síguenos en:</h5>
<ul class="connected">
<li><a href="#"><img src="img/icons/icon-linkedin.png" width="48" height="48" alt="icon"></a></li>
<li><a href="#"><img src="img/icons/icon-linkedin.png" width="48" height="48" alt="icon"></a></li>
<li><a href="#"><img src="img/icons/icon-facebook.png" width="48" height="48" alt="icon"></a></li>
<li><a href="#"><img src="img/icons/icon-twitter.png" width="48" height="48" alt="icon"></a></li>
</ul>

View File

@ -670,6 +670,7 @@ span.valid {
}
#footer .nav-tabs > li > a:hover, .nav-tabs > .active > a {
border: 0;
color: #fff !important;
}

View File

@ -26,7 +26,7 @@
<ul id="menu" class="nav nav-tabs">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="productos.html">Productos</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="blog.html">Blog</a></li>
</ul>
</div>
</div>
@ -112,17 +112,17 @@
</div>
</div>
</div>
<div class="row">
<div class="span12" id="resultado"></>
</div>
</div>
<div class="row">
<div class="span12" id="resultado"></>
</div>
</div>
</div>
<div class="container clearfix">
<div class="row pagination-centered">
<div class="divider"></div>
<div class="divider"></div>
<!--div class="span12">
<h3>PROFIND tiene aplicación en las siguientes situaciones</h3>
</div-->
@ -160,7 +160,7 @@
<li><a href="contactar.html">Contactar</a></li>
<li><a href="terminos-uso.html">Términos legales de uso</a></li>
<li><a href="politica-privacidad.html">Política de Privacidad</a></li>
<li><a href="prensa.html">Prensa</a></li>
<li><a href="prensa.html">Prensa</a></li>
<li><a href="soporte.html">Soporte</a></li>
</ul>
</div>
@ -196,17 +196,17 @@
type: 'POST',
data : $form.serialize()+'&ajax=login-form',
success: function(data, textStatus, XMLHttpRequest) {
if (data.status == '200') {
window.location.href = data.redirect;
}
else {
if (data != null && typeof data == 'object') {
$('#resultado').val('');
$.each(data, function(key, value){
$('#resultado').append(key + ' => ' + value);
});
}
}
if (data.status == '200') {
window.location.href = data.redirect;
}
else {
if (data != null && typeof data == 'object') {
$('#resultado').val('');
$.each(data, function(key, value){
$('#resultado').append(key + ' => ' + value);
});
}
}
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
$('#resultado').append('Error de comunicación con el servidor');
@ -216,9 +216,9 @@
};
$("#entrarForm").validate({
onfocusout: false,
onkeyup: false,
onclick: false,
onfocusout: false,
onkeyup: false,
onclick: false,
rules:{
FormularioLogin_email:{
required:true,
@ -248,7 +248,7 @@
submitHandler: enviar_login
});
var enviar_registro = function() {
var enviar_registro = function() {
var $form = $("#registroForm");
$.ajax({
url: $form.attr('action'),
@ -256,17 +256,17 @@
type: 'POST',
data : $form.serialize()+'&ajax=registro-form',
success: function(data, textStatus, XMLHttpRequest) {
if (data.status == '200') {
$('#resultado').append(data.texto);
}
else {
if (data != null && typeof data == 'object') {
$('#resultado').val('');
$.each(data, function(key, value){
$('#resultado').append(key + ' => ' + value);
});
}
}
if (data.status == '200') {
$('#resultado').append(data.texto);
}
else {
if (data != null && typeof data == 'object') {
$('#resultado').val('');
$.each(data, function(key, value){
$('#resultado').append(key + ' => ' + value);
});
}
}
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
$('#resultado').append('Error de comunicación con el servidor');
@ -276,9 +276,9 @@
};
$("#registroForm").validate({
onfocusout: false,
onkeyup: false,
onclick: false,
onfocusout: false,
onkeyup: false,
onclick: false,
rules:{
FormularioRegistro_email:{
required:true,
@ -290,7 +290,7 @@
},
FormularioRegistro_password2:{
required:true,
minlength: 6,
minlength: 6,
equalTo: "#FormularioRegistro_password"
},
FormularioRegistro_acepto:{
@ -308,7 +308,7 @@
},
FormularioRegistro_password2:{
required:"Introduzca otra vez la contraseña",
minlength:"La contraseña debe tener un mínimo de 6 caracteres",
minlength:"La contraseña debe tener un mínimo de 6 caracteres",
equalTo:"La confirmación de contraseña no coincide con la contraseña"
},
FormularioRegistro_acepto:""
@ -321,7 +321,7 @@
unhighlight: function(element, errorClass, validClass) {
$(element).parents('.control-group').removeClass('error');
},
submitHandler: enviar_registro
submitHandler: enviar_registro
});
});
</script>

View File

@ -23,7 +23,7 @@
<div class="tabnav-wrapper">
<ul id="menu" class="nav nav-tabs">
<li><a href="index.html">Home</a></li>
<li><a href="que-es-profind.html">¿Qué es PROFIND?</a></li>
<li><a href="productos.html">Productos</a></li>
<li><a href="blog.html">Blog</a></li>
</ul>
</div>
@ -366,8 +366,8 @@
<h4>Información y Quejas</h4>
<p>Inselsoft S.L.<br>
C/ Alcalá 257 Oficina 1<br>
28027-Madrid (España)</p>
C/ Alcalá 257 Oficina 1<br>
28027-Madrid (España)</p>
<p>Esta Política de Privacidad entra en vigor en Septiembre de 2012.</p>
@ -380,13 +380,13 @@
<div class="container">
<div class="row"> <!-- Menú al pie de página -->
<div class="span9">
<div class="tabnav-wrapper">
<div class="tabnav-wrapper">
<ul id="footermenu" class="nav nav-tabs">
<li><a href="que-es-profind.html">¿Qué es PROFIND?</a></li>
<li><a href="contactar.html">Contactar</a></li>
<li><a href="terminos-uso.html">Términos legales de uso</a></li>
<li><a href="politica-privacidad.html">Política de Privacidad</a></li>
<li><a href="prensa.html">Prensa</a></li>
<li class="active"><a href="politica-privacidad.html">Política de Privacidad</a></li>
<li><a href="prensa.html">Prensa</a></li>
<li><a href="soporte.html">Soporte</a></li>
</ul> </div>
<div class="row">
@ -396,7 +396,7 @@
<div class="span3">
<h5>Síguenos en:</h5>
<ul class="connected">
<li><a href="#"><img src="img/icons/icon-linkedin.png" width="48" height="48" alt="icon"></a></li>
<li><a href="#"><img src="img/icons/icon-linkedin.png" width="48" height="48" alt="icon"></a></li>
<li><a href="#"><img src="img/icons/icon-facebook.png" width="48" height="48" alt="icon"></a></li>
<li><a href="#"><img src="img/icons/icon-twitter.png" width="48" height="48" alt="icon"></a></li>
</ul>

View File

@ -23,7 +23,7 @@
<div class="tabnav-wrapper">
<ul id="menu" class="nav nav-tabs">
<li><a href="index.html">Home</a></li>
<li><a href="que-es-profind.html">¿Qué es PROFIND?</a></li>
<li><a href="productos.html">Productos</a></li>
<li><a href="blog.html">Blog</a></li>
</ul>
</div>
@ -45,13 +45,13 @@
<div class="container">
<div class="row"> <!-- Menú al pie de página -->
<div class="span9">
<div class="tabnav-wrapper">
<div class="tabnav-wrapper">
<ul id="footermenu" class="nav nav-tabs">
<li><a href="que-es-profind.html">¿Qué es PROFIND?</a></li>
<li><a href="contactar.html">Contactar</a></li>
<li><a href="terminos-uso.html">Términos legales de uso</a></li>
<li><a href="politica-privacidad.html">Política de Privacidad</a></li>
<li><a href="prensa.html">Prensa</a></li>
<li class="active"><a href="prensa.html">Prensa</a></li>
<li><a href="soporte.html">Soporte</a></li>
</ul> </div>
<div class="row">
@ -61,7 +61,7 @@
<div class="span3">
<h5>Síguenos en:</h5>
<ul class="connected">
<li><a href="#"><img src="img/icons/icon-linkedin.png" width="48" height="48" alt="icon"></a></li>
<li><a href="#"><img src="img/icons/icon-linkedin.png" width="48" height="48" alt="icon"></a></li>
<li><a href="#"><img src="img/icons/icon-facebook.png" width="48" height="48" alt="icon"></a></li>
<li><a href="#"><img src="img/icons/icon-twitter.png" width="48" height="48" alt="icon"></a></li>
</ul>

View File

@ -28,7 +28,7 @@
<ul id="menu" class="nav nav-tabs">
<li><a href="index.html">Home</a></li>
<li class="active"><a href="productos.html">Productos</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="blog.html">Blog</a></li>
</ul>
</div>
</div>
@ -48,67 +48,67 @@
<div class="row ">
<div class="span12">
<p>¡ Recuerde Ud. Crea su Cuenta Individual con una <span class="highlight-green">Publicación GRATIS</span> y comienza a utilizar inmediatamente el producto <span class="highlight-green">durante 1 mes</span> !
</p>
</p>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="span6">
<div id="individuales" class="form-box productos">
<h4 class="btn-primary">Cuenta individual</h4>
<div class="container">
<div class="row">
<div class="span6">
<div id="individuales" class="form-box productos">
<h4 class="btn-primary">Cuenta individual</h4>
<ul class="checkmark">
<li>5 Publicaciones 80 euros/mes</li>
<li>10 Publicaciones 120 euros/mes</li>
<li>20 Publicaciones 180 euros/mes</li>
<li>5 Publicaciones 80 euros/mes</li>
<li>10 Publicaciones 120 euros/mes</li>
<li>20 Publicaciones 180 euros/mes</li>
</ul>
</div>
</div>
</div>
<div class="span6">
<div id="equipos" class="form-box productos">
<h4 class="btn-success">Cuenta para equipos (Publicaciones Ilimitadas)</h4>
<h4 class="btn-success">Cuenta para equipos (Publicaciones Ilimitadas)</h4>
<ul class="checkmark">
<li>Hasta 5 Agentes 500 euros/mes</li>
<li>Hasta 10 Agentes 800 euros/mes</li>
<li>Hasta 20 Agentes 1.200 euros/mes</li>
<li>Hasta 5 Agentes 500 euros/mes</li>
<li>Hasta 10 Agentes 800 euros/mes</li>
<li>Hasta 20 Agentes 1.200 euros/mes</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="span12 pagination-centered">
<h4>Su Alta le será Confirmada por email.</h4>
</div>
<div class="row">
<div class="span12 pagination-centered">
<h4>Su Alta le será Confirmada por email.</h4>
</div>
</div>
</div>
<div class="container">
<div class="container">
<div class="row ">
<div class="span12 pagination-centered">
<h4>Otras Configuraciones: Infórmese en <a href="contactar.html">Contactar Página Home</a></h4>
</div>
</div>
</div>
<footer id="footer">
<div class="container">
<div class="row">
<!-- Menú al pie de página -->
<!-- Menú al pie de página -->
<div class="span9">
<div class="tabnav-wrapper">
<div class="tabnav-wrapper">
<ul id="footermenu" class="nav nav-tabs">
<li><a href="que-es-profind.html">¿Qué es PROFIND?</a></li>
<li><a href="contactar.html">Contactar</a></li>
<li><a href="terminos-uso.html">Términos legales de uso</a></li>
<li><a href="politica-privacidad.html">Política de Privacidad</a></li>
<li><a href="prensa.html">Prensa</a></li>
<li><a href="prensa.html">Prensa</a></li>
<li><a href="soporte.html">Soporte</a></li>
</ul> </div>
<div class="row">
@ -118,7 +118,7 @@
<div class="span3">
<h5>Síguenos en:</h5>
<ul class="connected">
<li><a href="#"><img src="img/icons/icon-linkedin.png" width="48" height="48" alt="icon"></a></li>
<li><a href="#"><img src="img/icons/icon-linkedin.png" width="48" height="48" alt="icon"></a></li>
<li><a href="#"><img src="img/icons/icon-facebook.png" width="48" height="48" alt="icon"></a></li>
<li><a href="#"><img src="img/icons/icon-twitter.png" width="48" height="48" alt="icon"></a></li>
</ul>

View File

@ -28,7 +28,7 @@
<ul id="menu" class="nav nav-tabs">
<li><a href="index.html">Home</a></li>
<li><a href="productos.html">Productos</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="blog.html">Blog</a></li>
</ul>
</div>
</div>
@ -40,34 +40,34 @@
<div class="row">
<div class="span12">
<h3>¿Qué es PROFIND?</h3>
<p>
PROFIND es una herramienta SaaS (Software as a Service) pensada para optimizar las tareas de los Agentes de Selección de Empleo (Recruiters) para ayudarles, minimizando las tareas repetitivas y contribuyendo al predominio de su trabajo creativo y de su protagonismo social en la selección de Profesionales con la satisfacción de que tanto la Empresa como El Profesional van a estar totalmente satisfechos con su acuerdo PROFIND es su compañera de trabajo para:
</p>
<p>
PROFIND es una herramienta SaaS (Software as a Service) pensada para optimizar las tareas de los Agentes de Selección de Empleo (Recruiters) para ayudarles, minimizando las tareas repetitivas y contribuyendo al predominio de su trabajo creativo y de su protagonismo social en la selección de Profesionales con la satisfacción de que tanto la Empresa como El Profesional van a estar totalmente satisfechos con su acuerdo PROFIND es su compañera de trabajo para:
</p>
</div>
</div>
<div class="row">
</div>
<div class="row">
<div class="span7">
<ul class="checkmark">
<li>Publicar Ofertas de Empleo en el propio PROFIND.</li>
<li>Difundir automáticamente las Ofertas a través de las propias Redes Sociales (Facebook, Linkedin,..) y Grupos de dichas Redes.</li>
<li>Realimentar dichas Redes Sociales con nuevos Contactos potencialmente Candidatos.</li>
<li>Controlar automáticamente las respuestas desde sus Redes y Grupos e integrarlas de forma automática en su PROFIND.</li>
<li>Difundir automáticamente las Ofertas a través de los portales de Empleo con los que tenga Acuerdo el Agente.</li>
<li>Controlar las respuestas desde los Portales de Empleo en los que ha difundido su Oferta.</li>
<li>Alimentar la construcción de ” su propia Base de Datos” con toda la información de Publicaciones y Respuestas.</li>
<li>Seguir la evolución de los Candidato en el proceso de Selección.</li>
</ul>
<ul class="checkmark">
<li>Publicar Ofertas de Empleo en el propio PROFIND.</li>
<li>Difundir automáticamente las Ofertas a través de las propias Redes Sociales (Facebook, Linkedin,..) y Grupos de dichas Redes.</li>
<li>Realimentar dichas Redes Sociales con nuevos Contactos potencialmente Candidatos.</li>
<li>Controlar automáticamente las respuestas desde sus Redes y Grupos e integrarlas de forma automática en su PROFIND.</li>
<li>Difundir automáticamente las Ofertas a través de los portales de Empleo con los que tenga Acuerdo el Agente.</li>
<li>Controlar las respuestas desde los Portales de Empleo en los que ha difundido su Oferta.</li>
<li>Alimentar la construcción de ” su propia Base de Datos” con toda la información de Publicaciones y Respuestas.</li>
<li>Seguir la evolución de los Candidato en el proceso de Selección.</li>
</ul>
</div>
<div class="span5">
<img width="300" height="260" class="img-left" alt="image" src="img/preview/slider-img1.png">
</div>
</div>
<div class="row">
<div class="span12">
<p>
Con PROFIND, cada Agente de un equipo pueda demostrar la efectividad e intensidad de su trabajo frente a los Responsables de su Equipo. El Agente es propietario de la Información valiosa para él y para su empresa que ha sido el resultante de su trabajo de cada día.
</p>
<p>
Con PROFIND, cada Agente de un equipo pueda demostrar la efectividad e intensidad de su trabajo frente a los Responsables de su Equipo. El Agente es propietario de la Información valiosa para él y para su empresa que ha sido el resultante de su trabajo de cada día.
</p>
</div>
</div>
<div class="row">
@ -83,23 +83,23 @@
<li>Selecciona y contrata a los Candidatos elegidos.</li>
</ul>
</div>
<div class="span6">
<h5>PROFIND tiene aplicación en las siguientes situaciones:</h5>
<ul class="checkmark">
<li>Agentes de Empleo que seleccionan Candidatos para puestos a cubrir en su propia empresa.</li>
<li>Agentes de Empleo que seleccionan Candidatos para puestos a cubrir por sus Empresas Clientes.</li>
<li>Agentes de empresa que subcontratan Servicios técnicos a sus Proveedores.</li>
<h5>PROFIND tiene aplicación en las siguientes situaciones:</h5>
<ul class="checkmark">
<li>Agentes de Empleo que seleccionan Candidatos para puestos a cubrir en su propia empresa.</li>
<li>Agentes de Empleo que seleccionan Candidatos para puestos a cubrir por sus Empresas Clientes.</li>
<li>Agentes de empresa que subcontratan Servicios técnicos a sus Proveedores.</li>
</ul>
</div>
</div>
</div>
<div class="container box">
<div class="row ">
<div class="span12">
<p>Comenzar a utilizar el Servicio es tan fácil como <span class="highlight-green">Registrarse en Profind</span> y comenzar de forma <span class="highlight-green">gratuita</span> hasta que el Agente decida ampliar los servicios en base a una cuota anual.
</p>
</p>
</div>
</div>
@ -116,15 +116,15 @@
<div class="container">
<div class="row">
<!-- Menú al pie de página -->
<!-- Menú al pie de página -->
<div class="span9">
<div class="tabnav-wrapper">
<div class="tabnav-wrapper">
<ul id="footermenu" class="nav nav-tabs">
<li><a href="que-es-profind.html">¿Qué es PROFIND?</a></li>
<li class="active"><a href="que-es-profind.html">¿Qué es PROFIND?</a></li>
<li><a href="contactar.html">Contactar</a></li>
<li><a href="terminos-uso.html">Términos legales de uso</a></li>
<li><a href="politica-privacidad.html">Política de Privacidad</a></li>
<li><a href="prensa.html">Prensa</a></li>
<li><a href="prensa.html">Prensa</a></li>
<li><a href="soporte.html">Soporte</a></li>
</ul> </div>
<div class="row">
@ -134,7 +134,7 @@
<div class="span3">
<h5>Síguenos en:</h5>
<ul class="connected">
<li><a href="#"><img src="img/icons/icon-linkedin.png" width="48" height="48" alt="icon"></a></li>
<li><a href="#"><img src="img/icons/icon-linkedin.png" width="48" height="48" alt="icon"></a></li>
<li><a href="#"><img src="img/icons/icon-facebook.png" width="48" height="48" alt="icon"></a></li>
<li><a href="#"><img src="img/icons/icon-twitter.png" width="48" height="48" alt="icon"></a></li>
</ul>

View File

@ -23,7 +23,7 @@
<div class="tabnav-wrapper">
<ul id="menu" class="nav nav-tabs">
<li><a href="index.html">Home</a></li>
<li><a href="que-es-profind.html">¿Qué es PROFIND?</a></li>
<li><a href="productos.html">Productos</a></li>
<li><a href="blog.html">Blog</a></li>
</ul>
</div>
@ -45,14 +45,14 @@
<div class="container">
<div class="row"> <!-- Menú al pie de página -->
<div class="span9">
<div class="tabnav-wrapper">
<div class="tabnav-wrapper">
<ul id="footermenu" class="nav nav-tabs">
<li><a href="que-es-profind.html">¿Qué es PROFIND?</a></li>
<li><a href="contactar.html">Contactar</a></li>
<li><a href="terminos-uso.html">Términos legales de uso</a></li>
<li><a href="politica-privacidad.html">Política de Privacidad</a></li>
<li><a href="prensa.html">Prensa</a></li>
<li><a href="soporte.html">Soporte</a></li>
<li><a href="prensa.html">Prensa</a></li>
<li class="active"><a href="soporte.html">Soporte</a></li>
</ul> </div>
<div class="row">
<div class="span9"><p class="copyright">© Copyright (Todos los derechos Reservados)
@ -61,7 +61,7 @@
<div class="span3">
<h5>Síguenos en:</h5>
<ul class="connected">
<li><a href="#"><img src="img/icons/icon-linkedin.png" width="48" height="48" alt="icon"></a></li>
<li><a href="#"><img src="img/icons/icon-linkedin.png" width="48" height="48" alt="icon"></a></li>
<li><a href="#"><img src="img/icons/icon-facebook.png" width="48" height="48" alt="icon"></a></li>
<li><a href="#"><img src="img/icons/icon-twitter.png" width="48" height="48" alt="icon"></a></li>
</ul>

View File

@ -23,7 +23,7 @@
<div class="tabnav-wrapper">
<ul id="menu" class="nav nav-tabs">
<li><a href="index.html">Home</a></li>
<li><a href="que-es-profind.html">¿Qué es PROFIND?</a></li>
<li><a href="productos.html">Productos</a></li>
<li><a href="blog.html">Blog</a></li>
</ul>
</div>
@ -506,13 +506,13 @@
<div class="container">
<div class="row"> <!-- Menú al pie de página -->
<div class="span9">
<div class="tabnav-wrapper">
<div class="tabnav-wrapper">
<ul id="footermenu" class="nav nav-tabs">
<li><a href="que-es-profind.html">¿Qué es PROFIND?</a></li>
<li><a href="contactar.html">Contactar</a></li>
<li><a href="terminos-uso.html">Términos legales de uso</a></li>
<li class="active"><a href="terminos-uso.html">Términos legales de uso</a></li>
<li><a href="politica-privacidad.html">Política de Privacidad</a></li>
<li><a href="prensa.html">Prensa</a></li>
<li><a href="prensa.html">Prensa</a></li>
<li><a href="soporte.html">Soporte</a></li>
</ul> </div>
<div class="row">
@ -522,7 +522,7 @@
<div class="span3">
<h5>Síguenos en:</h5>
<ul class="connected">
<li><a href="#"><img src="img/icons/icon-linkedin.png" width="48" height="48" alt="icon"></a></li>
<li><a href="#"><img src="img/icons/icon-linkedin.png" width="48" height="48" alt="icon"></a></li>
<li><a href="#"><img src="img/icons/icon-facebook.png" width="48" height="48" alt="icon"></a></li>
<li><a href="#"><img src="img/icons/icon-twitter.png" width="48" height="48" alt="icon"></a></li>
</ul>