about.html

---
layout: page
title: MSESS | About Us
permalink: /about/
---

    <!-- Slider Start -->
    <section id="global-header">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="block">
                    <h1>About the MSESS</h1>
                    <p> Get to know what the society stands for and who is involved</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Wrapper Start -->
<section id="intro">
  <div class="container">
    <div class="row">
      <div class="col-md-7 col-sm-12">
        <div class="block">
          <div class="section-title">
            <h2>About Us</h2>
            <p></p>
          </div>
          
          <p>The Mechatronic Systems Engineering Student Society (MSESS) is established to serve and represent the interests of its members to the School of Mechatronic Systems Engineering (MSE), throughout Simon Fraser University, and beyond to industry and other engineering societies. If your declared major is in MSE, or you're taking any engineering course in Surrey, then you are automatically a member of the MSESS.

</p>

           <p> The MSESS, run entirely by students, promotes school spirit and fosters community building by providing opportunities for you to interact with fellow students, faculty, staff and industry. Social events take place throughout the year, and the Student Society also organizes career fairs and sends members to conferences including the Western Engineering Competition and the Canadian Engineering Competition. </p>

        </div>
      </div><!-- .col-md-7 close -->
    </div>
  </div>
</section>

<section id="feature">
<div class="container">
  <div class="row">
    <div class="col-md-6 col-md-offset-6">
      <p></p>
      
      <!-- <a href="#" class="btn btn-view-works">View Works</a> -->
    </div>
  </div>
</div>
</section>

    <!-- Portfolio Start -->
<section id="portfolio-work">
    <div class="container">
        <div class="row">
          <div class="col-md-12">
            <div class="block">
            <a id="top">
              <div class="portfolio-menu">
                <div class="section-title">
                <h1>Executives</h1>
                </div>
                <ul>
                    <!-- <li class="filter" data-filter="all"> About </li> -->
                    <li class="filter" data-filter=".Executives">Executives</li>
                    <li class="filter" data-filter=".YearReps">Year Reps</li>
                    <!-- <li class="filter" data-filter=".Video">Video</li> -->
                </ul>
              </div>
              <div class="portfolio-contant">
                <ul id="portfolio-contant-active">
		    {% for person in site.people %}
		    {% include person.html %}
		    {% endfor %}
                </ul>
              </div>
            </div>
          </div>
        </div>
    </div>
</section>

{% for person in site.people %}
{% include detailperson.html %}
{% endfor %}



<!-- Clients Logo Section Start -->
<!-- <section id="clients-logo-section"> -->
  <!-- <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="block">
          <div id="clients-logo" class="owl-carousel">
            <div class="clients-logo-img">
              <img src="{{ site.baseurl }}/img/clients/refayet.jpg" alt="Features">
            </div>
            <div class="clients-logo-img">
              <img src="{{ site.baseurl }}/img/clients/clients-logo2.png" alt="Features">
            </div>
            <div class="clients-logo-img">
              <img src="{{ site.baseurl }}/img/clients/clients-logo3.png" alt="Features">
            </div>
            <div class="clients-logo-img">
              <img src="{{ site.baseurl }}/img/clients/clients-logo4.png" alt="Features">
            </div>
            <div class="clients-logo-img">
              <img src="{{ site.baseurl }}/img/clients/clients-logo5.png" alt="Features">
            </div>
            <div class="clients-logo-img">
              <img src="{{ site.baseurl }}/img/clients/clients-logo3.png" alt="Features">
            </div>
            <div class="clients-logo-img">
              <img src="{{ site.baseurl }}/img/clients/clients-logo2.png" alt="Features">
            </div>
            <div class="clients-logo-img">
              <img src="{{ site.baseurl }}/img/clients/clients-logo5.png" alt="Features">
            </div>
            <div class="clients-logo-img">
              <img src="{{ site.baseurl }}/img/clients/clients-logo1.png" alt="Features">
            </div>
            <div class="clients-logo-img">
              <img src="{{ site.baseurl }}/img/clients/clients-logo4.png" alt="Features">
            </div>
            <div class="clients-logo-img">
              <img src="{{ site.baseurl }}/img/clients/clients-logo5.png" alt="Features">
            </div>
            <div class="clients-logo-img">
              <img src="{{ site.baseurl }}/img/clients/clients-logo3.png" alt="Features">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div> -->
<!-- </section> --> 


<!-- Call to action Start -->
<section id="call-to-action">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="block">
          
          <p>We are always actively looking how to serve the desires of the MSE student body across all academic, professional and social platforms</p>
          
        </div>
      </div>
    </div>
  </div>
</section>