index.html

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

<head>
    <title>GirlScript | Ranchi Chapter</title>
    <meta name="google-site-verification" content="nlESzSUnW9D3rTfslAAPVyFccWSW8ucPcrb5A-Ktddg" />
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords"
        content="Girlscript Ranchi GS Github Tech Bootcamp GSRNC GSRanchi Technology Arnab Deep Debanshu Mutt gsrnc gsranchi">
    <meta name="description" content="Girlscript Ranchi is the Ranchi Chapter of the Girlscript Foundation.
    We are a community that encourages and guides the beginners in tech. The name GirlScript because we support diversity.
    Our mission is to empower people by educating them on technology and related necessary skills and to create local opportunity, impact via tech education in every country around the world.
    ">
    <meta name="author" content="Arnab Deep, Debanshu Mutt">
    <meta property="og:title" content="Ranchi Chapter | Girlscript">
    <meta property="og:type" content="Website">
    <meta property="og:description" content="Girlscript Ranchi is the Ranchi Chapter of the Girlscript Foundation.
    We are a community that encourages and guides the beginners in tech. The name GirlScript because we support diversity.
    Our mission is to empower people by educating them on technology and related necessary skills and to create local opportunity, impact via tech education in every country around the world
    ">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400&family=Poppins:wght@500&display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css" />
    <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" href="./Assets/css/style.css">
    <link href="//cdn.muicss.com/mui-0.10.3/extra/mui-noglobals.css" rel="stylesheet" type="text/css" />
    <link rel="shortcut icon" href="./Assets/images/gsLogo.png" type="image/x-icon">
</head>

<body onload="disableLoader()">
    <div class="loader" id="loader"></div>
    <header>
        <div class="logo">
            <a href="./index.html"><img src="./Assets/images/logoLight.png" width="200" alt=""></a>
        </div>
        <nav>
            <ul>
                <li class="navlink"><a href="#">Home</a></li>
                <li class="navlink"><a href="#about">About</a></li>
                <li class="navlink"><a href="#events">Events</a></li>
                <li class="navlink"><a href="#team">Team</a></li>
                <li class="navlink"><a href="#contact">Contact Us</a></li>
            </ul>
        </nav>
        <div class="menu-toggle mt-1">
            <i class="fa fa-bars" aria-hidden="true" style="color: #F57C00;"></i>
        </div>
    </header>
    <div id="demo" class="carousel slide" data-ride="carousel">
        <!-- The slideshow -->
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="./Assets/images/2DhoniLights.jpg" class="img-fluid" alt="Mahendra Singh Dhoni">
            </div>
            <div class="carousel-item">
                <img src="./Assets/images/birsamunda.jpg" class="img-fluid" alt="Birsa Munda Artwork">
            </div>
            <div class="carousel-item">
                <img src="./Assets/images/jca.jpg" class="img-fluid" alt="Jharkhand Cricket Association Stadium">
            </div>
            <div class="carousel-item">
                <img src="./Assets/images/dassam.jpg" class="img-fluid" alt="Dassam Falls">
            </div>
            <div class="carousel-item">
                <img src="./Assets/images/tagore hill.jpg" class="img-fluid" alt="Tagore Hill">
            </div>
        </div>
    </div>

    <div class="carousel-overlay center">
        <h1 class="text-center branding">GirlScript Ranchi</h1>
    </div>
    <div class="changecolor" id="changecolor" style="height: 100px; margin-top: -100px;"></div>

    <div id="about" style="padding-top: 100px;">
        <div class="container about center">
            <h2 class="my-3 text-center">About GirlScript Ranchi</h2>
            <div class="row ">
                <div class="col-lg-4 col-12 my-auto center">
                    <img src="./Assets/images/logoWithoutText.png" width="250px" alt="GirlScript Logo">
                    <img src="./Assets/images/logoDark.png" width="250px" alt="GirlScript Logo">
                </div>
                <div class="col-lg-8 col-12">
                    <h3 style="text-align: center;" class="mt-5">Hello Techies...</h3>
                    <p class="px-1" style="text-align: center;">
                        Girlscript Ranchi is the Ranchi chapter of
                        the GirlScript Foundation, which was set up
                        on 2nd June, 2017.
                    </p>
                    <h3 style="text-align: center;">Our Mission</h3>
                    <ul style="list-style: square;">
                        <li>We believe in equality in tech and hence 50% of the seats in every meet-up,
                            workshop and conference are reserved for women and LGBTQ.</li>
                        <li>Our mission is to empower people and specially under-represented groups by
                            educating them on technology and related necessary skills</li>
                        <li>We also aim to create local opportunity, growth and impact via tech education in
                            every country around the world and to bring diversity in the tech domain.</li>
                    </ul>


                    <!--<div class="quote" id="aboutus">“Everything is easy in life if you start early, fail early, and
                            get up early” -
                            Anubha Maneshwar
                            (Founder of GirlScript)
                        </div> -->

                    </p>
                </div>
            </div>
        </div>
    </div>
    <div id="events" style="padding-top: 100px;">
        <div class="container events center">
            <h2 class="text-center gsevent-heading"> Events by<br>Girlscript Ranchi </h2>
            <div class="mobile-mode center">
                <div class="row">
                    <div class="col-12 center">
                        <div class="gsevent mt-3 center">
                            <img src="./Assets/images/devpost_sqr.png" height="270px"
                                alt="GirlScript Ranchi Devlaunch event for Portfolio Website building">
                            <div class="container center" style="padding: 10px;">
                                <h4 class="event-name">&lt;Dev_Launch/&gt;</h4>
                                <p class="quote">"Get your presence on web!"</p>
                                <a href="./devlaunch.html"><button class="mui-btn mui-btn--raised mui-btn--danger">Read
                                        More</button></a>
                                <a href="http://bit.ly/Dev_Launch"><button
                                        class="mui-btn mui-btn--raised mui-btn--danger">Register</button></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tablet-mode center mt-3">
                <div class="row">
                    <div class="col-md-12">
                        <h3 class="text-center gsevent-heading" style="font-weight: 600;"> &lt;Dev_Launch/&gt; </h3>
                        <h6 class="text-center">Get your presence on the web.</h6>
                    </div>
                </div>
                <div class="row mt-3">
                    <div class="col-md-4 center">
                        <div class="row">
                            <div class="col-md-12">
                                <img src="./Assets/images/devpost_sqr.png" class="img-fluid"
                                    alt="GirlScript Ranchi Devlaunch event for Portfolio Website building">
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 my-auto">
                        <div class="row">
                            <div class="col-md-12 center">
                                <p><strong>Web Development Workshop</strong><br>12th - 17th July - Learn the
                                    Skill<br>Live
                                    hands-on session</p>
                                <a href="./devlaunch.html" class="mui-btn mui-btn--primary mt-2"
                                    style="background-color:#F57C00;">Read More</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 my-auto">
                        <div class="row">
                            <div class="col-md-12 center">
                                <p><strong>Portfolio Making Competiton</strong><br> 18th - 20th July - Test your
                                    Skill<br><em>Best Portfolio</em> Certificate</p>
                                <a href="https://bit.ly/Dev_Launch" class="mui-btn mui-btn--primary mt-2"
                                    style="background-color:#F57C00;">Register Now</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container program center pt-5">
        <h1>Our Programs</h1>
        <div class="row program-slider">
            <div class="col-lg-12">
                <div class="card-deck">
                    <div class="card center">
                        <img class="card-img-top" src="./Assets/images/gsIndiaSummit.png"
                            alt="GirlScript India Summit 2020">
                        <div class="card-body center">
                            <h5 class="card-title text-center">Girlscript <br>India Summit</h5>
                            <p class="card-text ">GirlScript India Summit is our Annual and biggest celebration of
                                technology, talent, entrepreneurship and diversity. It's a Two Days Event including
                                Hackathon, Tech-Talks, Workshops.</p>
                        </div>
                    </div>
                    <div class="card center">
                        <img class="card-img-top" src="./Assets/images/Uplift.png"
                            alt="The Uplift Project - GirlScript">
                        <div class="card-body center">
                            <h5 class="card-title">The Uplift Project</h5>
                            <p class="card-text ">This new global project aims at helping everyone looking for
                                opportunities to leverage their knowledge, skills, to higher levels. If you're a student
                                wanting to learn tech stacks like HTML, React, AI, ML etc, or are skilled in these
                                skills then this program is for all of you!</p>
                        </div>
                    </div>
                </div>
                <div class="card-deck">
                    <div class="card center">
                        <img class="card-img-top" src="./Assets/images/GScup.png"
                            alt="GirlScript GSCup for the community.">
                        <div class="card-body center">
                            <h5 class="card-title">GS Cup</h5>
                            <p class="card-text ">We are bringing you the GS Cup in which you will be awarded with
                                points
                                on a scale of contribution you have made to the community. And the person with the most
                                points will be the winner of the most exciting GS Cup.</p>
                        </div>
                    </div>
                    <div class="card center">
                        <img class="card-img-top" src="./Assets/images/GSLogoEvent.png"
                            alt="GirlScript Young Scholar Contest">
                        <div class="card-body center">
                            <h5 class="card-title">Young Scholar Contest</h5>
                            <p class="card-text ">Young Scholars Contest is a 7-day online program to give your child a
                                headstart in their tech career. An online contest will be held in the last two days
                                where students would implement what they learnt and compete for attractive prizes.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row mt-5">
            <div class="col-12 text-center">
                <strong>
                    <h5 style="font-size: 2rem;">To See the Full list of Programs</h5>
                </strong>
                <a href="https://www.girlscript.tech/home" class="mui-btn mui-btn--primary"
                    style="background-color:#F57C00;">Click Here</a>
            </div>
        </div>
    </div>

    <div class="container team center" id="team" style="padding-top: 100px;">
        <h1 class="my-4">Meet Our Team</h1>
        <div class="row team-slider">
            <div class="col-md-4">
                <div class="card center">
                    <img class="img-fluid team-member" src="./Assets/images/Profile/Ankita.jpeg"
                        alt="Ankita Priya Chapter Lead GirlScript Ranchi">
                    <div class="details center">
                        <h4 class="name my-auto"><a href="#">Ankita Priya</a></h4>
                        <h6>Chapter Lead</h6>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card center">
                    <img class="img-fluid team-member" src="./Assets/images/Profile/Aditi.jpeg"
                        alt="Aditi Sneh GirlScript Ranchi">
                    <div class="details center">
                        <h4 class="name my-auto"><a href="https://www.linkedin.com/in/aditi-sneh-107212190/">Aditi
                                Sneh</a></h4>
                        <h6>Graphic Designer</h6>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card center">
                    <img class="img-fluid team-member" src="./Assets/images/Profile/Atulya.jpeg"
                        alt="Atulya Arya GirlScript Ranchi">
                    <div class="details center">
                        <h4 class="name my-auto"><a href="https://www.linkedin.com/in/atulya-arya-794280186/">Atulya
                                Arya</a></h4>
                        <h6>Marketing Manager</h6>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card center">
                    <img class="img-fluid team-member" src="./Assets/images/Profile/ruhi.jpeg"
                        alt="Ruhi Ghosh GirlScript Ranchi">
                    <div class="details center">
                        <h4 class="name my-auto"><a href="https://www.linkedin.com/in/ruhi-ghosh-6b64061a3/">Ruhi
                                Ghosh</a></h4>
                        <h6>Marketing Manager</h6>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card center">
                    <img class="img-fluid team-member" src="./Assets/images/Profile/Nidhi.jpeg"
                        alt="Nidhi Nivedita GirlScript Ranchi">
                    <div class="details center">
                        <h4 class="name my-auto"><a href="https://www.linkedin.com/in/nidhi-nivedita-a40212190/">Nidhi
                                Nivedita</a></h4>
                        <h6>Content Writer</h6>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card center">
                    <img class="img-fluid team-member" src="./Assets/images/Profile/Soham.jpeg"
                        alt="Soham Roy GirlScript Ranchi">
                    <div class="details center">
                        <h4 class="name my-auto"><a href="https://www.linkedin.com/in/aditi-sneh-107212190/">Soham
                                Roy</a></h4>
                        <h6>Technical Content Writer</h6>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card center">
                    <img class="img-fluid team-member" src="./Assets/images/Profile/Arpit.jpeg"
                        alt="Arpit GirlScript Ranchi">
                    <div class="details center">
                        <h4 class="name my-auto"><a href="https://www.linkedin.com/in/arpitfalcon/">Arpit</a></h4>
                        <h6>Management & Logistics</h6>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card center">
                    <img class="img-fluid team-member" src="./Assets/images/Profile/Pushp.jpeg"
                        alt="Pushp Raj GirlScript Ranchi">
                    <div class="details center">
                        <h4 class="name my-auto"><a href="https://www.linkedin.com/in/pushp-raj-a46684196/">Pushp
                                Raj</a></h4>
                        <h6>Management & Logistics</h6>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card center">
                    <img class="img-fluid team-member" src="./Assets/images/Profile/Arnab.jpg"
                        alt="Arnab Deep Web Developer GirlScript Ranchi">
                    <div class="details center">
                        <h4 class="name my-auto"><a href="https://arnab16.tech">Arnab Deep</a></h4>
                        <h6>Web Developer</h6>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card center">
                    <img class="img-fluid team-member" src="./Assets/images/Profile/debanshu.jpg"
                        alt="Debanshu Mutt Web Developer GirlScript Ranchi">
                    <div class="details center">
                        <h4 class="name my-auto"><a href="https://www.linkedin.com/in/debanshu-mutt-9045821a2/">Debanshu
                                Mutt</a></h4>
                        <h6>Web Developer</h6>
                    </div>
                </div>
            </div>
        </div>
        <small class="text-center mb-5">Connect with the team by clicking on names.</small>
    </div>

    <div class="container mb-5 join center">
        <div class="row">
            <div class="col-12 text-center">
                <h1>Join Us</h1>
                <hr class="my-4">
            </div>
        </div>
        <div class="row">
            <div class="col-lg-6 col-12 center">
                <h3>Campus Hero</h3>
                <h6 class="px-1">Here's an another opportunity to become a part of the Girlscript Ranchi community! <br>
                    Be the
                    face
                    of Girlscript Ranchi in your campus and get a chance to win amazing Girlscript goodies based on
                    your
                    performance. All the best!
                </h6>
                <a href="https://bit.ly/GSCampusHero" class="mui-btn mui-btn--primary mt-2"
                    style="background-color:#F57C00;">
                    Campus Hero
                </a>
            </div>
            <div class="col-lg-6 col-12 center mentor">
                <h3 class="text-center">Mentor</h3>
                <h6 class="px-1">The best way to share your knowledge is by teaching it to someone. Mentors are a part
                    of the
                    Girlscript Ranchi community who have this amazing opportunity to share their knowledge and their
                    skills with other students and win the amazing Girlscript goodies based on their performance.
                </h6>
                <a href="http://bit.ly/GSRncMentors" class="mui-btn mui-btn--primary mt-2"
                    style="background-color:#F57C00;">Mentors</a>
            </div>
        </div>
    </div>
    <!--Footer-->
    <div class="footer" id="contact">
        <div class="lowerFooter">
            <div class="container center">
                <div class="row">
                    <div class="offset-md-1 col-md-4 col-12 center">
                        <img src="./Assets/images/gsLogo.png">
                        <h5>Ranchi</h5>
                    </div>
                    <div class="col-md-2 col-12 mt-3 px-2 center">
                        <h4>Quick Links</h4>
                        <div style="align-items: flex-start;">
                            <i class="fas fa-arrow-circle-right mr-2"></i><a href="#about">About Us</a><br>
                            <i class="fas fa-arrow-circle-right mr-2"></i><a href="#events">Our Events</a><br>
                            <i class="fas fa-arrow-circle-right mr-2"></i><a href="#team">Our Team</a><br>
                            <i class="fas fa-arrow-circle-right mr-2"></i><a href="#about">Back to Top</a>
                        </div>
                    </div>
                    <div class="col-md-5 col-12 mt-3 px-2 center">
                        <h4>Connect with us on:</h4>
                        <div>
                            <a href="https://www.facebook.com/Girlscript-Ranchi-105199421237889/"
                                class="fab fa-2x fa-facebook-square m-1"></a>
                            <a href="https://github.com/GirlScript-Ranchi" class="fab fa-2x fa-github-square m-1"></a>
                            <a href="mailto:girlscript.ranchi@gmail.com" class="fas fa-2x fa-envelope m-1"></a>
                            <a href="https://twitter.com/GirlscriptRnc" class="fab fa-2x fa-twitter-square m-1"></a>
                            <a href="https://www.linkedin.com/company/girlscript-ranchi/"
                                class="fab fa-2x fa-linkedin m-1"></a>
                            <a href="https://www.instagram.com/girlscript.ranchi/"
                                class="fab fa-2x fa-instagram m-1"></a>
                        </div>
                    </div>
                </div>
            </div>
            <hr>
            <div class="col-12 my-auto center">
                <h6>© 2020 GirlScript Ranchi | All rights reserved.</h6>
                <h6>Made with &#10084;&#65039; by <strong style="color: #F57C00;">GirlScript Ranchi</strong>
                </h6>
            </div>
        </div>
    </div>
    </div>
    </div>
    <script src="//cdn.muicss.com/mui-0.10.3/extra/mui-combined.js"></script>
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
        integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous">
    </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
        integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">
    </script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
        integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">
    </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
    <script src="./Assets/js/script.js"></script>
    <script>
        var loader = document.getElementById("loader");

        function disableLoader() {
            loader.style.display = "none";
        }
        $('.carousel').carousel({
            interval: 2500
        });
        $('.carousel').carousel('cycle');
    </script>
    <script>
        $('.team-slider').slick({
            lazyload: 'ondemand',
            dots: true,
            centerMode: true,
            centerPadding: '60px',
            arrows: true,
            slidesToShow: 3,
            responsive: [{
                    breakpoint: 1360,
                    settings: {
                        arrows: true,
                        centerMode: true,
                        centerPadding: '170px',
                        slidesToShow: 1
                    }
                },
                {
                    breakpoint: 680,
                    settings: {
                        arrows: true,
                        dots: false,
                        centerMode: true,
                        centerPadding: '29px',
                        slidesToShow: 1
                    }
                },
                {
                    breakpoint: 370,
                    settings: {
                        arrows: true,
                        dots: false,
                        centerMode: true,
                        centerPadding: '7px',
                        slidesToShow: 1
                    }
                },
                {
                    breakpoint: 400,
                    settings: {
                        arrows: true,
                        dots: false,
                        centerMode: true,
                        centerPadding: '13px',
                        slidesToShow: 1
                    }
                },
                {
                    breakpoint: 350,
                    settings: {
                        arrows: true,
                        dots: false,
                        centerMode: true,
                        centerPadding: '0px',
                        slidesToShow: 1
                    }
                }
            ]
        });
    </script>
    <script>
        $(document).ready(function () {
            $('.menu-toggle').click(function () {
                $('nav').toggleClass('active')
            });
            $(".navlink").click(function () {
                $("nav").removeClass("active")
            });
        });
    </script>
</body>

</html>