Tweet
* {border:0;margin:0;padding:0;}
* {border:0;margin:0;padding:0;}* {border:0;margin:0;padding:0;}* {border:0;margin:0;padding:0;}
* {border:0;margin:0;padding:0;}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>[A!B] Attitude Brothaz Homepage</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="styles.css" />
<script type="text/javascript" src="jquerylibrary.js"></script>
<script type="text/javascript" src="matrix.js"></script>
<script type="text/javascript">
$(function() {
$('a img').hover(function() {
$(this).stop().animate({'opacity' : 1});
}, function(){
$(this).stop().animate({'opacity' : 0});
});
});
</script>
<script type="text/javascript">
$(function() {
$('#hidden7').hide();
$('#matrix').hide();
});
$(function() {
$('#oh').click(function() {
$('#hidden7').fadeIn(500);
$('#matrix').fadeIn(3000);
});
});
</script>
<script type="text/javascript">
</script>
</head>
<body>
<div id="mainheaddiv">
<div id="container">
<img src="images/abwgununlit.png" id="logo" width="800px" alt="[A!B]" height="290px" usemap="#logomenu" border="0" />
<map name="logomenu" id="logomenu">
<area shape="rect" coords="34,109,120,131" id="home" alt="home" href="index.htm" />
<area shape="rect" coords="145,109,220,131" id="news" alt="news" href="news.htm" />
<area shape="rect" coords="248,109,378,131" id="members" alt="members" href="members.htm" />
<area shape="rect" coords="406,109,500,131" id="forums" alt="forums" href="forums.htm" />
<area shape="rect" coords="574,109,657,131" id="server" alt="server" href="server.htm" />
<area shape="rect" coords="689,109,748,131" id="links" alt="links" href="links.htm" />
<area shape="rect" coords="513,68,573,106" id="oh" alt="monkey" href="#" />
</map>
<a href="">
<img src="images/home2.png" alt="home2" id="hidden1" title="home2" width="73px" height="11px" border="0" /></a>
<a href="">
<img src="images/news2.png" alt="news2" id="hidden2" title="news2" width="63px" height="9px" border="0" /></a>
<a href="">
<img src="images/members2.png" alt="members2" id="hidden3" title="members2" width="118px" height="12px" border="0" /></a>
<a href="http://www.ab-clan.com/forums" target="_blank">
<img src="images/forums2.png" alt="forums2" id="hidden4" title="forums2" width="84px" height="11px" border="0" /></a>
<a href="">
<img src="images/server2.png" alt="server2" id="hidden5" title="server2" width="73px" height="9px" border="0" /></a>
<a href="">
<img src="images/links2.png" alt="links2" id="hidden6" title="links2" width="52px" height="11px" border="0" /></a>
<img src="images/monkeyseparate.png" alt="monkey" id="hidden7" title="monkeyGun" />
</div>
</div>
<div id="matrix">WARNING! Aimbot Activated</div>
<div id="leftSide"></div>
<div id="main">
<h3 id="subHead">Welcome to [A!B] Attitude Brothaz</h3>
<p id="hist1">The Brotherhood of Triad is by far the oldest clan of the Deus Ex Multiplayer scene. The founders wanted to
create a new clan that was unlike any others in the game and started planning Triad and its architecture in
late 2001. The clan was officially established on 25th of January, 2002, when the first website and forums
were also publicly launched. The name was later on changed to The Brotherhood of Triad to emphasize the fraternal
unity of the clan, the equality of its members and the autocratic governing structure. The members of tBoT were
to revolutionize how the game was played, being zealous pioneers who endlessly and nearly scientifically
developed new strategies, methods and techniques to beat their opponents. From a new prospect tBoT quickly grew
to become a semi-secret society, an elite club for the few and selected, which was to dominate the servers.
</p>
<p id="hist2">For the fact that tBoT was technically far more advanced and ahead of others, the clan was admired and hated,
in one case to the extent that a lesser clan started an anti-[3] campaign to ban all the [3] members from
servers. They never succeeded as tBoT was too strong and united and just kept on growing. At its peak tBoT was
practically a giant conglomerate, nearly a monopoly of skill, having as many as 14 active members on the
roster at one point. He incomprehensibly united spirit of [3] that cannot be understood by an outsider held
the clan together at all times. Some of its members have carved their names among the most legendary of DXMP
history. Most of today's effective playing styles and techniques along with bio optimization and augmentations
usage have been influenced by triad members who embraced pure skill and aimed at the ultimate
</p>
<hr noshade="noshade" id="hr1" />
<h3 id="newsHeading">News/Updates</h3>
<div class="show1"><p>MTL Update</p></div>
<div class="hide1"><p>MTL UpdateMTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update
MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update
MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update
</p>
</div>
<div class="show2"><p>MTL Update</p></div>
<div class="hide2"><p>MTL UpdateMTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update
MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update
MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update
</p>
</div>
<div class="show3"><p>MTL Update</p></div>
<div class="hide3"><p>MTL UpdateMTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update
MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update
MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update MTL Update
</p>
</div>
</div>
<div id="rightSide"></div>
<hr noshade="noshade" id="hr2" size="1" />
</body>
</html>
html, body {margin: 0px;
width: 100%;
background: #F7852C;}
p {font-family: Century Gothic;
font-size: 12px;
color: white;}
#container {width: 800px;
height: 290px;
margin: auto;}
#mainheaddiv {width: 100%;
border-bottom: 2px solid gray;
background: #A6A6A7;}
#logo {position: absolute;}
#hidden1 {position: absolute;
top: 25.8%;
left: 14.0%;}
#hidden2 {position: absolute;
top: 26.3%;
left: 25.3%;
padding-right: 0px;}
#hidden3 {position: absolute;
top: 25.7%;
left: 35.6%;
padding-right: 0px;}
#hidden4 {position: absolute;
top: 25.8%;
left: 51.1%;
padding-right: 0px;}
#hidden5 {position: absolute;
top: 26.4%;
left: 67.9%;
padding-right: 0px;}
#hidden6 {position: absolute;
top: 25.8%;
left: 79.3%;
padding-right: 0px;}
#hidden7 {position: absolute;
top: 30.8%;
left: 55.0%;
padding-right: 0px;}
.matrix {font-family: Lucida Console;
font-size: 10pt;
text-align: center;
width: 10px;
padding: 0px;
margin: 0px;}
#matrix {position: absolute;
top: 158px;
left: 130px;}
#leftSide {border-right: 1px solid gray;
border-bottom: 1px solid gray;
background: #a6a6a7;
width: 10.1%;
height: 900px;
float: left;}
#main {background: #F7852C;
width: 74.9%;
height: 850px;
float: left;
margin: 2%;}
#subHead {text-align: center;
font-family: Century Gothic;
color: gray;
text-decoration: underline;}
#hist1, #hist2 {text-align: center;}
#hist1:first-letter, #hist2:first-letter {font-size: 20px;
color: gray;
font-weight: bold;}
#rightSide {border-left: 1px solid gray;
border-bottom: 1px solid gray;
background: #a6a6a7;
width: 10.1%;
height: 900px;
float: right;}
#update {border: 2px solid black;
width: 30%;
height: 200px;
clear: right;}
#newsHeading {font-family: Century Gothic;
color: gray;
text-decoration: underline;}
.show1, .show2, .show3 {border: 1px solid gray;
width: 20%;
padding: 0px;
text-align: center;
background: #a6a6a7;
color: green;}
.hide1, .hide2, .hide3 {border: 1px solid gray;
width: 100%;
height: 80px;
background: #a6a6a7;}
#hr1 {color: gray;}
#hr2 {clear: both;
margin-bottom: 100px;
color: gray;}
Comment