API tools faq
paste
shamiul93

form

shamiul93
Oct 14th, 2017
75
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.84 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <!-- Required meta tags -->
  6.     <meta charset="utf-8">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8.     <title>Star Admin</title>
  9.     <link rel="stylesheet" href="../node_modules/font-awesome/css/font-awesome.min.css" />
  10.     <link rel="stylesheet" href="../node_modules/perfect-scrollbar/dist/css/perfect-scrollbar.min.css" />
  11.     <link rel="stylesheet" href="../css/style.css" />
  12.     <link rel="shortcut icon" href="../images/favicon.png" />
  13. </head>
  14.  
  15. <body>
  16.     <div class=" container-scroller">
  17.         <!--Navbar-->
  18.         <nav class="navbar bg-primary-gradient col-lg-12 col-12 p-0 fixed-top navbar-inverse d-flex flex-row">
  19.             <div class="bg-white text-center navbar-brand-wrapper">
  20.                 <a class="navbar-brand brand-logo" href="#"><img src="../images/logo_star_black.png" /></a>
  21.                 <a class="navbar-brand brand-logo-mini" href="#"><img src="../images/logo_star_mini.jpg" alt=""></a>
  22.             </div>
  23.             <div class="navbar-menu-wrapper d-flex align-items-center">
  24.                 <button class="navbar-toggler navbar-toggler hidden-md-down align-self-center mr-3" type="button" data-toggle="minimize">
  25.                   <span class="navbar-toggler-icon"></span>
  26.                 </button>
  27.                 <form class="form-inline mt-2 mt-md-0 hidden-md-down">
  28.                     <input class="form-control mr-sm-2 search" type="text" placeholder="Search">
  29.                 </form>
  30.                 <ul class="navbar-nav ml-lg-auto d-flex align-items-center flex-row">
  31.                     <li class="nav-item">
  32.                         <a class="nav-link profile-pic" href="#"><img class="rounded-circle" src="../images/gov.jpg" alt=""></a>
  33.                     </li>
  34.                     <li class="nav-item">
  35.                         <a class="nav-link" href="#"><i class="fa fa-th"></i></a>
  36.                     </li>
  37.                 </ul>
  38.                 <button class="navbar-toggler navbar-toggler-right hidden-lg-up align-self-center" type="button" data-toggle="offcanvas">
  39.                   <span class="navbar-toggler-icon"></span>
  40.                 </button>
  41.             </div>
  42.         </nav>
  43.         <!--End navbar-->
  44.         <div class="container-fluid">
  45.             <div class="row row-offcanvas row-offcanvas-right">
  46.                 <nav class="bg-white sidebar sidebar-fixed sidebar-offcanvas" id="sidebar">
  47.                 <div class="user-info">
  48.                     <img src="../images/gov.jpg" alt="">
  49.                     <p class="name">Richard V.Welsh</p>
  50.                     <p class="designation">Manager</p>
  51.                     <span class="online"></span>
  52.                 </div>
  53.                     <ul class="nav">
  54.                         <li class="nav-item">
  55.                             <a class="nav-link" href="../index.html">
  56.                                 <!-- <i class="fa fa-dashboard"></i> -->
  57.                                 <img src="../images/icons/1.png" alt="">
  58.                                 <span class="menu-title">Dashboard</span>
  59.                             </a>
  60.                         </li>
  61.                         <li class="nav-item">
  62.                             <a class="nav-link" href="../pages/widgets.html">
  63.                                 <img src="../images/icons/2.png" alt="">
  64.                                 <span class="menu-title">Widgets</span>
  65.                             </a>
  66.                         </li>
  67.                         <li class="nav-item active">
  68.                             <a class="nav-link" href="../pages/forms.html">
  69.                                 <!-- <i class="fa fa-wpforms"></i> -->
  70.                                 <img src="../images/icons/3.png" alt="">
  71.                                 <span class="menu-title">Feedbacks</span>
  72.                             </a>
  73.                         </li>
  74.                         <li class="nav-item">
  75.                             <a class="nav-link" href="../pages/buttons.html">
  76.                                 <!-- <i class="fa fa-calculator"></i> -->
  77.                                 <img src="../images/icons/4.png" alt="">
  78.                                 <span class="menu-title">Buttons</span>
  79.                             </a>
  80.                         </li>
  81.                         <li class="nav-item">
  82.                             <a class="nav-link" href="../pages/tables.html">
  83.                                 <!-- <i class="fa fa-table"></i> -->
  84.                                 <img src="../images/icons/5.png" alt="">
  85.                                 <span class="menu-title">Tables</span>
  86.                             </a>
  87.                         </li>
  88.                         <li class="nav-item">
  89.                             <a class="nav-link" href="../pages/charts.html">
  90.                                 <!-- <i class="fa fa-bar-chart"></i> -->
  91.                                 <img src="../images/icons/6.png" alt="">
  92.                                 <span class="menu-title">Charts</span>
  93.                             </a>
  94.                         </li>
  95.                         <li class="nav-item">
  96.                             <a class="nav-link" href="../pages/icons.html">
  97.                                 <!-- <i class="fa fa-font"></i> -->
  98.                                 <img src="../images/icons/7.png" alt="">
  99.                                 <span class="menu-title">Icons</span>
  100.                             </a>
  101.                         </li>
  102.                         <li class="nav-item">
  103.                             <a class="nav-link" href="../pages/typography.html">
  104.                                 <!-- <i class="fa fa-bold"></i> -->
  105.                                 <img src="../images/icons/8.png" alt="">
  106.                                 <span class="menu-title">Typography</span>
  107.                             </a>
  108.                         </li>
  109.                         <li class="nav-item">
  110.                             <a class="nav-link" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
  111.                                 <!-- <i class="fa fa-address-book"></i> -->
  112.                                 <img src="../images/icons/9.png" alt="">
  113.                                 <span class="menu-title">Sample Pages<i class="fa fa-sort-down"></i></span>
  114.                             </a>
  115.                             <div class="collapse" id="collapseExample">
  116.                                 <ul class="nav flex-column sub-menu">
  117.                                     <li class="nav-item">
  118.                                         <a class="nav-link" href="../samples/blank_page.html">
  119.                                       Blank Page
  120.                                     </a>
  121.                                     </li>
  122.                                     <li class="nav-item">
  123.                                         <a class="nav-link" href="../samples/register.html">
  124.                                       Register
  125.                                     </a>
  126.                                     </li>
  127.                                     <li class="nav-item">
  128.                                         <a class="nav-link" href="../samples/login.html">
  129.                                       Login
  130.                                     </a>
  131.                                     </li>
  132.                                     <li class="nav-item">
  133.                                         <a class="nav-link" href="../samples/not-found.html">
  134.                                       404
  135.                                     </a>
  136.                                     </li>
  137.                                     <li class="nav-item">
  138.                                         <a class="nav-link" href="../samples/error.html">
  139.                                       500
  140.                                     </a>
  141.                                     </li>
  142.                                 </ul>
  143.                             </div>
  144.                         </li>
  145.                         <li class="nav-item">
  146.                             <a class="nav-link" href="#">
  147.                                 <!-- <i class="fa fa-bold"></i> -->
  148.                                 <img src="../images/icons/10.png" alt="">
  149.                                 <span class="menu-title">Settings</span>
  150.                             </a>
  151.                         </li>
  152.                     </ul>
  153.                 </nav>
  154.                 <!-- SIDEBAR ENDS -->
  155.  
  156.                
  157.                 <div class="content-wrapper">
  158.                     <h3 class="text-primary mb-4">Feedback and Complaints</h3>
  159.                     <div class="row mb-2">
  160.                         <div class="col-lg-12">
  161.                             <div class="card">
  162.                                 <div class="card-block">
  163.                                     <h5 class="card-title mb-4">Leave your comment here</h5>
  164.                                     <form class="forms-sample">
  165.                                         <div class="form-group">
  166.                                             <label for="exampleInputEmail1">Email address</label>
  167.                                             <input type="email" class="form-control p-input" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
  168.                                             <small id="emailHelp" class="form-text text-muted text-success"><span class="fa fa-info mt-1"></span>&nbsp; We'll never share your email with anyone else.</small>
  169.                                         </div>
  170.                                         <div class="form-group">
  171.                                             <label for="exampleInputPassword1">Password</label>
  172.                                             <input type="password" class="form-control p-input" id="exampleInputPassword1" placeholder="Password">
  173.                                         </div>
  174.                                         <div class="form-group">
  175.                                             <label for="exampleTextarea">Leave Your Feedback Here</label>
  176.                                             <textarea class="form-control p-input" id="exampleTextarea" rows="3"></textarea>
  177.                                         </div>
  178.                                         <div class="form-group">
  179.                                             <label for="exampleInputFile">File input</label>
  180.                                             <input type="file" class="form-control-file" id="exampleInputFile" aria-describedby="fileHelp">
  181.                                             <small id="fileHelp" class="form-text text-muted">Image size must be between 200 KB and 10 MB.</small>
  182.                                         </div>
  183.                                         <fieldset class="form-group">
  184.                                             <legend class="mb-4 mt-5">Feedback Type</legend>
  185.                                             <div class="form-check">
  186.                                                 <label class="form-check-label">
  187.                               <input type="radio" class="form-check-input" name="optionsRadios" id="optionsRadios1" value="option1" checked>
  188.                               Complaint
  189.                             </label>
  190.                                             </div>
  191.                                             <div class="form-check">
  192.                                                 <label class="form-check-label">
  193.                               <input type="radio" class="form-check-input" name="optionsRadios" id="optionsRadios2" value="option2">
  194.                               Feedback
  195.                             </label>
  196.                                             </div>
  197.                                             <div class="form-check disabled">
  198.                                                 <label class="form-check-label">
  199.                              
  200.                                                
  201.                                             </div>
  202.                                         </fieldset>
  203.                                         <div class="form-check col-12">
  204.                                             <label class="form-check-label">
  205.                             <input type="checkbox" class="form-check-input">
  206.                             Share with everyone
  207.                           </label>
  208.                                         </div>
  209.                                         <div class="col-12">
  210.                                             <button type="submit" class="btn btn-primary">Submit</button>
  211.                                         </div>
  212.                                     </form>
  213.                                 </div>
  214.                             </div>
  215.                         </div>
  216.                     </div>
  217.                 </div>
  218.                 <footer class="footer">
  219.                     <div class="container-fluid clearfix">
  220.                         <span class="float-right">
  221.                           <a href="#">Star Admin</a> &copy; 2017
  222.                       </span>
  223.                     </div>
  224.                 </footer>
  225.             </div>
  226.         </div>
  227.  
  228.     </div>
  229.  
  230.     <script src="../node_modules/jquery/dist/jquery.min.js"></script>
  231.     <script src="../node_modules/tether/dist/js/tether.min.js"></script>
  232.     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
  233.     <script src="../node_modules/bootstrap-select/js/bootstrap-select.js"></script>
  234.     <script src="../js/bootstrap-select.js"></script>
  235.     <script src="../node_modules/chart.js/dist/Chart.min.js"></script>
  236.     <script src="../node_modules/perfect-scrollbar/dist/js/perfect-scrollbar.jquery.min.js"></script>
  237.     <script src="../js/off-canvas.js"></script>
  238.     <script src="../js/hoverable-collapse.js"></script>
  239.     <script src="../js/misc.js"></script>
  240. </body>
  241.  
  242. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!