Spaces:

---

MatheusMathiasFernandes

/

upstream

Like 0

Running

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Upstream Technology - Curso de Informática Básica</title>

<script src="https://cdn.tailwindcss.com"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

<script>

<style>

<!-- Header/Navigation -->

<header class="bg-white shadow-md sticky top-0 z-50">

<div class="container mx-auto px-4 py-3 flex justify-between items-center">

<div class="flex items-center">

<img src="https://i.postimg.cc/HsRJrn0Y/Group-5-2.png" alt="Upstream Technology Logo" class="h-12">

<span class="ml-2 text-xl font-bold text-primary">Upstream Technology</span>

</div>

<nav class="hidden md:flex space-x-8">

<a href="#home" class="nav-link text-primary font-medium hover:text-secondary transition">Início</a>

<a href="#about" class="nav-link text-primary font-medium hover:text-secondary transition">Sobre</a>

<a href="#course" class="nav-link text-primary font-medium hover:text-secondary transition">Curso</a>

<a href="#login" class="nav-link text-primary font-medium hover:text-secondary transition">Login</a>

<a href="#register" class="nav-link text-primary font-medium hover:text-secondary transition">Cadastro</a>

<a href="#contact" class="nav-link text-primary font-medium hover:text-secondary transition">Contato</a>

</nav>

<button id="mobile-menu-button" class="md:hidden text-primary">

<i class="fas fa-bars text-2xl"></i>

</button>

</div>

<!-- Mobile Menu -->

<div id="mobile-menu" class="hidden md:hidden bg-white py-4 px-4 shadow-lg">

<div class="flex flex-col space-y-4">

<a href="#home" class="nav-link text-primary font-medium hover:text-secondary transition">Início</a>

<a href="#about" class="nav-link text-primary font-medium hover:text-secondary transition">Sobre</a>

<a href="#course" class="nav-link text-primary font-medium hover:text-secondary transition">Curso</a>