index.html

<!DOCTYPE html>

<!-- Main -->

<html>
<head>
  <link href="shift.css" rel="stylesheet">

  <link rel="stylesheet" href="bootstrap.css">
  <link rel="stylesheet" href="main.css">

</head>

<body>
  <div id="container">
    <div class="nav">
      <div class="container">
        <ul class="push-left">
          <li><a href="http://darkraidersgaming.16mb.com/">Home</a></li>
          <li><a href="http://darkraidersgaming.16mb.com/forum">Forums</a></li>
          <li><a href="http://darkraidersgaming.16mb.com/server">Server</a></li>
          <li><a href="https://www.youtube.com/channel/UCuK89KAbsoT6UN74oW9X49Q">YouTube Channel</a></li>
          <li><a href="http://darkraidersminecraft.enjin.com/">Minecraft Enjin Site</a></li>
          <li><a href="http://darkraidersgaming.16mb.com/forum/ucp.php?mode=register">Sign Up</a></li>
          <li><a href="http://darkraidersgaming.16mb.com/forum/ucp.php?mode=login">Log In</a></li>
        </ul>

      </div>
    </div>

    <div class="jumbotron">
      <div class="container">
        <h1>DarkRaiders Gaming</h1>
        <p>Welcome To the DarkRaiders Gaming Network!</p>
      </div>
    </div> 

    <div class="game-list">
      <div class="container">
        <h2>Main Games</h2>
        <p>Links to the sites for the games.</p>
        <div class="row">

          <a href="https://minecraft.net/">
            <div class="col-md-4">
              <div class="thumbnail">
                <img src="http://darkraidersgaming.16mb.com/minecraft.png">
              </div>
            </div>
          </a>

          <a href="http://robocraftgame.com/">
            <div class="col-md-4">
              <div class="thumbnail">
                <img src="http://darkraidersgaming.16mb.com/robocraft.png">
              </div>
            </div>
          </a>

          <a href="https://kerbalspaceprogram.com/">
            <div class="col-md-4">
              <div class="thumbnail">
                <img src="http://darkraidersgaming.16mb.com/ksp.png">
              </div>
            </div>
          </a>

          <a href="http://www.garrysmod.com/">
            <div class="col-md-4">
              <div class="thumbnail">
                <img src="http://darkraidersgaming.16mb.com/gmod.png">
              </div>
            </div>
          </a>
          
          <a href="http://www.rollercoastertycoon.com/games/rollercoaster-tycoon-platinum/">
            <div class="col-md-4">
              <div class="thumbnail">
                <img src="http://darkraidersgaming.16mb.com/rct3.png">
              </div>
            </div>
          </a>

          <a href="http://www.thinkwithportals.com/">
            <div class="col-md-4">
              <div class="thumbnail">
                <img src="http://darkraidersgaming.16mb.com/portal2.png">
              </div>
            </div>
          </a>

        </div>
      </div>
    </div>
  </div>


  <div class="more-info">
    <div class="container">
      <div class="row">
        <div class="col-md-4">
          <h3>Partners</h3>
          <p>Other great gamers to check out.</p>
          <p><a href="http://darkraidersgaming.16mb.com/partners">Go to list</a></p>
        </div>
        <div class="col-md-4">
          <h3>Channel</h3>
          <p>DarkRaiders Gaming YouTube channel.</p>
          <p><a href="https://www.youtube.com/channel/UCuK89KAbsoT6UN74oW9X49Q">Visit channel</a></p>
        </div>
        <div class="col-md-4">
          <h3>Hosting Courtesy of Hostinger</h3>
          <p>This site is made possible by Hostinger.</p>
          <p><a href="http://www.hostinger.co.uk/">Visit Hostinger</a></p>
        </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>