w2bst2r
8/9/2018 - 4:43 PM

Feedback Form

This is the front-end of a Survey form that you can use in your application It contains five questions

@*@model StajProject.Models.FeedbackViewModel*@
 

<!DOCTYPE html>
<html>
<head>
    <title>Candidate/Manager Survey</title>
    <!-- custom-theme -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Elegant Feedback Form  Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
    <script type="application/x-javascript">
        addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
               function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!-- //custom-theme -->
    <link href="/ElegantLayout/css/style.css" rel="stylesheet" type="text/css" media="all" />
    <link href="//fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
</head>
<body class="agileits_w3layouts">
    <h1 class="agile_head text-center">Candidate/Manager Form</h1>
    <div class="w3layouts_main wrap">
        @*--------------------------------first question -----------------------------------------*@
        <h3>Please fill this survey. It will take you just a couple of minutes. </h3>
        <form action="#" method="post" class="agile_form">
            <h2>How did you find the Recruiter?</h2>
            <ul class="agile_info_select">
                <li>
                    <input type="radio" name="view" id="excellent1">
                    <label for="excellent1">excellent</label>
                    <div class="check w3"></div>
                </li>
                <li>
                    <input type="radio" name="view" id="good1" checked="checked">
                    <label for="good1"> good</label>
                    <div class="check w3ls"></div>
                </li>
                <li>
                    <input type="radio" name="view" id="neutral1">
                    <label for="neutral1">neutral</label>
                    <div class="check wthree"></div>
                </li>
                <li>
                    <input type="radio" name="view" id="poor1">
                    <label for="poor1">poor</label>
                    <div class="check w3_agileits"></div>
                </li>
                <li>
                    <input type="radio" name="view" id="verypoor1">
                    <label for="verypoor1">Very poor</label>
                    <div class="check w3_agileits"></div>
                </li>
            </ul>
            @*--------------------------------second question -----------------------------------------*@
            <h2>How satisfied were you with the Interview?</h2>
            <ul class="agile_info_select">
                <li>
                    <input type="radio" name="view" id="excellent2">
                    <label for="excellent2">excellent</label>
                    <div class="check w3"></div>
                </li>
                <li>
                    <input type="radio" name="view" id="good2" checked="checked">
                    <label for="good2"> good</label>
                    <div class="check w3ls"></div>
                </li>
                <li>
                    <input type="radio" name="view" id="neutral2">
                    <label for="neutral2">neutral</label>
                    <div class="check wthree"></div>
                </li>
                <li>
                    <input type="radio" name="view" id="poor2">
                    <label for="poor2">poor</label>
                    <div class="check w3_agileits"></div>
                </li>
                <li>
                    <input type="radio" name="view" id="verypoor2">
                    <label for="verypoor2">Very poor</label>
                    <div class="check w3_agileits"></div>
                </li>
            </ul>
            @*--------------------------------third question -----------------------------------------*@
            <h2>How did you find the questions that the recruiter asked you?</h2>
            <ul class="agile_info_select">
                <li>
                    <input type="radio" name="view" id="excellent3">
                    <label for="excellent3">excellent</label>
                    <div class="check w3"></div>
                </li>
                <li>
                    <input type="radio" name="view" id="good3" checked="checked">
                    <label for="good3"> good</label>
                    <div class="check w3ls"></div>
                </li>
                <li>
                    <input type="radio" name="view" id="neutral3">
                    <label for="neutral3">neutral</label>
                    <div class="check wthree"></div>
                </li>
                <li>
                    <input type="radio" name="view" id="poor3">
                    <label for="poor3">poor</label>
                    <div class="check w3_agileits"></div>
                </li>
                <li>
                    <input type="radio" name="view" id="verypoor3">
                    <label for="verypoor3">Very poor</label>
                    <div class="check w3_agileits"></div>
                </li>
            </ul>


            <h2>If you have specific feedback, please write to us...</h2>
            <textarea placeholder="Additional comments" class="w3l_summary" required=""></textarea>
            <input type="text" placeholder="Your Name" name="name" required="" />
            <input type="email" placeholder="Your Email" name="email" required="" />
            <input type="submit" value="send" class="agileinfo" />
        </form>
    </div>
    <div class="agileits_copyright text-center">
        <p>© 2018 Survey Form</p>
    </div>
</body>
</html>