CODE EDITOR

Please select a theme:
HTML EXAMPLE
                                
JAVASCRIPT EXAMPLE
                                    (function ($) {
                                        'use strict';
                                        $(function () {
                                            //Jquery validation
                                            $('#frmForgotPassword').validate({
                                                highlight: function (element) {
                                                    $(element).closest('.form-group').addClass('has-error');
                                                },
                                                unhighlight: function (element) {
                                                    $(element).closest('.form-group').removeClass('has-error');
                                                },
                                                errorPlacement: function (error, element) {
                                                    element.parents('.form-group').append(error);
                                                }
                                            });
                                        });
                                    }(jQuery));
                                
CSS EXAMPLE
                                        body {
                                            font-family: Helvetica, Geneva, Arial, sans-serif;
                                            font-size: 1em;
                                            font-style: normal;
                                            font-weight: normal;
                                            color: #333333;
                                            background-color: white;
                                            margin: 4em 15em 4em 4em;
                                            line-height: 1.35em;
                                        }
                                        body.with_sponsor {
                                            margin-right: 410px;
                                        }
                                        a {
                                            color: #5a86e4;
                                            text-decoration: none;
                                        }
                                        a:hover {
                                            text-decoration: underline;
                                        }
                                        a.external {
                                            background: url(../images/external.png) right 50% no-repeat;
                                            padding-right: 12px;
                                        }
                                    
SCSS EXAMPLE
                                        .tag-labels {
                                            span {
                                                width: 44px;
                                                height: 9px;
                                                display: inline-block;
                                                margin-right: 3px;
                                                @include border-radius(3px);
                                                &.tag-success {
                                                    background-color: $color-success;
                                                }
                                                &.tag-danger {
                                                    background-color: $color-danger;
                                                }
                                                &.tag-warning {
                                                    background-color: $color-warning;
                                                }
                                                &.tag-primary {
                                                    background-color: $color-primary;
                                                }
                                                &.tag-info {
                                                    background-color: $color-info;
                                                }
                                            }
                                        }