esuc.github.io/about.html at main · ESUC/esuc.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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
<!DOCTYPE html>
<html lang="en">

<head>
  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-Q5VE4SE401"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-Q5VE4SE401');
  </script>

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

  <title>ESUC - About</title>
  <meta content="" name="description">
  <meta content="" name="keywords">

  <!-- Favicons -->
  <link href="assets/img/favicon.ico" rel="icon">
  <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">

  <!-- Google Fonts -->
  <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=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">

  <!-- Template Main CSS File -->
  <link href="assets/css/main.css" rel="stylesheet">

  <!-- =======================================================
  * Template Name: Nova - v1.2.1
  * Template URL: https://bootstrapmade.com/nova-bootstrap-business-template/
  * Author: BootstrapMade.com
  * License: https://bootstrapmade.com/license/
  ======================================================== -->
</head>

<body class="page-about">

  <!-- ======= Header ======= -->
  <header id="header" class="header d-flex align-items-center fixed-top">
    <div class="container-fluid container-xl d-flex align-items-center justify-content-between">

      <a href="index.html" class="logo d-flex align-items-center">
        <!-- Uncomment the line below if you also wish to use an image logo -->
        <img src="assets/img/logo.png" alt="ESUC Logo">
        <!-- <h1 class="d-flex align-items-center">ESUC</h1> -->
      </a>

      <i class="mobile-nav-toggle mobile-nav-show bi bi-list"></i>
      <i class="mobile-nav-toggle mobile-nav-hide d-none bi bi-x"></i>

      <nav id="navbar" class="navbar">
        <ul>
          <li><a href="index.html">Home</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="engineering_calendar.html">Calendar</a></li>
          <li><a href="photos.html">Photos</a></li>
          <li><a href="board.html">Board</a></li>
          <li><a href="sponsors.html">Sponsors</a></li>
          <li class="dropdown"><a href="events.html"><span>Events</span> <i class="bi bi-chevron-down dropdown-indicator"></i></a>
            <ul>
              <li><a href="http://www.esuc.ucla.edu/bruin-engineers-week/" target="_blank" rel="noopener" class="esuc">Bruin Engineers Week</a></li>
              <li><a href="https://www.esuc.ucla.edu/winter-orgs/" target="_blank" rel="noopener" class="esuc">W-SOAP</a></li>
              <li><a href="https://www.esuc.ucla.edu/ewd-2025/" target="_blank" rel="noopener" class="esuc">EWD 2025</a></li>
              <!-- <li class="dropdown"><a href="#"><span>Deep Dropdown</span> <i class="bi bi-chevron-down dropdown-indicator"></i></a>
                <ul>
                  <li><a href="#">Deep Dropdown 1</a></li>
                  <li><a href="#">Deep Dropdown 2</a></li>
                  <li><a href="#">Deep Dropdown 3</a></li>
                  <li><a href="#">Deep Dropdown 4</a></li>
                  <li><a href="#">Deep Dropdown 5</a></li>
                </ul>
              </li> -->
            </ul>
          </li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav><!-- .navbar -->

    </div>
  </header><!-- End Header -->

  <main id="main">

    <!-- ======= Breadcrumbs ======= -->
    <div class="breadcrumbs d-flex align-items-center" style="background-image: url('assets/img/photos/events/events1.jpg');">
      <div class="container position-relative d-flex flex-column align-items-center">

        <h2>About</h2>
        <ol>
          <li><a href="index.html">Home</a></li>
          <li>About</li>
        </ol>

      </div>
    </div><!-- End Breadcrumbs -->

    <!-- ======= About Section ======= -->
    <section id="about" class="about">
      <div class="container" data-aos="fade-up">

        <div class="row gy-4" data-aos="fade-up">
          <div class="col-lg-4">
            <img src="assets/img/photos/board/board-new.png" class="img-fluid" alt="">
          </div>
          <div class="col-lg-8">
            <div class="content ps-lg-5">
              <h3>Who We Are</h3>
              <p>
                As an umbrella organization, the Engineering Society at UCLA helps facilitate communication and events between the engineering student body and the UCLA School of Engineering. In particular, ESUC is responsible for hosting several major engineering school events, including Engineering Welcome Day and Engineers Week.
                <br>
              </p>
              <ul>
                <li><i class="bi bi-check-circle-fill"></i> ESUC is located at its lounge in Boelter 5800 of which is open for homework use as well as meetings with ESUC officers.
                  </li>
                <li><i class="bi bi-check-circle-fill"></i> If you want to contact us regarding suggestions, complaints, feedback, queries, or anything of that sort please feel free to use this <a href="https://goo.gl/forms/LqnYmOLpFC8kxc7w1">form</a>.
                  </li>
                <li><i class="bi bi-check-circle-fill"></i> To add yourself to our mailing list and get weekly updates on engineering events at UCLA, please use this <a href="https://forms.gle/1HVUK9Wc1mYgN6EEA">form</a>.
                </li>
              </ul>
            </div>
          </div>
        </div>

      </div>
    </section>

    <section id="why-us" class="why-us">
      <div class="container" data-aos="fade-up">

        <div class="section-header">
          <h2>What We Do</h2>

        </div>

        <div class="row g-0" data-aos="fade-up" data-aos-delay="200">

          <div class="col-xl-5 img-bg" style="background-image: url('assets/img/emika_explains.jpg')"></div>
          <div class="col-xl-7 slides  position-relative">

            <div class="slides-1 swiper">
              <div class="swiper-wrapper">

                <div class="swiper-slide">
                  <div class="item">
                    <h3 class="mb-3">Engineering Welcome Day</h3>
                    <h4 class="mb-3">Engineering Welcome Day is an orientation event for roughly 700 incoming engineering freshmen and transfer students.</h4>
                    <p>As ESUC's first event of the school year, the purpose of this event is to first and foremost, serve as a forum where students have the opportunity to network with faculty, staff, alumni and peers in an effort to create a smooth transition to UCLA Engineering and to inform students of resources that are available to them to assist in their academic and professional success.                    </p>
                  </div>
                </div><!-- End slide item -->

                <div class="swiper-slide">
                  <div class="item">
                    <h3 class="mb-3">Student Leaders Luncheon</h3>
                    <h4 class="mb-3">The roundtable luncheon is a quarterly meeting among the Presidents and Vice Presidents of the various engineering student organizations and individuals from UCLA Engineering's Office of Academic and Student Affairs.</h4>
                    <p>The purpose of this meeting is to maintain a flow of communication between student organizations and the administration.
                    </p>
                  </div>
                </div><!-- End slide item -->

                <div class="swiper-slide">
                  <div class="item">
                    <h3 class="mb-3">Startup Fair</h3>
                    <h4 class="mb-3">UCLA Engineering organizations held it's first ever StartUp fair in the Fall of 2013. Similar to a typical career fair, this event features companies strictly from the local startup community.</h4>
                    <p>The purpose of this event is to provide engineers the opportunity to learn more about the startup culture. In addition to the startup company representatives attending to recruit UCLA Engineers, this event features several panel discussions aimed towards providing students with the proper skills to succeed in their own business ventures.
                    </p>
                  </div>
                </div><!-- End slide item -->

                <div class="swiper-slide">
                  <div class="item">
                    <h3 class="mb-3">Executive Committee Meeting</h3>
                    <h4 class="mb-3">The Executive Committee Meeting (ExComm) is a meeting between the Presidents and Vice Presidents of the various engineering student organizations.</h4>
                    <p>This meeting takes place after the Roundtable Luncheon, and serves as a follow-up discussion that expands upon topics brought up during the Roundtable Luncheon. The purpose of this event is to sustain effective communication between the engineering clubs on campus.</p>
                  </div>
                </div><!-- End slide item -->

                <div class="swiper-slide">
                  <div class="item">
                    <h3 class="mb-3">Engineering Alumni Mixer</h3>
                    <h4 class="mb-3">The Engineering Alumni Mixer is centered around connecting current students and alumni.</h4>
                    <p>In an effort to bridge the gap of communication between current students and alumni, we hope this event will provide us all with the opportunity to strengthen the bonds of UCLA Engineering and foster a closer knit community.                    </p>
                  </div>
                </div><!-- End slide item -->

                <div class="swiper-slide">
                  <div class="item">
                    <h3 class="mb-3">Engineering Leadership Conference</h3>
                    <h4 class="mb-3">Engineering Leadership Conference is a collaborative event between ESUC's corporate affiliates and nearly 200 student leaders within UCLA Engineering.</h4>
                    <p>The purpose of this event is to enhance leadership skills and promote effective communication between student leaders.                    </p>
                  </div>
                </div><!-- End slide item -->

              </div>
              <div class="swiper-pagination"></div>
            </div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
          </div>

        </div>

      </div>
    </section><!-- End Why Choose Us Section -->

  </main><!-- End #main -->

  <!-- ======= Footer ======= -->
  <footer id="footer">
    <div class="container d-md-flex py-4">
      <!--
      <div class="me-md-auto text-center text-md-start">
        <div class="credits">
          Developed by <strong><a href="https://www.philipdo.dev/">Philip Do</a>, Rahul Mallick, Rahul Ravi, & William Zhou</strong>
        </div>
      </div>
      -->

      <div class="social-links text-center text-md-right pt-3 pt-md-0">
        <a href="https://forms.gle/1HVUK9Wc1mYgN6EEA" class="esuc"><i class="bi bi-envelope"></i></a>
        <a href="https://linktr.ee/esuc" target="_blank" rel="noopener" class="uip-urp"><i class="bi bi-files"></i></a>
        <a href="https://www.instagram.com/esucla/" target="_blank" rel="noopener" class="instagram"><i class="bi bi-instagram"></i></a>
        <a href="https://github.com/ESUC" target="_blank" rel="noopener" class="linkedin"><i class="bi bi-github"></i></a>
      </div>

    </div>
  </footer><!-- End Footer -->

  <a href="#" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

  <div id="preloader"></div>

  <!-- Vendor JS Files -->
  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/vendor/aos/aos.js"></script>
  <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
  <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
  <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
  <script src="assets/vendor/php-email-form/validate.js"></script>

  <!-- Template Main JS File -->
  <script src="assets/js/main.js"></script>

</body>

</html>