contact.html

---
layout: default
title: Contact Us
---

<div class="container">
  <div class="row">
    <h1 class="font-mon page-headline">Contact Us</h1>
  </div>
  <div class="row">
    <div class="col-5">
      <div class="contact-content">
        <p class="mdc-typography--headline5">
          <i class="material-icons">location_on</i></p>
        <div class="mdc-typography--body1">
          UCSC Building Complex,<br>
          35 Reid Ave,<br>
          Colombo 00700
        </div>
        <p class="mdc-typography--headline5">
          <i class="material-icons">mail</i></p>
        <div class="mdc-typography--body1">
          mail@ucsc.lk
        </div>
        <p class="mdc-typography--headline5"><i class="material-icons">phone</i></p>
        <div>
          +94112843687
        </div>
      </div>
    </div>
    <div class="col-7">
      <div class="view">
        <iframe width="100%" height="300px" frameborder="0" style="border:0"
          src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJCRULEmNZ4joRYyhxaIrBsi0&key=AIzaSyBb1aV35Z9LPwiQXG8fuuPtiw7qmOEkxPE"
          allowfullscreen></iframe>
      </div>
    </div>
  </div>
  <div class="row officials-header">
    <div class="col-12">
      <h4 class="mdc-typography--headline4">or an official...</h4>
      {% assign contacts = site.members | where_exp:"item", "item.email != nil" %}
      {% for member in contacts %}
      <div class="officials-item">
        <h2 class="mdc-typography--headline5">{{ member.name }}</h2>
        <h3 class="mdc-typography--subtitle1">{{ member.position }}</h3>
        <h3 class="mdc-typography--subtitle2">{{ member.email }}</h3>
      </div>
      <p></p>
      {% endfor %}
    </div>
  </div>
</div>