88 lines
1.4 KiB
Vue
88 lines
1.4 KiB
Vue
<template>
|
|
|
|
<div class="azulUnam">
|
|
<div class="row">
|
|
|
|
|
|
|
|
<div class="logo_unam col-5 offset-0 ">
|
|
|
|
<a href="https://www.unam.mx/" target="_blank">
|
|
<img class="sizeImg" src="../assets/logo_unam.png" alt="logo unam" />
|
|
</a>
|
|
</div>
|
|
|
|
<div class="logo_acatlan col-5 offset-2 d-flex justify-content-center">
|
|
<a href="https://www.acatlan.unam.mx/" target="_blank">
|
|
|
|
<img
|
|
class="sizeImga"
|
|
src="../assets/logo_fesa.png"
|
|
alt="logo unam"
|
|
/>
|
|
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div
|
|
class="logo_acatlan_resp col-4 offset-2 d-flex justify-content-center my-3 align-items-center"
|
|
>
|
|
<a href="https://www.acatlan.unam.mx/" target="_blank">
|
|
<img
|
|
class="sizeImg"
|
|
src="../assets/logo_acatlan.png"
|
|
alt="logo unam"
|
|
/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped >
|
|
|
|
|
|
|
|
.pad{
|
|
|
|
padding: 0px;
|
|
}
|
|
|
|
.divMaster {
|
|
height: 6em;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.azulUnam {
|
|
background-color: #1e3c70;
|
|
padding: 15px;
|
|
}
|
|
.sizeImg {
|
|
height: 4.8rem;
|
|
margin: auto 0;
|
|
}
|
|
|
|
.sizeImga {
|
|
height: 4.4rem;
|
|
|
|
}
|
|
.logo_acatlan_resp {
|
|
display: none !important;
|
|
}
|
|
|
|
@media (max-width: 450px) {
|
|
.logo_acatlan,
|
|
.logo_unam {
|
|
display: none !important;
|
|
}
|
|
.logo_acatlan_resp {
|
|
display: block !important;
|
|
}
|
|
.logo_acatlan_resp a img {
|
|
height: 5rem;
|
|
}
|
|
}
|
|
</style>
|