<!DOCTYPE html>
<html lang="en">

<head>

  <!-- Page Information
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <meta charset="utf-8">
  <title>Links OSUC</title>

  <!-- Mobile Specific Metas
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- FONT
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <link href="https://fonts.googleapis.com/css?family=Manrope:400,600,700,800&display=swap" rel="stylesheet">


  <!-- CSS
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <link rel="stylesheet" href="css/normalize.css">

  <!-- Themes:
         Auto:   css/skeleton-auto.css
         Light:  css/skeleton-light.css
         Dark:   css/skeleton-dark.css
  -->
  <link rel="stylesheet" href="css/skeleton-auto.css">

  <link rel="stylesheet" href="css/brands.css">


  <!-- Favicon
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <link rel="icon" type="image/png" href="images/avatar.png">

</head>

<body>

  <!-- Primary Page Layout
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <div class="container">
    <div class="row">
      <div class="column" style="margin-top: 10%">

        <img src="images/avatar.svg" class="avatar" alt="Logo OSUC">

        <!-- Title -->
        <h1>Links Open Source UC</h1>

        <!-- Short Bio -->
        <p>Links de que te podrían interesar. De nosotros para tí 🙂</p>
        <br>

        <!-- Web -->
        <a class="button button-osuc" href="osuc.dev" target="_blank" rel="noopener">
            <img class="icon" src="images/icons/osuc-branch.svg" alt="Web Logo">Página Web</a>
        <br>

        <!-- GitHub -->
        <a class="button button-github" href="https://github.com/open-source-uc" target="_blank" rel="noopener">
            <img class="icon" src="images/icons/github.svg" alt="GitHub Logo">GitHub</a>
        <br>

        <!-- UCalendar -->
        <a class="button button-ucalendar" href="https://ucalendar.osuc.dev/term/2022/2/schedule" target="_blank" rel="noopener">
            <img class="icon" src="images/icons/calendar.svg" alt="UCalendar"><span style='color: #0176DE;'>UC</span>alendar 🔥</a>
        <br>
        <!-- RamosUC -->
        <a class="button button-ramosuc" href="https://ramosuc.cl" target="_blank" rel="noopener">
            <img class="icon" src="images/icons/ramos-uc.svg" alt="RamosUC">Ramos<span style='color: #0176DE;'>UC</span> 🔥</a>
        <br>

        <h4>Redes Sociales</h4>
        
        <!-- Instagram -->
        <a class="button button-instagram" href="https://www.instagram.com/opensource_euc/" target="_blank" rel="noopener">
            <img class="icon" src="images/icons/instagram.svg" alt="Instagram Logo">Instagram</a>
        <br>

        <!-- Telegram -->
        <a class="button button-telegram" href="https://t.me/+IlP7o3H_yX5hMTQx" target="_blank" rel="noopener">
            <img class="icon" src="images/icons/telegram.svg" alt="Telegram Logo">Telegram</a>
        <br>

        <!-- YouTube -->
        <a class="button button-yt" href="https://www.youtube.com/channel/UCgomWM2oXY-XcB1s1zJs7nw" target="_blank" rel="noopener">
            <img class="icon" src="images/icons/youtube.svg" alt="YouTube Logo">YouTube</a>
        <br>

        <!-- Discord -->
        <a class="button button-discord" href="https://discord.com/invite/VMXCNAvjPW" target="_blank" rel="noopener">
            <img class="icon" src="images/icons/discord.svg" alt="Discord Logo">Discord</a>
        <br>

        <!-- Twitter -->
        <a class="button button-twit" href="https://twitter.com/OpenSource_eUC" target="_blank" rel="noopener">
            <img class="icon" src="images/icons/twitter.svg" alt="Twitter Logo">Twitter</a>
        <br>

        <!-- LinkedIn -->
        <a class="button button-linked" href="https://cl.linkedin.com/company/open-source-euc" target="_blank" rel="noopener">
            <img class="icon" src="images/icons/linkedin.svg" alt="LinkedIn Logo">LinkedIn</a>
        <br>
        <h4>Recomendaciones 😁</h4>
        <!-- Exercism -->
        <a class="button button-notion" href="https://exercism.org/" target="_blank" rel="noopener">
            <img class="icon" src="https://d24y9kuxp2d7l2.cloudfront.net/assets/icons/logo-42e9b829cf6816496069a62608cb51e7c13624bd.svg" alt="Exercism Logo">Exercism</a>
        <br>

        <!-- Blog
        <a class="button button-default" href="#" target="_blank" rel="noopener">
            <img class="icon" src="images/icons/blog.svg" alt="Blog Icon">Blog</a>
        <br>
        -->

        <br>
        <p><a href="privacy.html">Política de Privacidad</a></p>
    <p>Creado con <a href="https://littlelink.io" target="_blank" rel="noopener">LittleLink</a> y mantenido con 💙 por la comunidad de OSUC.</p>

      </div>
    </div>
  </div>

  <!-- End Document
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>

</html>