A Pen by Mark

Thumbnail
This awesome code was written by prattmk, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright prattmk ©

Technologies

  • HTML
  • CSS
  • JavaScript
    

<html lang="en">
  <head>
    <meta charset="utf-8"> 
    
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

    <!-- Latest compiled JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
  </head>
  <body>
    
    <div class="container">
      
      <div class="jumbotron">
        <h1>Bootstrap Tutorial</h1> 
        <p>Bootstrap is the most popular HTML, CSS, and JS framework for developing
        responsive, mobile-first projects on the web.</p> 
      </div>
      
      <div class="btn-group btn-group-justified">
        <a href="#" class="btn btn-primary">Home</a>
        <a href="#" class="btn btn-primary">About</a>
        <a href="#" class="btn btn-primary">Contact</a>
      </div>
      
      <p>King icon on a styled link button:
        <a href="#" class="btn btn-info btn-lg">
          <span class="glyphicon glyphicon-king"></span> King
        </a>
      </p>
      
      <p>This is some text.</p> 
      <p>This is another text.</p>
      
      <div class="page-header">
        <h1>Example Page Header</h1>
      </div>
      
      <h1>Code Snippets</h1>
      <p>Inline snippets of code should be embedded in the code element:</p>
      <p>The following HTML elements: <code>span</code>, <code>section</code>, and <code>div</code> defines a section in a document.</p>
      
      <p class="text-danger">This text represents danger.</p>
      
      <p class="bg-success">This text indicates success.</p>
      
      <h2>Basic Table</h2>
      <p>The .table class adds basic styling (light padding and only horizontal dividers) to a table:</p>
      
      <div class="table-responsive">
        <table class="table table-striped table-bordered">
          <thead>
            <tr>
              <th>Firstname</th>
              <th>Lastname</th>
              <th>Email</th>
            </tr>
          </thead>
        <tbody>
          <tr>
            <td>John</td>
            <td>Doe</td>
            <td>john@example.com</td>
          </tr>
          <tr>
            <td>Mary</td>
            <td>Moe</td>
            <td>mary@example.com</td>
          </tr>
          <tr>
            <td>July</td>
            <td>Dooley</td>
            <td>july@example.com</td>
          </tr>
      </tbody>
    </table>        
   </div>
     
    <div class="alert alert-info">
      <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
      <strong>Info!</strong> This alert box could indicate a neutral informative change or action.
    </div>
     
    <button type="button" class="btn btn-primary btn-lg">Click Me!</button>
      
    </div>
    
    
  </body>
</html>

/*Downloaded from https://www.codeseek.co/prattmk/a-pen-by-mark-EgrqEA */
    


/*Downloaded from https://www.codeseek.co/prattmk/a-pen-by-mark-EgrqEA */
    

Comments