1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071 |
- <!DOCTYPE html>
- <html>
- <head>
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
- </head>
- <style>
-
- html, body {
- margin: 0;
- }
- .youtube-tutorial {
- min-width: 100%;
- z-index: 100;
- transition: all 1s ease;
- }
- .youtube-tutorial:hover {
- opacity: .8;
- transition: all 1s ease;
- }
- .btn {
- border-width: .2rem;
- transition: all 1s ease;
- }
- .btn:hover {
- transition: all 1s ease;
- }
- </style>
- <body>
-
-
- <!-----------------------------------------------------------
- VIEW IN BROSWER: BUILD 4 WEBSITES WITH HTML, CSS & BOOTSTRAP
- ------------------------------------------------------------->
- <h1 class="display-5 text-center font-weight-bold mt-4">Build 4 Websites With HTML, CSS & Bootstrap</h1>
- <h4 class="text-center text-uppercase py-3">Drew's #1 Trending YouTube Tutorial Video Series</h4>
- <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>
-
-
- <!-- View in Browser: Drew's #1 Trending YouTube Tutorial -->
- <div class="youtube-tutorial mb-5">
- <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>
- </div>
- <!-- End View in Browser: Drew's #1 Trending YouTube Tutorial -->
-
-
- </body>
- </html>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
|