index.html

<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="google-site-verification" content="fWH8xmeEzrfW56pmObDDENPOhvNHzvVaJUzJxGHtKW8" />
<meta name="description" content="Maya Nigrin is a student in MIT's class of 2021, pursuing a major in Computer Science and a minor in Mathematics. She has experience in AI software development and software engineering, and enjoys singing, painting, and exploring Boston in her free time. She is currently looking for summer internships and other part-time opportunities.">
<meta name="keywords" content="Maya Nigrin, MIT, Massachusetts Institute of Technology, student, computer science, math, mathematics, programming, softare engineering">
<meta name="resource-type" content="document">
<meta name="revisit-after" content="5 days">
<meta name="classification" content="Personal">
<meta name="robots" content="ALL">
<meta name="distribution" content="Global">
<meta name="rating" content="Safe For Kids">
<meta name="copyright" content="2019, Maya Nigrin">
<meta name="author" content="Maya Nigrin">

<title>Maya Nigrin's Personal Website</title>
<!--

Template 2087 Kalay

http://www.tooplate.com/view/2087-kalay

-->
<script src="https://www.google.com/recaptcha/api.js" async defer></script>

<link rel='stylesheet' type='text/css' href='bootstrap/css/bootstrap.min.css' >
<link rel='stylesheet' type='text/css' href='css/linea.css' >
<link rel='stylesheet' type='text/css' href='css/ionicons.min.css' >
<link rel='stylesheet' type='text/css' href='css/owl.carousel.css' >
<link rel='stylesheet' type='text/css' href='css/magnific-popup.css' >
<link rel='stylesheet' type='text/css' href='css/style.css' >
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/font-awesome.min.css">

<!-- MAIN CSS -->
<link rel="stylesheet" href="css/tooplate-style.css">

</head>
<body>

<!-- PRE LOADER -->
<div class="preloader">
     <div class="spinner">
          <span class="spinner-rotate"></span>
     </div>
</div>


<!-- HOME SECTION -->
<section id="home" class="parallax-section">
     <div class="container">
          <div class="row">

               <div class="col-md-offset-5 col-md-7 col-sm-12">
                    <div class="home-thumb">
                         <h1 class="wow fadeInUp" data-wow-delay="0.4s">Hello, I am Maya!</h1>
                         <p class="wow fadeInUp white-color" data-wow-delay="0.6s">Student, Developer, and Friendly Gal</p>
                         <a href="#service" class="wow fadeInUp smoothScroll btn btn-default section-btn" data-wow-delay="1s">Discover more</a>
                    </div>
               </div>

          </div>
     </div>
</section>


<!-- SERVICE SECTION -->
<section id="service" class="parallax-section">
     <div class="wow fadeInUp container" data-wow-delay="0.2s">
          <div class="row">
							
        		<div class='row' >
        
        			<div class='col-md-4' >
        
        				<ul class='info-list' >
        
        					<li>
        						<strong>Name:</strong>
        						<span>Maya Nigrin</span>
        					</li>
        
                  <li>
                    <strong>Pronouns:</strong>
                    <span>She/Her/Hers</span>
                  </li>
        
        					<li>
        						<strong>School:</strong>
        						<span>Massachusetts Institute of Technology</span>
        					</li>
        
        					<li>
        						<strong>Age:</strong>
        						<span>21 Years</span>
        					</li>
        
        					<li>
        						<strong>Hometown:</strong>
        						<span>Buffalo, NY</span>
        					</li>

                  <li>
                    <ul class="social-icon">
                      <li><a target="_blank" href="https://www.facebook.com/profile.php?id=100011251742255" class="fa fa-facebook"></a></li>
                      <li><a target="_blank" href="https://www.linkedin.com/in/mnigrin/" class="fa fa-linkedin"></a></li>
                      <li><a target="_blank" href="https://github.com/mayigrin" class="fa fa-github"></a></li>
                    </ul>
                  </li>
        
        
        				</ul>
        
        			</div>
        
        			<div class='col-md-8' >
        
        				<div class='about-text' >
        					<p>
        					I am a student in MIT's class of 2021, pursuing a major in Computer Science and a minor in Mathematics. I have been studying computer science since my sophomore year in high school, and am comfortable coding in Java, Python, C++, HTML, CSS, Javascript, React, and Typescript. When I'm not in classes, I'm often doing research or AI software development as part of the Quest for Intelligence at MIT. I've also done software engineering, data science, and machine learning internships with Vivint Smart Home, Arcadia Funds, Klaviyo, and Microsoft, and have been a CS instructor with Juni Learning since my freshman year of college.
        					</p>
        
        					<p>
        					I'm also involved in a variety of extracurriculars on campus, including MIT Muses (MIT's all-female acappella group), MIT's Undergraduate Practice Opportunities Program, Code for Good, and MIT Skydiving Club. In the rare moments I'm free, I also enjoy painting, playing piano, and exploring Boston!
        					</p>
        
        				</div>
        
        				<div class='about-btns' >
        
        					<a target="_blank" href='images/Resume.pdf' class='btn-custom btn-color' download='Maya Nigrin Resume'>
        						Download Resume
        					</a>
        
        				</div>
        
        			</div>
        
        		</div>

    	</div>
    </div>
</section>


<!-- ABOUT SECTION -->
<section id="about" class="parallax-section">
     <div class="container">
          <div class="row">
               
		<div class="wow fadeInUp section-title" data-wow-delay="0.2s">

			<h2>My Education</h2>

		</div>

		<ul class='timeline' >

			<li>

				<div class='wow fadeInUp timeline-content' data-wow-delay="0.1s" >

					<h4>Massachusetts Institute of Technology</h4>

					<em>
						<span>Bachelors Degree</span>
						<span> | </span>
						<span>2017-Present</span>
					</em>
					<p><b>Major:</b> Computer Science</p>
					<p><b>Minor:</b> Mathematics</p>
					<p>
						<b>Relevant coursework:</b>  Computer Systems Engineering, Ethics in Engineering - AI/CS, Design and Analysis of Algorithms, Probability & Random Variables, Software Engineering, Computer Graphics, Computation Structures, Machine Learning, Introduction to EECS via Interconnected Embedded Systems, Mathematics for Computer Science, Fundamentals of Python, Introduction to Algorithms, Differential Equations, Real Analysis, Linear Algebra
					</p>

				</div>

			</li>

      <li>

        <div class='wow fadeInUp timeline-content' data-wow-delay="0.1s" >

          <h4>University at Buffalo - Gifted Math Program</h4>

          <em>
            <span>2011-2017</span>
          </em>

          <p>
            <b>Awards:</b> Founders Award
          </p>
          <p>
            Graduated with 22 college credits including classes such as Calculus I - III, and Linear Algebra
          </p>

        </div>

      </li>

			<li>

				<div class='wow fadeInUp timeline-content' data-wow-delay="0.1s" >

					<h4>Nichols School</h4>

					<em>
						<span>High School Degree</span>
						<span> | </span>
						<span>2013-2017</span>
					</em>

					<p>
					<b>Awards:</b> High Honors, Cum Laude Society, National Merit Scholarship Finalist, Strachan Computer Science Award
					</p>

				</div>

			</li>

		</ul>

          </div>
     </div>
</section>


<!-- WORK SECTION -->
<section id="work" class="parallax-section">
     <div class="container">
          <div class="row">

                <div class="wow fadeInUp section-title" data-wow-delay="0.2s">
                    
                    <h2>My Experience</h2>
                
                </div>
							
					<ul class='timeline' >
								
            <li>
                  
              <div class='wow fadeInUp timeline-content' data-wow-delay="0.1s" >
                    
                <h4>Klaviyo</h4>
                    
                <em>
                  <span>Software Engineer Intern</span>
                  <span> | </span>
                  <span>Boston, MA (Remote)</span>
                  <span> | </span>
                  <span>June 2020 - August 2020</span>
                </em>
                    
                <p>
                  <ul style="list-style-type:disc;">
                    <li>Partnered with a full-time Klaviyo engineer to build font importing and storing infrastructure so that customers can use custom fonts in their Klaviyo-created content, allowing them to maintain a cohesive brand throughout their website</li>
                    <li>Used React, Typescript, and  Redux to build a font management interface to incorporate user’s custom fonts into their content</li>
                    <li>Worked on and received approval for a plan for the project architecture, including data models, type structures, and an API contract</li>
                    <li>Partnered closely with Product and Design to build with the user experience in mind</li>
                    <li>Wrote automated tests using React Testing Library & did extensive manual testing of each aspect of the feature</li>
                  </ul>
                </p>
                    
              </div>
                  
            </li>

            <li>
                  
              <div class='wow fadeInUp timeline-content' data-wow-delay="0.1s" >
                    
                <h4>Quest for Intelligence - The Bridge</h4>
                    
                <em>
                  <span>Researcher and AI Software Developer for the Gaze Coding Project</span>
                  <span> | </span>
                  <span>Cambridge, MA</span>
                  <span> | </span>
                  <span>February 2020 - Present</span>
                </em>
                    
                <p>
                  <ul style="list-style-type:disc;">
                      <li>Used video processing, AI, and ML to automate the labeling of babies’ gaze direction in early cognition research videos</li>
                      <li>Completed the CITI Program Human Research: Data or Specimens Only Research - Basic Course</li>
                      <li>Discussed and outlined the ethical ramifications of the project alongside several different ethicists</li>
                      <li>Created and tested several classification models to label babies' gaze direction using GCP Video Intelligence</li>
                      <li>Figured out how to and wrote documentation for connecting to a Debian VM from a Windows PC with X11 forwarding</li>
                      <li>Modified <a target="_blank" style="color:#63634d" href="https://gitlab.com/yusuke-sugano/opengaze-docker/-/tree/master">OpenGaze docker implementation</a> to use X11 forwarding in order to resolve core dumping issues</li>
                      <li>Wrote a Python script that takes in an OpenGaze video processing output and converts it into a properly-formatted gaze label TSV</li>

                  </ul>
                  <br>
                  <p style="font-size: 14px"> View the open-source project my work was added to <a target="_blank" href="https://github.com/mit-quest/gaze-coding"><b>here</b></a>.</p>              
                </p>
                    
              </div>
                  
            </li>

            <li>
                  
              <div class='wow fadeInUp timeline-content' data-wow-delay="0.1s" >
                    
                <h4>Microsoft</h4>
                    
                <em>
                  <span>Azure Machine Learning Intern</span>
                  <span> | </span>
                  <span>Boston, MA</span>
                  <span> | </span>
                  <span>January 2020 - February 2020</span>
                </em>
                    
                <p>
                  <ul style="list-style-type:disc;">
                    <li>Used MLflow to create an end-to-end system that can intake a dataset, run a model, and output the results and statistics to your Azure ML account</li>
                    <li>Integrated a differentially private logistic regression model created by IBM</li>
                    <li>Created a differentially private linear regression model compatiable with scikit-learn using the covariance method</li>
                    <li>Worked with Harvard and Microsoft researchers on a differentially private stochastic gradient descent model</li>
                  </ul>
                  <br>
                  <p style="font-size: 14px"> View the open-source project my work was added to <a target="_blank" href="https://github.com/opendifferentialprivacy/whitenoise-system"><b>here</b></a>.</p>
                </p>
                    
              </div>
                  
            </li>

						<li>
									
							<div class='wow fadeInUp timeline-content' data-wow-delay="0.1s" >
										
								<h4>Klaviyo</h4>
										
								<em>
									<span>Software Engineer Intern</span>
									<span> | </span>
									<span>Boston, MA</span>
									<span> | </span>
									<span>June 2019 - August 2019</span>
								</em>
										
								<p>
									<ul style="list-style-type:disc;">
									  <li>Changed existing logic for settings update so that it would no longer trigger historical data sync, and added separate historical sync feature to the UI</li>
									  <li>Rewrote code to import CSV files and cut down upload time for a file with 500,000 rows from 12 hours to 15 minutes </li>
									  <li>Updated infrastructure to separate out API calling from business logic and added instrumentation to collect data on interactions with APIs</li>
									</ul>
								</p>
										
							</div>
									
						</li>
								
						<li>
									
							<div class='wow fadeInUp timeline-content' data-wow-delay="0.1s" >
										
								<h4>Quest for Intelligence - The Bridge</h4>
										
								<em>
									<span>Researcher and AI Software Developer for the K-12 Education Initiative</span>
									<span> | </span>
									<span>Cambridge, MA</span>
									<span> | </span>
									<span>February 2019 - June 2019</span>
								</em>
										
								<p>
                  <ul style="list-style-type:disc;">
    								  <li>Trained a ProGAN on castle images from MIT's Places2 dataset</li>
    								  <li>Used Gandissect to analyze the nodes of the network and understand which node generates what</li>
    								  <li>Helped integrate the results of Gandissect with front-end code that used Scratch to create a kid-friendly program that allows them to interact with the GAN</li>
        					</ul>		
                  <br>
                  <p style="font-size: 14px"> View the open-source project my work was added to <a target="_blank" href="https://github.com/mit-quest/k12scratch-GANs"><b>here</b></a>.</p>								
                </p>
										
							</div>
									
						</li>
								
						<li>
									
							<div class='wow fadeInUp timeline-content' data-wow-delay="0.1s" >
										
								<h4>Arcadia Funds, LLC</h4>
										
    							<em>
    								<span>Data Analytics Intern</span>
									<span> | </span>
									<span>Burlington, MA</span>
									<span> | </span>
									<span>January 2019 - February 2019</span>
								</em>
										
								<p>
    								<ul style="list-style-type:disc;">
    									<li>Built a variety of machine learning models to identify potential auto loan borrowers who are likely to default</li>
    									<li>Created a program that scraped a web form to collect data on cars’ value over time</li>
    									<li>Coded in Python and used a variety of data visualization and machine learning tools (Keras, Tensorflow, Sklearn, Pyplot, etc)</li>
    								</ul>									
    							</p>
										
							</div>
									
						</li>
								
						<li>
									
							<div class='wow fadeInUp timeline-content' data-wow-delay="0.1s" >
										
								<h4>Vivint Smart Home</h4>
										
								<em>
									<span>Software Intern</span>
									<span> | </span>
									<span>Boston, MA</span>
									<span> | </span>
									<span>June 2018 - August 2018</span>
								</em>
										
								<p>
                            <ul style="list-style-type:disc;">
    								          <li>Investigated the data pipeline from surveillance cameras to database</li>
                              <li>Researched and prototyped new server infrastructure to increase efficiency and lower cost</li>
                              <li>Learned usage of Docker, Google Cloud Platform, Terraform, GStreamer, and FFmpeg, among others</li>
                              <li>Presented summary of my research and explained my prototype</li>
                              <li>Collaborated on and presented project answering question: What will the interconnected lifestyle look like in 10 years?</li>
                            </ul>										
                          </p>
										
							</div>
									
						</li>
								
						<li>
									
							<div class='wow fadeInUp timeline-content' data-wow-delay="0.1s" >
								
								<h4>Juni Learning</h4>
									
								<em>
									<span>Senior Instructor</span>
									<span> | </span>
									<span>December 2017 - Present</span>
								</em>
										
								<p>
                            <ul style="list-style-type:disc;">
    								<li>Teach computer science video lessons for children ages 9-16 </li>
                              <li>Instruct students in Scratch, Java, web design, and introductory, intermediate, and advanced Python programming classes</li>
                              <li>Create tutorial videos that walk through how to create projects in Python, Scratch, and Java</li>
                            </ul>										
                          </p>
										
							</div>
									
						</li>
								
					</ul>

          </div>
     </div>
</section>


<!-- PROJECT SECTION -->
<section id="about" class="parallax-section">
     <div class="container">
          <div class="row">

               <div class="wow fadeInUp section-title" data-wow-delay="0.2s">
                    <!-- SECTION TITLE -->
                    <h2>Projects</h2>
                    <p>Click on any project to learn more</p>
               </div>

               <div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.4s">
                    <a target="_blank" href="https://github.com/mayigrin/movieFindr">
                    <div class="service-thumb">
                         <i class="fa fa-film" style="font-size: 45px; padding-left: 15px;"></i>
                         <h4 class="white-color">Movie Findr</h4>
                         <p>This program (built for HackMIT 2020) lets users swipe through movies or type in their favorites and then easily figure out what movie to watch with their friends.</p>
                         <div class="skill-container">
                            <button class="skill"><h6>Python</h6></button>
                            <button class="skill"><h6>Django</h6></button>
                            <button class="skill"><h6>React</h6></button>
                         </div>
                    </div>
                    </a>
               </div>

               <div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.4s">
                    <a target="_blank" href="https://devpost.com/software/autobrailler">
                    <div class="service-thumb">
                         <i class="fa fa-blind" style="font-size: 45px; padding-left: 15px;"></i>
                         <h4 class="white-color">AutoBrailler</h4>
                         <p>This device sits on a Braille typewriter and connects to a computer. The associated program takes in a text file and triggers the appropriate buttons on the brailler to type the file contents.</p>
                         <div class="skill-container">
                            <button class="skill"><h6>Arduino</h6></button>
                            <button class="skill"><h6>Python</h6></button>
                         </div>
                    </div>
                    </a>
               </div>

               <div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.4s">
                    <a target="_blank" href="https://github.com/mayigrin/alumni-map-prototype">
                    <div class="service-thumb">
                         <i class="fa fa-map-marker" style="font-size: 45px; padding-left: 15px;"></i>
                         <h4 class="white-color">Alumni Map</h4>
                         <p>I created a page for the MIT Muses website that features an interactive map & list that are autopopulated by Google Forms responses to help keep Muses members and alumni connected.</p>
                         <div class="skill-container">
                            <button class="skill"><h6>HTML</h6></button>
                            <button class="skill"><h6>CSS</h6></button>
                            <button class="skill"><h6>Javascript</h6></button>
                         </div>
                    </div>
                    </a>
               </div>

            </div>
            <br>
            <br>
            <div class="row">

                <div class="col-md-6 col-sm-6 wow fadeInUp" data-wow-delay="0.4s">
                    <a target="_blank" href="https://github.com/mit-quest/k12scratch-GANs">
                    <div class="service-thumb">
                         <i class="fa fa-paint-brush" style="font-size: 45px; padding-left: 15px;"></i>
                         <h4 class="white-color">Scratch GANPaint Extension</h4>
                         <p>I adapted a game that interacts with a GAN for the popular coding platform for kids, Scratch. I did both the ML model setup and training, and the front-end & back-end intergration.</p>
                         <div class="skill-container">
                            <button class="skill"><h6>Javascript</h6></button>
                            <button class="skill"><h6>Python</h6></button>
                            <button class="skill"><h6>Cuda</h6></button>
                         </div>
                    </div>
                    </a>
               </div>

               <div class="col-md-6 col-sm-6 wow fadeInUp" data-wow-delay="0.4s">
                    <a target="_blank" href="https://github.com/mayigrin/proGAN_translation">
                    <div class="service-thumb">
                         <i class="fa fa-cogs" style="font-size: 50px; padding-left: 15px;"></i>
                         <h4 class="white-color">ProGAN Translation</h4>
                         <p>I built code to convert a Tensorflow-trained proGAN into a Pytorch model with the same structure to allow for model dissection.</p>
                         <div class="skill-container">
                            <button class="skill"><h6>Python</h6></button>
                            <button class="skill"><h6>Cuda</h6></button>
                         </div>
                    </div>
                    </a>
               </div>
               
            </div>
            <br>
            <br>
            <div class="row">

               <div class="col-md-6 col-sm-6 wow fadeInUp" data-wow-delay="0.4s">
                    <a target="_blank" href="https://github.com/mayigrin/mayigrin.github.io">
                    <div class="service-thumb">
                         <i class="fa fa-mouse-pointer" style="font-size: 50px; padding-left: 15px;"></i>
                         <h4 class="white-color">Personal Website</h4>
                         <p>I built this website by combining two existing HTML/CSS & Javascript templates and modifying the result to fit my needs. </p>
                         <div class="skill-container">
                            <button class="skill"><h6>HTML</h6></button>
                            <button class="skill"><h6>CSS</h6></button>
                            <button class="skill"><h6>Javascript</h6></button>
                         </div>
                    </div>
                    </a>
               </div>

               <div class="col-md-6 col-sm-6 col-sm-6 wow fadeInUp" data-wow-delay="0.6s">
                    <a target="_blank" href="https://github.com/mayigrin/custom-chrome-extension">
                    <div class="service-thumb">
                         <i class="fa fa-window-maximize" style="font-size: 50px; padding-left: 15px;"></i>
                         <h4 class="white-color">Custom Chrome Extension</h4>
                         <p>Overrides "new tab" page and shows html page that displays date & time, useful links, and a notepad that can be edited and saved.</p>
                         <div class="skill-container">
                            <button class="skill"><h6>HTML</h6></button>
                            <button class="skill"><h6>Javascript</h6></button>
                         </div>
                    </div>
                    </a>
               </div>

          </div>
     </div>
</section>


<!-- EXTRACURRICULAR SECTION -->
<section id="service" class="parallax-section">
   <div class="container">
        <div class="row">
               
            <div class="wow fadeInUp section-title" data-wow-delay="0.2s">
								
				<h2>My Extracurriculars</h2>
								
			</div>
							
			<div class="row">
               <br><br>
               <div class="col-md-4 col-sm-8">
                    <div class="about-image-thumb">
                         <img src="images/muses.jpg" class="wow fadeInUp img-responsive" data-wow-delay="0.6s" alt="about image">
                    </div>
               </div>

               <div class="col-md-8 col-sm-12">
                    <div class="about-thumb">
                         <div class="wow fadeInUp section-title" data-wow-delay="0.6s">
                              <a target="_blank" href="https://mitmuses.github.io/"><h2>MIT Muses</h2></a>
                              <br>
                              <p>The MIT Muses is MIT's only all-female-voice-part acappella group. We perform at concerts and various gigs on and around MIT's campus!</p>
                              <p>I am currently co-Music Director of the Muses, which means I am part of the Executive Board. I also lead the group musically and organize rehearsals, in addition to other responsibilities. I've held many different positions in the group during the past couple years, though, including Auditions Manager, Publicity Chair, Social Chair, and Choreographer.</p>
                         </div>
                    </div>
               </div>
               <br><br>
          </div>
          <hr>
          <div class="row">
               <br><br>
               <div class="col-md-8 col-sm-12">
                    <div class="about-thumb">
                         <div class="wow fadeInUp section-title" data-wow-delay="0.6s">
                              <a target="_blank" href="https://upop.mit.edu/"><h2>MIT Undergraduate Practice Opportunities Program</h2></a>
                             <br>
                              <p>The Undergraduate Practice Opportunities Program, or UPOP, is a yearlong professional development program that prepares MIT sophomores for success. It is designed to help students develop communication, leadership, the ability to work in teams, and other career skills.</p>
                              <p>I participated in the program my Sophomore year, and I now attend their alumni events when possible.
                         </div>
                    </div>
               </div>
               
               <div class="col-md-4 col-sm-8">
                    <div class="about-image-thumb">
                         <img src="images/upop.png" class="wow fadeInUp img-responsive" data-wow-delay="0.6s" alt="about image">
                    </div>
               </div>
              <br><br>
          </div>		
          <hr>
          <div class="row">
               <br><br>
               <div class="col-md-4 col-sm-8">
                    <div class="about-image-thumb">
                         <img src="images/skydive.jpg" class="wow fadeInUp img-responsive" data-wow-delay="0.6s" alt="about image">
                    </div>
               </div>
               <div class="col-md-8 col-sm-12">
                    <div class="about-thumb">
                         <div class="wow fadeInUp section-title" data-wow-delay="0.6s">
                              <a target="_blank" href="http://skydive.mit.edu/"><h2>MIT Skydiving Club</h2></a>
                             <br>
                              <p>MIT Skydiving Club is an organization consisting of current MIT students, alumni, and local skydiving enthusiasts. The purpose of the club is to connect those interested in skydiving, and help those who are interested in the sport to pursue it!</p>
                              <p>I am currently an AFF student, which means I'm learning how to jump out of a plane, manage equipment, and other necessary skills so that I can skydive on my own.</p>
                         </div>
                    </div>
               </div>
               <br><br>
          </div>    
          <hr>
          <div class="row">
               <br><br>
               <div class="col-md-8 col-sm-12">
                    <div class="about-thumb">
                         <div class="wow fadeInUp section-title" data-wow-delay="0.6s">
                              <a target="_blank" href="http://codeforgood.mit.edu/"><h2>Code for Good</h2></a>
                              <br>
                              <p>Code for Good is a student-run club at MIT that connects groups of MIT students with local nonprofits to make a direct, positive impact with computer science.</p>
                              <p>I was a member of Code for Good from my Freshman fall to my Junior fall. I was on the Executive Committee of the club all three years, and held various positions including Consulting Program Chair, and Coporate Chair.</p>
                         </div>
                    </div>
               </div>
               <div class="col-md-4 col-sm-8">
                    <div class="about-image-thumb">
                         <img src="images/cfg2.png" class="wow fadeInUp img-responsive" data-wow-delay="0.6s" alt="about image">
                    </div>
               </div>
               <br><br>
          </div>	

       </div>
   </div>
</section>


<!-- CONTACT SECTION -->
<section id="contact" class="parallax-section">
     <div class="container">
          <div class="row">

               <div class="col-md-12 col-sm-12">
                    <!-- SECTION TITLE -->
                    <div class="wow fadeInUp section-title" data-wow-delay="0.2s">
                         <h2>Get in touch</h2>
                         <p>If you want to contact me, fill out the following form and I will do my best to get back to you as soon as I can!</p>
                    </div>
               </div>

               <div class="col-md-7 col-sm-10">
                    <!-- CONTACT FORM HERE -->
                    <div class="wow fadeInUp" data-wow-delay="0.4s">
                        <form id='contact-form' data-toggle='validator' method='post' action='https://ns-mailapps.appspot.com/MayaNigrinMailForm' >
										
                				<div id='contact-form-result' ></div>
                
                				<div class='row' >
                
                					<div class='col-md-6' >
                						<div class='form-group' >
                
                							<input type='text' class='form-control' placeholder='Name' name='name_field' id='name_field' required>
                							<div class='help-block with-errors' ></div>
                
                						</div>												
                					</div>
                
                					<div class='col-md-6' >
                						<div class='form-group' >
                
                							<input type='email' class='form-control' placeholder='Email' name='email_field' id='email_field' required>
                							<div class='help-block with-errors' ></div>
                
                						</div>
                					</div>
                
                				</div>
                
                				<div class='form-group' >
                
                					<input type='text' class='form-control' placeholder='Subject' name='subject_field' id='subject_field' required>
                					<div class='help-block with-errors' ></div>
                
                				</div>
                
                				<div class='form-group' >
                
                					<textarea class='form-control' placeholder='Message' name='message_area' id='message_area' rows='5' required></textarea>
                					<div class='help-block with-errors' ></div>
                
                				</div>

                        <div class="g-recaptcha" data-sitekey="6Lcqf7MUAAAAAGqgZvtZNTmYIysFiMDsi7Xbk8i0"></div>
                        <br>

                        <script>
                          var form = document.getElementById('contact-form');
                          form.addEventListener("submit", function(event){
                              if (grecaptcha.getResponse() === '') {                            
                                event.preventDefault();
                                alert('You must select the reCaptcha before sending your message.');
                              }
                            }
                          , false);
                        </script>
                
                				<div class='form-group text-center' >
                					<button type='submit' class='btn-custom btn-color' >
                						Send Message
                					</button>
                				</div>
                
                			</form>

                    </div>
               </div>
          </div>
     </div>
</section>


<!-- FOOTER SECTION -->
<footer>
    <div class="container bottom">
        <div class="row">

               <div class="wow fadeInUp col-md-12 col-sm-12" data-wow-delay="0.4s">
                    <p>Copyright &copy; 2020 Maya Nigrin 
                    | Design: Tooplate</p>
                    <div class="wow fadeInUp" data-wow-delay="0.4s">
                         <ul class="social-icon" style="text-align: center;">
                              <li><a target="_blank" href="https://www.facebook.com/profile.php?id=100011251742255" class="fa fa-facebook"></a></li>
                              <li><a target="_blank" href="https://www.linkedin.com/in/mnigrin/" class="fa fa-linkedin"></a></li>
                              <li><a target="_blank" href="https://github.com/mayigrin" class="fa fa-github"></a></li>
                         </ul>
                    </div>
          </div>
     </div>
</footer>

<!-- SCRIPTS -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.parallax.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/magnific-popup-options.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/custom.js"></script>

</body>
</html>