ac-i2i-engineering.github.io/index.html at main · ac-i2i-engineering/ac-i2i-engineering.github.io · 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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>i2i Amherst Venture Accelerator</title>
  <!-- Favicon -->
  <link rel="icon" href="images/i2iLogoFinalWhiteBG.png">
  <!-- AOS CSS -->
  <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css">
  <!-- Hamburger menu (bars) on small screens -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <!-- Global styles -->
  <link rel="stylesheet" href="css/style.css">
  <!-- Icon Social Media-->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>

  <header class="header">
    <nav class="navbar">
      <a href="/" class="logo">
        <img class="logo-img" src="images/i2iLogoTextOrange.png" alt="i2i Logo">
      </a>
      <a href="./our-team.html" class="nav-link line-hover">Our Team</a></li>
      <a href="./startups.html" class="nav-link line-hover">Startups</a></li>
      <a href="./events.html" class="nav-link line-hover">Events</a></li>
      <a href="./get-in-touch.html" class="nav-link line-hover">Get in Touch</a></li>
      <a href="./media.html" class="nav-link line-hover">Media</a></li>
      <a href="javascript:void(0);" class="icon" onclick="mobileNavbar()">
        <i class="fa fa-bars"></i>
      </a>
    </nav>
  </header>

  <main id="vanta-bg" class="main-content">
    <section class="hero">
      <div class="hero-text" data-aos="fade-right">
        <h1 class="hero-title">We are i2i, Amherst’s student-led venture accelerator</h1>
        <p class="hero-description">
          We help launch and scale student ideas. Our mission is to apply Amherst’s rigorous academic learnings to generate solutions for real-world problems.
        </p>
        <div class="button-group">
          <a href="https://instagram.com/i2i.amherst" target="_blank" id="instagram-btn" class="button">
            Follow us on Instagram
          </a>
          <a href="https://docs.google.com/forms/d/1iLEfqXSIN6csygZfz0HYssQpsF80wpBctTEwq8-uK8Q/viewform" id="newsletter-btn" class="button">
            Join our newsletter
          </a>
        </div>
      </div>
    </section>

    <section id="index-info" class="info-sections">
        <div class="index-card" id="startups">
          <img src="../images/startups-cover.jpg" alt="Startups Cover Image">
          <div>
            <h2>Startups</h2>
            <p>Shower thought or grand plan, i2i delivers resources, people, and advice to motivated founders.</p>
            <a href="./startups.html">Learn more →</a>
          </div>
        </div>
        <div class="index-card" id="our-team">
          <img src="../images/team-cover.jpg" alt="Our Team Cover Image">
          <div>
            <h2>Our Team</h2>
            <p>i2i offers real-world project and work experience to students looking for an exciting community.</p>
            <a href="./our-team.html">Learn more →</a>
          </div>
        </div>
        <div class = "index-card" id="media">
          <img src="../images/Brainstorm1.jpg" alt="Brainstorm Image">
          <div>
            <h2>Media</h2>
            <p>Witness I2I through images: capturing moments that inspire insight, connection, and transformation. Explore powerful visuals that bridge perspectives and tell compelling stories beyond words.</p>
            <a href="./media.html">Learn more →</a>
          </div>
    </section>
    <footer class="footer">

      <div class="footer-content">

        <div class="footer-section">
          <a href = "/" class="footer-logo">
            <img src="images/i2iLogoTextOrange.png" alt="i2i Logo">
          </a>

          <div class="social-links">
            <a href="https://linkedin.com/company/i2i-amherst" target="_blank"><i class="fab fa-linkedin"></i></a>
            <a href="https://instagram.com/i2i.amherst" target="_blank"><i class="fab fa-instagram"></i></a>
          </div>
        </div>

        <div class="footer-section">
          <h4>Quick Links</h4>
          <ul>
            <li><a href="/our-team.html">Our Team</a></li>
            <li><a href="/startups.html">Startups</a></li>
            <li><a href="/events.html">Events</a></li>
            <li><a href="/get-in-touch.html">Contact</a></li>
            <li><a href="/media.html">Media</a></li>
          </ul>
        </div>

        <div class="footer-section">
          <h4>Contact</h4>
          <p>Amherst College</p>
          <p>Amherst, MA 01002</p>
          <p>Email: i2i@amherst.edu</p>
        </div>
      </div>

      <div class="footer-bottom">
        <p>© 2024 i2i Amherst Venture Accelerator. All rights reserved.</p>
        <a href="https://ac-i2i-engineering-github-io.vercel.app/login" class="staff-login-link">Staff Login</a>
      </div>
    </footer>
  </main>

  <!-- AOS JS -->
  <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  <!-- Vanta JS -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r121/three.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
  <!-- Custom JS -->
  <script src="js/app.js"></script>
  <script src="js/initAOS.js"></script>
  <script>
    VANTA.NET({
      el: "#vanta-bg",
      color: 0xff5722,
      backgroundColor: 0xfafafa,
      points: 10.00,
      maxDistance: 20.00,
      spacing: 15.00,
      waveHeight: 30.00,
      zoom: 0.50
    });
  </script>

</body>
</html>