HTML
<!DOCTYPE html>
<html>
<title>
City Against Gang
</title>
<h2>
Welcome
</h2>
</div>
<div>
<body>
<h1>
City Against Gang
</h1>
</div>
<h3>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
City Against Gang is a game that is based off of the game "Mafia". This game is placed in a modern day scenario with more practical role. This game is a great way to develop some good tactics, be mischevious, and most importantly have fun!
</h3>
<h4>
<br><br>
If your ready click below!!!!
</h4>
</div>
<div>
<br><a href="#" class="myButton">Play Now</a>
</div>
<br>
</body><br><br>
</div>
<h5>
If you would like to know the roles, click below!!!
<br><br><ul id="roles">
<li><a href=roles.html>Roles</a></li>
</h5>
<style>
h2 {
font-family: Arial;
font-size: 42px;
text-align: center;
color: #E0DFDB;
}
h4 {
text-align: center;
}
body {
color: #E0DFDB;
text-align: center;
border:20px ridge #434849;
background-image: url(http://i.imgur.com/Kqa4xHF.jpg);
opacity: .0.01;
}
/* button below*/
.myButton {
-moz-box-shadow:inset 0px 1px 3px 0px #000000;
-webkit-box-shadow:inset 0px 1px 3px 0px #000000;
box-shadow:inset 0px 1px 3px 0px #000000;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #494d4c), color-stop(1, #6c7c7c));
background:-moz-linear-gradient(top, #494d4c 5%, #6c7c7c 100%);
background:-webkit-linear-gradient(top, #494d4c 5%, #6c7c7c 100%);
background:-o-linear-gradient(top, #494d4c 5%, #6c7c7c 100%);
background:-ms-linear-gradient(top, #494d4c 5%, #6c7c7c 100%);
background:linear-gradient(to bottom, #494d4c 5%, #6c7c7c 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#494d4c', endColorstr='#6c7c7c',GradientType=0);
background-color:#494d4c;
-moz-border-radius:11px;
-webkit-border-radius:11px;
border-radius:11px;
border:1px solid #566963;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:18px;
font-weight:bold;
padding:17px 13px;
text-decoration:none;
text-shadow:0px 4px 0px #000000;
}
head {
padding-left: 2px;
}
#roles {
padding:0;
padding-left:2px;
}
#roles li {
display:inline;
}
#roles li a {
background-color:Gray;
color:white;
padding:10px 20px;
text-decoration:none;
border-radius:4px 4px 0 0;
}
#roles li a:hover {
background-color:orange;
}
</style>
</html>
