pantheress.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name = "viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <!-- Social Media Icons-->
        <link rel="stylesheet" type="text/css" href="css/pantheress.css">
        <link href="https://fonts.googleapis.com/css?family=Crimson+Text|Unica+One" rel="stylesheet">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
        
        <title>Pantheress</title>
    </head>
    <body>

            
      <header>

          <!-- The Nav Bar-->
          
              
          <nav class="navbar navbar-expand-md  fixed-top">
              <a class="navbar-brand " style="color: white" href="about.html">PantherHackers</a>
              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon">
                    <i class="fa fa-navicon"style="color: white" ></i>
                </span>
              </button>
  
                      <div class="collapse navbar-collapse" id="navbarNavDropdown">
                        <ul class="navbar-nav ml-auto text">
                         
                       
  
                          <li class="nav-item">
                            <a class="nav-link" href="events.html">Events</a>
                          </li>
  
          <!-- Drop down portion of the nav bar-->                
                          <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                              Interest Groups
                            </a>
                            <div class="inner">
                            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                              <a class="dropdown-item" href="ios.html">IOS Development</a>
                              <a class="dropdown-item" href="pantheress.html">Pantheress</a>
                              <a class="dropdown-item" href="robotics.html">Robotics</a>
                              <a class="dropdown-item" href="cybersecurity.html">CyberSecurity</a>
                              <a class="dropdown-item" href="ctci.html">CTCI</a>
                              <a class="dropdown-item" href="https://ecodrop.tech/">Ecodrop</a>
                            </div>
                            </div>
                          </li>
                          <!--
                          <li class="nav-item">
                                  <a class="nav-link" href="resources.html">Resources</a>
                          </li> -->
                          <li class="nav-item">
                                  <a class="nav-link" href="#" data-toggle="modal" data-target="#ContactUsModal">Contact</a>
                          </li>
                        </ul>
                      </div>
                    </nav>
  
             
  
              <!-- Modals for Nav Bar (Contact)-->
              <div class="modal fade " tabindex="-1" role="dialog" id=ContactUsModal>
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <h1 class="modal-title">Want to Chat?</h1>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                          <span aria-hidden="true">&times;</span>
                        </button>
                      </div>
                      <div class="modal-body">
                        <p>Our pages are still under construction. If you need to chat, hit us up on our socials or email us: admin@pantherhackers.com</p>
                      </div>
                      <div class="modal-footer justify-content-between">
                      
                              <a href="https://twitter.com/pantherhackers?lang=en" class="fa fa-twitter fa-2x "></a>
                              <a href="https://join.slack.com/t/pantherhackers/shared_invite/enQtNTgzMzU2MDI2MzczLTFhZjgxNWY5MTI2NWYzMTVmOTJiMTBlODIxNWJmODdiOWY1NTBhYWQwZmFiMWE0NWRlZDEyMDM2MmEwYzQwOTQ" class="fa fa-slack fa-2x"></a>
                              <a href="https://www.instagram.com/pantherhackers/" class="fa fa-instagram fa-2x"></a>
                              <a href ="https://www.linkedin.com/company/12177373" class="fa fa-linkedin fa-2x"></a>
                              <a href="https://www.facebook.com/PantherHackers/" class="fa fa-facebook fa-2x"></a>
                             
                              
                      </div>
                    </div>
                  </div>
                </div>       
      </header>
        <!--Main Content-->
        <div class="background">
           
      
          

          <div class="container ">
            <div class="row row align-items-center text-center" id="UpperPortion">
                
                <div class="col-lg-7">
                       <img src="images/Women’s-Group.PNG" class="img-fluid">
                  </div>

                  <div class="col-lg-5 d-flex ">
                  
                    <div class="container ">
                       

                       <br class="d-none d-lg-block">
                       <br class="d-none d-lg-block">
                      
                        <div class ="row text-box  ">
                            <div class="col-lg-12 ">
                                    <h1>Welcome</h1>
                                    <hr>
                                 
                                  
                                    <p>The mission of Pantheress is to support the increasing growth and awareness of Women in Technology through hosting workshops that teach different skills both technical and non-technical that are useful in the industry and encourage career growth and discovery through hosting a variety of different speaker series. </p>
                                    <p>Lead by: Sana Rehmani</p>
                            </div>
                                
                        </div>
                 
<br>
<br>
                        <div class ="row text-box">
                                <div class="col-lg-12 
                                ">
                                <h1 class="PantherHackersTitle">Under Construction</h1>
                                <hr>
                                <br>
                                
                                <p>Thanks for checking us out! School is just starting and we still ironing out dates and times for meetings. <b><em> Interest group meetings will begin the week of September 9th.</em> </b> In the meantime, join our slack channel to stay up to date. See you soon.
                                    <br><br>
                                    <a href="https://join.slack.com/t/pantherhackers/shared_invite/enQtNTgzMzU2MDI2MzczLTFhZjgxNWY5MTI2NWYzMTVmOTJiMTBlODIxNWJmODdiOWY1NTBhYWQwZmFiMWE0NWRlZDEyMDM2MmEwYzQwOTQ"><button type="button" class="btn btn-primary ">Join Us!</button></a>
                                </p>
                               </div>
                        </div>
                        
                       
    
                   </div> 
                    
                      
                  
                  </div>              
  
            </div> 
         

               

</div>
</div>
<br>
<br>
<br>

<footer class="footer">
    <div class="container">
    <p>© PantherHackers | Socials:    
        <a href="https://twitter.com/pantherhackers?lang=en" class="fa fa-twitter  " style="color:white;"></a>
        <a href="https://join.slack.com/t/pantherhackers/shared_invite/enQtNTgzMzU2MDI2MzczLTFhZjgxNWY5MTI2NWYzMTVmOTJiMTBlODIxNWJmODdiOWY1NTBhYWQwZmFiMWE0NWRlZDEyMDM2MmEwYzQwOTQ" class="fa fa-slack" style="color:white;"></a>
        <a href="https://www.instagram.com/pantherhackers/" class="fa fa-instagram " style="color:white;"></a>
        <a href ="https://www.linkedin.com/company/12177373" class="fa fa-linkedin " style="color:white;"></a>
        <a href="https://www.facebook.com/PantherHackers/" class="fa fa-facebook " style="color:white;"></a></p>
    </div>
  </footer>


     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
   
    
    </body>

</html>