Advertisement
Guest User

Untitled

a guest
Apr 25th, 2019
74
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.35 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3. <title>Cutomize Page</title>
  4. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
  5. <link href="css/main.css" rel="stylesheet">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. </head>
  8. <body>
  9. <div class="container">
  10. <div class="row">
  11. <div class="col-md-4 mt-3">
  12. <h4>Customize Page</h4>
  13. <hr/>
  14. <form>
  15. <div class="form-group row">
  16. <label for="color" class="col-sm-3 col-form-label">Color</label>
  17. <div class="col-sm-9">
  18. <input type="text" class="form-control" id="color" name="color" placeholder="Color value">
  19. </div>
  20. </div>
  21. <div class="form-group row">
  22. <label for="fontfamily" class="col-sm-3 col-form-label">Color</label>
  23. <div class="col-sm-9">
  24. <select class="form-control" id="fontfamily" name="fontfamily">
  25. <option>Arial</option><option>Times New Roman</option>
  26. </select>
  27. </div>
  28. </div>
  29. <div class="form-group row">
  30. <label for="padding" class="col-sm-3 col-form-label">Padding</label>
  31. <div class="col-sm-9">
  32. <input type="text" class="form-control" id="padding" name="padding" placeholder="Padding value">
  33. </div>
  34. </div>
  35. <div class="form-group row">
  36. <label for="margin" class="col-sm-3 col-form-label">Margin</label>
  37. <div class="col-sm-9">
  38. <input type="text" class="form-control" id="margin" name="margin" placeholder="Margin value">
  39. </div>
  40. </div>
  41. <hr/>
  42. <div class="form-group row">
  43. <label for="btn_apply" class="col-sm-3 col-form-label">&nbsp;</label>
  44. <div class="col-sm-9">
  45. <input type="button" class="form-control btn btn-primary" id="btn_apply" name="btn_apply" value="Apply">
  46. </div>
  47. </div>
  48.  
  49. </form>
  50. </div>
  51. </div>
  52. </div>
  53. <script src="https://code.jquery.com/jquery-latest.min.js"></script>
  54. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.8/angular.js"></script>
  55. <script src="js/app.js"></script>
  56. <script src="js/main.js"></script>
  57. </body>
  58. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement