index.html

<!DOCTYPE html>
<html>
    <head>
        <title>PyLadies</title>
        <meta name="description" content="PyLadies">
        <meta charset="utf-8"/>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
        <link rel="stylesheet" type="text/css" href="style.min.css">
        <link rel="stylesheet" type="text/css" href="custom.css">
        <link href="https://fonts.googleapis.com/css?family=Old+Standard+TT|Rubik|Bitter" rel="stylesheet">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
        <script>if (window.location.protocol != "https:" && window.location.host.indexOf('pyladies.com') > -1) {
            window.location.protocol = "https";
        }</script>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    </head>
    <body>
        <nav class="navbar navbar-expand-lg navbar-light bg-light navbar-fixed-top">
            <a class="navbar-brand" href="#pyladies">
                <img src="images/logo.png" class="geek geek-small" alt="PyLadies Amsterdam">
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item">
                        <a class="nav-link" href="#events">Events</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#organizers">Organizers</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#resources">Resources</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#about">About</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#contact">Connect</a>
                    </li>
                </ul>
            </div>
        </nav>
        <img src="images/logo.png" id="floating-logo">
        <div class="skyline"></div>
        <div class="container-fluid">
            <div class="row" id="pyladies">
                <h1 class="col-sm-12 text-center">PyLadies</h1>
                <img src="./images/line.svg" class="hr-squiggle col-sm-12">
                <div class="col-sm-12 col-md-3 offset-md-1">
                    <img src="images/logo.png" class="geek" alt="PyLadies Amsterdam">
                </div>
                <div class="col-sm-12 col-md-7">
                    <p>
                        We're the Amsterdam chapter of PyLadies, an international mentorship group for marginalized genders, such as but not limited to non-binary people, trans people, and women in tech.
                    </p>
                    <p>
                        We host monthly <a href="https://www.meetup.com/pyladiesams/" target="_blank">events</a>,
                        talks, and study groups where you can meet other pythonistas and
                        learn more about programming, data science, web development, and more.
                    </p>
                    <p>
                        All skill levels welcome!
                    </p>
                </div>
            </div>
            <div class="row pink" id="events">
                <h2 class="col-sm-12 text-center">Events</h2>
                <img src="./images/line.svg" class="hr-squiggle col-sm-12" />
                <div class="col-sm-12 col-md-10 offset-md-1  text-center">
                    <p>
                        Join our <a href="https://www.meetup.com/pyladiesams/" target="_blank">Meetup group</a> to
                        hear about our free events.
                    </p>
                    <p>
                        Interested in hosting us, giving a talk, or leading a workshop?
                        We'd love to <a href="#contact">hear from you!</a>
                    </p>
                </div>
            </div>
            <div class="row" id="organizers">
                <div class="col-sm-12 col-md-10 offset-md-1 section text-center" id="organizers">
                    <h4>Organizers</h4>
                    <img src="./images/line.svg" class="hr-squiggle">
                    <div class="bio-container">
                        <div class="organizer-container"><img src="./images/bios/Una.jpg" class="organizer landscape" /></div>
                        <div class="bio">
                            <p class="name">Una Galyeva</p>
                            <p>
                                Hi there! I am passionate about encouraging others to see different perspectives and constructively break the rules. My motto "Observe - Optimize - Learn - Repeat" follows me everywhere. Since 2021 I am Microsoft AI MVP and since 2024 Microsoft Python MVP. Python helped me to found my joy in building, optimizing and deploying end-to-end AI and Data Engineering Solutions.
                            </p>
                            <p class="social-buttons">
                                <a href="https://www.linkedin.com/in/unagalyeva/" target="_blank"><span class="fa fa-linkedin">&nbsp;</span></a>
                                <a href="https://github.com/una-ai-mlops-agency" target="_blank"><span class="fa fa-github">&nbsp;</span></a>
                            </p>
                        </div>
                    </div>
                    <div class="bio-container">
                        <div class="organizer-container">
                            <img src="./images/bios/Giulia_cropped.png" class="organizer" />
                        </div>
                        <div class="bio">
                            <p class="name">Giulia Caglia</p>
                            <p>
                                Hello, everyone! My name is Giulia Caglia (she/her), and I am thrilled to join the PyLadies community as a co-organizer. I currently work as a Data Engineer for a dynamic scale-up in Amsterdam.

                                At PyLadies, I will be helping with the organization of our events and representing our community at various professional gatherings. My main motivation for taking on this role is to provide a supportive platform for individuals who are underrepresented in the Python world. I believe in the power of community and am passionate about creating inclusive spaces where everyone can learn and thrive.

                                Beyond my professional life, I enjoy reading, playing chess, and engaging in immersive Dungeons & Dragons campaigns. These hobbies help me stay creative and analytical, both of which are skills I bring into my professional and community endeavors.
                            </p>
                            <p class="social-buttons">
                                <a href="https://www.linkedin.com/in/marco-caglia/" target="_blank"><span class="fa fa-linkedin">&nbsp;</span></a>
                                <a href="https://github.com/gCaglia" target="_blank"><span class="fa fa-github">&nbsp;</span></a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row pink" id="resources">
                    <div class="col-sm-12 col-md-10 offset-md-1  text-center">
                        <h4 class="col-sm-12 text-center">Resources</h4>
                        <img src="./images/line.svg" class="hr-squiggle col-sm-12" />
                        <div class="resource-container">
                            <a href="https://www.python.org/psf/" target="_blank" class="resource-link">
                                <div class="resource">
                                    <p class="resource-title">Python Software Foundation</p>
                                    <p> 
                                        The Python Software Foundation is the organization behind Python! 
                                        Become a supporter and help advance the software and mission.
                                    </p>
                                </div>
                            </a>
                        </div>
                    </div>
            </div>
            <div class="row" id="about">
                <div class="col-sm-12 col-md-10 offset-md-1 section text-center" id="about">
                    <h4>About PyLadies</h4>
                    <img src="./images/line.svg" class="hr-squiggle">

                    <p>
                        PyLadies is an international mentorship group with a focus on helping more women become active
                        participants and leaders in the Python open-source community.
                    </p>
                    <p>
                        Our mission is to promote, educate and
                        advance a diverse Python community through outreach, education, conferences, events and social
                        gatherings.
                    </p>
                    <p>
                        To learn more, visit the <a href="https://www.pyladies.com/" target="_blank">PyLadies website</a>.
                    </p>
                </div>
            </div>
            <div class="row pink">
                <div class="col-sm-12 section text-center" id="contact">
                    <h4>Connect</h4>
                    <img src="./images/line.svg" class="hr-squiggle">
                    <p>
                        Follow us on <a href="https://bsky.app/profile/pyladiesams.bsky.social" target="_blank">Bluesky</a>
                        or join our <a href="https://www.meetup.com/pyladiesams/" target="_blank">
                        Meetup group</a> to get announcements and find out about
                        upcoming events.
                    </p>
                    <p>
                        To connect with other PyLadies members through Slack, join
                        <a href="http://slackin.pyladies.com" target="_blank">slackin.pyladies.com</a>
                        and sign up for the <code>city-amsterdam</code> channel.
                    </p>
                    <p>
                        If you would like to give a tech talk, demo, or workshop, contact us at <a href="mailto:amsterdam@pyladies.com">amsterdam@pyladies.com</a>.
                    </p>
                    <p>
                        If you would like to donate to us, you can donate on <a href="https://psfmember.org/civicrm/contribute/transact?reset=1&id=6"> page</a>! Yes, donations are to a 501c3 and are therefore tax deductible within the United States of America.
                    </p>
                    <p>
                        Is your company interested in hosting an event? Fill out our
                        <a href="https://forms.gle/gDiJAKSj2z2SAxmo7">
                         form</a> and we will be in touch!
                    </p>
                </div>
            </div>
        </div>
        <div class="footer">
            <p>
                <a href="https://www.netlify.com"><img src="https://www.netlify.com/img/global/badges/netlify-light.svg" alt="Deploys by Netlify" width=100 height=35/></a>
                <a href="https://twitter.com/pyladies" target="_blank"><span class="fa fa-twitter">&nbsp;</span></a>
                <a href="https://github.com/pyladies" target="_blank"><span class="fa fa-github">&nbsp;</span></a>
                <a href="http://slackin.pyladies.com" target="_blank"><span class="fa fa-slack">&nbsp;</span></a>
                <span class="footer-title">PyLadies 2020</span>
            </p>
        </div>
    </body>
    <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://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</html>