%PDF-
%PDF-
Mini Shell
Mini Shell
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title></title>
<!-- Bootstrap -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile.structure-1.4.5.min.css" />
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/jquery-ui.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container-fluid">
<div class="main index">
<div>
<h1>Thanks for shopping with Waves Inc.<br/>
We'd love to know your thoughts on your shopping experience.</h1>
<button onclick="$('.index,.formwrap').slideToggle();" class="btn" type="button">OK <i class='fa fa-check'></i></button><div class="clearfix"></div>
</div>
</div>
<div class="row formwrap">
<div class="container">
<form data-toggle="validator" >
<div class="form-group frstq active">
<label>Question</label>
subq
<div>
<div class="btn-group" data-toggle="buttons">
<label class="btn active">
<input type="radio" name="" autocomplete="off" checked>Single family home
</label>
<label class="btn">
<input type="radio" name="" autocomplete="off">Townhome
</label>
</label>
<label class="btn">
<input type="radio" name="" autocomplete="off">Multi-family home
</label>
</div>
</div>
</div>
<div class="form-group">
<label>Question</label>
subq
<div>
<div class="btn-group" data-toggle="buttons">
<label class="btn active">
<input type="radio" name="" autocomplete="off" checked>Excellent
</label>
<label class="btn">
<input type="radio" name="" autocomplete="off">Average
</label>
<label class="btn">
<input type="radio" name="" autocomplete="off">Fair
</label>
</label>
<label class="btn">
<input type="radio" name="" autocomplete="off"> Needs Improvement
</label>
</div>
</div>
</div>
<div class="form-group">
<label>Question</label>
<div>
<div class="btn-group fl" data-toggle="buttons">
<label class="btn active">
<input type="radio" name="" autocomplete="off" checked>1
</label>
<label class="btn">
<input type="radio" name="" autocomplete="off">2
</label>
<label class="btn">
<input type="radio" name="" autocomplete="off">3
</label>
</label>
<label class="btn">
<input type="radio" name="" autocomplete="off"> 4
</label>
<label class="btn">
<input type="radio" name="" autocomplete="off">2
</label>
<label class="btn">
<input type="radio" name="" autocomplete="off">3
</label>
</label>
<label class="btn">
<input type="radio" name="" autocomplete="off"> 4
</label>
</div>
</div>
</div>
<div class="form-group">
<label>Question</label>
<div>
<div class="slidewrap">
<input type="text" class="estimate" readonly>
<div class="slider" id="estimate" ></div>
</div>
<button class="btn continue" type="button">OK <i class='fa fa-check'></i></button><div class="clearfix"></div>
</div>
</div>
<div class="form-group">
<label>Rating</label>
<div>
<section class='rating-widget'>
<!-- Rating Stars Box -->
<div class='rating-stars'>
<ul class='ratings'>
<li class='star' title='Poor' data-value='1'>
<i class='fa fa-star fa-fw'></i>
</li>
<li class='star' title='Fair' data-value='2'>
<i class='fa fa-star fa-fw'></i>
</li>
<li class='star' title='Good' data-value='3'>
<i class='fa fa-star fa-fw'></i>
</li>
<li class='star' title='Excellent' data-value='4'>
<i class='fa fa-star fa-fw'></i>
</li>
<li class='star' title='WOW!!!' data-value='5'>
<i class='fa fa-star fa-fw'></i>
</li>
</ul>
<input class="ratingval" type="hidden"> <!-- value of rating -->
</div>
</section>
</div>
</div>
<div class="form-group">
<label>Rating 2</label>
<div>
<section class='rating-widget'>
<!-- Rating Stars Box -->
<div class='rating-stars'>
<ul class='ratings'>
<li class='star' title='Poor' data-value='1'>
<i class='fa fa-thumbs-up fa-fw'></i>
</li>
<li class='star' title='Fair' data-value='2'>
<i class='fa fa-thumbs-up fa-fw'></i>
</li>
<li class='star' title='Good' data-value='3'>
<i class='fa fa-thumbs-up fa-fw'></i>
</li>
<li class='star' title='Excellent' data-value='4'>
<i class='fa fa-thumbs-up fa-fw'></i>
</li>
<li class='star' title='WOW!!!' data-value='5'>
<i class='fa fa-thumbs-up fa-fw'></i>
</li>
</ul>
<input class="ratingval" type="hidden"> <!-- value of rating -->
</div>
</section>
</div>
</div>
<div class="form-group">
<label>Question</label>
a.subq
<div>
<div class="btn-group btnbig" data-toggle="buttons">
<label class="btn btn2">
<div class="radiobtn"><span>Employed</span></div>
<input type="radio" name="" value="" autocomplete="off" checked>
</label>
<label class="btn btn2">
<div class="radiobtn"><span>Not employed</span></div>
<input type="radio" name="" value="" autocomplete="off">
</label>
<label class="btn btn2">
<div class="radiobtn"><span>Self employed</span></div>
<input type="radio" name="" value="" autocomplete="off">
</label>
</div>
</div>
</div>
<div class="form-group">
b.subq
<div>
<div class="btn-group" data-toggle="buttons">
<label class="btn active">
<input type="radio" name="" autocomplete="off" checked>Yes
</label>
<label class="btn">
<input type="radio" name="" autocomplete="off">No
</label>
</div>
</div>
</div>
<div class="form-group">
<label>What is full your name?</label>
<div>
<input placeholder="Full name" class="form-control"/>
<div class="help-block with-errors"></div>
<button class="btn continue" type="button">OK <i class='fa fa-check'></i></button><div class="clearfix"></div>
</div>
</div>
<div class="form-group">
<label>What is your email address?</label>
<div>
<input type="mail" placeholder="Email address" class="form-control"/>
<div class="help-block with-errors"></div>
<button class="btn continue" type="button">OK <i class='fa fa-check'></i></button><div class="clearfix"></div>
</div>
</div>
<div class="form-group">
<label>Phone number? </label>
<div>
<input type="tel" pattern="^[\+]?[0-9]?[-. ]?\(?([0-9]{3})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})|[\+]?[0-9]{6,11}$" data-pattern-error="Hmm.. that number doesnt look right" data-required-error="Please enter your phone number" placeholder="Phone number" class="form-control" />
<div class="help-block with-errors"></div>
<button class="btn continue" type="submit">OK <i class='fa fa-check'></i></button><div class="clearfix"></div>
</div>
</div>
</form>
</div>
</div>
<div class="main thanks" style="display:none;">
<div>
<h1>Thanks......</h1>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.3.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script src="js/validator.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery.ui.touch-punch.js"></script>
<script src="js/customscripts.js"></script>
</body>
</html>
Zerion Mini Shell 1.0