<div class="col-md-8 single_right">
    <div class="login-form-section">
        <div class="login-content">


            <form ng-submit="register()">
                <div class="section-title">
                    <h3>Register your Account</h3>
                </div>
                <div class="textbox-wrap">
                    <div class="input-group">
                        <span class="input-group-addon "><i class="fa fa-user"></i></span>
                        <input type="text" ng-model="data.fname" path="firstName" id="firstName" class="form-control input-sm" placeholder="First Name"/>
                    </div>
                </div>
                <div class="textbox-wrap">
                    <div class="input-group">
                        <span class="input-group-addon "><i class="fa fa-user"></i></span>
                        <input type="text" path="lastName" ng-model="data.lname" id="lastName" class="form-control input-sm" placeholder="Last Name"/>
                    </div>
                </div>
                <div class="textbox-wrap">
                    <div class="input-group">
                        <span class="input-group-addon "><i class="fa fa-mobile"></i></span>
                        <input type="text" path="lastName" ng-model="data.phone" id="phone" class="form-control input-sm" placeholder="Mobile Number"/>
                    </div>
                </div>
                <div class="textbox-wrap">
                    <div class="input-group">
                        <span class="input-group-addon "><i class="fa fa-calendar-o"></i></span>
                        <input type="date" path="dob" ng-model="data.birthdate" id="birthdate" class="form-control input-sm" max="2010-12-31" required placeholder="Date of birth"/>
                    </div>
                </div>
                <div class="textbox-wrap">
                    <div class="input-group">
                        <span class="input-group-addon "><i class="fa fa-envelope"></i></span>
                        <input type="text" path="email" ng-model="data.email" id="email" class="form-control input-sm" placeholder="Email"/>
                    </div>
                </div>
                <div class="textbox-wrap">
                    <div class="input-group">
                        <span class="input-group-addon "><i class="fa fa-key"></i></span>
                        <input type="password" path="password" ng-model="data.password" id="password" class="form-control input-sm" placeholder="Password"/>
                    </div>
                </div>
                <div class="textbox-wrap">
                    <div class="input-group">
                        <label class="control-lable col-md-3">Gender</label>
                        <div class="col-md-9"><label for="gender-1" class="label_radio radio-inline">
                            <input type="radio" id="gender-1" ng-model="data.gender" value="Male" checked=""> Male
                        </label>
                            <label for="gender-2" class="label_radio radio-inline">
                                <input type="radio" id="gender-2" value="Female" ng-model="data.gender"> Female
                            </label></div>
                    </div>
                </div>


                <div class="forgot">
                    <div class="login-check">
                        <label class="checkbox1"><input type="checkbox" ng-model="data.checkbox" checked=""><i> </i>Sign Up for Newsletter</label>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="login-btn">
                    <input type="submit" value="Register">
                </div>
            </form>
            <div class="login-bottom">
                <!--<p>With your social media account</p>-->
                <div class="social-icons">
                    <!--<div class="button">
                        <a class="tw" href="#"> <i class="fa fa-twitter tw2"> </i><span>Twitter</span>
                            <div class="clearfix"> </div></a>
                        <a class="fa" href="#"> <i class="fa fa-facebook tw2"> </i><span>Facebook</span>
                            <div class="clearfix"> </div></a>
                        <a class="go" href="#"><i class="fa fa-google-plus tw2"> </i><span>Google+</span>
                            <div class="clearfix"> </div></a>
                        <div class="clearfix"> </div>
                    </div>-->
                    <h4>Already have an Account? <a href="login"> Login Here !</a></h4>
                </div>
            </div>
        </div>
    </div>
</div>