abc menu 2
Builder
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Estudio de mercado</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous">
</head>
<style type="text/css">
ul{
width: 100%;
padding: 0px;
margin: 0px;
}
li {
list-style: none;
display: table;
height: 110px;
}
li a {
text-decoration: none;
text-align: center;
display: block;
padding: 10px 20px;
/* background-color: #060606; */
background-color: #1971c2;
color: #fff;
font-family: 'Raleway', sans-serif;
height: 76px;
/* width: 100%; */
border: 1px solid #fff;
display: table-cell;
vertical-align: middle;
}
.icon-menu{
color: #fff;
font-size: 24px;
padding: 10px 0px;
}
.nombre {
text-align: center;
background-color: #00315f;
color: #fff;
padding: 13px;
font-size: 17px;
font-family: 'Raleway', sans-serif;
margin: 0px;
}
@media( max-width: 600px){
.submenus_z1 li{
float: left;
width: 50%;
}
}
</style>
<body>
<div class="contenido">
<ul class="submenus_z1">
<center><img src="/Presentaciones/ABCregional/img/logo-header.jpg" width="60%" style="padding: 10px 0px;"></center>
<p class="nombre">CONTINENTE</p>
<li class="lista sub_lista"><a href="/ir/0?recursoDestino=/BancoConocimiento/E/estudios-mercado-informes-sectoriales-america-home/estudios-mercado-informes-sectoriales-america-home" class="sub_1" target="_blank"><i class="icon-menu fas fa-globe-americas"></i> <br> América</a></li>
<li class="lista sub_lista"><a href="/ir/0?recursoDestino=/BancoConocimiento/E/estudios-mercado-asia-oceania-home/estudios-mercado-asia-oceania-home" class="sub_1" target="_blank"><i class="icon-menu fas fa-map-marked-alt"></i> <br> Asia y oceanía</a></li>
<li class="lista sub_lista"><a href="/ir/0?recursoDestino=/BancoConocimiento/E/estudios-mercado-europa-home/estudios-mercado-europa-hom" class="sub_1" target="_blank"><i class=" icon-menu fas fa-globe"></i> <br>Europa</a></li>
<li class="lista sub_lista"><a class="sub_1" style="background-color: #00315f;"></li>
</div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Estudio de mercado</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous">
</head>
<style type="text/css">
ul{
width: 100%;
padding: 0px;
margin: 0px;
}
li {
list-style: none;
display: table;
height: 110px;
}
li a {
text-decoration: none;
text-align: center;
display: block;
padding: 10px 20px;
/* background-color: #060606; */
background-color: #1971c2;
color: #fff;
font-family: 'Raleway', sans-serif;
height: 76px;
/* width: 100%; */
border: 1px solid #fff;
display: table-cell;
vertical-align: middle;
}
.icon-menu{
color: #fff;
font-size: 24px;
padding: 10px 0px;
}
.nombre {
text-align: center;
background-color: #00315f;
color: #fff;
padding: 13px;
font-size: 17px;
font-family: 'Raleway', sans-serif;
margin: 0px;
}
@media( max-width: 600px){
.submenus_z1 li{
float: left;
width: 50%;
}
}
</style>
<body>
<div class="contenido">
<ul class="submenus_z1">
<center><img src="/Presentaciones/ABCregional/img/logo-header.jpg" width="60%" style="padding: 10px 0px;"></center>
<p class="nombre">CONTINENTE</p>
<li class="lista sub_lista"><a href="/ir/0?recursoDestino=/BancoConocimiento/E/estudios-mercado-informes-sectoriales-america-home/estudios-mercado-informes-sectoriales-america-home" class="sub_1" target="_blank"><i class="icon-menu fas fa-globe-americas"></i> <br> América</a></li>
<li class="lista sub_lista"><a href="/ir/0?recursoDestino=/BancoConocimiento/E/estudios-mercado-asia-oceania-home/estudios-mercado-asia-oceania-home" class="sub_1" target="_blank"><i class="icon-menu fas fa-map-marked-alt"></i> <br> Asia y oceanía</a></li>
<li class="lista sub_lista"><a href="/ir/0?recursoDestino=/BancoConocimiento/E/estudios-mercado-europa-home/estudios-mercado-europa-hom" class="sub_1" target="_blank"><i class=" icon-menu fas fa-globe"></i> <br>Europa</a></li>
<li class="lista sub_lista"><a class="sub_1" style="background-color: #00315f;"></li>
</div>
</body>
</html>