Advertisement
opheliaz

ChatGPT's Responsive Website Expample

Dec 29th, 2022
259
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.02 KB | None | 0 0
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <!-- Required meta tags -->
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.  
  8. <!-- Bootstrap CSS -->
  9. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
  10.  
  11. <title>My Bootstrap Website</title>
  12. </head>
  13. <body>
  14. <nav class="navbar navbar-expand-lg navbar-light bg-light">
  15. <a class="navbar-brand" href="#">My Website</a>
  16. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
  17. <span class="navbar-toggler-icon"></span>
  18. </button>
  19. <div class="collapse navbar-collapse" id="navbarNav">
  20. <ul class="navbar-nav">
  21. <li class="nav-item active">
  22. <a class="nav-link" href="#">Home</a>
  23. </li>
  24. <li class="nav-item">
  25. <a class="nav-link" href="#">About</a>
  26. </li>
  27. <li class="nav-item">
  28. <a class="nav-link" href="#">Contact</a>
  29. </li>
  30. </ul>
  31. </div>
  32. </nav>
  33. <div class="container mt-5">
  34. <div class="row">
  35. <div class="col-sm-4">
  36. <h3>Column 1</h3>
  37. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin molestie diam quis justo fermentum, sit amet dignissim diam tincidunt. Duis et fermentum nisl. Proin viverra, nisl a placerat posuere, urna quam iaculis massa, sit amet laoreet nisi erat et elit.</p>
  38. <p>Etiam suscipit nisi in facilisis dignissim. Ut vel justo quam. In hac habitasse platea dictumst. Nullam non metus quis metus tincidunt condimentum. Vivamus congue rutrum mi, sit amet faucibus dolor malesuada quis.</p>
  39. </div>
  40. <div class="col-sm-4">
  41. <h3>Column 2</h3>
  42. <p>Lorem ipsum dolor sit
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement