Item: A Pen by Mark
Rating: 3.4
Author: prattmk

0 Downloads
1 Views
Tweet
Download Now View Demo

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

More from prattmk

A Pen by Mark

Technologies

Comments

More from prattmk

President_2016

A Pen by Mark

A Pen by Mark

fotorama

You Might Also Like

Semantic UI Color Example

Wikipedia Viewer

IT-Opdracht1

CSS Starbursts

Nikola Tesla - Tribute

A Pen by mike koro

Animating with Top/Left

Urban V.2