-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.html
47 lines (42 loc) · 2.67 KB
/
home.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>I/O Home</title>
<link rel="stylesheet" href="bs/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="bs/js/bootstrap.min.js"></script>
</head>
<body style="background-color: #312E2B; color: white">
<div id="navbar-bs">
</div>
<div class="container">
<div class="row">
<div class="col-12">
<h1 class="text-center" style="margin-bottom: 20px;">A Brief History</h1>
<div class="card" style="background-color: #272522; border-color: #22201E; border-radius: 20px;">
<img class="card-img-top img-fluid rounded mx-auto d-block" src="Images/Connect-Four-HIST.png" style="width: 750px; margin-top: 20px; ">
<div class="card-body">
<h5 class="card-text text-center">Connect Four is a two-player board game that got its
concept from the widely known game of Tic-Tac-Toe, a three in a row pencil
and paper game. The Milton Bradley Company, a company well-known for the
creation of various board games and video games, created this board game in
1974. In the official game of Connect Four, there are 42 black and red checkered
pieces; 21 of each color. Players each choose one of the black or red checkered
pieces and take turns dropping their colored piece from the top of a vertical game
board. A typical Connect Four game board contains seven columns and six rows of space
for game pieces to fall straight down, taking the lowest space that is unoccupied
in the column it was dropped into. The goal of the game is to be the first player to
form a horizontal, vertical, or diagonal line of four checkered pieces in the player’s
color of choice.</h5>
<p class="card-text text-center" style="margin-top: 100px;">For more information about Connect Four, such as strategies, history and more, <a href="http://www.google.com/search?q=connect+four" style="text-decoration: none; color: lightblue;">click here.</a></p>
</div>
</div>
</div>
</div>
</div>
<div id="footer" class="footer-wrapper"></div>
</body>
<script src="navbar_footer.js"></script>
</html>