index.html

---
layout: default
permalink: /
---
<div style="margin-bottom: 20px">
  <div class="row">
    <div class="col-md-6">
      <div class="" style="text-align:center; background: transparent; padding:40px">
        <h2>About Us</h2>
        <button class="btn btn-primary" onclick="changeLanguage();">
          Change Language
        </button>
        <div id="AboutUsEN" style="text-align: left">
          <p style="font-size: 20px">UFCSA was founded in 1985 and was initially registered as an UF non-profit student organization with the name of FACSS.
            Starting 2014, we changed the name of the organization and was officially called as UFCSA.</p>
          <p>Our commitment to the UF students are</p>
          <ul style="list-style-type: none">
            <li>to help UF Chinese international students and scholars settled here smoothly and get familiarized to American culture.</li>
            <li>to provide a communication and information sharing service and fund and host fun activities for UF students.</li>
            <li>to promote Chinese culture through hosting cultural performances and events throughout the year, always free and open to the general public.</li>
          </ul>
        </div>
        <div id="AboutUsCN" style="display: none; text-align: left">
          <p style="font-size: 22px">佛罗里达大学中国学生会成立于1985年，是正式注册于佛罗里达大学的非营利性学生组织。
            学生会原名FACSS，于2014年正式更名为CSA (Chinese Students Association)。</p>
          <p>学生会成立的初衷是</p>
          <ul style="list-style-type: none">
            <li>帮助佛大的华人学生、学者们更好地适应美国的文化和环境，</li>
            <li>为华人提供交流平台，丰富学生们的课余生活，</li>
            <li>积极推广并弘扬中华传统文化。</li>
          </ul>
        </div>
        <button class="btn btn-primary" onclick="location.href='/about/csa/'" style="margin-top: 10px">
           Read More
        </button>
      </div>
    </div>
    <div class="col-md-6" style="padding: 20px; text-align: center">
	    <button type="button" class="strip-border" data-toggle="modal" data-target="#csa-video">
        <img src="/assets/home_image2.png" style="width: 80%" />
      </button>
       <!-- <div>Icons made by <a href="https://www.flaticon.com/<?=_('authors').'/'?>pixel-buddha" title="Pixel Buddha">Pixel Buddha</a> from <a href="https://www.flaticon.com/" 		    title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/"
         title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div> -->
    </div>
  </div>
  <div class="row text-background-white" style="padding: 20px">
    <div class="text-responsive" style="text-align:center;">
      <h2 style="font-style: italic">Our Mission</h2><br/>
      <div class="hidden-xs">
        <div style="width: 33%; float: left;">
          <p style="font-style: italic; font-weight: bold">Serve the Chinese Community</p>
          <p>To help UF Chinese international students and scholars blend into
            the UF community smoothly and get familiarized to American Culture.</p>
        </div>
        <div style="width: 33%; float: left">
          <p style="font-style: italic; font-weight: bold">Promote Chinese Culture</p>
          <p>To promote Chinese culture by hosting cultural performances and
            events throughout the year, always free and open to the general public.</p>
        </div>
        <div style="width: 33%; float: left">
          <p style="font-style: italic; font-weight: bold">Enrich Student Life</p>
          <p>To provide a communication and information sharing services and
            to fund and host fun activities for UF students.</p>
        </div>
      </div>
      <div class="visible-xs">
        <div style="max-width: 350px;display: block;margin: auto;float: none;">
          <p style="font-style: italic; font-weight: bold">Serve the Chinese Community</p>
          <p>To help UF Chinese international students and scholars blend into
            the UF community smoothly and get familiarized to American Culture.</p>
        </div>
        <div style="max-width: 350px;display: block;margin: auto;float: none;">
          <p style="font-style: italic; font-weight: bold">Promote Chinese Culture</p>
          <p>To promote Chinese culture by hosting cultural performances and
            events throughout the year, always free and open to the general public.</p>
        </div>
        <div style="max-width: 350px;display: block;margin: auto;float: none;">
          <p style="font-style: italic; font-weight: bold">Enrich Student Life</p>
          <p>To provide a communication and information sharing services and
            to fund and host fun activities for UF students.</p>
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <div class="modal fade" id="csa-video" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <!-- <button type="button" class="close" data-dismiss="modal"
          aria-label="Close"><span aria-hidden="true">&times;</span></button> -->
          <h4 class="modal-title" id="myModalLabel">A video about CSA</h4>
        </div>
        <div class="modal-body">
          <div class="media-responsive">
            <iframe width="480" height="270" allowfullscreen frameborder="0"
            src="https://www.youtube.com/embed/HXIuA-8tcO8"></iframe>
          </div>
        </div>
        <div class="modal-footer" style="text-align:center">
          <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
        </div>
      </div>
    </div>
  </div>
</div>