API tools faq
paste
Advertisement
Guest User

Executive Board

a guest
Jan 12th, 2017
348
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.18 KB | None | 0 0
raw download clone embed print report
  1.     <!-- team -->
  2.     <div id="staff" class="team">  
  3.         <div class="container">  
  4.             <h3 class="w3stitle">Meet the <span> Executive Board</span></h3>  
  5.             <div class="team-agileinfo w3ls-team-row">  
  6.                 <div class="col-md-3 col-sm-3 col-xs-6 team-wthree-grids">  
  7.                     <div class="w3ls-effect11">
  8.                         <img style="width: 300px; height: 400px;" src="images/Internal.jpg" alt="img">
  9.                         <div class="overlay">
  10.                             <div class="w3social-icons">
  11.                                 <ul>
  12.                                     <li><a href="https://www.facebook.com/kristinenicolepolvoriza" target="_blank"><i class="fa fa-facebook"></i></a></li>
  13.                                     <li><a href="https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=2013056541@ust-ics.mygbiz.com" target="_blank"><i class="fa fa-google-plus"></i></a></li>
  14.                                     <li><a href="https://twitter.com/Polveenomials
  15. " target="_blank"><i class="fa fa-twitter"></i></a></li>
  16.                                 </ul>
  17.                             </div>  
  18.                             <h5>Kristine Nicole Polvoriza</h5>
  19.                             <p><b>Internal Vice President</b></p>
  20.                         </div>   
  21.                     </div>    
  22.                 </div>
  23.                 <div class="col-md-3 col-sm-3 col-xs-6 team-wthree-grids">  
  24.                     <div class="w3ls-effect11">
  25.                         <img style="width: 300px; height: 400px;" src="images/External.JPG" alt="img">
  26.                         <div class="overlay">
  27.                             <div class="w3social-icons">
  28.                                 <ul>
  29.                                     <li><a href="https://www.facebook.com/chrissantos21
  30. " target="_blank"><i class="fa fa-facebook"></i></a></li>
  31.                                     <li><a href="https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=2013058553@ust-ics.mygbiz.com" target="_blank"><i class="fa fa-google-plus"></i></a></li>
  32.                                     <li><a href="https://twitter.com/santos_chris21
  33. " target="_blank"><i class="fa fa-twitter"></i></a></li>
  34.                                 </ul>
  35.                             </div>  
  36.                             <h5>Chris Micael santos</h5>
  37.                             <p><b>External Vice President</b></p>
  38.                         </div>
  39.                     </div>    
  40.                 </div>
  41.                 <div class="col-md-3 col-sm-3 col-xs-6 team-wthree-grids">  
  42.                     <div class="w3ls-effect11">
  43.                         <img style="width: 300px; height: 400px;" src="images/Secretary.jpg" alt="img">
  44.                         <div class="overlay">
  45.                             <div class="w3social-icons">
  46.                                 <ul>
  47.                                     <li><a href="https://www.facebook.com/nicoleriguerra
  48. " target="_blank"><i class="fa fa-facebook"></i></a></li>
  49.                                     <li><a href="https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=2014068687@ust-ics.mygbiz.com" target="_blank"><i class="fa fa-google-plus"></i></a></li>
  50.                                     <li><a href="https://twitter.com/nclrgrr
  51. " target="_blank"><i class="fa fa-twitter"></i></a></li>
  52.                                 </ul>
  53.                             </div>  
  54.                             <h5>Nicole Riguerra</h5>
  55.                             <p><b>Secretary</b></p>
  56.                         </div>
  57.                     </div>    
  58.                 </div>
  59.                 <div class="col-md-3 col-sm-3 col-xs-6 team-wthree-grids">  
  60.                     <div class="w3ls-effect11">
  61.                         <img style="width: 300px; height: 400px;" src="images/null" alt="img">
  62.                         <div class="overlay">
  63.                             <div class="w3social-icons">
  64.                                 <ul>
  65.                                     <li><a href="https://www.facebook.com/jikyut
  66. " target="_blank"><i class="fa fa-facebook"></i></a></li>
  67.                                     <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
  68.                                     <li><a href="https://twitter.com/jikyut
  69. " target="_blank"><i class="fa fa-twitter"></i></a></li>
  70.                                 </ul>
  71.                             </div>  
  72.                             <h5>Graciela Mari Quiambao</h5>
  73.                             <p>Treasurer</p>
  74.                         </div>
  75.                     </div>    
  76.                 </div>
  77.                 <div class="col-md-3 col-sm-3 col-xs-6 team-wthree-grids">  
  78.                     <div class="w3ls-effect11">
  79.                         <img style="width: 300px; height: 400px;" src="images/Maine.jpg" alt="img">
  80.                         <div class="overlay">
  81.                             <div class="w3social-icons">
  82.                                 <ul>
  83.                                     <li><a href="https://www.facebook.com/charmainedayaocruz" target="_blank"><i class="fa fa-facebook"></i></a></li>
  84.                                     <li><a href="https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=2014069199@ust-ics.mygbiz.com" target="_blank"><i class="fa fa-google-plus"></i></a></li>
  85.                                     <li><a href="https://twitter.com/maine_ch
  86. " target="_blank"><i class="fa fa-twitter"></i></a></li>
  87.                                 </ul>
  88.                             </div>  
  89.                             <h5>Charmaine Cruz</h5>
  90.                             <p><b>Auditor</b></p>
  91.                         </div>
  92.                     </div>    
  93.                 </div>
  94.                 <div class="col-md-3 col-sm-3 col-xs-6 team-wthree-grids">  
  95.                     <div class="w3ls-effect11">
  96.                         <img style="width: 300px; height: 400px;" src="images/MemProp.jpg" alt="img">
  97.                         <div class="overlay">
  98.                             <div class="w3social-icons">
  99.                                 <ul>
  100.                                     <li><a href="https://www.facebook.com/madmigo
  101. " target="_blank"><i class="fa fa-facebook"></i></a></li>
  102.                                     <li><a href="https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=2013058550@ust-ics.mygbiz.com" target="_blank"><i class="fa fa-google-plus"></i></a></li>
  103.                                     <li><a href="https://twitter.com/MadMigs
  104. " target="_blank"><i class="fa fa-twitter"></i></a></li>
  105.                                 </ul>
  106.                             </div>  
  107.                             <h5>Miguel Piolo Valencia</h5>
  108.                             <p><b>Director for Membership and Property</b></p>
  109.                         </div>
  110.                     </div>    
  111.                 </div>
  112.                 <div class="col-md-3 col-sm-3 col-xs-6 team-wthree-grids">  
  113.                     <div class="w3ls-effect11">
  114.                         <img style="width: 300px; height: 400px;" src="images/Pub.jpg" alt="img">
  115.                         <div class="overlay">
  116.                             <div class="w3social-icons">
  117.                                 <ul>
  118.                                     <li><a href="https://www.facebook.com/hellomrco
  119. " target="_blank"><i class="fa fa-facebook"></i></a></li>
  120.                                     <li><a href="https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=2014069159@ust-ics.mygbiz.com" target="_blank"><i class="fa fa-google-plus"></i></a></li>
  121.                                     <li><a href="https://twitter.com/HelloMrCo
  122. " target="_blank"><i class="fa fa-twitter"></i></a></li>
  123.                                 </ul>
  124.                             </div>  
  125.                             <h5>Patrick Ian Co </h5>
  126.                             <p><b>Director for Publicity</b></p>
  127.                         </div>
  128.                     </div>    
  129.                 </div>
  130.                 <div class="col-md-3 col-sm-3 col-xs-6 team-wthree-grids">  
  131.                     <div class="w3ls-effect11">
  132.                         <img style="width: 300px; height: 400px;" src="images/Creatives.jpg" alt="img">
  133.                         <div class="overlay">
  134.                             <div class="w3social-icons">
  135.                                 <ul>
  136.                                     <li><a href="https://www.facebook.com/anastashadiaz
  137. " target="_blank"><i class="fa fa-facebook"></i></a></li>
  138.                                     <li><a href="https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=2013058551@ust-ics.mygbiz.com" target="_blank"><i class="fa fa-google-plus"></i></a></li>
  139.                                     <li><a href="https://twitter.com/tashdiaz
  140. " target="_blank"><i class="fa fa-twitter"></i></a></li>
  141.                                 </ul>
  142.                             </div>  
  143.                             <h5>Anastasha Diaz</h5>
  144.                             <p><b>Director for Creatives</b></p>
  145.                         </div>
  146.                     </div>    
  147.                 </div>
  148.                 <div class="col-md-3 col-sm-3 col-xs-6 team-wthree-grids">  
  149.                     <div class="w3ls-effect11">
  150.                         <img style="width: 300px; height: 400px;" src="images/SpecDev.jpg" alt="img">
  151.                         <div class="overlay">
  152.                             <div class="w3social-icons">
  153.                                 <ul>
  154.                                     <li><a href="https://www.facebook.com/johnanthony.delpilar
  155. " target="_blank"><i class="fa fa-facebook"></i></a></li>
  156.                                     <li><a href="https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=2014069455@ust-ics.mygbiz.com" target="_blank"><i class="fa fa-google-plus"></i></a></li>
  157.                                     <li><a href="https://twitter.com/john_delpilar
  158. " target="_blank"><i class="fa fa-twitter"></i></a></li>
  159.                                 </ul>
  160.                             </div>  
  161.                             <h5>John Anthony Del Pilar</h5>
  162.                             <p><b>Director for Special Development</b></p>
  163.                         </div>
  164.                     </div>    
  165.                 </div>
  166.                 <div class="col-md-3 col-sm-3 col-xs-6 team-wthree-grids">  
  167.                     <div class="w3ls-effect11">
  168.                         <img style="width: 300px; height: 400px;" src="images/CommDev.JPG" alt="img">
  169.                         <div class="overlay">
  170.                             <div class="w3social-icons">
  171.                                 <ul>
  172.                                     <li><a href="https://www.facebook.com/angerella1096
  173. " target="_blank"><i class="fa fa-facebook"></i></a></li>
  174.                                     <li><a href="https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=2013056523@ust-ics.mygbiz.com" target="_blank"><i class="fa fa-google-plus"></i></a></li>
  175.                                     <li><a href="https://twitter.com/_ngrll
  176. " target="_blank"><i class="fa fa-twitter"></i></a></li>
  177.                                 </ul>
  178.                             </div>  
  179.                             <h5>Angerella Lapeña</h5>
  180.                             <p><b>Director for Community Development</b></p>
  181.                         </div>
  182.                     </div>    
  183.                 </div>
  184.                 <div class="col-md-3 col-sm-3 col-xs-6 team-wthree-grids">  
  185.                     <div class="w3ls-effect11">
  186.                         <img style="width: 300px; height: 400px;" src="images/ChapRep.jpg" alt="img">
  187.                         <div class="overlay">
  188.                             <div class="w3social-icons">
  189.                                 <ul>
  190.                                     <li><a href="https://www.facebook.com/ilovejepski
  191. " target="_blank"><i class="fa fa-facebook"></i></a></li>
  192.                                     <li><a href="https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=2014069998@ust-ics.mygbiz.com" target="_blank"><i class="fa fa-google-plus"></i></a></li>
  193.                                     <li><a href="https://twitter.com/ilovejepski
  194. " target="_blank"><i class="fa fa-twitter"></i></a></li>
  195.                                 </ul>
  196.                             </div>  
  197.                             <h5>Jephthah Isaiah Iglesia</h5>
  198.                             <p><b>Chapter Representative</b></p>
  199.                         </div>
  200.                     </div>    
  201.                 </div>
  202.                 <div class="col-md-3 col-sm-3 col-xs-6 team-wthree-grids">  
  203.                     <div class="w3ls-effect11">
  204.                         <img style="width: 300px; height: 400px;" src="images/TeamChair.jpg" alt="img">
  205.                         <div class="overlay">
  206.                             <div class="w3social-icons">
  207.                                 <ul>
  208.                                     <li><a href="https://www.facebook.com/raecarlo92
  209. " target="_blank"><i class="fa fa-facebook"></i></a></li>
  210.                                     <li><a href="https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=2015081037@ust-ics.mygbiz.com" target="_blank"><i class="fa fa-google-plus"></i></a></li>
  211.                                     <li><a href="https://twitter.com/crlmlbnn
  212. " target="_blank"><i class="fa fa-twitter"></i></a></li>
  213.                                 </ul>
  214.                             </div>  
  215.                             <h5>Rae Carlo Malabanan</h5>
  216.                             <p><b>Team Chair</b></p>
  217.                         </div>
  218.                     </div>    
  219.                 </div>
  220.                 <div class="clearfix"> </div>
  221.             </div>
  222.         </div>
  223.     </div>
  224.     <!-- //team -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!