contact.html

---
layout: default

title: Contact

breadcrumbs:
  heading: Contact Us
  list:
    - Home: '/'

officers:
  - name: Adrian Colaianni
    designation: President
    email: acolaia@clemson.edu
    picture: /images/team/adrian_c.jpg
  - name: Nick DiGennaro
    designation: Vice President
    email: ndigenn@clemson.edu
    picture: /images/team/nick_d.jpg
  - name: Mike Ni
    designation: Secretary
    email: mini@clemson.edu
    picture: /images/team/mike_n.jpg
  - name: Siddharth Thumsi
    designation: Treasurer
    email: sthumsi@clemson.edu
    picture: /images/team/sid_t.png
---
<!--
==================================================
    Contact Section Start
================================================== -->
<section id="contact-section">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="text-center">
                    <h2 class="subtitle wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s">Meet the Team</h2>
                    <p class="subtitle-des wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".5s">
                        Feel free to contact us at <a href="mailto:cyber@clemson.edu">cyber@clemson.edu</a> if you have any questions. We'd be glad to give you more information or add you to our mailing list!
                    </p><br>
                </div>
                <div class="row">
                    {% for officer in page.officers %}
                      <div class="col-lg-4 col-sm-6">
                         <div class="team-member wow fadeInLeft" data-wow-duration="500ms" data-wow-delay=".3s">
                              <div class="team-img">
                                  <img src="{{ officer.picture }}" class="team-pic" alt="picture of {{ officer.name }}">
                              </div>
                              <h3 class="team_name">{{ officer.name }}</h3>
							<p class="team_designation">{{ officer.designation }}</p>
                              <p class="team_text"><a href="mailto: {{ officer.email }}">{{ officer.email }}</a></p>
                          </div>
                      </div>
                    {% endfor %}
                </div>
            </div>
            <div class="col-lg-6">
                <div class="map-area">
                    <div class="text-center">
                        <h2 class="subtitle wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s">Find us in the Watt Family Innovation Center</h2>
						<p class="subtitle-des wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".5s">
							We meet weekly in the Watt Family Innovation Center, <a href="/events">see our calendar for times</a>.
						</p><br>
                    </div>
                    <div class="map text-center">
						<iframe src="https://www.openstreetmap.org/export/embed.html?bbox=-82.83791720867158%2C34.6753740300064%2C-82.83595919609071%2C34.67655192856724&amp;layer=mapnik&amp;marker=34.675962981380906%2C-82.83693820238113"></iframe>
						<small><a href="https://www.openstreetmap.org/?mlat=34.67596&amp;mlon=-82.83694#map=19/34.67596/-82.83694">View Larger Map</a></small>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>