API tools faq
paste
Skorpius

bootstrap Template from CDN

Skorpius
Jun 14th, 2022 (edited)
1,105
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 1.82 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.     This template uses the bootstrap CDN with popper
  4.  
  5.     It also includes JQuery from Google libraries, viewport, php echo statements for title, fontawesome link, link to .ico file for
  6.     the browser tab icon as well as a link to the custom css file.
  7.  
  8. -->
  9.  
  10. <!DOCTYPE html>
  11. <html lang="en">
  12. <head>
  13.     <meta charset="utf-8">
  14.     <title><?php echo $page." | ".$site_title; ?></title>
  15.     <meta name="author" content="me">
  16.     <meta name="description" content="me">
  17.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp" crossorigin="anonymous">
  18.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  19.     <!-- bootstrap CDN Popper in bundle -->
  20.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
  21.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
  22.    <link rel="stylesheet" href="css/styles.css">
  23.     <!-- browser tab icon -->
  24.     <link rel="icon" type="image/png" href="favicon.ico">
  25.     <!-- JQuery -->
  26.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  27. </head>
  28. <body>
  29.    
  30.     <div class="row">
  31.        
  32.         <div class="col-lg-2">
  33.                      
  34.         </div>
  35.        
  36.         <div class="col-lg-8">
  37.               <!-- to keep content in centre of screen use this area -->
  38.         </div>
  39.        
  40.         <div class="col-lg-2">
  41.                      
  42.         </div>
  43.        
  44.     </div>
  45.    
  46. </body>
  47. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!