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
Datepicker Bootstrap 4
Datepicker Bootstrap 4
Responsive Time Line
Responsive Time Line
Login Form And registration form
Login Form And registration form
Step Progress Bar
Step Progress Bar
Add Product Form
Add Product Form
Responsive Mega Menu
Responsive Mega Menu
