dashboard.html 7.85 KB
</div>
    <div class="row wrapper border-bottom white-bg page-heading">
        <div class="col-lg-8">
            <h2>Tellus Institute</h2>
        </div>
        <div class="col-lg-4" style="margin-top: 20px; text-align: right;">
            <button type="button" class="btn btn-default btn-sm">Cancel</button>
            <button type="button" class="btn btn-primary btn-sm">Save Changes</button>
        </div>
    </div>
</div>
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-lg-7">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <div class="pull-left">
                        <h5>Contact Information</h5>
                    </div>
                    <div class="pull-right my-toggle-switch">
                        <div class="switch">
                            <div class="onoffswitch">
                                <input type="checkbox" checked class="onoffswitch-checkbox" id="example1">
                                <label class="onoffswitch-label" for="example1">
                                    <span class="onoffswitch-inner"></span>
                                    <span class="onoffswitch-switch"></span>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="ibox-content">
                    <div class="row">
                        <form role="form">
                            <div class="col-sm-6 b-r">
                                    <div class="form-group"><label>Username</label> <input type="email" placeholder="Email Username" class="form-control"></div>
                                    <div class="form-group"><label>First Name</label> <input type="text" placeholder="First Name" class="form-control"></div>
                                    <div class="form-group"><label>Last Name</label> <input type="text" placeholder="Last Name" class="form-control"></div>
                                    <!-- <div>
                                        <button class="btn btn-sm btn-primary pull-right m-t-n-xs" type="submit"><strong>Log in</strong></button>
                                        <label> <input type="checkbox" class="i-checks"> Remember me </label>
                                    </div> -->
                                
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group"><label>Password</label> <input type="password" placeholder="Password" class="form-control"></div>
                                <div class="form-group"><label>Phone</label> <input type="text" placeholder="Phone" class="form-control"></div>
                                <div class="form-group"><label>Mobile</label> <input type="text" placeholder="Mobile" class="form-control"></div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-5">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>Client Notes</h5>
                    
                </div>
                <div class="ibox-content">
                    <div class="row">
                        <form role="form">
                            <textarea class="form-control" rows="10" id="comment"></textarea>
                        </form>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
</div>

<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title" style="padding: 5px 15px 5px 15px;">
                    <div class="col-lg-8">
                        <h5 style="line-height: 34px;margin-bottom: 0;">Feature Account Control</h5>
                    </div>
                    <div class="col-lg-4">
                        <div class="form-group">
                            <label class="col-sm-2 control-label" style="line-height: 34px;margin-bottom: 0;">Level</label>
                            <div class="col-sm-10">
                                <select class="form-control m-b" name="account" style="margin-bottom: 0;">
                                    <option>Silver</option>
                                    <option>Gold</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="ibox-content">
                    <div class="row">
                        <form role="form">

                            <div class="col-lg-3">
                                <label style="color: #1ab394;">Modularized</label>
                                <div>
                                    <label> <input type="checkbox" class="i-checks"> Essinta POS system </label>
                                </div>
                                 <div>
                                    <label> <input type="checkbox" class="i-checks" checked> AcuQuote </label>
                                </div>
                                <div>
                                    <label> <input type="checkbox" class="i-checks"> AcuTrack </label>
                                </div>
                                 <div>
                                    <label> <input type="checkbox" class="i-checks" checked> Fuel Program </label>
                                </div>
                                <div>
                                    <label> <input type="checkbox" class="i-checks" checked> AMSTAT Integration </label>
                                </div>
                                 <div>
                                    <label> <input type="checkbox" class="i-checks" checked> POS Accounting Integration </label>
                                </div>
                                <div>
                                    <label> <input type="checkbox" class="i-checks" checked> POS VeederRoot Integration </label>
                                </div>
                            </div>
                            <div class="col-lg-9" style="padding: 0;">
                                <div class="col-lg-6">
                                    <div class="form-group" style="margin-top: 18px;">
                                        <label class="control-label pull-left" style="color: #1ab394;line-height: 34px;">Essinta Account UID</label>
                                        <div class="col-lg-6">
                                            <input type="text" placeholder="" style="border-color: #1ab394;" class="form-control">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group" style="margin-top: 18px;">
                                        <label class="control-label pull-left" style="color: #ffa149;line-height: 34px;">Additional Device Licences</label>
                                        <div class="col-lg-6">
                                            <input type="text" placeholder="" style="border-color: #ffa149 !important;" class="form-control">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>