Capture: Website production

This is a sample of a code from one page of the final website:

	<!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>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Podium</title>
	<link href="../main.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" href="../dropdown.css" type="text/css" />

	</head>

	<body>

	<div class="head_container">
	<div class="head_content">
	<div class="logo"></div>
	<div class="menu">

	<script type="text/javascript" src="../dropdown.js"></script>

	<dl class="dropdown">
	<dt id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu('one',-1)"><a href="../index.php">Home</a></dt>
	<dd id="one-ddcontent" onmouseover="cancelHide('one')" onmouseout="ddMenu('one',-1)">

	</dd>
	</dl>

	<dl class="dropdown">
	<dt id="two-ddheader" onmouseover="ddMenu('two',1)" onmouseout="ddMenu('two',-1)"><a href="../store.php">OnlineStore</a></dt>
	<dd id="two-ddcontent" onmouseover="cancelHide('two')" onmouseout="ddMenu('two',-1)">
	<ul>
	<li><a href="mens.php">Mens</a></li>
	<li><a href="womens.php">Womens</a></li>
	</ul>
	</dd>
	</dl>



	<dl class="dropdown">
	<dt id="three-ddheader" onmouseover="ddMenu('three',1)" onmouseout="ddMenu('three',-1)"><a href="../latest_news.php">Latest News</a></dt>
	<dd id="three-ddcontent" onmouseover="cancelHide('three')" onmouseout="ddMenu('three',-1)">

	</dd>
	</dl>


	<dl class="dropdown">
	<dt id="four-ddheader" onmouseover="ddMenu('four',1)" onmouseout="ddMenu('four',-1)"><a href="../about.php">About</a></dt>
	<dd id="four-ddcontent" onmouseover="cancelHide('four')" onmouseout="ddMenu('four',-1)">

	</dd>
	</dl>


	<dl class="dropdown">
	<dt id="five-ddheader" onmouseover="ddMenu('five',1)" onmouseout="ddMenu('five',-1)"><a href="../contact.php">Contact</a></dt>
	<dd id="five-ddcontent" onmouseover="cancelHide('five')" onmouseout="ddMenu('five',-1)">

	</dd>
	</dl>


	<div style="clear:both" />
	</div>
	</div>
	</div>
	</div>



	<div id="container">
	<div class="mens_feature"></div>
	<div class="product_square"><img src="product_images/space_lion-t.png" /></div>
	<div class="product_square"><img src="product_images/red_indian.png" /></div>
	<div class="product_square"><img src="product_images/skull_mountians.png" /></div>
	<div class="product_square"><img src="product_images/vyinal tree.png" /></div>
	<div class="product_square"><img src="product_images/casset.png" /></div>
	<div class="product_square"><img src="product_images/bear.png" /></div>
	<div class="product_square"><img src="product_images/fc_cex.png" /></div>
	<div class="product_square"><img src="product_images/sell_your_shirts.png" /></div>




	</div>

	<div id="footer">


	<div class="footer_container">

	<div class="footer_250">
	<span class="titles">About</span><br /><br>
	Podium was founded in 2007 as a brand to support the future of British sport by donating 10% of all profits. Since then the brand has expanded it's product range to incorporate high street fashion .... <a class="footer_links" href="#">Read More</a>
	</div>

	<div class="footer_250">
	<span class="titles">Latest News</span><br /><br>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum dignissim tellus, ultricies tristique risus imperdiet ut. Duis quis metus sed nulla dapibus venenatis ... <a class="footer_links" href="latest_news.php">Read More</a></p>
	</div>

	<div class="footer_250"><span class="titles">Get Social</span><br /><br>
	<img src="../images/facebook_32.png" />
	<img src="../images/twitter_32.png" />
	<img src="../images/blogger_32.png" />
	<img src="../images/sharethis_32.png" />
	<img src="../images/rss_32.png" />
	</div>

	</div></div>

	</body>
	</html> These are all the images that were used in the website:

Capture

Thursday, 17 February 2011

Website production

No comments:

Post a Comment