website-2018/_site/about.html
2018-05-02 16:02:17 -04:00

2 lines
7.6 KiB
HTML

<!DOCTYPE html> <html> <head> <link href="css/about.css" rel="stylesheet" /> <meta charset="UTF-8"> <meta content="" name="description"> <meta content="William Zhang" name="author"> <meta name="theme-color" content="#1976D2" /> <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0" /> <link href="icons/favicon.ico" rel="icon" type="image/ico"> <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet"/> <link href="css/header.css" rel="stylesheet"/> <link href="css/main.css" rel="stylesheet"/> <link href="css/footer.css" rel="stylesheet"/> <link href="css/responsive.css" rel="stylesheet"/> <title>About - TJSGA</title> </head> <body> <header> <div id="banner"> <button id="menu-toggle"> <i></i> </button> </div> <nav id="menu"> <a class="menu-item" href="/"> <button class="menu-item fluid">Home</button> </a> <a class="menu-item" href="about"> <button class="menu-item fluid">About</button> </a> <a id="logo-wrapper" href="/"> <div id="logo"> </div> </a> <a class="menu-item" href="resources"> <button class="menu-item fluid">Resources</button> </a> <a class="menu-item" href="forms"> <button class="menu-item fluid">Forms</button> </a> </nav> <div id="dome"> </div> </header> <div id="wrapper" class="fluid"> <section id="contact"> <h2>Contact Us!</h2> <div class="desc"> <span class="quote"> "The world is moved not only by the mighty shoves of the heroes, but also by the aggregate of the tiny pushes of each honest worker." - Helen Keller </span> </div> <div class="desc"> Contact us at <a href="mailto:sga.tjhsst@gmail.com">sga.tjhsst@gmail.com</a>. We would love to answer questions or hear about how you think we can improve TJ! </div> </section> <hr /> <section id="officers"> <h2>SGA Officers</h2> <div class="officers-intro"> <div class="officers-image"> <img src="img/people/2018nbegotka.jpg" /> </div> <div class="officers-text"> <span>Nick Begotka</span> <span>2018</span> <p></p> </div> </div> <div class="officers-intro"> <div class="officers-image"> <img src="img/people/2018sxie.jpg" /> </div> <div class="officers-text"> <span>Sherry Xie</span> <span>2018</span> <p></p> </div> </div> <div class="officers-intro"> <div class="officers-image"> <img src="img/people/2018schappid.jpg" /> </div> <div class="officers-text"> <span>Shreya Chappidi</span> <span>2018</span> <p></p> </div> </div> <div class="officers-intro"> <div class="officers-image"> <img src="img/people/2019suppalap.jpg" /> </div> <div class="officers-text"> <span>Sitara Uppalapati</span> <span>2019</span> <p></p> </div> </div> </section> <section id="excomm"> <h2>SGA Executive Committee</h2> <div class="excomm-intro"> <div class="excomm-image"> <img src="img/people/2019mcho.jpg" /> </div> <div class="excomm-text"> <span>MiJin Cho</span> <span>2019</span> <span>General Activities Coordinator</span> </div> </div> <div class="excomm-intro"> <div class="excomm-image"> <img src="img/people/2020mhuang.jpg" /> </div> <div class="excomm-text"> <span>Michael Huang</span> <span>2020</span> <span>General Activities Coordinator</span> </div> </div> <div class="excomm-intro"> <div class="excomm-image"> <img src="img/people/2020rkalra.jpg" /> </div> <div class="excomm-text"> <span>Rohan Kalra</span> <span>2020</span> <span>General Activities Coordinator</span> </div> </div> <div class="excomm-intro"> <div class="excomm-image"> <img src="img/people/2020mkyryche.jpg" /> </div> <div class="excomm-text"> <span>Michael Kyrychenko</span> <span>2020</span> <span>General Activities Coordinator</span> </div> </div> <div class="excomm-intro"> <div class="excomm-image"> <img src="img/people/2018jwang.jpg" /> </div> <div class="excomm-text"> <span>Jade Wang</span> <span>2018</span> <span>General Activities Coordinator</span> </div> </div> <div class="excomm-intro"> <div class="excomm-image"> <img src="img/people/2019lkeesing.jpg" /> </div> <div class="excomm-text"> <span>Liana Keesing</span> <span>2019</span> <span>Policy Specialist</span> </div> </div> <div class="excomm-intro"> <div class="excomm-image"> <img src="img/people/2018llin.jpg" /> </div> <div class="excomm-text"> <span>Lulu Lin</span> <span>2018</span> <span>Policy Specialist</span> </div> </div> <div class="excomm-intro"> <div class="excomm-image"> <img src="img/people/2019amohidee.jpg" /> </div> <div class="excomm-text"> <span>Afreen Mohideen</span> <span>2019</span> <span>Policy Specialist</span> </div> </div> <div class="excomm-intro"> <div class="excomm-image"> <img src="img/people/2019ephillip.jpg" /> </div> <div class="excomm-text"> <span>Ethan Phillips</span> <span>2019</span> <span>Policy Specialist</span> </div> </div> <div class="excomm-intro"> <div class="excomm-image"> <img src="img/people/2018jprabhal.jpg" /> </div> <div class="excomm-text"> <span>Jahnavi Prabhala</span> <span>2018</span> <span>Policy Specialist</span> </div> </div> <div class="excomm-intro"> <div class="excomm-image"> <img src="img/people/2018wzhang.jpg" /> </div> <div class="excomm-text"> <span>William Zhang</span> <span>2018</span> <span>Technology Specialist</span> </div> </div> <div class="excomm-intro"> <div class="excomm-image"> <img src="img/people/2020bandrade.jpg" /> </div> <div class="excomm-text"> <span>Beyonce Andrades</span> <span>2020</span> <span>Technology Specialist</span> </div> </div> <div class="excomm-intro"> <div class="excomm-image"> <img src="img/people/2018kdu.jpg" /> </div> <div class="excomm-text"> <span>Katherine Du</span> <span>2018</span> <span>Technology Specialist</span> </div> </div> </section> <section id="senators"> <h2>SGA Class Senators</h2> <div class="senators-intro"> <div class="senators-image"> <img src="img/people/2018alin.jpg" /> </div> <div class="senators-text"> <span>Ashley Lin</span> <span>2018 Senator</span> </div> </div> <div class="senators-intro"> <div class="senators-image"> <img src="img/people/2018alulushi.jpg" /> </div> <div class="senators-text"> <span>Anna Lulushi</span> <span>2018 Senator</span> </div> </div> <div class="senators-intro"> <div class="senators-image"> <img src="img/people/2019lgersony.jpg" /> </div> <div class="senators-text"> <span>Laura Gersony</span> <span>2019 Senator</span> </div> </div> <div class="senators-intro"> <div class="senators-image"> <img src="img/people/2019skazmi.jpg" /> </div> <div class="senators-text"> <span>Sabria Kazmi</span> <span>2019 Senator</span> </div> </div> <div class="senators-intro"> <div class="senators-image"> <img src="img/people/2020dbedi.jpg" /> </div> <div class="senators-text"> <span>Divjot Bedi</span> <span>2020 Senator</span> </div> </div> <div class="senators-intro"> <div class="senators-image"> <img src="img/people/2020mdass.jpg" /> </div> <div class="senators-text"> <span>Megan Dass</span> <span>2020 Senator</span> </div> </div> </section> <section id="sponsors"> <h2>SGA Sponsors</h2> <div class="sponsors-intro"> <div class="sponsors-image"> <img src="img/people/ahurowit.jpg" /> </div> <div class="sponsors-text"> <span>Amanda Hurowitz</span> <span>TJ Humanities</span> </div> </div> <div class="sponsors-intro"> <div class="sponsors-image"> <img src="img/people/mrazzino.jpg" /> </div> <div class="sponsors-text"> <span>Marianne Razzino</span> <span>TJ Mathematics</span> </div> </div> </section> </div> <footer> <a href="https://facebook.com/tjsga" target="_blank"> <button class="social" id="fb"> </button> </a> <a href="https://twitter.com/tjSGA" target="_blank"> <button class="social" id="tw"> </button> </a> <a href="https://facebook.com/tjsga" target="_blank"> <button class="social" id="flickr"> </button> </a> <a href="mailto:sga.tjhsst@gmail.com" target="_blank"> <button class="social" id="mail"> </button> </a> </footer> <script src="js/sidebar-min.js"></script> </body> </html>