extends ../layout
block content
    .jumbotron
        .text-center
            .row
                .col-xs-12
                    h1.nonprofit-landing.hug-top Get pro bono code for your nonprofit
                    .big-break
                    .col-xs-12.col-sm-12.col-md-12
                        .embed-responsive.embed-responsive-16by9
                            iframe.embed-responsive-item(src='//player.vimeo.com/video/126228100')
                        .big-break
                    h2 Our process:
                    .row
                        .col-xs-12.col-sm-12.col-md-4
                            h3.nowrap Your idea
                            img.img-responsive.landing-icon.img-center(src= 'https://s3.amazonaws.com/freecodecamp/landingIcons_portfolio.svg.gz', alt='Image of a briefcase')
                            p.landing-p You tell us how we can help you.
                        .col-xs-12.col-sm-12.col-md-4
                            h3.nowrap Our team
                            img.img-responsive.landing-icon.img-center(src= 'https://s3.amazonaws.com/freecodecamp/landingIcons_nonprofits.svg.gz', alt='Image of people putting their hands together in a huddle')
                            p.landing-p We'll hand pick developers and a project manager.
                        .col-xs-12.col-sm-12.col-md-4
                            h3.nowrap Your solution
                            img.img-responsive.landing-icon.img-center(src= 'https://s3.amazonaws.com/freecodecamp/landingIcons_connect.svg.gz', alt='image of two people high-fiving')
                            p.landing-p Together we'll set milestones and complete your project.
                    .big-break
                    h2 Solutions we can help you build:
                    .text-center.negative-35
                        .col-xs-12.col-sm-12.col-md-3
                            .landing-skill-icon.ion-android-globe
                            h2.black-text Websites
                        .col-xs-12.col-sm-12.col-md-3
                            .landing-skill-icon.ion-card
                            h2.black-text Donation Systems
                        .col-xs-12.col-sm-12.col-md-3
                            .landing-skill-icon.ion-android-calendar
                            h2.black-text Volunteer Systems
                        .col-xs-12.col-sm-12.col-md-3
                            .landing-skill-icon.ion-ios-box
                            h2.black-text Inventory Systems
                        .col-xs-12.col-sm-12.col-md-3
                            .landing-skill-icon.ion-university
                            h2.black-text E-learning Platforms
                        .col-xs-12.col-sm-12.col-md-3
                            .landing-skill-icon.ion-ios-list
                            h2.black-text Paperless Workflows
                        .col-xs-12.col-sm-12.col-md-3
                            .landing-skill-icon.ion-ios-people
                            h2.black-text Community Tools
                        .col-xs-12.col-sm-12.col-md-3
                            .landing-skill-icon.ion-settings
                            h2.black-text ...and other tools
            .big-break
            a.btn.btn-cta.signup-btn.btn-block(href="/nonprofits-form") My nonprofit needs coding help