mainweb/colabora.html at master · RoboTech-URJC/mainweb · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!doctype html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Colabora con Robotech URJC.">
    <title>Colabora | Robotech URJC</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <a class="skip-link" href="#contenido">Saltar al contenido</a>
    <header class="site-header">
      <div class="container nav">
        <a class="brand" href="index.html"><img src="img/logo_no_underscore.png" alt=""><span>Robotech URJC <small>Colaboracion</small></span></a>
        <button class="nav-toggle" type="button" aria-expanded="false" aria-label="Abrir menú"><span></span><span></span><span></span></button>
        <nav class="nav-menu" aria-label="Navegación principal">
          <a href="index.html">Inicio</a><a href="aboutus.html">Quiénes somos</a><a href="proyectos.html">Proyectos</a><a href="talleres.html">Talleres</a><a href="colabora.html" aria-current="page">Colabora</a><a href="contacto.html">Contacto</a><a class="nav-cta" href="https://opencollective.com/robotech-urjc" target="_blank" rel="noreferrer">Apoyar</a>
        </nav>
      </div>
    </header>

    <main id="contenido" class="container">
      <section class="page-hero">
        <p class="eyebrow">Partners y patrocinadores</p>
        <h1>Ayuda a que más estudiantes construyan tecnología real.</h1>
        <p>Buscamos colaboraciones técnicas, donación de material, mentoría, retos aplicados y apoyo económico para proyectos, talleres y demostraciones.</p>
      </section>

      <section class="section">
        <div class="cards collaboration-values">
          <article class="card"><span class="number">01</span><h3>Material y herramientas</h3><p>Componentes, sensores, placas, filamento, herramientas o equipos que puedan tener segunda vida en el taller.</p></article>
          <article class="card"><span class="number">02</span><h3>Mentoria técnica</h3><p>Charlas, revisiones de arquitectura, sesiónes de CAD, electrónica, visión artificial o control.</p></article>
          <article class="card"><span class="number">03</span><h3>Retos y patrocinio</h3><p>Proponer un reto real, financiar materiales o apoyar la participación en eventos y competiciones.</p></article>
        </div>
      </section>

      <section class="section two-col">
        <div class="section-title">
          <p class="eyebrow">Que obtiene el colaborador</p>
          <h2>Visibilidad, contacto con talento y proyectos documentados.</h2>
        </div>
        <div class="panel">
          <h3>Colaboracion con impacto concreto</h3>
          <p>Podemos incluir presencia de marca en materiales, menciones en redes, demostraciones públicas y documentación del uso del material o apoyo recibido.</p>
          <p>Tambien podemos trabajar con retos acotados para que el resultado sea evaluable: prototipo, informe, repositorio, demo o taller impartido.</p>
          <div class="button-row"><a class="button primary" href="contacto.html">Contáctanos</a></div>
        </div>
      </section>


    </main>

    <footer class="site-footer"><div class="container footer-inner"><div><a class="brand" href="index.html"><img src="img/logo_no_underscore.png" alt=""><span>Robotech URJC</span></a><p class="muted">Colaboraciones técnicas y patrocinio.</p></div><div class="footer-links contact-links"><a href="mailto:asociacion.robotech@urjc.es"><span class="footer-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M4 6h16v12H4z"></path><path d="m4 7 8 6 8-6"></path></svg></span>Email</a><a href="https://github.com/robotech-urjc" target="_blank" rel="noreferrer"><span class="footer-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M9 19c-4 1.5-4-2-6-2.5"></path><path d="M15 22v-3.5c0-1 .1-1.4-.5-2 2.8-.3 5.5-1.4 5.5-6A4.6 4.6 0 0 0 18.7 7c.1-.3.6-1.6-.1-3.3 0 0-1.1-.3-3.5 1.3a12.2 12.2 0 0 0-6.2 0C6.5 3.4 5.4 3.7 5.4 3.7 4.7 5.4 5.2 6.7 5.3 7A4.6 4.6 0 0 0 4 10.5c0 4.6 2.7 5.7 5.5 6-.6.6-.6 1.2-.5 2V22"></path></svg></span>GitHub</a><a href="https://www.instagram.com/robotech_urjc" target="_blank" rel="noreferrer"><span class="footer-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><rect x="4" y="4" width="16" height="16" rx="4"></rect><circle cx="12" cy="12" r="3.2"></circle><path d="M17.5 6.5h.01"></path></svg></span>Instagram</a><a href="https://es.linkedin.com/company/robotech-urjc" target="_blank" rel="noreferrer"><span class="footer-icon" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M6.5 10v8"></path><path d="M6.5 6v.01"></path><path d="M10.5 18v-8"></path><path d="M10.5 13.5c0-2 1.2-3.8 3.5-3.8 2 0 3.5 1.3 3.5 4V18"></path><rect x="3" y="3" width="18" height="18" rx="2"></rect></svg></span>LinkedIn</a></div></div></footer>
    <script src="site-data.js"></script>
    <script src="app.js"></script>
  </body>
</html>