From Wizkiller96, 2 Years ago, written in HTML5.
Embed
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <meta charset="UTF-8">
  4.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  5.     <meta name="description" content="">
  6.     <meta name="author" content="">
  7.     <title>WizNet Forum</title>
  8.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
  9.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">
  10.     <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  11.     <link rel="stylesheet" href="wn-assets/css/styles.css">
  12.     <style>body{padding-top:50px;}.starter-template{padding:40px 15px;text-align:center;}</style>
  13.  
  14.     <!--[if IE]>
  15.        <script src="https://cdn.jsdelivr.net/html5shiv/3.7.2/html5shiv.min.js"></script>
  16.        <script src="https://cdn.jsdelivr.net/respond/1.4.2/respond.min.js"></script>
  17.    <![endif]-->
  18. </head>
  19.  
  20.     <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  21.         <div class="container">
  22.             <div class="navbar-header">
  23.                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  24.                     <span class="sr-only">Toggle navigation</span>
  25.                     <span class="icon-bar"></span>
  26.                     <span class="icon-bar"></span>
  27.                     <span class="icon-bar"></span>
  28.                 </button>
  29.                 <a class="navbar-brand" href="#">WizNet Forum</a>
  30.             </div>
  31.  
  32.             <div class="collapse navbar-collapse">
  33.                 <ul class="nav navbar-nav navbar-right">
  34.                     <li><a href="#forum" class="fa fa-list-alt"> Forum</a></li>
  35.                     <li><a href="#members" class="fa fa-users"> Members</a></li>
  36.                     <!-- Sign In Dropdown -->
  37.                     <li class="dropdown">
  38.               <a href="#" class="dropdown-toggle fa fa-sign-in" data-toggle="dropdown" role="button" aria-expanded="false"> Sign In <span class="caret"></span></a>
  39.               <ul class="dropdown-menu" role="menu">
  40.                 <li class="dropdown-header">WN Forum - User Login</li>
  41.                 <li>
  42.                     <div class="alert alert-danger" role="alert"><i class="fa fa-exclamation-circle"> Login Disabled!</i></div>
  43.                     <form class="WNForm">
  44.                         <fieldset disabled>
  45.                             <div class="input-group">
  46.                                 <span class="input-group-addon" id="basic-addon1"><i class="fa fa-user"></i></span>
  47.                                 <input class="form-control" type="text" placeholder="Username" aria-describedby="basic-addon2">
  48.                             </div>
  49.                             <br>
  50.                             <div class="input-group">
  51.                                 <span class="input-group-addon" id="basic-addon2"><i class="fa fa-lock"></i></span>
  52.                                 <input class="form-control" type="password" placeholder="Password" aria-describedby="basic-addon2">
  53.                             </div>
  54.                             <br>
  55.                             <input type="checkbox"> Remember Me
  56.                             <hr>
  57.                                 <input class="btn btn-primary" type="submit" value="Sign In">
  58.                                 <input class="btn btn-default" type="button" value="Register">
  59.                         </fieldset>
  60.                     </form>
  61.                 </li>
  62.                 </ul></li>
  63.                     <!-- Sign In Dropdown End -->
  64.                 </ul>
  65.             </div><!--.nav-collapse -->
  66.         </div>
  67.     </nav>
  68.  
  69.     <div class="container">
  70.         <div class="WN-Forum-Table">
  71.         <div class="panel panel-default">
  72.       <!-- Default panel contents -->
  73.       <div class="panel-heading">General</div>
  74.  
  75.       <!-- Table -->
  76.       <table class="table">
  77.         <thead>
  78.           <tr>
  79.             <th>Forums</th>
  80.             <th>Topics</th>
  81.             <th>Replies</th>
  82.             <th>Last Post</th>
  83.           </tr>
  84.         </thead>
  85.         <tbody>
  86.           <tr>
  87.             <td scope="row">
  88.                 <i class="fa fa-folder fa-3x" style="float:left;padding-right:5px;"></i> <strong>General Discusion</strong>
  89.                 <p>General discussions area!</p>
  90.             </td>
  91.             <td>1</td>
  92.             <td>1</td>
  93.             <td>
  94.                 <p style="color:purple;">Welcome to WizNet Forum!</p>
  95.                 <p>By: <font color="purple">Wizkiller96</font></p>
  96.             </td>
  97.           </tr>
  98.           <tr>
  99.             <td scope="row">
  100.                 <span class="fa-stack fa-lg" style="float:left;padding-right:5px;">
  101.   <i class="fa fa-folder fa-stack-2x"></i>
  102.   <i class="fa fa-lock fa-stack-1x fa-inverse"></i>
  103.                     </span> <strong>Test</strong>
  104.                 <p>Test description 2!</p>
  105.               </td>
  106.             <td>0</td>
  107.             <td>0</td>
  108.             <td>None</td>
  109.           </tr>
  110.           <tr>
  111.             <td scope="row">
  112.                 <i class="fa fa-link fa-3x" style="float:left;padding-right:5px;"></i> <strong>Test 2</strong>
  113.                 <p>Test description 2!</p>
  114.               </td>
  115.             <td>-</td>
  116.             <td>-</td>
  117.             <td>-</td>
  118.           </tr>
  119.         </tbody>
  120.       </table>
  121.     </div>
  122.     </div>
  123.         <!-- Second Forum Section -->
  124.         <div class="WN-Forum-Table">
  125.         <div class="panel panel-default">
  126.       <!-- Default panel contents -->
  127.       <div class="panel-heading">Test</div>
  128.  
  129.       <!-- Table -->
  130.       <table class="table">
  131.         <thead>
  132.           <tr>
  133.             <th>Forums</th>
  134.             <th>Topics</th>
  135.             <th>Replies</th>
  136.             <th>Last Post</th>
  137.           </tr>
  138.         </thead>
  139.         <tbody>
  140.           <tr>
  141.             <td scope="row">
  142.                 <i class="fa fa-folder-open fa-3x" style="float:left;padding-right:5px;"></i> <strong>Test 3</strong>
  143.                 <p>Test description 3!</p>
  144.             </td>
  145.             <td>0</td>
  146.             <td>0</td>
  147.             <td>None</td>
  148.           </tr>
  149.           <tr>
  150.             <td scope="row">
  151.                 <i class="fa fa-folder-open fa-3x" style="float:left;padding-right:5px;"></i> <strong>Test 4</strong>
  152.                 <p>Test description 4!</p>
  153.               </td>
  154.             <td>0</td>
  155.             <td>0</td>
  156.             <td>None</td>
  157.           </tr>
  158.           <tr>
  159.             <td scope="row">
  160.                 <i class="fa fa-folder-open fa-3x" style="float:left;padding-right:5px;"></i> <strong>Test 5</strong>
  161.                 <p>Test description 5!</p>
  162.               </td>
  163.             <td>0</td>
  164.             <td>0</td>
  165.             <td>None</td>
  166.           </tr>
  167.         </tbody>
  168.       </table>
  169.     </div>
  170.     </div>
  171.     </div>
  172.     <footer>
  173.         <nav class="navbar navbar-default navbar-fixed-bottom">
  174.   <div class="container">
  175.       <p class="navbar-text">Copyright &copy; 2008-2015 Wizkiller96 Network. All Rights Reserved.</p>
  176.       <p class="navbar-text navbar-right">Design by: <a href="http://wizkiller96network.com" class="navbar-link">Wizkiller96</a></p>
  177.   </div>
  178. </nav>
  179.     </footer>
  180.  
  181.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  182.     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
  183. </body>
  184. </html>

Replies to WizNet Forum - Index Structure rss

Title Name Language When
WizNet Forum - CSS Wizkiller96 css 2 Years ago.