cabecera
This commit is contained in:
@@ -15,5 +15,48 @@ footer {
|
|||||||
|
|
||||||
.footer-menu {
|
.footer-menu {
|
||||||
@apply mb-4 flex flex-col gap-4 md:flex-row md:justify-center md:gap-8;
|
@apply mb-4 flex flex-col gap-4 md:flex-row md:justify-center md:gap-8;
|
||||||
|
|
||||||
|
li {
|
||||||
|
@apply md:not-first:before:text-primary md:flex md:not-first:before:pr-5 md:not-first:before:content-["|"];
|
||||||
|
|
||||||
|
a {
|
||||||
|
@apply md:hover:text-primary block rounded-sm px-3 py-2 text-white hover:bg-gray-100 md:border-0 md:p-0 md:hover:bg-transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#header-menu {
|
||||||
|
@apply flex flex-col rounded-lg border-0 p-4 font-medium lg:flex-row lg:space-x-5 lg:p-0 rtl:space-x-reverse;
|
||||||
|
}
|
||||||
|
|
||||||
|
#masthead {
|
||||||
|
@apply relative;
|
||||||
|
height: 75vh;
|
||||||
|
}
|
||||||
|
#nav-container {
|
||||||
|
@apply w-full py-16;
|
||||||
|
#site-navigation {
|
||||||
|
@apply container mx-auto flex flex-row items-center justify-between rounded-4xl bg-white p-0;
|
||||||
|
#menu {
|
||||||
|
@apply bg-secondary font-barlow flex w-3/4 justify-end rounded-4xl px-12 py-6 text-2xl font-bold text-white;
|
||||||
|
|
||||||
|
a {
|
||||||
|
@apply md:hover:text-primary block rounded-sm px-3 py-2 text-white hover:bg-gray-100 md:border-0 md:p-0 md:hover:bg-transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#logo {
|
||||||
|
@apply mx-12 my-4;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#slide {
|
||||||
|
background: url("assets/img/bg-slider.jpg") no-repeat center top;
|
||||||
|
z-index: -1;
|
||||||
|
@apply absolute top-0 w-full bg-cover;
|
||||||
|
height: 75vh;
|
||||||
|
}
|
||||||
|
#text-slide {
|
||||||
|
@apply font-montserrat z-10 mt-32 flex flex-col items-center justify-center text-center text-7xl font-bold text-white;
|
||||||
|
}
|
||||||
|
|||||||
BIN
theme/assets/img/bg-slider.jpg
Normal file
BIN
theme/assets/img/bg-slider.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
@@ -1,4 +1,5 @@
|
|||||||
<?php
|
<?php
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* The template for displaying the footer
|
* The template for displaying the footer
|
||||||
*
|
*
|
||||||
@@ -11,13 +12,24 @@
|
|||||||
|
|
||||||
?>
|
?>
|
||||||
|
|
||||||
</div><!-- #content -->
|
</div><!-- #content -->
|
||||||
|
|
||||||
<?php get_template_part( 'template-parts/layout/footer', 'content' ); ?>
|
<?php get_template_part('template-parts/layout/footer', 'content'); ?>
|
||||||
|
|
||||||
</div><!-- #page -->
|
</div><!-- #page -->
|
||||||
|
|
||||||
<?php wp_footer(); ?>
|
<?php wp_footer(); ?>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/flowbite@3.1.2/dist/flowbite.min.js"></script>
|
||||||
|
<script src="https://unpkg.com/typed.js@2.1.0/dist/typed.umd.js"></script>
|
||||||
|
<script>
|
||||||
|
var typed = new Typed('#text-slide', {
|
||||||
|
strings: ['ESTRATEGIA', 'BRANDING', 'CREATIVIDAD', 'DISEÑO'],
|
||||||
|
typeSpeed: 60,
|
||||||
|
backSpeed: 30,
|
||||||
|
shuffle: true,
|
||||||
|
loop: true,
|
||||||
|
});
|
||||||
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@@ -11,39 +11,41 @@
|
|||||||
?>
|
?>
|
||||||
|
|
||||||
<header id="masthead">
|
<header id="masthead">
|
||||||
|
<div id="slide"></div>
|
||||||
<div>
|
<div id="nav-container">
|
||||||
<?php
|
<nav id="site-navigation" aria-label="<?php esc_attr_e('Main Navigation', 'studio-up'); ?>">
|
||||||
if (is_front_page()) :
|
<div id="logo">
|
||||||
?>
|
<a href="<?php echo esc_url(home_url('/')); ?>">
|
||||||
<h1><?php bloginfo('name'); ?></h1>
|
<img src="<?= esc_url(wp_get_attachment_image_src(get_theme_mod('custom_logo'), 'full')[0]) ?>"
|
||||||
<?php
|
class="custom-logo" alt="<?= get_bloginfo('name') ?>" decoding="async">
|
||||||
else :
|
</a>
|
||||||
?>
|
</div>
|
||||||
<p><a href="<?php echo esc_url(home_url('/')); ?>" rel="home"><?php bloginfo('name'); ?></a></p>
|
<div id="menu">
|
||||||
<?php
|
<button data-collapse-toggle="navbar-default" type="button"
|
||||||
endif;
|
class="inline-flex items-center bg-white p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg lg:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200"
|
||||||
|
aria-controls="navbar-default" aria-expanded="false">
|
||||||
$studio_up_description = get_bloginfo('description', 'display');
|
<span class="sr-only">Open main menu</span>
|
||||||
if ($studio_up_description || is_customize_preview()) :
|
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
|
||||||
?>
|
viewBox="0 0 17 14">
|
||||||
<p><?php echo $studio_up_description; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||||
?></p>
|
d="M1 1h15M1 7h15M1 13h15" />
|
||||||
<?php endif; ?>
|
</svg>
|
||||||
|
</button>
|
||||||
|
<div
|
||||||
|
class="absolute hidden w-4/5 md:w-75 mt-12 bg-secondary rounded-lg lg:relative lg:block lg:w-auto lg:bg-transparent lg:mt-0"
|
||||||
|
id="navbar-default">
|
||||||
|
<?php
|
||||||
|
wp_nav_menu(
|
||||||
|
array(
|
||||||
|
'theme_location' => 'header',
|
||||||
|
'menu_id' => 'header-menu',
|
||||||
|
'items_wrap' => '<ul id="%1$s" class="" aria-label="submenu">%3$s</ul>',
|
||||||
|
)
|
||||||
|
);
|
||||||
|
?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav><!-- #site-navigation -->
|
||||||
</div>
|
</div>
|
||||||
|
<div id="text-slide"></div>
|
||||||
<nav id="site-navigation" aria-label="<?php esc_attr_e('Main Navigation', 'studio-up'); ?>">
|
|
||||||
<button aria-controls="primary-menu" aria-expanded="false"><?php esc_html_e('Primary Menu', 'studio-up'); ?></button>
|
|
||||||
|
|
||||||
<?php
|
|
||||||
wp_nav_menu(
|
|
||||||
array(
|
|
||||||
'theme_location' => 'header',
|
|
||||||
'menu_class' => 'header-menu',
|
|
||||||
'items_wrap' => '<ul id="%1$s" class="%2$s" aria-label="submenu">%3$s</ul>',
|
|
||||||
)
|
|
||||||
);
|
|
||||||
?>
|
|
||||||
</nav><!-- #site-navigation -->
|
|
||||||
|
|
||||||
</header><!-- #masthead -->
|
</header><!-- #masthead -->
|
||||||
Reference in New Issue
Block a user