Introduction to Bulma a CSS framework

CSS 
  Website 
Creating elements using the bulma css framework

a login page

   <section class="section">
        <div class="container">
                <div class="columns is-mobile is-centered">
                        <div class="column is-half">
                                <div class="field">
                                    <label class="label">Username</label>
                                    <div class="control">
                                        <input class="input" type="text" placeholder="Text input">
                                    </div>
                                </div>

                                <div class="field">
                                    <label class="label">Password</label>
                                    <div class="control">
                                        <input class="input" type="text" placeholder="Text input">
                                    </div>
                                </div>

                                <div class="field">
                                    <div class="control">
                                        <label class="checkbox">
                                        <input type="checkbox">
                                        I agree to the <a href="#">terms and conditions</a>
                                        </label>
                                    </div>
                                </div>

                                <div class="field is-grouped">
                                    <div class="control">
                                        <button class="button is-link">Login</button>
                                    </div>
                                </div>
                        </div>
                      </div>
        </div>

    </section>

Notes

README