Welcome User
Login
Register
add product form
Sophia Jain
HTML
CSS
JS
Preview
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script> </head> <body> <br> <div class="container-fluid"> <div class="row"> <h1 class="text-center"> Add Product form</h1> <div class="panel-group" id="accordion"> <div class="col-sm-4"> <div class="panel panel-primary"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">Add Product Name <span class="glyphicon glyphicon-plus pull-right"></span></a> </h4> </div> <div id="collapse1" class="panel-collapse collapse"> <div class="panel-body"> <!--==================--> <div class="form-group"> <label>Product name</label> <input type="text" class="form-control"> </div> <div class="form-group"> <label>Product URL</label> <input type="text" class="form-control" > </div> <div class="form-group"> <input type="submit" class="btn btn-block btn-success" > </div> <!--==================--> </div> </div> </div> </div> <div class="col-sm-4"> <div class="panel panel-primary"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse2">Add Sub Category1 <span class="glyphicon glyphicon-plus pull-right"></span></a> </h4> </div> <div id="collapse2" class="panel-collapse collapse"> <div class="panel-body"> <!--==================--> <div class="form-group"> <label>Product name</label> <input type="text" class="form-control"> </div> <div class="form-group"> <label>Product URL</label> <input type="text" class="form-control" > </div> <div class="form-group"> <input type="submit" class="btn btn-block btn-success" > </div> <!--==================--> </div> </div> </div> </div> <div class="col-sm-4"> <div class="panel panel-primary"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapse3">Add Sub Category2 <span class="glyphicon glyphicon-plus pull-right"></span></a> </h4> </div> <div id="collapse3" class="panel-collapse collapse"> <div class="panel-body"> <!--==================--> <div class="form-group"> <label>Product name</label> <input type="text" class="form-control"> </div> <div class="form-group"> <label>Product URL</label> <input type="text" class="form-control" > </div> <div class="form-group"> <input type="submit" class="btn btn-block btn-success" > </div> <!--==================--> </div> </div> </div> </div> </div> </div> </body> </html>
body{ background: #FF5F6D;background: -webkit-linear-gradient(to right, #FFC371, #FF5F6D);background: linear-gradient(to right, #FFC371, #FF5F6D); }
View Another Modules
Clockpicker
Clockpicker
Bootstrap login form
Bootstrap login form
Search Form
Search Form
Organization Structure
Organization Structure
Dynamic Table Filter
Dynamic Table Filter
Launch Modal on load page
Launch Modal on load page
