SHARE
TWEET

Untitled

a guest Dec 8th, 2019 96 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <title>Bootstrap 4 Website Example</title>
  5.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
  8.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  9.     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
  10.     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
  11.     <style>
  12.  
  13.     .jumbotron
  14.     {
  15.         background-color:black;
  16.         color:#ecf0f1;    
  17.     }
  18.  
  19.     body
  20.     {
  21.         background-color:#2a2a2a;
  22.         color:#ecf0f1;
  23.     }
  24.  
  25.     .fakeimg
  26.     {
  27.         height: 200px;
  28.         background: #aaa;
  29.     }
  30.  
  31.     .navbar
  32.     {
  33.         background:#27ae60;
  34.     }
  35.  
  36.     .nav-link
  37.     {
  38.         color:#ecf0f1;
  39.     }
  40.  
  41.     </style>
  42. </head>
  43. <body>
  44.  
  45. <div class="jumbotron text-center" style="margin-bottom:0">
  46.     <h1>ReliablePlugins</h1>
  47.     <p>Make your server better today</p>
  48. </div>
  49.  
  50. <nav class="navbar navbar-expand-sm">
  51.     <a class="navbar-brand" href="#">Home</a>
  52.  
  53.     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
  54.         <span class="navbar-toggler-icon"></span>
  55.     </button>
  56.  
  57.     <div class="collapse navbar-collapse" id="collapsibleNavbar">
  58.         <ul class="navbar-nav">
  59.  
  60.         <li class="nav-item">
  61.             <a class="nav-link" href="#">Plugins</a>
  62.         </li>
  63.  
  64.         <li class="nav-item">
  65.             <a class="nav-link" href="#">Contact Us</a>
  66.         </li>
  67.  
  68.         <li class="nav-item">
  69.             <a class="nav-link" href="#">About Us</a>
  70.         </li>  
  71.  
  72.         </ul>
  73.     </div>  
  74. </nav>
  75.  
  76. <div class="container" style="margin-top:30px">
  77.     <div class="row">
  78.         <div class="col-sm-4">
  79.             <h2>About Me</h2>
  80.             <h5>Photo of me:</h5>
  81.             <div class="fakeimg">Fake Image</div>
  82.             <p>Stultus vir semper necant adulescentiae</p>
  83.             <h3>Some Links</h3>
  84.             <p>Lorem ipsum dolor sit ame.</p>
  85.             <ul class="nav nav-pills flex-column">
  86.                 <li class="nav-item">
  87.                 <a class="nav-link" href="#">Active</a>
  88.                 </li>
  89.  
  90.                 <li class="nav-item">
  91.                 <a class="nav-link" href="#">Link</a>
  92.                 </li>
  93.  
  94.                 <li class="nav-item">
  95.                 <a class="nav-link" href="#">Link</a>
  96.                 </li>
  97.  
  98.                 <li class="nav-item">
  99.                 <a class="nav-link disabled" href="#">Disabled</a>
  100.                 </li>
  101.             </ul>
  102.             <hr class="d-sm-none">
  103.         </div>
  104.  
  105.     <div class="col-sm-8">
  106.         <h2>TITLE HEADING</h2>
  107.         <h5>Title description, Dec 7, 2017</h5>
  108.         <div class="fakeimg">Fake Image</div>
  109.         <p>Some text..</p>
  110.         <p>Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
  111.         <br>
  112.         <h2>TITLE HEADING</h2>
  113.         <h5>Title description, Sep 2, 2017</h5>
  114.         <div class="fakeimg">Fake Image</div>
  115.         <p>Some text..</p>
  116.         <p>Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
  117.     </div>
  118.  
  119.   </div>
  120.  
  121. </div>
  122.  
  123. <div class="jumbotron text-center" style="margin-bottom:0">
  124.   <p>Footer</p>
  125. </div>
  126.  
  127. </body>
  128. </html>
RAW Paste Data
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!
 
Top