Having a go at HTML coding:
<link href="css/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container"><!--containerOpen-->
<div id="banner"><!--bannerOpen-->
<div id="logo"><!--logoOpen-->
<img src="images/logo.gif" />
</div><!--logoClose-->
<div id="book"><!--bookOpen-->
<a href="https://google.com">BOOK NOW</a>
</div><!--bookClose-->
</div>
<div id="menu"><!--menuOpen-->
<ul id="menulist">
<li class="menuitem"><a href="index.html">HOME</a></li>
<li class="menuitem"><a href="index.html">PROGRAMME</a></li>
<li class="menuitem"><a href="index.html">BOOK NOW</a></li>
<li class="menuitem"><a href="index.html">REVIEWS</a></li>
</ul>
</div><!--menuClose-->
<div id="bigdancer">
<div id="mainimage">
<img src="images/mainimage.jpg"/>
</div><!--mainimage-->
<div id="heading">
<h1>This Season its all about the Dance</h1>
</div><!--heading-->
</div><!--bigdancer-->
<div id="content"><!--3images-->
<div id="image1">
<img src="images/image01.jpg"/>
<p> This is some text about the dance shown in the picture above. This is some text about the dance shown in the picture above. <a href="https://google.com">More</a></p>
</div><!--image1-->
<div id="image2">
<img src="images/image02.jpg"/>
<p> This is some text about the dance shown in the picture above. This is some text about the dance shown in the picture above. <a href="https://google.com">More</a></p>
</div><!--image2-->
<div id="image3">
<img src="images/image03.jpg"/>
<p> This is some text about the dance shown in the picture above. This is some text about the dance shown in the picture above. <a href="https://google.com">More</a></p>
</div><!--image3-->
</div><!--content-->
<div id="links">
<ul>
<li><a href="index.html">Home</a> </li>
<li><a href="index.html">About</a> </li>
<li><a href="index.html">Contrast</a> </li>
<li><a href="index.html">Proramme</a> </li>
<li><a href="index.html">Dance</a> </li>
<li><a href="index.html">Music</a> </li>
<li><a href="index.html">Book Now</a> </li>
<li><a href="index.html">Deals</a> </li>
<li><a href="index.html">Group Bookings</a> </li>
<li><a href="index.html">Reviews</a> </li>
</ul>
<ul>
<li><a href="https://linkedin.com"><img src="images/linkedin_alt.jpg"/></a> </li>
<li><a href="https://twitter.com"><img src="images/twitter_alt.jpg"/></a> </li>
<li><a href="https://youtube.com"><img src="images/youtube.jpg"/></a> </li>
<li><a href="https://facebook.com"><img src="images/facebook_alt.jpg"/></a> </li>
</ul>
<div id="name">
<p> ©2013 Philippa Berry Smith </p>
</div><!--name-->
</div><!--links-->
</div><!--containerClose-->
</body>
</html>
No comments:
Post a Comment