"Servery (i2)"
Bootstrap 3.3.0 Snippet by BlackFoxgamingstudio

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html lang="en"> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Website CSS style --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- Website Font style --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css"> <link rel="stylesheet" href="style.css"> <!-- Google Fonts --> <link href='https://fonts.googleapis.com/css?family=Passion+One' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'> <title>Admin</title> </head> <body> <div id="exTab1" class="container"> <ul class="nav nav-pills"> <li class="active"> <a href="#1a" data-toggle="tab">Coding Ninja(user table)</a> </li> <li><a href="#6a" data-toggle="tab">Ninja Way(user persona)</a> </li> <li><a href="#2a" data-toggle="tab">Ninja Clan(Demographic table)</a> </li> <li><a href="#7a" data-toggle="tab">Ninja Tainning(user Behaver)</a> </li> <li><a href="#3a" data-toggle="tab">Coding Ninja Magic(Real User table)</a> </li> <li><a href="#4a" data-toggle="tab">Community Servey(servey Table)</a> </li> <li><a href="#5a" data-toggle="tab">Needs Servey(Needs Table)</a> </li> </ul> <div class="tab-content clearfix"> <div class="tab-pane active" id="1a"> <div class="container"> <div class="row main"> <div class="main-login main-center"> <h5>Hi Ninja! What is the Name of our Hero in this Adventure? (who are you?)</h5> <legend>Demographic</legend> <form class="" method="post" action="#"> <div class="form-group"> <label for="name" class="cols-sm-2 control-label">Your Name</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-user fa" aria-hidden="true"></i></span> <input type="text" class="form-control" name="name" id="name" placeholder="Enter your Name"/> </div> </div> </div> <div class="form-group"> <label for="email" class="cols-sm-2 control-label">Your Email</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-envelope fa" aria-hidden="true"></i></span> <input type="text" class="form-control" name="email" id="email" placeholder="Enter your Email"/> </div> </div> </div> <div class="form-group"> <label for="username" class="cols-sm-2 control-label">Age</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-users fa" aria-hidden="true"></i></span> <input type="text" class="form-control" name="username" id="username" placeholder="Enter your Username"/> </div> </div> </div> <div class="form-group"> <label for="password" class="cols-sm-2 control-label">sex</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="password" id="password" placeholder="Enter your Password"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label">Zip code</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label">how long have you been coding?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label">in one sentance descripe your self and your Dreams as a code Ninja? </label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password"/> </div> </div> </div> <div class="form-group "> <a href="#2a" target="2a" type="button" id="button" class="btn btn-primary btn-lg btn-block login-button">next page</a> </div> </form> </div> </div> </div> </div> <div class="tab-pane" id="3a"> <div class="container"> <div class="row main"> <div class="main-login main-center"> <h5>I See....Our Hero Comes From a Noble Clan! but how does our hero live, eat and train? </h5> <legend>Demographic</legend> <form class="" method="post" action="#"> <div class="form-group"> <label for="name" class="cols-sm-2 control-label">What Are your Goals as a Developer?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-user fa" aria-hidden="true"></i></span> <input type="text" class="form-control" name="name" id="name" placeholder="Enter your Name"/> </div> </div> </div> <div class="form-group"> <label for="email" class="cols-sm-2 control-label">How does it feel to code?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-envelope fa" aria-hidden="true"></i></span> <input type="text" class="form-control" name="email" id="email" placeholder="Enter your Email"/> </div> </div> </div> <div class="form-group"> <label for="username" class="cols-sm-2 control-label">How often do you code?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-users fa" aria-hidden="true"></i></span> <input type="text" class="form-control" name="username" id="username" placeholder="Enter your Username"/> </div> </div> </div> <div class="form-group"> <label for="password" class="cols-sm-2 control-label">what does a developer do in your mind?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="password" id="password" placeholder="Enter your Password"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label">what are your daily challanges on your path to being a developer?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label">What does you need help with to be a better developer?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label">what are your top 3 needs as a developer?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label">How do you study a new lanagues and what tools do you use?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label">do you feel like your growing as a coder? what would make it easyer for you to grow?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label">how much time do you spend coding every day?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label">What other activitie talk you away from practicing your coding skills? family time, Sports, Gaming?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label">what do you like to eat and how often do you excersice?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password"/> </div> </div> </div> <div class="form-group "> <a href="http://deepak646.blogspot.in" target="_blank" type="button" id="button" class="btn btn-primary btn-lg btn-block login-button">next page</a> </div> </form> </div> </div> </div> </div> <div class="tab-pane" id="2a"> <div class="container"> <div class="row main"> <div class="main-login main-center"> <h5>Your Ninja Clan sent us a great warrior today! Tell us about your Clan and how they live?</h5> <legend>Demographic</legend> <form class="" method="post" action="#"> <div class="form-group"> <label for="name" class="cols-sm-2 control-label">What was your last full time job?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-user fa" aria-hidden="true"></i></span> <input type="text" class="form-control" name="name" id="name" placeholder="Enter your Name"/> </div> </div> </div> <div class="form-group"> <label for="email" class="cols-sm-2 control-label">what websites do you like the most?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-envelope fa" aria-hidden="true"></i></span> <input type="text" class="form-control" name="email" id="email" placeholder="Enter your Email"/> </div> </div> </div> <div class="form-group"> <label for="username" class="cols-sm-2 control-label">What kind of computer do you own?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-users fa" aria-hidden="true"></i></span> <input type="text" class="form-control" name="username" id="username" placeholder="Enter your Username"/> </div> </div> </div> <div class="form-group"> <label for="password" class="cols-sm-2 control-label">what compoany do you like more, Microsoft, Apple or google?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="password" id="password" placeholder="Enter your Password"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label">Do you have kids?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label">what is your fav tv show?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label">what is your fav book?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label">what is your fav movie?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label">whats website do you visit to help you code?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label">what is the highest lvl of school you complated?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label">have you ever started a business?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label">What is your greats acomplashment?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label">how do you give back to your community?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label">what is your favorte social activity?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label">What are your top skills?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label">are you better at math or art?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label">are you a visual, audio or practical learner?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label">what is your bigest concern about your education and future career?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password"/> </div> </div> </div> <div class="form-group "> <a href="http://deepak646.blogspot.in" target="_blank" type="button" id="button" class="btn btn-primary btn-lg btn-block login-button">next pager</a> </div> </form> </div> </div> </div> </div> <div class="tab-pane" id="5a"> <div class="container"> <div class="row main"> <div class="main-login main-center"> <h5> you have the patential to be a great hero! What weapons would you like to be trained in to slay many dragons? </h5> <legend>Demographic</legend> <form class="" method="post" action="#"> <div class="form-group"> <label for="name" class="cols-sm-2 control-label">How can we help you learn new lanagues?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-user fa" aria-hidden="true"></i></span> <input type="text" class="form-control" name="name" id="name" placeholder="Enter your Name"/> </div> </div> </div> <div class="form-group"> <label for="email" class="cols-sm-2 control-label">How can you help other learn new lanagues?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-envelope fa" aria-hidden="true"></i></span> <input type="text" class="form-control" name="email" id="email" placeholder="Enter your Email"/> </div> </div> </div> <div class="form-group"> <label for="username" class="cols-sm-2 control-label">How can we help you learn to troubleshoot your own errors in your code?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-users fa" aria-hidden="true"></i></span> <input type="text" class="form-control" name="username" id="username" placeholder="Enter your Username"/> </div> </div> </div> <div class="form-group"> <label for="password" class="cols-sm-2 control-label">How whould you help others learn to troubleshoot your own errors in your code?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="password" id="password" placeholder="Enter your Password"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label">How can we help you learn Functions and loops?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label">How can you help other learn Functions and loops? </label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label">How can you help you take better notes about programing? </label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password"/> </div> </div> </div> How can you help you take better notes about programing? <div class="form-group "> <a href="http://deepak646.blogspot.in" target="_blank" type="button" id="button" class="btn btn-primary btn-lg btn-block login-button">regester for Dojo</a> </div> </form> </div> </div> </div> </div> <div class="tab-pane" id="4a"> <div class="container"> <div class="row main"> <div class="main-login main-center"> <h5>you are ready to train to gain power.. great!!! However, A Hero Needs to Protect is Clan! who will you fight for? who will you protect?</h5> <legend>Demographic</legend> <form class="" method="post" action="#"> <div class="form-group"> <label for="name" class="cols-sm-2 control-label">How would you teach others to code?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-user fa" aria-hidden="true"></i></span> <input type="text" class="form-control" name="name" id="name" placeholder="Enter your Name"/> </div> </div> </div> <div class="form-group"> <label for="email" class="cols-sm-2 control-label">what will you build for your commonity and why?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-envelope fa" aria-hidden="true"></i></span> <input type="text" class="form-control" name="email" id="email" placeholder="Enter your Email"/> </div> </div> </div> <div class="form-group"> <label for="username" class="cols-sm-2 control-label">if you had a team of developers with 12 year of experince each, what would you have them build you that will help you learn?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-users fa" aria-hidden="true"></i></span> <input type="text" class="form-control" name="username" id="username" placeholder="Enter your Username"/> </div> </div> </div> <div class="form-group"> <label for="password" class="cols-sm-2 control-label">if you had a team of developers with 12 year of experince each, what would you have them build you that will help you manage your life?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="password" id="password" placeholder="Enter your Password"/> </div> </div> </div> <div class="form-group"> <label for="confirm" class="cols-sm-2 control-label"> if you started a business today what would service or product would you develop to help educate others like you?</label> <div class="cols-sm-10"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span> <input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password"/> </div> </div> </div> <div class="form-group "> <a href="http://deepak646.blogspot.in" target="_blank" type="button" id="button" class="btn btn-primary btn-lg btn-block login-button">next page</a> </div> </form> </div> </div> </div> </div> <div class="tab-pane" id="7a"> <div class="container"> <div class="row main"> <div class="main-login main-center"> <h5>ninjas you magic to mistyph our enemys. however magic is realy nothing more then developing a solution for a problem. Are you ready to learn ninja magic and become a code ninnja?</h5> <form class="" method="post" action="#"> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Senerios</legend> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-12 control-label" for="radios">Inline Radios</label> <div class="col-md-12"> <label class="radio-inline" for="radios-0"> <input type="radio" name="radios" id="radios-0" value="1" checked="checked"> 1 </label> <label class="radio-inline" for="radios-1"> <input type="radio" name="radios" id="radios-1" value="2"> 2 </label> <label class="radio-inline" for="radios-2"> <input type="radio" name="radios" id="radios-2" value="3"> 3 </label> <label class="radio-inline" for="radios-3"> <input type="radio" name="radios" id="radios-3" value="4"> 4 </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-12 control-label" for="radios">Inline Radios</label> <div class="col-md-12"> <label class="radio-inline" for="radios-0"> <input type="radio" name="radios" id="radios-0" value="1" checked="checked"> 1 </label> <label class="radio-inline" for="radios-1"> <input type="radio" name="radios" id="radios-1" value="2"> 2 </label> <label class="radio-inline" for="radios-2"> <input type="radio" name="radios" id="radios-2" value="3"> 3 </label> <label class="radio-inline" for="radios-3"> <input type="radio" name="radios" id="radios-3" value="4"> 4 </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-12 control-label" for="radios">Inline Radios</label> <div class="col-md-12"> <label class="radio-inline" for="radios-0"> <input type="radio" name="radios" id="radios-0" value="1" checked="checked"> 1 </label> <label class="radio-inline" for="radios-1"> <input type="radio" name="radios" id="radios-1" value="2"> 2 </label> <label class="radio-inline" for="radios-2"> <input type="radio" name="radios" id="radios-2" value="3"> 3 </label> <label class="radio-inline" for="radios-3"> <input type="radio" name="radios" id="radios-3" value="4"> 4 </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-12ccontrol-label" for="radios">Inline Radios</label> <div class="col-md-12"> <label class="radio-inline" for="radios-0"> <input type="radio" name="radios" id="radios-0" value="1" checked="checked"> 1 </label> <label class="radio-inline" for="radios-1"> <input type="radio" name="radios" id="radios-1" value="2"> 2 </label> <label class="radio-inline" for="radios-2"> <input type="radio" name="radios" id="radios-2" value="3"> 3 </label> <label class="radio-inline" for="radios-3"> <input type="radio" name="radios" id="radios-3" value="4"> 4 </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-12 control-label" for="radios">Inline Radios</label> <div class="col-md-12"> <label class="radio-inline" for="radios-0"> <input type="radio" name="radios" id="radios-0" value="1" checked="checked"> 1 </label> <label class="radio-inline" for="radios-1"> <input type="radio" name="radios" id="radios-1" value="2"> 2 </label> <label class="radio-inline" for="radios-2"> <input type="radio" name="radios" id="radios-2" value="3"> 3 </label> <label class="radio-inline" for="radios-3"> <input type="radio" name="radios" id="radios-3" value="4"> 4 </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-12 control-label" for="radios">Inline Radios</label> <div class="col-md-12"> <label class="radio-inline" for="radios-0"> <input type="radio" name="radios" id="radios-0" value="1" checked="checked"> 1 </label> <label class="radio-inline" for="radios-1"> <input type="radio" name="radios" id="radios-1" value="2"> 2 </label> <label class="radio-inline" for="radios-2"> <input type="radio" name="radios" id="radios-2" value="3"> 3 </label> <label class="radio-inline" for="radios-3"> <input type="radio" name="radios" id="radios-3" value="4"> 4 </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-12 control-label" for="radios">Inline Radios</label> <div class="col-md-12"> <label class="radio-inline" for="radios-0"> <input type="radio" name="radios" id="radios-0" value="1" checked="checked"> 1 </label> <label class="radio-inline" for="radios-1"> <input type="radio" name="radios" id="radios-1" value="2"> 2 </label> <label class="radio-inline" for="radios-2"> <input type="radio" name="radios" id="radios-2" value="3"> 3 </label> <label class="radio-inline" for="radios-3"> <input type="radio" name="radios" id="radios-3" value="4"> 4 </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-12 control-label" for="radios">Inline Radios</label> <div class="col-md-12"> <label class="radio-inline" for="radios-0"> <input type="radio" name="radios" id="radios-0" value="1" checked="checked"> 1 </label> <label class="radio-inline" for="radios-1"> <input type="radio" name="radios" id="radios-1" value="2"> 2 </label> <label class="radio-inline" for="radios-2"> <input type="radio" name="radios" id="radios-2" value="3"> 3 </label> <label class="radio-inline" for="radios-3"> <input type="radio" name="radios" id="radios-3" value="4"> 4 </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-12 control-label" for="radios">Inline Radios</label> <div class="col-md-12"> <label class="radio-inline" for="radios-0"> <input type="radio" name="radios" id="radios-0" value="1" checked="checked"> 1 </label> <label class="radio-inline" for="radios-1"> <input type="radio" name="radios" id="radios-1" value="2"> 2 </label> <label class="radio-inline" for="radios-2"> <input type="radio" name="radios" id="radios-2" value="3"> 3 </label> <label class="radio-inline" for="radios-3"> <input type="radio" name="radios" id="radios-3" value="4"> 4 </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-12 control-label" for="radios">Inline Radios</label> <div class="col-md-12"> <label class="radio-inline" for="radios-0"> <input type="radio" name="radios" id="radios-0" value="1" checked="checked"> 1 </label> <label class="radio-inline" for="radios-1"> <input type="radio" name="radios" id="radios-1" value="2"> 2 </label> <label class="radio-inline" for="radios-2"> <input type="radio" name="radios" id="radios-2" value="3"> 3 </label> <label class="radio-inline" for="radios-3"> <input type="radio" name="radios" id="radios-3" value="4"> 4 </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-12 control-label" for="radios">Inline Radios</label> <div class="col-md-12"> <label class="radio-inline" for="radios-0"> <input type="radio" name="radios" id="radios-0" value="1" checked="checked"> 1 </label> <label class="radio-inline" for="radios-1"> <input type="radio" name="radios" id="radios-1" value="2"> 2 </label> <label class="radio-inline" for="radios-2"> <input type="radio" name="radios" id="radios-2" value="3"> 3 </label> <label class="radio-inline" for="radios-3"> <input type="radio" name="radios" id="radios-3" value="4"> 4 </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-12 control-label" for="radios">Inline Radios</label> <div class="col-md-12"> <label class="radio-inline" for="radios-0"> <input type="radio" name="radios" id="radios-0" value="1" checked="checked"> 1 </label> <label class="radio-inline" for="radios-1"> <input type="radio" name="radios" id="radios-1" value="2"> 2 </label> <label class="radio-inline" for="radios-2"> <input type="radio" name="radios" id="radios-2" value="3"> 3 </label> <label class="radio-inline" for="radios-3"> <input type="radio" name="radios" id="radios-3" value="4"> 4 </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-12 control-label" for="radios">Inline Radios</label> <div class="col-md-12"> <label class="radio-inline" for="radios-0"> <input type="radio" name="radios" id="radios-0" value="1" checked="checked"> 1 </label> <label class="radio-inline" for="radios-1"> <input type="radio" name="radios" id="radios-1" value="2"> 2 </label> <label class="radio-inline" for="radios-2"> <input type="radio" name="radios" id="radios-2" value="3"> 3 </label> <label class="radio-inline" for="radios-3"> <input type="radio" name="radios" id="radios-3" value="4"> 4 </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-12 control-label" for="radios">Inline Radios</label> <div class="col-md-12"> <label class="radio-inline" for="radios-0"> <input type="radio" name="radios" id="radios-0" value="1" checked="checked"> 1 </label> <label class="radio-inline" for="radios-1"> <input type="radio" name="radios" id="radios-1" value="2"> 2 </label> <label class="radio-inline" for="radios-2"> <input type="radio" name="radios" id="radios-2" value="3"> 3 </label> <label class="radio-inline" for="radios-3"> <input type="radio" name="radios" id="radios-3" value="4"> 4 </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-12 control-label" for="radios">Inline Radios</label> <div class="col-md-12"> <label class="radio-inline" for="radios-0"> <input type="radio" name="radios" id="radios-0" value="1" checked="checked"> 1 </label> <label class="radio-inline" for="radios-1"> <input type="radio" name="radios" id="radios-1" value="2"> 2 </label> <label class="radio-inline" for="radios-2"> <input type="radio" name="radios" id="radios-2" value="3"> 3 </label> <label class="radio-inline" for="radios-3"> <input type="radio" name="radios" id="radios-3" value="4"> 4 </label> </div> </div> <!-- Multiple Radios (inline) --> <div class="form-group"> <label class="col-md-12 control-label" for="radios">Inline Radios</label> <div class="col-md-12"> <label class="radio-inline" for="radios-0"> <input type="radio" name="radios" id="radios-0" value="1" checked="checked"> 1 </label> <label class="radio-inline" for="radios-1"> <input type="radio" name="radios" id="radios-1" value="2"> 2 </label> <label class="radio-inline" for="radios-2"> <input type="radio" name="radios" id="radios-2" value="3"> 3 </label> <label class="radio-inline" for="radios-3"> <input type="radio" name="radios" id="radios-3" value="4"> 4 </label> </div> </div> <!-- Button (Double) --> <div class="form-group"> <label class="col-md-4 control-label" for="button1id"></label> <div class="col-md-8"> <button id="button1id" name="button1id" class="btn btn-primary">last Page</button> <button id="button2id" name="button2id" class="btn btn-info">Next Page</button> </div> </div> </fieldset> </form> </form> </div> </div> </div> </div> <div class="tab-pane" id="6a"> <div class="container"> <div class="row main"> <div class="main-login main-center"> <h5>to be a ninja is to endure. what will be your ninja way? what will drive you to always over come and never give up?</h5> <form class="" method="post" action="#"> <div class="form-group"> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>User Persona</legend> <div class="row"> <!-- Textarea --> <div class="col-md-12" for="textarea">in one sententence descripe your dreams as a coding ninja?</div> <br> <div class="form-group"> <div class="col-md-12"> <textarea class="form-control" id="textarea" name="textarea">default text</textarea> </div> </div> <!-- Multiple Checkboxes (inline) --> <label class="col-md-12" for="checkboxes">Inline Checkboxes</label> <label class="checkbox-inline" for="checkboxes-0"> <input type="checkbox" name="checkboxes" id="checkboxes-0" value="1"> 1 </label> <label class="checkbox-inline" for="checkboxes-1"> <input type="checkbox" name="checkboxes" id="checkboxes-1" value="2"> 2 </label> <label class="checkbox-inline" for="checkboxes-2"> <input type="checkbox" name="checkboxes" id="checkboxes-2" value="3"> 3 </label> <label class="checkbox-inline" for="checkboxes-3"> <input type="checkbox" name="checkboxes" id="checkboxes-3" value="4"> 4 </label> <!-- Textarea --> <div class="col-md-12" for="textarea">in one sententence descripe your dreams as a coding ninja?</div> <br><br><br><br> <div class="form-group"> <div class="col-md-12"> <textarea class="form-control" id="textarea" name="textarea">default text</textarea> </div> </div> <br> <!-- Multiple Checkboxes (inline) --> <label class="col-md-12" for="checkboxes">Inline Checkboxes</label> <label class="checkbox-inline" for="checkboxes-0"> <input type="checkbox" name="checkboxes" id="checkboxes-0" value="1"> 1 </label> <label class="checkbox-inline" for="checkboxes-1"> <input type="checkbox" name="checkboxes" id="checkboxes-1" value="2"> 2 </label> <label class="checkbox-inline" for="checkboxes-2"> <input type="checkbox" name="checkboxes" id="checkboxes-2" value="3"> 3 </label> <label class="checkbox-inline" for="checkboxes-3"> <input type="checkbox" name="checkboxes" id="checkboxes-3" value="4"> 4 </label> <!-- Textarea --> <div class="col-md-12" for="textarea">in one sententence descripe your dreams as a coding ninja?</div> <div class="form-group"> <div class="col-md-12"> <textarea class="form-control" id="textarea" name="textarea">default text</textarea> </div> </div> <!-- Multiple Checkboxes (inline) --> <label class="col-md-12" for="checkboxes">Inline Checkboxes</label> <label class="checkbox-inline" for="checkboxes-0"> <input type="checkbox" name="checkboxes" id="checkboxes-0" value="1"> 1 </label> <label class="checkbox-inline" for="checkboxes-1"> <input type="checkbox" name="checkboxes" id="checkboxes-1" value="2"> 2 </label> <label class="checkbox-inline" for="checkboxes-2"> <input type="checkbox" name="checkboxes" id="checkboxes-2" value="3"> 3 </label> <label class="checkbox-inline" for="checkboxes-3"> <input type="checkbox" name="checkboxes" id="checkboxes-3" value="4"> 4 </label> <!-- Textarea --> <div class="col-md-12" for="textarea">in one sententence descripe your dreams as a coding ninja?</div> <div class="form-group"> <div class="col-md-12"> <textarea class="form-control" id="textarea" name="textarea">default text</textarea> </div> </div> <!-- Multiple Checkboxes (inline) --> <label class="col-md-12" for="checkboxes">Inline Checkboxes</label> <label class="checkbox-inline" for="checkboxes-0"> <input type="checkbox" name="checkboxes" id="checkboxes-0" value="1"> 1 </label> <label class="checkbox-inline" for="checkboxes-1"> <input type="checkbox" name="checkboxes" id="checkboxes-1" value="2"> 2 </label> <label class="checkbox-inline" for="checkboxes-2"> <input type="checkbox" name="checkboxes" id="checkboxes-2" value="3"> 3 </label> <label class="checkbox-inline" for="checkboxes-3"> <input type="checkbox" name="checkboxes" id="checkboxes-3" value="4"> 4 </label> <!-- Textarea --> <div class="col-md-12" for="textarea">in one sententence descripe your dreams as a coding ninja?</div> <br><br><br><br> <div class="form-group"> <div class="col-md-12"> <textarea class="form-control" id="textarea" name="textarea">default text</textarea> </div> </div> <!-- Multiple Checkboxes (inline) --> <label class="col-md-12" for="checkboxes">Inline Checkboxes</label> <label class="checkbox-inline" for="checkboxes-0"> <input type="checkbox" name="checkboxes" id="checkboxes-0" value="1"> 1 </label> <label class="checkbox-inline" for="checkboxes-1"> <input type="checkbox" name="checkboxes" id="checkboxes-1" value="2"> 2 </label> <label class="checkbox-inline" for="checkboxes-2"> <input type="checkbox" name="checkboxes" id="checkboxes-2" value="3"> 3 </label> <label class="checkbox-inline" for="checkboxes-3"> <input type="checkbox" name="checkboxes" id="checkboxes-3" value="4"> 4 </label> <!-- Textarea --> <div class="col-md-12" for="textarea">in one sententence descripe your dreams as a coding ninja?</div> <br><br><br><br> <div class="form-group"> <div class="col-md-12"> <textarea class="form-control" id="textarea" name="textarea">default text</textarea> </div> </div> <!-- Multiple Checkboxes (inline) --> <label class="col-md-12" for="checkboxes">Inline Checkboxes</label> <label class="checkbox-inline" for="checkboxes-0"> <input type="checkbox" name="checkboxes" id="checkboxes-0" value="1"> 1 </label> <label class="checkbox-inline" for="checkboxes-1"> <input type="checkbox" name="checkboxes" id="checkboxes-1" value="2"> 2 </label> <label class="checkbox-inline" for="checkboxes-2"> <input type="checkbox" name="checkboxes" id="checkboxes-2" value="3"> 3 </label> <label class="checkbox-inline" for="checkboxes-3"> <input type="checkbox" name="checkboxes" id="checkboxes-3" value="4"> 4 </label> <!-- Textarea --> <div class="col-md-12" for="textarea">in one sententence descripe your dreams as a coding ninja?</div> <br><br><br><br> <div class="form-group"> <div class="col-md-12"> <textarea class="form-control" id="textarea" name="textarea">default text</textarea> </div> </div> <!-- Multiple Checkboxes (inline) --> <label class="col-md-12" for="checkboxes">Inline Checkboxes</label> <label class="checkbox-inline" for="checkboxes-0"> <input type="checkbox" name="checkboxes" id="checkboxes-0" value="1"> 1 </label> <label class="checkbox-inline" for="checkboxes-1"> <input type="checkbox" name="checkboxes" id="checkboxes-1" value="2"> 2 </label> <label class="checkbox-inline" for="checkboxes-2"> <input type="checkbox" name="checkboxes" id="checkboxes-2" value="3"> 3 </label> <label class="checkbox-inline" for="checkboxes-3"> <input type="checkbox" name="checkboxes" id="checkboxes-3" value="4"> 4 </label> <!-- Textarea --> <div class="col-md-12" for="textarea">in one sententence descripe your dreams as a coding ninja?</div> <br><br><br><br> <div class="form-group"> <div class="col-md-12"> <textarea class="form-control" id="textarea" name="textarea">default text</textarea> </div> </div> <!-- Multiple Checkboxes (inline) --> <label class="col-md-12" for="checkboxes">Inline Checkboxes</label> <label class="checkbox-inline" for="checkboxes-0"> <input type="checkbox" name="checkboxes" id="checkboxes-0" value="1"> 1 </label> <label class="checkbox-inline" for="checkboxes-1"> <input type="checkbox" name="checkboxes" id="checkboxes-1" value="2"> 2 </label> <label class="checkbox-inline" for="checkboxes-2"> <input type="checkbox" name="checkboxes" id="checkboxes-2" value="3"> 3 </label> <label class="checkbox-inline" for="checkboxes-3"> <input type="checkbox" name="checkboxes" id="checkboxes-3" value="4"> 4 </label> <!-- Textarea --> <div class="col-md-12" for="textarea">in one sententence descripe your dreams as a coding ninja?</div> <br><br><br><br> <div class="form-group"> <div class="col-md-12"> <textarea class="form-control" id="textarea" name="textarea">default text</textarea> </div> </div> <!-- Multiple Checkboxes (inline) --> <label class="col-md-12" for="checkboxes">Inline Checkboxes</label> <label class="checkbox-inline" for="checkboxes-0"> <input type="checkbox" name="checkboxes" id="checkboxes-0" value="1"> 1 </label> <label class="checkbox-inline" for="checkboxes-1"> <input type="checkbox" name="checkboxes" id="checkboxes-1" value="2"> 2 </label> <label class="checkbox-inline" for="checkboxes-2"> <input type="checkbox" name="checkboxes" id="checkboxes-2" value="3"> 3 </label> <label class="checkbox-inline" for="checkboxes-3"> <input type="checkbox" name="checkboxes" id="checkboxes-3" value="4"> 4 </label> <!-- Textarea --> <div class="col-md-12" for="textarea">in one sententence descripe your dreams as a coding ninja?</div> <br><br><br><br> <div class="form-group"> <div class="col-md-12"> <textarea class="form-control" id="textarea" name="textarea">default text</textarea> </div> </div> <!-- Multiple Checkboxes (inline) --> <label class="col-md-12" for="checkboxes">Inline Checkboxes</label> <label class="checkbox-inline" for="checkboxes-0"> <input type="checkbox" name="checkboxes" id="checkboxes-0" value="1"> 1 </label> <label class="checkbox-inline" for="checkboxes-1"> <input type="checkbox" name="checkboxes" id="checkboxes-1" value="2"> 2 </label> <label class="checkbox-inline" for="checkboxes-2"> <input type="checkbox" name="checkboxes" id="checkboxes-2" value="3"> 3 </label> <label class="checkbox-inline" for="checkboxes-3"> <input type="checkbox" name="checkboxes" id="checkboxes-3" value="4"> 4 </label> <!-- Textarea --> <div class="col-md-12" for="textarea">in one sententence descripe your dreams as a coding ninja?</div> <br><br><br><br> <div class="form-group"> <div class="col-md-12"> <textarea class="form-control" id="textarea" name="textarea">default text</textarea> </div> </div> <!-- Multiple Checkboxes (inline) --> <label class="col-md-12" for="checkboxes">Inline Checkboxes</label> <label class="checkbox-inline" for="checkboxes-0"> <input type="checkbox" name="checkboxes" id="checkboxes-0" value="1"> 1 </label> <label class="checkbox-inline" for="checkboxes-1"> <input type="checkbox" name="checkboxes" id="checkboxes-1" value="2"> 2 </label> <label class="checkbox-inline" for="checkboxes-2"> <input type="checkbox" name="checkboxes" id="checkboxes-2" value="3"> 3 </label> <label class="checkbox-inline" for="checkboxes-3"> <input type="checkbox" name="checkboxes" id="checkboxes-3" value="4"> 4 </label> </div> </fieldset> </div> <div class="form-group "> <a href="http://deepak646.blogspot.in" target="_blank" type="button" id="button" class="btn btn-primary btn-lg btn-block login-button">next page</a> </div> </form> </div> </div> </div> </div> </div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>
/* /* Created by Filipe Pina * Specific styles of signin, register, component */ /* * General styles */ #playground-container { height: 500px; overflow: hidden !important; -webkit-overflow-scrolling: touch; } body, html{ height: 100%; background-repeat: no-repeat; background:url(https://i.ytimg.com/vi/4kfXjatgeEU/maxresdefault.jpg); font-family: 'Oxygen', sans-serif; background-size: cover; } .main{ margin:50px 15px; } h1.title { font-size: 50px; font-family: 'Passion One', cursive; font-weight: 400; } hr{ width: 10%; color: #fff; } .form-group{ margin-bottom: 15px; } label{ margin-bottom: 15px; } input, input::-webkit-input-placeholder { font-size: 11px; padding-top: 3px; } .main-login{ background-color: #fff; /* shadows and rounded borders */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); } .form-control { height: auto!important; padding: 8px 12px !important; } .input-group { -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.21)!important; -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.21)!important; box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.21)!important; } #button { border: 1px solid #ccc; margin-top: 28px; padding: 6px 12px; color: #666; text-shadow: 0 1px #fff; cursor: pointer; -moz-border-radius: 3px 3px; -webkit-border-radius: 3px 3px; border-radius: 3px 3px; -moz-box-shadow: 0 1px #fff inset, 0 1px #ddd; -webkit-box-shadow: 0 1px #fff inset, 0 1px #ddd; box-shadow: 0 1px #fff inset, 0 1px #ddd; background: #f5f5f5; background: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); background: -o-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); background: -ms-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); background: linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#eeeeee', GradientType=0); } .main-center{ margin-top: 30px; margin: 0 auto; max-width: 400px; padding: 10px 40px; background:#009edf; color: #FFF; text-shadow: none; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31); } span.input-group-addon i { color: #009edf; font-size: 17px; } .login-button{ margin-top: 5px; } .login-register{ font-size: 11px; text-align: center; }

Related: See More


Questions / Comments: