Skip to content

Instantly share code, notes, and snippets.

@elcontrastador

elcontrastador/gist:339852

Created March 22, 2010 06:53
Show Gist options
  • Save elcontrastador/339852 to your computer and use it in GitHub Desktop.
Save elcontrastador/339852 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>OneInterface.net Network Engineering, Inc. - About</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<style>
#main { width:940px; height:840px; color:#fff; }
#content .row-1 {height:280px; background-color:#333;}
#content .row-1 .col-1 { height:100%; width:314px; background-color:red; opacity:0.4; }
#content .row-1 .col-2 { height:100%; width:314px; background-color:green;opacity:0.4;}
#content .row-1 .col-3 { height:100%; width:314px; background-color:blue;opacity:0.4;}
#content .row-2 {height:560px; background-color:#444;}
#content .row-2 .col-1 {height:100%; width:314px; background-color:orange;opacity:0.4;}
#content .row-2 .col-2-3 {height:100%; width:626px; background-color:cyan;opacity:0.4;}
</style>
</head>
<body id="test">
<div id="main">
<div id="content">
<div class="row-1">
<div class="col-1">
<p>Aenean nec eros. Vestibulum ante ipsum primis in faucibus. Suspendisse sollicitudin velit sed leo. Ut pharetra. ю augue nec augue. Nam elit magna, hendrerit sit amet tincidunt ac, viverra sed, nulla. Aenean nec eros. Vestibulum a</p>
</div>
<div class="col-2">
<p>Aenean nec eros. Vestibulum ante ipsum primis in faucibus. Suspendisse sollicitudin velit sed leo. Ut pharetra. ю augue nec augue. Nam elit magna, hendrerit sit amet tincidunt ac, viverra sed, nulla. Aenean nec eros. Vestibulum a</p>
</div>
<div class="col-3">
<p>Aenean nec eros. Vestibulum ante ipsum primis in faucibus. Suspendisse sollicitudin velit sed leo. Ut pharetra. ю augue nec augue. Nam elit magna, hendrerit sit amet tincidunt ac, viverra sed, nulla. Aenean nec eros. Vestibulum a</p>
</div>
</div>
<div class="row-2">
<div class="col-1">
<p>Aenean nec eros. Vestibulum ante ipsum primis in faucibus. Suspendisse sollicitudin velit sed leo. Ut pharetra. ю augue nec augue. Nam elit magna, hendrerit sit amet tincidunt ac, viverra sed, nulla. Aenean nec eros. Vestibulum a</p>
</div>
<div class="col-2">
<p>Aenean nec eros. Vestibulum ante ipsum primis in faucibus. Suspendisse sollicitudin velit sed leo. Ut pharetra. ю augue nec augue. Nam elit magna, hendrerit sit amet tincidunt ac, viverra sed, nulla. Aenean nec eros. Vestibulum a</p>
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment