network.html

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/png" href="assets/logo/favicon.png" />
    <link rel="manifest" href="manifest.json">
    <title>Networks</title>

    <link rel="stylesheet" href="styles/index.css">
    <link rel="stylesheet" href="styles/header.css">
    <link rel="stylesheet" href="styles/nav.css">
    <link rel="stylesheet" href="styles/main.css">
    <link rel="stylesheet" href="styles/footer.css">
    <link rel="stylesheet" href="styles/pages/development.css">
    <link rel="stylesheet" href="styles/pages/about.css">
    <link rel="stylesheet" href="styles/viewTransitions.css">

    <script src="scripts/events.js" defer></script>
    <script src="scripts/viewTransition.js" defer></script>
  </head>

  <body>

    <header class="header-container">
      <div class="header-content">
        <a href="index.html" class="header-home-button">
          <img class="header-logo-img" src="assets/logo/logo1.svg" alt="Rocket Code">
          <h2 class="header-title">INTER DATA</h2>
        </a>
        <img src="assets/icons/menu-2.svg" class="menu-button-icon" alt="menu-icon">
      </div>
    </header>
    
    <nav class="nav-container">
      <a class="nav-item" href="index.html">
        <img src="assets/icons/users.svg" class="nav-item-icon" alt="users-icon">
        About us
      </a>
      <a class="nav-item" href="clients.html">
        <img src="assets/icons/coins.svg" class="nav-item-icon" alt="coins-icon">
        Our clients
      </a>
      <a class="nav-item" href="network.html">
        <img src="assets/icons/world.svg" class="nav-item-icon" alt="world-icon">
        Network Solution
      </a>
    </nav>





    <main class="main-container">

      <h1 class="page-title">
        Network Solution
      </h1>

      <p>
        Here we present the network solution developed by our network specialist to meet the needs of our client.
        The network solution provides an infrastructure designed to provide our client with a good infrastructure on which to carry out all their tasks in the best possible way. In addition, we provide a division into areas which will allow for better internal organization in the veterinary clinic..
      </p>

      <img class="network-ss" src="assets/network/TopoLogica.jpg" alt="topologia logica">

      <p>
        Additionally, a diagram made by the team is provided here to be able to physically locate each network device within the veterinary facilities, which we hope will facilitate future work on the network developed for our client.
      </p>

      <img class="network-ss" src="assets/network/TopoFisica.jpg" alt="topologia fisica">
    
    </main>




    <footer class="footer-container">
      <div class="footer-first">
        <a href="https://www.instagram.com/utj_oficial/" target="_blank" rel="noopener noreferrer" class="footer-button">
          <img class="footer-icon" src="assets/icons/brand-instagram.svg" alt="icon-instagram">
        </a>

        <a href="https://www.facebook.com/utj.universidad" target="_blank" rel="noopener noreferrer" class="footer-button">
          <img class="footer-icon" src="assets/icons/brand-facebook.svg" alt="icon-facebook">
        </a>

        <a href="https://twitter.com/utj_oficial" target="_blank" rel="noopener noreferrer" class="footer-button">
          <img class="footer-icon" src="assets/icons/brand-twitter.svg" alt="icon-twitter">
        </a>

        <a href="https://www.youtube.com/@OFICIALUTJ" target="_blank" rel="noopener noreferrer" class="footer-button">
          <img class="footer-icon" src="assets/icons/brand-youtube.svg" alt="icon-youtube">
        </a>

      </div>

      <div class="footer-second">
        2024. INTER DATA
      </div>
    </footer>

  </body>
</html>