61 lines
1.2 KiB
Vue
61 lines
1.2 KiB
Vue
<template>
|
|
<header class="Azul-puma py-3">
|
|
<header class="container">
|
|
<div class="row anch">
|
|
|
|
<div href="https://www.unam.mx/" class="col d-none d-md-block sin_pad"> <img src="../assets/UNAM.png" alt="logo Unam"> </div>
|
|
<div href="https://www.acatlan.unam.mx/" class="col d-flex justify-content-sm-center justify-content-lg-end"> <img src="../assets/Fes-aniversario.png" class="logo-fes" alt="Ediciones Acatlán"> </div>
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
</header>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.anch{
|
|
margin-top: 1.5rem;
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
.logo-fes{
|
|
height: 5rem;
|
|
|
|
}
|
|
.sin_pad{
|
|
margin-left: 0rem;
|
|
margin-right: 0rem;
|
|
text-align: left;
|
|
|
|
|
|
}
|
|
@media screen and (max-width: 425px) {
|
|
.anch{
|
|
margin-top: .5rem;
|
|
margin-bottom: .5rem;
|
|
}
|
|
.logo-fes{
|
|
margin-top: .7rem;
|
|
height: 3rem;
|
|
|
|
}
|
|
}
|
|
|
|
.Azul-puma {
|
|
background-color: rgb(26, 27, 29);
|
|
}
|
|
@media screen and (max-width: 1024px) {
|
|
.logo-fes{
|
|
margin-top: .7rem;
|
|
height: 4rem;
|
|
|
|
}
|
|
}
|
|
|
|
</style> |