HTML Codes//Tutorials
Dave Partner

HTML Codes//Tutorials

  • 0 Replies
  • 362 Views

0 Members and 1 Guest are viewing this topic.

*

Offline Cherry Entafield

  • Newbie
  • *
  • 2
  • Gender: Female
  • I'm a Genuis
    • View Profile
HTML Codes//Tutorials
« on: January 06, 2017, 08:24:24 PM »

<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Tutorial</title>


<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">


<!-- Optional theme -->
<link rel="stylesheet" href="css/bootstrap-theme.min.css">


<!-- Latest compiled and minified JavaScript -->
<script src="js/jquery-slim.min.js"></script>


</head>


<body>
   
<nav class="navbar navbar-default">
      
   <div class="container-fluid">
      <div class="navbar-header">
         <a class="navbar-brand" href="#">Cherry Entafield</a>
      <>
      
      <ul class="nav navbar-nav">
         
         <li> <a href="#"><span class="glyphicon glyphicon-home"></span> Home</a></li>
         <li> <a href="#"> About</a></li>
         <li> <a href="#"><span class="glyphicon glyphicon-telephone"></span> Contact</a></li>
         
         
         <li class="dropdown">
         <a class="dropdown-toggle" data-toggle="dropdown" href="#"> Join<span class="caret"></span></a>
         
         <ul class="dropdown-menu">
            <li> <a href="#"> Join partners</a></li>
            <li> <a href="#"> Join our team</a></li>
            
         <li> <a href="#"> Join Sponsors</a></li>   
            
         </ul>
         </li>
      </ul>
      <ul class="navbar-nav navbar-right">
         <li><a href="#"><span class="glyphicon glyphicon-log-in"></span></a> Login </li>
         
         <li><a href="#"></a> Sign Up </li>
      </ul>
         
   <>
   </nav>
   <br>
   <div class="alert alert-warning">
   <a  href="#" class="close" data-dismiss="alert" aria-label="close">Close</a>
   <p> Login unsuccessful. Please contact Admin</p>
      
   <>
   
   <div class="jumbotron">
       <h1> Welcome to My Great Site</h1>
       <p> Hello there, welcome to my awesomeness with Jumbotron</p>
      
   <>
   
   <div class="row-right">
   <h1> Bootstrap Tables </h1>
   <table class="table table-bordered table-hover table-striped table-responsive">
      <table>
         <tr>
            <th> First Name </th>
            <th> Middle Name </th>
            <th> Last Name </th>
         </tr>
         <tr>
            <td> Cherry </td>
            <td> Entafield </td>
            <td> Greatness </td>
         </tr>
         <tr>
            <td> Cherry </td>
            <td> Entafield </td>
            <td> Greatness </td>
         </tr>
         <tr>
            <td> Cherry </td>
            <td> Entafield </td>
            <td> Greatness </td>
         </tr>
      </table>
   <>
   
   
   <div class="row-right">
      <h1> Bootstrap Images</h1>
      <img src="images/Penguins.jpg" width=200px class=img-circle>
   <>
   <br>
   <h1> Bootstrap Well</h1>
   <div class="well well-sm">
      <p> A well Design</p>
   <>
</body>










</html>





You can be anything if you put your mind to it