<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
alber.Montero.aragunde..
</body>
</html>
<PROGRAMADOR><YOUTUBER>
<ALBERT><MONTERO>
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta name=ALBERT"
content="width=device-width, initial-scale=1.0" />
<title>Responsive Navbar</title>
<!--Fontawesome -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
/>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap"
rel="stylesheet"
/>
</head>
<body>
<header>
<nav>
<a href="#home" id="EMPRENDEDORES">EMPRENDEDORES</a>
<i class="fas fa-bars" id="ham-menu"></i>
<ul id="nav-bar">
<li>
<a href="#FACEBOOK">https://www.facebook.com
</li>
<li>
<a href="TWITTER">https://twitter.com
</li>
<li>
<a href="#INSTAGRAM></a>"</a>https://instagram.com
</li>
<li>
<a href="#BLOGGER">/https://bloguerosinfluencers.blogspot.com
</li>
<li>
<a href="#contact">albert Montero aragunde</a>
</li>
</ul>
</nav>
</header>
<section id="home">
<a href="https://youtu.be/IjWnwy7ntSg>
="_blank" id="yt-link"
>My Youtuber.ALBERT.VIDIO 1.</a
>
</section>
<script>
let hamMenuIcon = document.getElementById("ham-menu");
let navBar = document.getElementById("nav-bar");
let navLinks = navBar.querySelectorAll("li");
//
/* SideMenu Toggle */
hamMenuIcon.addEventListener("click", () => {
navBar.classList.toggle("active");
hamMenuIcon.classList.toggle("fa-times");
});
navLinks.forEach((navLinks) => {
navLinks.addEventListener("click", () => {
navBar.classList.remove("active");
hamMenuIcon.classList.toggle("fa-times");
});
});
</script>
</body>
</html>
<section id="home">
<a href="https://youtu.be/tLe8FVElYtM>
="_blank" id="yt-link"
>My Youtuber.ALBERT.VIDIO 2.</a
ALBERT MONTERO ARAGUNDE
No hay comentarios:
Publicar un comentario