connectfour.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>


    <!-- Latest compiled and minified CSS -->

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="cf.css">
    <style id='image'>
    body {
      background-image: url('https://dzevsq2emy08i.cloudfront.net/paperclip/project_image_uploaded_images/1701/carousel/1429629861_Screen%20Shot%202015-04-02%20at%204.06.03%20PM.png?1429629861');
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-size: cover;
      opacity: 1;
    }
    </style>

    <body>


  </head>
  <body>
     <form action="cf.html">
    <div class="container">
      <div class="head" align=center>
          <h1>Welcome to Connect Four game!</h1>

      </div>


      <div class="para">
          <h2>About this game:</h2>
          <h3>For anyone who's a fan of strategy games, Connect Four is a definite classic. Playing against an opponent, you try to be the first to place four checkers in a row on the game board. While figuring out game winning strategy can sometimes be challenge, the game is simple enough for the entire family to play. If you're gearing up for your first game, you'll get the hang of it in no time, especially if you're familiar with Tic-Tac-Toe.</h3>
          <h1></h1>
          <h1></h1>
          <h2>How to Play:</h2>
          <h3>To win Connect Four, all you have to do is connect four of your colored checker pieces in a row, much the same as tic tac toe. This can be done horizontally, vertically or diagonally. Each player will drop in one checker piece at a time.</h3>
          <h1></h1>
          <h1></h1>

          <input type="submit" id='b' name="Lets's Play!" value="Lets's Play!">

      </div>
    </div>
    </form>
  </body>
</html>