Layout von Websiten mit Bootstrap und Foundation
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

Build-4-Websites.html 1.4KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
  5. </head>
  6. <style>
  7. html, body {
  8. margin: 0;
  9. }
  10. .youtube-tutorial {
  11. min-width: 100%;
  12. z-index: 100;
  13. transition: all 1s ease;
  14. }
  15. .youtube-tutorial:hover {
  16. opacity: .8;
  17. transition: all 1s ease;
  18. }
  19. .btn {
  20. border-width: .2rem;
  21. transition: all 1s ease;
  22. }
  23. .btn:hover {
  24. transition: all 1s ease;
  25. }
  26. </style>
  27. <body>
  28. <!-----------------------------------------------------------
  29. VIEW IN BROSWER: BUILD 4 WEBSITES WITH HTML, CSS & BOOTSTRAP
  30. ------------------------------------------------------------->
  31. <h1 class="display-5 text-center font-weight-bold mt-4">Build 4 Websites With HTML, CSS & Bootstrap</h1>
  32. <h4 class="text-center text-uppercase py-3">Drew's #1 Trending YouTube Tutorial Video Series</h4>
  33. <div class="text-center text-uppercase text-light py-2 mb-5"><a class="btn btn-outline-dark btn-lg" href="http://bit.ly/build-4-websites-html">4 Website YouTube Series</a></div>
  34. <!-- View in Browser: Drew's #1 Trending YouTube Tutorial -->
  35. <div class="youtube-tutorial mb-5">
  36. <a href="http://bit.ly/build-4-websites-html" target="_blank" style="z-index: 999!important; cursor: pointer!important;"><img src="https://www.w3newbie.com/wp-content/uploads/nuno-youtube-4-websites.png" style="max-width: 100%; min-width: 100%;"></a>
  37. </div>
  38. <!-- End View in Browser: Drew's #1 Trending YouTube Tutorial -->
  39. </body>
  40. </html>