Untitled

dabblet.css

.header1{
  text-align: center;
	border-bottom: 2px solid #009;
	font-family:verdana;
	margin: 0;
	background-color: #ABC;
	}
 
body, .PackagedDealsSub, .FlightSub, .AccommodationSub, .navbar  {
	margin:0;
	padding:0;
}

.navbar {
	font-family:verdana;
	background-color: #ABC;
	padding: 50px;
}

dabblet.html

<h1 class = "header1"> Welcome to Budget Holidays </h1>
	<!--This is the code for the navigation bar-->
		<ul class="navbar">
			<li><a href= "/">Home</a></li> 
			<li><a href= "About us">About us</a></li> 
			<li><a href= "Packaged Deals">Packaged deals</a>
				<ul class="PackagedDealsSub">	
						<li><a href= "Deals in Ireland">Deals in Ireland</a> </li>
						<li><a href= "Deals in Spain">Deals in Spain</a> </li>
						<li><a href= "Deals in France">Deals in France</a> </li>
						<li><a href= "Deals in England">Deals in England</a> </li>
						<li><a href= "Deals in Italy">Deals in Italy</a> </li>
				</ul>
				</li> 
			
			<li><a href= "Flights">Flights</a>
				<ul class="FlightsSub">
						<li><a href= "Flight within Ireland">Flight within Ireland</a> </li>
						<li><a href= "Flights to Spain">Flights to Spain</a> </li> 
						<li><a href= "Flights to France">Flights to France</a> </li>
						<li><a href= "Flights to England">Flights to England</a> </li>
						<li><a href= "Flights to Italy">Flights to Italy</a> </li>
				</ul>
			</li> 
			
			<li><a href= "Accommodation">Accommodation</a>
				<ul class="AccommodationSub">	
						<li><a href= "Hotels in Ireland">Hotels in Ireland</a> </li>
						<li><a href= "Hotels in Spain">Hotels in Spain</a> </li>
						<li><a href= "Hotels in France">Hotels in France</a> </li>
						<li><a href= "Hotels in England">Hotels in England</a> </li>
						<li><a href= "Hotels inItaly">Hotels in Italy</a> </li>
				</ul>
			</li>
						
			
			
			
			
			
			
		</ul>

dabblet.js

<div style="background-color:#000;">

 		 <table height="100%" width="100%" cellpadding="0" cellspacing="0" border="0" table layout;fixed;>
  				  <tr>
   					   <td valign="top" align="center" background="images/Sportsmanhub_Background.png" background-repeat:no-repeat; background-attachment:fixed; background-position:center; >




			<table width = "100%" border= "0" cellspaceing = "0" cellpadding = "0" bgcolor: "#000"; table layout:fixed;>
			<tr>
				<td>

				<table class="container" width="640" align="center" border= "0" cellspaceing="0" cellpadding="0" table layout: fixed;>
					<tr>

						<!--leave the date out seperate of the image, above the whole tabel-->
						<td valign = "top"  align= "center" class= "logo"  bgcolor ="#000" style= "padding: 10px 20px 0px 30px; border-left:1px solid #000; border-right:1px solid #000; border-top:1px solid #000;">
							<a href = "sportsmanshub.com"><img src= "images/top_logo.png" alt= "SportsMans Hub" width="685" height="185" border= "0"></a>
						</td>
					</tr>
					<tr>
						<td>
							<img src= "images/hot_news.png">
						</td>
					<tr>
						<td class="content" valign="top" bgcolor="#000" valign="top"  column-rule-width=60px style="padding: 5px 5px 5px 5px; border: 1px solid; border-color: #000; color:white; column-width=60px;">
							<p>Nulla accumsan dolor neque, sit amet fermentum metus adipiscing eu. Praesent sed vestibulum velit. Sed bibendum euismod leo vitae egestas? Mauris laoreet, eros sit amet laoreet luctus, leo turpis commodo erat, sed faucibus sem libero non dolor. <br><a href = "sportsmanshub.com"><img src="images/read_more.png" align = "right"></a></br></p>
						</td>
						<td colspan=2>
							
						</td>
					</tr>
					</tr>
					<tr>
						<td>
						</td>
					</tr>
					<tr>
						<td>
						</td>
					</tr>
					<tr>
						<td>
						</td>
					</tr>
					<tr>
						<td>
						</td>
					</tr>
					<tr>
						<td>
						</td>
					</tr>
					<tr>
						<td>
						</td>
					</tr>
					<tr>
						<td>
						</td>
					</tr>
					<tr>
						<td>
						</td>
					</tr>
					<tr>
						<td>
						</td>
					</tr>
					<tr>
						<td>
						</td>
					</tr>
					<tr>
						<td>
						</td>
					</tr>
				</table>
			</table>

				</td>
			</tr>


				</td>
    	</tr>
  </table>
</div>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}