Advertisement
vesso8

Pizza

Jun 2nd, 2021
52
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name = "viewport" content = "width=device-width, initial-scale=1.0">
  6. <title>Bootstrap project</title>
  7. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
  8. </head>
  9. <body>
  10. <style>
  11. .my-custom-row {
  12. background-color: bisque;
  13. height: 400 px;
  14. }
  15. </style>
  16. <div class="container">
  17. <div class="row my-custom-row justify-content-center text-center">
  18. <div class="col-sm-12 col-md-6"><div class="p-3 border bg-light">Everything is better with pizza!</div></div>
  19. </div>
  20. <div class="row">
  21. <div class="col">
  22. <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
  23. Client
  24. </button>
  25. </div>
  26. <div class="col"><button type="button" class="btn btn-secondary">Product</button></div>
  27. <div class="col"><button type="button" class="btn btn-danger">Supplier</button></div>
  28. </div>
  29. </div>
  30.  
  31. <div class="modal fade" id="myModal">
  32. <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
  33. <div class="modal-content">
  34.  
  35. <div class="modal-header">
  36. <h4 class="modal-title">Name</h4>
  37. <button type="button" class="close" data-dismiss="modal">&times;</button>
  38. </div>
  39.  
  40. <div class="modal-body">
  41. Telephone number
  42. </div>
  43.  
  44. <!-- Modal footer -->
  45. <div class="modal-footer">
  46. <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
  47. </div>
  48.  
  49. </div>
  50. </div>
  51. </div>
  52. <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
  53. <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
  54. </body>
  55. </html>
Advertisement
Advertisement
Advertisement
RAW Paste Data Copied
Advertisement