Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title>My Title Here</title>
- <script src="jquery.js" type="text/javascript"></script>
- <script src="main.js" type="text/javascript"></script>
- <style type="text/css">
- .container {width: 960px; margin-right: auto; margin-left: auto; padding: 10px; font-family: "Times New Roman", Times, serif;}
- .main {width: 960px;
- font-family: "Times New Roman", Times, serif;
- font-size: 14px;
- }
- .box {padding: 10px; float: left; width: 300px;}
- .title {width: 282px; float: left; margin-top: -5px;}
- .ico {float: right; width: 18px; margin-top: -5px;}
- .titlecap {font-size:11px; color:#999;}
- .titlecap a:link{color:#999;}
- .titlecap a:visited {color: #CCC;}
- .titlecap a:hover {color: #C09;}
- .titlecap a:active {color: #309;}
- .ordertop {font-family: "Times New Roman", Times, serif; color: #F09;}
- .orderbottom {font-size: 12px; color: #F09;}
- .boxfootleft {width: 281px; float: left; padding-top: 2px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;}
- .boxfootright {float: right; width: 12px; padding-top: 4px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;}
- .boxcontent {width: 300px; float: left;}
- .boxcontentp {
- margin-top: -4px;
- }
- .rating {font-family: Verdana, Geneva, sans-serif; font-size: 9px;}
- hr {width: 100%; height: 1px; color: #FFF; margin-top: -0px;}
- a:link {
- color: #F06;
- text-decoration: none;
- }
- a:visited {
- color: #639;
- text-decoration: none;
- }
- a:hover {
- color: #CCF;
- text-decoration: none;
- }
- a:active {
- color: #00C;
- text-decoration: none;
- }
- .boxcontentleft {
- float: left;
- width: 132px;
- margin-top: -10px;
- }
- .boxcontentright {
- float: right;
- width: 168px;
- margin-top: -10px;
- text-align:right;
- }
- .boxfootercontainer {
- width: 300px;
- }
- .maincontentrow {
- width: 960px;
- background-color:#999;
- }
- pre{
- display:block;
- font:100% "Courier New", Courier, monospace;
- padding:10px;
- border:1px solid #bae2f0;
- background:#e3f4f9;
- margin:.5em 0;
- overflow:auto;
- width:800px;
- }
- img{border:none;}
- #preview{
- position:absolute;
- border:1px solid #ccc;
- background:#999;
- padding:5px;
- display:none;
- color:#fff;
- }
- body {
- }
- </style>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- </head>
- <body>
- <div class="container">
- <div class="main">
- <!-- Start Row of Main Content -->
- <div class="maincontentrow">
- <!-- Start Box 1 Of Row -->
- <div class="box">
- <div class="title">
- <span class="ordertop">#1</span> Big List Of Web Comics <span class="titlecap">(<a href="http://www.blowcomics.com" target="_blank">blowcomics.com</a>)</span>
- </div>
- <div class="ico">
- <img src="images/favicon.ico" width="16" height="16">
- </div>
- <a href="images/preview/list1-1.jpg" class="preview" title="<br /><img src='images/favicon.ico'> Big List Of Web Comics"><img src="images/thumbnails/list1.png" alt="gallery thumbnail" /></a><div class="boxfootleft">
- <img src="images/5star.png" width="85" height="13"><span class="rating"> 3.9 out of 5 stars based on 70 ratings.</span>
- </div>
- <div class="boxfootright">
- <span class="orderbottom">#1</span>
- </div>
- <div class="boxcontent">
- <hr>
- <p class="boxcontentp">The <a href="http://www.blowcomics.com">Big List Of Web Comics</a> is a single page sorted index of all the best Web Comics on the internet. It has everything from funny comics, romance, scifi, to gaming, educational, and more! See links below.</p>
- <div class="boxfootercontainer">
- <div class="boxcontent">
- <hr>
- </div>
- <div class="boxcontentleft">
- <a href="#">View Similiar Sites</a><span class="titlecap"> (1)</span>
- </div>
- <div class="boxcontentright">
- <a href="#">View More</a> - <a href="#">Comments</a><span class="titlecap"> (15)</span>
- </div>
- </div>
- <div class="boxcontent">
- <hr>
- </div>
- </div>
- </div>
- <!-- End Box 1 Of Row -->
- <!-- Start Box 2 Of Row -->
- <div class="box">
- <div class="title">
- <span class="ordertop">#2</span> Big List Of Web Comics <span class="titlecap">(<a href="http://www.blowcomics.com" target="_blank">blowcomics.com</a>)</span>
- </div>
- <div class="ico">
- <img src="images/favicon.ico" width="16" height="16">
- </div>
- <a href="images/preview/list1-1.jpg" class="preview" title="<br /><img src='images/favicon.ico'> Big List Of Web Comics"><img src="images/thumbnails/list1.png" alt="gallery thumbnail" /></a><div class="boxfootleft">
- <img src="images/5star.png" width="85" height="13"><span class="rating"> 3.9 out of 5 stars based on 70 ratings.</span>
- </div>
- <div class="boxfootright">
- <span class="orderbottom">#2</span>
- </div>
- <div class="boxcontent">
- <hr>
- <p class="boxcontentp">The <a href="http://www.blowcomics.com">Big List Of Web Comics</a> is a single page sorted index of all the best Web Comics on the internet. It has everything from funny comics, romance, scifi, to gaming, educational, and more! See links below.</p>
- <div class="boxfootercontainer">
- <div class="boxcontent">
- <hr>
- </div>
- <div class="boxcontentleft">
- <a href="#">View Similiar Sites</a><span class="titlecap"> (1)</span>
- </div>
- <div class="boxcontentright">
- <a href="#">View More</a> - <a href="#">Comments</a><span class="titlecap"> (15)</span>
- </div>
- </div>
- <div class="boxcontent">
- <hr>
- </div>
- </div>
- </div>
- <!-- End Box 2 Of Row -->
- <!-- Start Box 3 Of Row -->
- <div class="box">
- <div class="title">
- <span class="ordertop">#3</span> Big List Of Web Comics <span class="titlecap">(<a href="http://www.blowcomics.com" target="_blank">blowcomics.com</a>)</span>
- </div>
- <div class="ico">
- <img src="images/favicon.ico" width="16" height="16">
- </div>
- <a href="images/preview/list1-1.jpg" class="preview" title="<br /><img src='images/favicon.ico'> Big List Of Web Comics"><img src="images/thumbnails/list1.png" alt="gallery thumbnail" /></a><div class="boxfootleft">
- <img src="images/5star.png" width="85" height="13"><span class="rating"> 3.9 out of 5 stars based on 70 ratings.</span>
- </div>
- <div class="boxfootright">
- <span class="orderbottom">#3</span>
- </div>
- <div class="boxcontent">
- <hr>
- <p class="boxcontentp">The <a href="http://www.blowcomics.com">Big List Of Web Comics</a> is a single page sorted index of all the best Web Comics on the internet. It has everything from funny comics, romance, scifi, to gaming, educational, and more! See links below.</p>
- <div class="boxfootercontainer">
- <div class="boxcontent">
- <hr>
- </div>
- <div class="boxcontentleft">
- <a href="#">View Similiar Sites</a><span class="titlecap"> (1)</span>
- </div>
- <div class="boxcontentright">
- <a href="#">View More</a> - <a href="#">Comments</a><span class="titlecap"> (15)</span>
- </div>
- </div>
- <div class="boxcontent">
- <hr>
- </div>
- </div>
- </div>
- <!-- End Box 3 Of Row -->
- </div>
- <!-- End Row of Main Content -->
- <!-- Start Row of Main Content -->
- <div class="maincontentrow">
- <!-- Start Box 1 Of Row -->
- <div class="box">
- <div class="title">
- <span class="ordertop">#4</span> Big List Of Web Comics <span class="titlecap">(<a href="http://www.blowcomics.com" target="_blank">blowcomics.com</a>)</span>
- </div>
- <div class="ico">
- <img src="images/favicon.ico" width="16" height="16">
- </div>
- <a href="images/preview/list1-1.jpg" class="preview" title="<br /><img src='images/favicon.ico'> Big List Of Web Comics"><img src="images/thumbnails/list1.png" alt="gallery thumbnail" /></a><div class="boxfootleft">
- <img src="images/5star.png" width="85" height="13"><span class="rating"> 3.9 out of 5 stars based on 70 ratings.</span>
- </div>
- <div class="boxfootright">
- <span class="orderbottom">#4</span>
- </div>
- <div class="boxcontent">
- <hr>
- <p class="boxcontentp">The <a href="http://www.blowcomics.com">Big List Of Web Comics</a> is a single page sorted index of all the best Web Comics on the internet. It has everything from funny comics, romance, scifi, to gaming, educational, and more! See links below.</p>
- <div class="boxfootercontainer">
- <div class="boxcontent">
- <hr>
- </div>
- <div class="boxcontentleft">
- <a href="#">View Similiar Sites</a><span class="titlecap"> (1)</span>
- </div>
- <div class="boxcontentright">
- <a href="#">View More</a> - <a href="#">Comments</a><span class="titlecap"> (15)</span>
- </div>
- </div>
- <div class="boxcontent">
- <hr>
- </div>
- </div>
- </div>
- <!-- End Box 1 Of Row -->
- <!-- Start Box 2 Of Row -->
- <div class="box">
- <div class="title">
- <span class="ordertop">#5</span> Big List Of Web Comics <span class="titlecap">(<a href="http://www.blowcomics.com" target="_blank">blowcomics.com</a>)</span>
- </div>
- <div class="ico">
- <img src="images/favicon.ico" width="16" height="16">
- </div>
- <a href="images/preview/list1-1.jpg" class="preview" title="<br /><img src='images/favicon.ico'> Big List Of Web Comics"><img src="images/thumbnails/list1.png" alt="gallery thumbnail" /></a><div class="boxfootleft">
- <img src="images/5star.png" width="85" height="13"><span class="rating"> 3.9 out of 5 stars based on 70 ratings.</span>
- </div>
- <div class="boxfootright">
- <span class="orderbottom">#5</span>
- </div>
- <div class="boxcontent">
- <hr>
- <p class="boxcontentp">The <a href="http://www.blowcomics.com">Big List Of Web Comics</a> is a single page sorted index of all the best Web Comics on the internet. It has everything from funny comics, romance, scifi, to gaming, educational, and more! See links below.</p>
- <div class="boxfootercontainer">
- <div class="boxcontent">
- <hr>
- </div>
- <div class="boxcontentleft">
- <a href="#">View Similiar Sites</a><span class="titlecap"> (1)</span>
- </div>
- <div class="boxcontentright">
- <a href="#">View More</a> - <a href="#">Comments</a><span class="titlecap"> (15)</span>
- </div>
- </div>
- <div class="boxcontent">
- <hr>
- </div>
- </div>
- </div>
- <!-- End Box 2 Of Row -->
- <!-- Start Box 3 Of Row -->
- <div class="box">
- <div class="title">
- <span class="ordertop">#6</span> Big List Of Web Comics <span class="titlecap">(<a href="http://www.blowcomics.com" target="_blank">blowcomics.com</a>)</span>
- </div>
- <div class="ico">
- <img src="images/favicon.ico" width="16" height="16">
- </div>
- <a href="images/preview/list1-1.jpg" class="preview" title="<br /><img src='images/favicon.ico'> Big List Of Web Comics"><img src="images/thumbnails/list1.png" alt="gallery thumbnail" /></a><div class="boxfootleft">
- <img src="images/5star.png" width="85" height="13"><span class="rating"> 3.9 out of 5 stars based on 70 ratings.</span>
- </div>
- <div class="boxfootright">
- <span class="orderbottom">#6</span>
- </div>
- <div class="boxcontent">
- <hr>
- <p class="boxcontentp">The <a href="http://www.blowcomics.com">Big List Of Web Comics</a> is a single page sorted index of all the best Web Comics on the internet. It has everything from funny comics, romance, scifi, to gaming, educational, and more! See links below.</p>
- <div class="boxfootercontainer">
- <div class="boxcontent">
- <hr>
- </div>
- <div class="boxcontentleft">
- <a href="#">View Similiar Sites</a><span class="titlecap"> (1)</span>
- </div>
- <div class="boxcontentright">
- <a href="#">View More</a> - <a href="#">Comments</a><span class="titlecap"> (15)</span>
- </div>
- </div>
- <div class="boxcontent">
- <hr>
- </div>
- </div>
- </div>
- <!-- End Box 3 Of Row -->
- </div>
- <!-- End Row of Main Content -->
- <!-- Start Row of Main Content -->
- <div class="maincontentrow">
- <!-- Start Box 1 Of Row -->
- <div class="box">
- <div class="title">
- <span class="ordertop">#7</span> Big List Of Web Comics <span class="titlecap">(<a href="http://www.blowcomics.com" target="_blank">blowcomics.com</a>)</span>
- </div>
- <div class="ico">
- <img src="images/favicon.ico" width="16" height="16">
- </div>
- <a href="images/preview/list1-1.jpg" class="preview" title="<br /><img src='images/favicon.ico'> Big List Of Web Comics"><img src="images/thumbnails/list1.png" alt="gallery thumbnail" /></a><div class="boxfootleft">
- <img src="images/5star.png" width="85" height="13"><span class="rating"> 3.9 out of 5 stars based on 70 ratings.</span>
- </div>
- <div class="boxfootright">
- <span class="orderbottom">#7</span>
- </div>
- <div class="boxcontent">
- <hr>
- <p class="boxcontentp">The <a href="http://www.blowcomics.com">Big List Of Web Comics</a> is a single page sorted index of all the best Web Comics on the internet. It has everything from funny comics, romance, scifi, to gaming, educational, and more! See links below.</p>
- <div class="boxfootercontainer">
- <div class="boxcontent">
- <hr>
- </div>
- <div class="boxcontentleft">
- <a href="#">View Similiar Sites</a><span class="titlecap"> (1)</span>
- </div>
- <div class="boxcontentright">
- <a href="#">View More</a> - <a href="#">Comments</a><span class="titlecap"> (15)</span>
- </div>
- </div>
- <div class="boxcontent">
- <hr>
- </div>
- </div>
- </div>
- <!-- End Box 1 Of Row -->
- <!-- Start Box 2 Of Row -->
- <div class="box">
- <div class="title">
- <span class="ordertop">#8</span> Big List Of Web Comics <span class="titlecap">(<a href="http://www.blowcomics.com" target="_blank">blowcomics.com</a>)</span>
- </div>
- <div class="ico">
- <img src="images/favicon.ico" width="16" height="16">
- </div>
- <a href="images/preview/list1-1.jpg" class="preview" title="<br /><img src='images/favicon.ico'> Big List Of Web Comics"><img src="images/thumbnails/list1.png" alt="gallery thumbnail" /></a><div class="boxfootleft">
- <img src="images/5star.png" width="85" height="13"><span class="rating"> 3.9 out of 5 stars based on 70 ratings.</span>
- </div>
- <div class="boxfootright">
- <span class="orderbottom">#8</span>
- </div>
- <div class="boxcontent">
- <hr>
- <p class="boxcontentp">The <a href="http://www.blowcomics.com">Big List Of Web Comics</a> is a single page sorted index of all the best Web Comics on the internet. It has everything from funny comics, romance, scifi, to gaming, educational, and more! See links below.</p>
- <div class="boxfootercontainer">
- <div class="boxcontent">
- <hr>
- </div>
- <div class="boxcontentleft">
- <a href="#">View Similiar Sites</a><span class="titlecap"> (1)</span>
- </div>
- <div class="boxcontentright">
- <a href="#">View More</a> - <a href="#">Comments</a><span class="titlecap"> (15)</span>
- </div>
- </div>
- <div class="boxcontent">
- <hr>
- </div>
- </div>
- </div>
- <!-- End Box 2 Of Row -->
- <!-- Start Box 3 Of Row -->
- <div class="box">
- <div class="title">
- <span class="ordertop">#9</span> Big List Of Web Comics <span class="titlecap">(<a href="http://www.blowcomics.com" target="_blank">blowcomics.com</a>)</span>
- </div>
- <div class="ico">
- <img src="images/favicon.ico" width="16" height="16">
- </div>
- <a href="images/preview/list1-1.jpg" class="preview" title="<br /><img src='images/favicon.ico'> Big List Of Web Comics"><img src="images/thumbnails/list1.png" alt="gallery thumbnail" /></a><div class="boxfootleft">
- <img src="images/5star.png" width="85" height="13"><span class="rating"> 3.9 out of 5 stars based on 70 ratings.</span>
- </div>
- <div class="boxfootright">
- <span class="orderbottom">#9</span>
- </div>
- <div class="boxcontent">
- <hr>
- <p class="boxcontentp">The <a href="http://www.blowcomics.com">Big List Of Web Comics</a> is a single page sorted index of all the best Web Comics on the internet. It has everything from funny comics, romance, scifi, to gaming, educational, and more! See links below.</p>
- <div class="boxfootercontainer">
- <div class="boxcontent">
- <hr>
- </div>
- <div class="boxcontentleft">
- <a href="#">View Similiar Sites</a><span class="titlecap"> (1)</span>
- </div>
- <div class="boxcontentright">
- <a href="#">View More</a> - <a href="#">Comments</a><span class="titlecap"> (15)</span>
- </div>
- </div>
- <div class="boxcontent">
- <hr>
- </div>
- </div>
- </div>
- <!-- End Box 3 Of Row -->
- </div>
- <!-- End Row of Main Content -->
- <!-- Start Row of Main Content -->
- <div class="maincontentrow">
- <!-- Start Box 1 Of Row -->
- <div class="box">
- <div class="title">
- <span class="ordertop">#10</span> Big List Of Web Comics <span class="titlecap">(<a href="http://www.blowcomics.com" target="_blank">blowcomics.com</a>)</span>
- </div>
- <div class="ico">
- <img src="images/favicon.ico" width="16" height="16">
- </div>
- <a href="images/preview/list1-1.jpg" class="preview" title="<br /><img src='images/favicon.ico'> Big List Of Web Comics"><img src="images/thumbnails/list1.png" alt="gallery thumbnail" /></a><div class="boxfootleft">
- <img src="images/5star.png" width="85" height="13"><span class="rating"> 3.9 out of 5 stars based on 70 ratings.</span>
- </div>
- <div class="boxfootright">
- <span class="orderbottom">#10</span>
- </div>
- <div class="boxcontent">
- <hr>
- <p class="boxcontentp">The <a href="http://www.blowcomics.com">Big List Of Web Comics</a> is a single page sorted index of all the best Web Comics on the internet. It has everything from funny comics, romance, scifi, to gaming, educational, and more! See links below.</p>
- <div class="boxfootercontainer">
- <div class="boxcontent">
- <hr>
- </div>
- <div class="boxcontentleft">
- <a href="#">View Similiar Sites</a><span class="titlecap"> (1)</span>
- </div>
- <div class="boxcontentright">
- <a href="#">View More</a> - <a href="#">Comments</a><span class="titlecap"> (15)</span>
- </div>
- </div>
- <div class="boxcontent">
- <hr>
- </div>
- </div>
- </div>
- <!-- End Box 1 Of Row -->
- <!-- Start Box 2 Of Row -->
- <div class="box">
- <div class="title">
- <span class="ordertop">#11</span> Big List Of Web Comics <span class="titlecap">(<a href="http://www.blowcomics.com" target="_blank">blowcomics.com</a>)</span>
- </div>
- <div class="ico">
- <img src="images/favicon.ico" width="16" height="16">
- </div>
- <a href="images/preview/list1-1.jpg" class="preview" title="<br /><img src='images/favicon.ico'> Big List Of Web Comics"><img src="images/thumbnails/list1.png" alt="gallery thumbnail" /></a><div class="boxfootleft">
- <img src="images/5star.png" width="85" height="13"><span class="rating"> 3.9 out of 5 stars based on 70 ratings.</span>
- </div>
- <div class="boxfootright">
- <span class="orderbottom">#11</span>
- </div>
- <div class="boxcontent">
- <hr>
- <p class="boxcontentp">The <a href="http://www.blowcomics.com">Big List Of Web Comics</a> is a single page sorted index of all the best Web Comics on the internet. It has everything from funny comics, romance, scifi, to gaming, educational, and more! See links below.</p>
- <div class="boxfootercontainer">
- <div class="boxcontent">
- <hr>
- </div>
- <div class="boxcontentleft">
- <a href="#">View Similiar Sites</a><span class="titlecap"> (1)</span>
- </div>
- <div class="boxcontentright">
- <a href="#">View More</a> - <a href="#">Comments</a><span class="titlecap"> (15)</span>
- </div>
- </div>
- <div class="boxcontent">
- <hr>
- </div>
- </div>
- </div>
- <!-- End Box 2 Of Row -->
- <!-- Start Box 3 Of Row -->
- <div class="box">
- <div class="title">
- <span class="ordertop">#12</span> Big List Of Web Comics <span class="titlecap">(<a href="http://www.blowcomics.com" target="_blank">blowcomics.com</a>)</span>
- </div>
- <div class="ico">
- <img src="images/favicon.ico" width="16" height="16">
- </div>
- <a href="images/preview/list1-1.jpg" class="preview" title="<br /><img src='images/favicon.ico'> Big List Of Web Comics"><img src="images/thumbnails/list1.png" alt="gallery thumbnail" /></a><div class="boxfootleft">
- <img src="images/5star.png" width="85" height="13"><span class="rating"> 3.9 out of 5 stars based on 70 ratings.</span>
- </div>
- <div class="boxfootright">
- <span class="orderbottom">#12</span>
- </div>
- <div class="boxcontent">
- <hr>
- <p class="boxcontentp">The <a href="http://www.blowcomics.com">Big List Of Web Comics</a> is a single page sorted index of all the best Web Comics on the internet. It has everything from funny comics, romance, scifi, to gaming, educational, and more! See links below.</p>
- <div class="boxfootercontainer">
- <div class="boxcontent">
- <hr>
- </div>
- <div class="boxcontentleft">
- <a href="#">View Similiar Sites</a><span class="titlecap"> (1)</span>
- </div>
- <div class="boxcontentright">
- <a href="#">View More</a> - <a href="#">Comments</a><span class="titlecap"> (15)</span>
- </div>
- </div>
- <div class="boxcontent">
- <hr>
- </div>
- </div>
- </div>
- <!-- End Box 3 Of Row -->
- </div>
- <!-- End Row of Main Content -->
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement