Capstone Website Code

A-2 About Page
<!DOCTYPE html>
<html>
<head>
<link href="stylesheet.css" rel="stylesheet" />
<title></title>
</head>
<body>
<div id="container">
<div id="header">
<div id="logo"></div>
<div id="title"><h1>Coaches Best Friend.com</h1></div>
</div>
<div id="menu">
<div id="home">
<a href="home_page.html"><span
class="black">HOME</span></a>
</div>
<div id="about">
<a href="about_page.html"><span
class="black">ABOUT</span></a>
</div>
<div id="parents">
<a href="parents_page.html"><span
class="black">PARENTS/COACHES</span></a>
</div>
</div>
<div id="about_page">
<div id="names">
<a href="At_Bats.html">At Bats</a><br />
<a href="Single.html">Single</a><br />
<a href="Double.html">Double</a><br />
<a href="Triple.html">Triple</a><br />
<a href="Home_Run.html">Home Run</a><br />
<a href="RBI.html">RBI</a><br />
<a href="Strike_Outs.html">Strike Outs</a><br />
<a href="Walks.html">Walks/HBP</a><br />
<a href="OBP.html">OBP</a><br />
<a href="AVG.html">AVG</a><br />
</div>
<div class="history">
<h2><i>Some History</i></h2>
<p class="small_text">Baseball evolved from the British
game of rounders, and is a cousin to cricket in that it also involves two
teams that alternate on defense and
offense and involve throwing a ball to a batsman who
attempts to "bat" it away and run safely to a base. The first documentation

of base ball is in 1838, but there
are references to a game of base ball going back to the
late 1700s.
</p>
<br>
<p class="small_text">Softball, especially fast-pitch
softball, is considered mostly a women's game in the 21st century. But it
didn't begin that way - it began as
an offshoot of baseball for men that could be played
indoors in the winter. It was first played in 1887 with a boxing glove rolled
up into a ball (which was soft) and
fielders didn't wear gloves.
</p>
</div>
</div>
</div>
</body>
</html>
A-3 Parents/Coaches Page
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div id="header">
</div>
<div id="menu">
<div id="home">
</div>
<div id="about">
</div>
<div id="parents">
</div>
</div>
<div id="parents_page">
<div id="names">

<a href="login.html">Login</a><br />
<a href="registration.html">Register</a><br />
</div>
<h2 align="center"><i>Welcome Parents, Coaches, &
Players</i></h2>
<br>
<p id="font">Hello This section you can login from or
register. Once you are registered you will be
able to view stats of the players. If you are a coach you
will get rights to also add stats and update.
</div>
</div>
</div>
</body>
</html>
A-4 Registration Page
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div id="header">
</div>
<div id="menu">
<div id="home">
</div>
<div id="about">
</div>
<div id="parents">
</div>
</div>

<div id="register_page">
<div id="names">
</div>
<form action="registration.php" method="post" >
<br>
<p><span class="error">* required field.</span></p>
<br>
<label>First Name</label><span
class='error'>*</span><br>
<input type="text" name="firstname"><br>
<label>Last Name</label><span
<input type="text" name="lastname"><br>
<label>Address</label><span
<input type="text" name="address"><br>
<label>City</label><span class='error'>*</span><br>
<input type="text" name="city"><br>
<label>State</label><span class='error'>*</span><br>
<select name="state" onChange="combo(this, 'state')">
<option value="">Select One</option><option
value="AL">AL</option><option value="AK">AK</option>
<option value="AZ">AZ</option><option
value="AR">AR</option><option value="CA">CA</option>
<option value="CO">CO</option><option
value="CT">CT</option><option value="DE">DE</option>
<option value="FL">FL</option><option
value="GA">GA</option><option value="HI">HI</option>
<option value="ID">ID</option><option
value="IL">IL</option><option value="IN">IN</option>
<option value="IA">IA</option><option
value="KS">KS</option><option value="KY">KY</option>
<option value="LA">LA</option><option
value="ME">ME</option><option value="MD">MD</option>
<option value="MA">MA</option><option
value="MI">MI</option><option value="MN">MN</option>
<option value="MS">MS</option><option
value="MO">MO</option><option value="MT">MT</option>
<option value="NE">NE</option><option
value="NV">NV</option><option value="NH">NH</option>
<option value="NJ">NJ</option><option
value="NM">NM</option><option value="NY">NY</option>
<option value="NC">NC</option><option
value="ND">ND</option><option value="OH">OH</option>
<option value="OK">OK</option><option
value="OR">OR</option><option value="PA">PA</option>
<option value="RI">RI</option><option
value="SC">SC</option><option value="SD">SD</option>
<option value="TN">TN</option><option
value="TX">TX</option><option value="UT">UT</option>
<option value="VT">VT</option><option
value="VA">VA</option><option value="WA">WA</option>
<option value="WV">WV</option><option

value="WI">WI</option><option value="WY">WY</option>
</select><br>
<label>Zip Code</label><span
<input type="text" name="zip"><br>
<label>Phone Number</label><span
<input type="text" name="phone"><label
for='phone'>Ex. 555-555-5555</label><br>
<label>Email</label><span class='error'>*</span><br>
<input type="text" name="email"><br>
<label>User Name</label><span
<input type="text" name="username"><br>
<label>Password</label><span
<input type="password" name="password"><br>
<br>
<input type="submit" name="submit" value="Register">
</form>
</div>
</div>
</div>
</body>
</html>
A-5 Registration PHP
<!DOCTYPE html>
<html>
<?php
if (isset($_POST['submit']))
{
$firstname = $_POST['firstname'];
$lastname = $_POST['lastname'];
$address = $_POST['address'];
$city = $_POST['city'];
$state = $_POST['state'];
$zip = $_POST['zip'];
$phone = $_POST['phone'];
$email = $_POST['email'];
$username = $_POST['username'];
$password = $_POST['password'];
$errors= '';
if (strlen($firstname) >=2 and strlen($firstname) <=20)
{
if (strlen($lastname) >=2 and strlen($lastname) <=20)
{

if (strlen($address) >=5 and strlen($address) <=50)
{
if (strlen($city) >=2 and strlen($city) <=20)
{
if(!empty($state))
{
if (preg_match('/^[0-9]{5}$/', $zip))
{
if (ereg('^[2-9]{1}[0-9]{2}-[0-
9]{3}-[0-9]{4}$', $phone))
{
if (preg_match("/^[^0-9][a-
zA-Z0-9_]+([.][a-zA-Z0-9_]+)*[@][a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)*[.][a-zA-
Z]{2,4}?$/i",$email))
{
if (strlen($username)
>=5 and strlen($username) <=25)
{
if
(strlen($password) >=5 and strlen($password) <=20)
{
// Create
connection
$con=
mysqli_connect("localhost","root","","softball");
// Check
connection
if
(mysqli_connect_errno($con))
{
echo
"Failed to connect to MySQL: " . mysqli_connect_error();
}
//Query
$sql2="INSERT INTO LOGIN (UserName, Password)
VALUES('$username','$password')";
if
(!mysqli_query($con,$sql2))
{
die('Error: ' . mysqli_error($con));
}
$id =
mysqli_insert_id($con);
$sqli =

"INSERT INTO MEMBERS(FirstName, LastName, Address, City, State, Zip,
PhoneNumber, Email, LoginID)
VALUES('$firstname', '$lastname', '$address', '$city', '$state','$zip',
'$phone', '$email', '$id')";
if
(!mysqli_query($con,$sqli))
{
die('Error: ' . mysqli_error($con));
}
//echo
strtr(file_get_contents('http://localhost/Webpage/thankyou.html'), $aParams);
header
('Location: thankyou.html');
mysqli_close($con);
}
else
{
echo
"Please enter a valid alphanumeric password that is at least 5 characters
long.<br/>Click on the back button on browser";
}
}
else
{
echo "Please
enter a username is at least 5 characters long.<br/>Click on the back button
on browser";
}
}
else
{
echo "Please enter a
valid E-Mail address.<br/>Click on the back button on browser";
}
}
else
{
echo "Please enter a valid
phone number.<br/>Click on the back button on browser";
}
}
else
{
echo "Zip Code is
invalid.<br/>Click on the back button on browser";
}
}
else
{
echo "Please select the state";
}

}
else
{
echo "Please enter a valid City name.<br/>Click
on the back button on browser";
}
}
else
{
echo "Please enter a valid address name.<br/>Click on
the back button on browser";
}
}
else
{
echo "Please enter your lastname in the field
provided<br/>Click on the back button on browser";
}
}
else
{
echo "Please enter your firstname in the field provided<br/>Click
}
}
?>
</html>
A-6 Login Page
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div id="header">
</div>
<div id="menu">
<div id="home">
</div>
<div id="about">
</div>
<div id="parents">

</div>
</div>
<div id="login_page">
<div id="names">
</div>
<form action="login.php" method="post">
<br>
<table>
<tr>
<td>
Username:
</td>
<td>
<input type="text" name="username"><br>
</td>
</tr>
<tr>
<td>
Password:
</td>
<td>
<input type="password" name="password">
</td>
</tr>
</table>
<input type="submit" name="submit" value="Log-in">
</form>
</div>
</div>
</div>
</body>
</html>
A-7 Login PHP
<!DOCTYPE html>
<html>
<?php
if(isset($_POST['submit']))
{
// Create connection
$con= mysql_connect("localhost","root","")
or die("Error connecting to database.");
//Connect to database
mysql_select_db("softball",$con)

or die("Couldn't select the database.");
//search the databse for the user name and password
$username = mysql_real_escape_string($_POST['username']);
$password = mysql_real_escape_string($_POST['password']);
$sql = mysql_query("SELECT * FROM LOGIN WHERE
UserName='$username' AND Password='$password' LIMIT 1");
if(mysql_num_rows($sql) == 1)
{
$row = mysql_fetch_array($sql);
session_start();
$_SESSION['username'] = $row['UserName'];
$_SESSION['admin'] = $row['Adminstrator'];
$_SESSION['logged'] = TRUE;
include("successful_login.php"); // Modify to go to the
page you would like
exit;
}
else
{
header ('Location: login.html');
exit;
}
}
?>
</html>
A-8 Login Successful PHP
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div id="header">
</div>
<div id="menu">
<div id="home">
</div>
<div id="about">

</div>
<div id="parents">
</div>
</div>
<div id="parents_page">
<div id="names">
<a href="stats_output.html">Show Stats</a><br>
<a href="player_stats.html">Enter Stats</a><br />
</div>
<?PHP
if(!$_SESSION['logged'])
{
header("Location: login.html");
exit;
}
echo '<h2 id="bold">Welcome, '.$_SESSION['username'].'</h2>';
?>
<p id="font" class="center">Now on the left side there is tabs to
look at stats for the players (Stats),
enter the stats for a player (Enter Stats), and logout
(logout).
</p>
</div>
</div>
</div>
</body>
</html>
A-9 Stats Entry Page
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div id="header">

</div>
<div id="menu">
<div id="home">
</div>
<div id="about">
</div>
<div id="parents">
</div>
</div>
<div id="names">
<a href="stats_output.html">Show Stats</a><br />
</div>
<form action="player_stats.php" method="post" >
<p id="bold">Enter Player Stats</p>
<br>
<table>
<tr>
<td>
<label>Team Name</label>
</td>
<td>
<label>City</label>
</td>
<td>
<label>State</label>
</td>
</tr>
<tr>
<td>
<input type="text" name="teamname">
</td>
<td>
<input type="text" name="city">
</td>
<td>
<select name="state"
onChange="combo(this, 'state')">
<option value="">Select
One</option><option value="AL">AL</option><option value="AK">AK</option>
<option
value="AZ">AZ</option><option value="AR">AR</option><option

value="CA">CA</option>
<option
value="CO">CO</option><option value="CT">CT</option><option
value="DE">DE</option>
<option
value="FL">FL</option><option value="GA">GA</option><option
value="HI">HI</option>
<option
value="ID">ID</option><option value="IL">IL</option><option
value="IN">IN</option>
<option
value="IA">IA</option><option value="KS">KS</option><option
value="KY">KY</option>
<option
value="LA">LA</option><option value="ME">ME</option><option
value="MD">MD</option>
<option
value="MA">MA</option><option value="MI">MI</option><option
value="MN">MN</option>
<option
value="MS">MS</option><option value="MO">MO</option><option
value="MT">MT</option>
<option
value="NE">NE</option><option value="NV">NV</option><option
value="NH">NH</option>
<option
value="NJ">NJ</option><option value="NM">NM</option><option
value="NY">NY</option>
<option
value="NC">NC</option><option value="ND">ND</option><option
value="OH">OH</option>
<option
value="OK">OK</option><option value="OR">OR</option><option
value="PA">PA</option>
<option
value="RI">RI</option><option value="SC">SC</option><option
value="SD">SD</option>
<option
value="TN">TN</option><option value="TX">TX</option><option
value="UT">UT</option>
<option
value="VT">VT</option><option value="VA">VA</option><option
value="WA">WA</option>
<option
value="WV">WV</option><option value="WI">WI</option><option
value="WY">WY</option>
</select>
</td>
</tr>
</table>
<table>
<tr>
<td>
<label>Sport</label>
</td>
<td>
<label>Division</label>

</td>
</tr>
<tr>
<td>
<select name="sport"
onChange="combo(this, 'state')">
<option value="">Select
One</option>
<option
value="Baseball">Baseball</option>
<option
value="Softball">Softball</option>
</select>
</td>
<td>
<input type="text" name="division">
</td>
</tr>
</table>
<table>
<tr>
<td>
<label>First Name</label>
</td>
<td>
<label>Last Name</label>
</td>
<td>
<label>Birthdate <i
class="error">ex.YYYY-MM-DD</i></label>
</td>
</tr>
<tr>
<td>
<input type="text"
name="firstname">
</td>
<td>
<input type="text" name="lastname">
</td>
<td>
<input type="text" name="birthday">
</td>
</tr>
</table>
<br>
<label><b>At Bats</b></label>
<select name="atbats">
<option value="">Select One</option>
<option value="0">0</option>

</select>
<label><b>Singles</b></label>
<select name="singles">
</select>
<label><b>Doubles</b></label>
<select name="doubles">
</select>
<label><b>Triples</b></label>
<select name="triples">
</select><br><br>
<label><b>Home Run</b></label>
<select name="homerun">

</select>
<label><b>Walks</b></label>
<select name="walks">
</select>
<label><b>RBI</b></label>
<select name="rbi">
</select>
<label><b>HBP</b></label>
<select name="hbp">
</select><br><br>
<label><b>Strikeouts</b></label>
<select name="strikeouts">

</select>
<label><b>Drop 3rd Strike</b></label>
<select name="drop3strike">
</select>
<label><b>Sac</b></label>
<select name="sac">
</select><br><br>
<input type="submit" name="submit" value="Submit
Stats">
</form>
</div>
</div>
</div>
</body>
</html>

A-10 Stats Entry PHP
<!DOCTYPE html>
<html>
<?php
if (isset($_POST['submit']))
{
$teamname = $_POST['teamname'];
$city = $_POST['city'];
$state = $_POST['state'];
$sport = $_POST['sport'];
$division = $_POST['division'];
$firstname = $_POST['firstname'];
$lastname = $_POST['lastname'];
$birthday = $_POST['birthday'];
$atbats = $_POST['atbats'];
$singles = $_POST['singles'];
$doubles = $_POST['doubles'];
$triples = $_POST['triples'];
$homerun = $_POST['homerun'];
$walks = $_POST['walks'];
$rbi = $_POST['rbi'];
$hbp = $_POST['hbp'];
$strikeouts = $_POST['strikeouts'];
$drop3strike = $_POST['drop3strike'];
$sac = $_POST['sac'];
$errors= '';
if (strlen($teamname) >=2 and strlen($teamname) <=25)
{
if (strlen($city) >=2 and strlen($city) <=25)
{
if(!empty($state))
{
if(!empty($sport))
{
if (strlen($division) >=2 and strlen($division)
<=10)
{
if (strlen($firstname) >=2 and
strlen($firstname) <=20)
{
if (strlen($lastname) >=2 and
strlen($lastname) <=20)
{
if (ereg('([0-9]{4})-([0-
9]{1,2})-([0-9]{1,2})', $birthday))
{
if(!empty($atbats))
{
if(!empty($singles) >=0)
{

if(!empty($doubles) >= 0)
{
if(!empty($triples) >= 0)
{
if(!empty($homerun) >= 0)
{
if(!empty($walks) >= 0)
{
if(!empty($rbi) >= 0)
{
if(!empty($hbp) >= 0)
{
if(!empty($strikeouts) >= 0)
{
if(!empty($drop3strike) >= 0)
{
if(!empty($sac) >= 0)
{
$con=
mysqli_connect("localhost","root","","softball");
// Check connection
if (mysqli_connect_errno($con))
{
echo "Failed to connect to
MySQL: " . mysqli_connect_error();
}

//Query
$sql2 = "INSERT INTO SPORTS(Sport)
VALUES('$sport')";
if (!mysqli_query($con,$sql2))
{
die('Error: ' .
mysqli_error($con));
}
$id = mysqli_insert_id($con);
$sql3 = "INSERT INTO
TEAMS(TeamName, City, State, Division, SportID)
VALUES('$teamname', '$city',
'$state', '$division', '$id')";
{
die('Error: ' .
}
$id2 = mysqli_insert_id($con);
PLAYERS(FirstName, LastName, BirthDate, TeamID)
VALUES('$firstname', '$lastname',
'$birthday', '$id2')";
{
die('Error: ' .
}
$id3 = mysqli_insert_id($con);

STATS(PlayerID, AtBats, Singles, Doubles, Triples, HomeRuns, Walks, RBI,
HitByPitch, StrikeOuts, D3Strike, Sac)
VALUES('$id3', '$atbats',
'$singles', '$doubles', '$triples', '$homerun', '$walks', '$rbi', '$hbp',
'$strikeouts', '$drop3strike', '$sac')";
{
die('Error: ' .
}
//echo
strtr(file_get_contents('http://localhost/Webpage/thankyou.html'), $aParams);
header ('Location:
stats_output.html');
mysqli_close($con);
}
else
{
echo "Please select from the drop
down box number of Sacrifices<br/>Click on the back button on browser";
}
}
else
{
echo "Please select from the drop down
box number of Drop 3rd Strikes<br/>Click on the back button on browser";
}
}
else

{
echo "Please select from the drop down box
number of Strikeouts<br/>Click on the back button on browser";
}
}
else
{
echo "Please select from the drop down box number of
hit by pitches<br/>Click on the back button on browser";
}
}
else
{
echo "Please select from the drop down box number of runs
batted in<br/>Click on the back button on browser";
}
}
else
{
echo "Please select from the drop down box number of
walks<br/>Click on the back button on browser";
}
}
else
{
echo "Please select from the drop down box number of home
runs<br/>Click on the back button on browser";
}
}
else
{
echo "Please select from the drop down box number of triples<br/>Click
}

}
else
{
echo
"Please select from the drop down box number of doubles<br/>Click on the back
button on browser";
}
}
else
{
echo
"Please select from the drop down box number of singles<br/>Click on the back
button on browser";
}
}
else
{
echo "Please
select from the drop down box number of at bats<br/>Click on the back button
on browser";
}
}
else
{
echo "Please enter
vaild Birthdate as the example<br/>Click on the back button on browser";
}
}
else
{
echo "Please enter the
players last name<br/>Click on the back button on browser";
}
}
else
{
echo "Please enter the palyer's
first name<br/>Click on the back button on browser";
}
}
else
{
echo "Please enter the division<br/>Click
}
}
else
{
echo "Please select the sport<br/>Click on the
back button on browser";
}
}
else
{
echo "Please select the state<br/>Click on the back
button on browser";
}

}
else
{
echo "Please enter your Team's City in the field
provided<br/>Click on the back button on browser";
}
}
else
{
echo "Please enter your Team Name in the field provided<br/>Click
}
}
?>
</html>
A-11 Stats Output
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div id="header">
</div>
<div id="menu">
<div id="home">
</div>
<div id="about">
</div>
<div id="parents">
</div>
</div>

<div id="names">
</div>
<form action="stats_output.php" method="post" >
<br>
<p id="bold" class ="center">Enter players name for
stats</p>
<table>
<tr>
<td>
<label>First</label>
</td>
<td>
<input type="text" name="firstname">
</td>
</tr>
<tr>
<td>
<label>Last</label>
</td>
<td>
<input type="text" name="lastname">
</td>
</tr>
</table>
<br>
<input type="submit" name="submit" value="View Stats">
</form>
</div>
</div>
</div>
</body>
</html>
A-12 Output PHP
<!DOCTYPE html>
<html>
<header>
</header>
<body>
<!--
$hits + STATS.Walks + STATS.HitByPitch) / (STATS.AtBats + STATS.Sac)) AS
"OBP"

-->
<div id="header">
</div>
<div id="menu">
<div id="home">
</div>
<div id="about">
</div>
<div id="parents">
</div>
</div>
<div id="names">
</div>
<h2 class="center" id="bold">Stats of Player selected</h2>
<br>
<form>
<?PHP
$first = $_POST['firstname'];
$last = $_POST['lastname'];
$con= mysql_connect("localhost","root","")
or die("Error connecting to database.");
//Connect to database
mysql_select_db("softball",$con)
or die("Couldn't select the database.");
if ((!$first) || (!$last))
{
echo "Please enter a First Name and a
Last Name<br>Click the back button on the browser!";
}
else
{
$sql = "Select DISTINCT TEAMS.TeamName,

PLAYERS.FirstName, PLAYERS.LastName, STATS.AtBats, STATS.Singles,
STATS.Doubles, STATS.Triples,
STATS.HomeRuns, STATS.Walks, STATS.RBI, STATS.HitByPitch, STATS.StrikeOuts,
STATS.D3Strike, STATS.Sac
FROM PLAYERS
INNER JOIN TEAMS ON PLAYERS.TeamID
= TEAMS.TeamID
INNER JOIN STATS ON STATS.PlayerID
= PLAYERS.PlayerID
WHERE FirstName LIKE '%$first' AND
LastName LIKE '%$last'";
$result= mysql_query($sql, $con);
$num_results = mysql_num_rows($result);
for ($i = 0; $i <
mysql_num_rows($result); $i++)
{
$row = mysql_fetch_assoc($result);
$hits = $row['Singles'] +
$row['Doubles'] + $row['Triples'] + $row['HomeRuns'];
$avg = $hits / $row['AtBats'];
$obp = ($hits + $row['Walks'] +
$row['HitByPitch']) / ($row['AtBats'] + $row['Sac']);
print "<b>" . $row['FirstName'] . "
" . $row['LastName'] . "</b>";
echo
"<br><table border='1'>
<tr>
<th>
At Bats
</th>
<th>
Singles
</th>
<th>
Doubles
</th>
<th>
Triples
</th>
<th>
Home Runs
</th>
<th>
Walks
</th>
</tr>
<tr>
<td>"
. $row['AtBats']
.

"</td>
<td>"
. $row['Singles']
.
"</td>
<td>"
. $row['Doubles']
.
"</td>
<td>"
. $row['Triples']
.
"</td>
<td>"
.
$row['HomeRuns'] .
"</td>
<td>"
. $row['Walks'] .
"</td>
</tr>
<tr>
<th>
RBI's
</th>
<th>
Hit by Pitch
</th>
<th>
Strike Outs
</th>
<th>
Drop 3rd Strikes
</th>
<th>
Sacrifices
</th>
</tr>
<tr>
<td>"
. $row['RBI'] .
"</td>
<td>"
.
$row['HitByPitch'] .
"</td>
<td>"
.
$row['StrikeOuts'] .
"</td>
<td>"
.
$row['D3Strike'] .
"</td>
<td>"
. $row['Sac'] .
"</td>

</tr>
</table>
<br>
<table border='1'>
<tr>
<th>
Amount of
Hits
</th>
<td>"
. $hits .
"</td>
</tr>
<tr>
<th>
Batting
Average(AVG)
</th>
<td>"
.
number_format($avg, 3) .
"</td>
</tr>
<tr>
<th>
On Base
Percentage (OBP)
</th>
<td>"
.
number_format($obp, 3) .
"</td>
</tr>
</table>";
}
}
mysql_close($con);
?>
</form>
</div>
</div>
</div>
</body>
</html>
A-13 Style Sheet
body {margin: 0 auto; background-color:black;}
h1 {font-style:italic; font-size:50px; font-family:Times; margin-top:5px;}
li {margin:0;}

p {margin:0;}
h2 {margin-bottom:0;}
ul {margin:0;}
#bold {text-align:center; font-size:30px; color:red;}
.class {text-align:center;}
#head {text-align:center;}
#container { width:800px; height:800px; background-color:gray; margin: 0 auto;
border-radius:25px}
.small_text{font-size:16px;}
/* Header Section */
#header { width:800px; height:150px; background-color:#ed2913; background-
image: url('baseball_softball.jpg'); border-top-left-radius:25px; border-top-
right-radius:25px}
#title {text-align:center;color:#0C0C0C}
/* Menu- tabs */
#menu {width:800px; height:25px; background-image: url('baseball_grass.jpg');}
#home, #about, #pics, #coaches {width:70px; height:25px; float:left; padding-
left:5px;}
#parents {width:80px; height:25px; float:left;}
.black {color:black;}
/* Main Page */
#main_page { width:800px; height:625px; background-color:#ED2913;
color:#24F2E8; border-bottom-left-radius:25px; border-bottom-right-
radius:25px}
#main_top {
padding:20px;
width:760px;
height:325px;
font-size:30px;
font-family: cursive;
font-style:italic;
text-align:center;
}
#main_bottom {font-family: Times New Roman;
font-size: 30px;
height: 280px;
text-align: left;
width: 780px;
padding:10px;
}
/* About Page */
#about_page, #parents_page , #coaches_page, #login_page, #register_page {
width:796px;
height:621px;
background-color:white;
overflow:auto;
color:black;
padding:2px;

border-bottom-left-radius:25px;
border-bottom-right-radius:25px;
}
#names {
width:75px;
height:611px;
float:left;
border:5px solid yellow;
border-radius:25px;
text-align:center;
}
.history {
width:691px;
height:611px;
float:left;
padding-left:5px;
padding-right:5px;
border:5px solid blue;
border-radius:25px;
font-family: cursive;
}
.center {
text-align:center;
}
#font {font-size:15px;}
/*Registration Page
Form attributes */
.error {color: #FF0000;}

Capstone Website Code

More Related Content

What's hot (17)

Viewers also liked (20)

Similar to Capstone Website Code (10)

Capstone Website Code