Code:
<!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>
<meta http-equiv="content-type"
content="text/html;charset=iso-8859-1" />
<title>New Bond Street Pawnbrokers</title>
<style type="text/css">
body{
background: #000000;
color: #ffffff;
font-family: verdana, helvetica, arial, sans-serif;
font-weight: normal;
font-size: 12px;
}
* {padding:0;margin:0;}
head+/**/body .fc:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
/* mac hide \*/
* html .fc{height:1%;}
*+html .fc{zoom:1;}
/* End hide */
.container{width:780px;margin:0 auto;}
h1 a{
background: url(images/new_logo.gif) no-repeat 10px 0;
height:40px;
font-size: 1px;
text-indent:-1000em;
text-decoration:none;
display:block;
}
.content {
float:right;
width:568px;
text-align:justify;
border: 1px solid white;
}
.content h3{color:#ffffff;font-size:12px;padding:5px 15px 10px 15px;}
.content p{padding:5px 15px 0 15px;}
.footer{
text-align:right;
padding:20px 20px 0 0;
}
.centerdiv{margin: 0 auto;text-align:center; /*center IE 5 5.5*/}
.nav{float:left;width:200px;list-style:none;}
.nav li{margin:0 0 5px 0;}
* html .nav li,* html .nav li a{height:1%;}
*+html .nav li,*+html .nav li a{zoom:1;}
.nav a:link, .nav a:visited{
display:block;
border:1px solid #ffffff;
text-decoration:none;
color: #ffffff;
padding: 0.25em;
}
.nav a:hover{
color: #666666;
border:1px solid #666666;
display:block;
}
.TextBox{color:#000000;}
.GreyText {color: #999999;}
a.text:link {font-weight: bold;color: #FFFFFF;text-decoration: none;}
a.text:hover {font-style: normal;color: #999999;}
span.subscript{font-size: 10pt; }
#active a:link, #active a:visited,
#active a:hover, #active a:active {
background: #666666 url(images/l1_over.gif) no-repeat 0% 50%;
color:#2D1E2D;
}
img.shop-image {
position: absolute;
left: 475px;
top: 215px;
}
img.threeballs {
float: right;
margin:10px 0px 10px 20px;
}
img.logo {
vertical-align: middle;
}
</style>
<script type="text/javascript">
/***********************************************
* Ultimate Fade-In Slideshow (v1.5): © Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["images/rolex_blackBG.jpg", "", ""] //plain image syntax
fadeimages[1]=["images/antique.jpg", "", ""] //image with link syntax
fadeimages[2]=["images/picasso.jpg", "", ""] //image with link and target syntax
fadeimages[3]=["images/bmw-z8.jpg", "", ""] //image with link and target syntax
var fadeimages2=new Array() //2nd array set example. Remove or add more sets as needed.
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages2[0]=["photo1.jpg", "", ""] //plain image syntax
fadeimages2[1]=["photo2.jpg", "http://www.cssdrive.com/", ""] //image with link syntax
fadeimages2[2]=["photo3.jpg", "http://www.javascriptkit.com/", "_new"] //image with link and target syntax
var fadebgcolor="black"
////NO need to edit beyond here/////////////
var fadearray=new Array() //array to cache fadeshow instances
var fadeclear=new Array() //array to cache corresponding clearinterval pointers
var dom=(document.getElementById) //modern dom browsers
var iebrowser=document.all
function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
this.pausecheck=pause
this.mouseovercheck=0
this.delay=delay
this.degree=10 //initial opacity degree (10%)
this.curimageindex=0
this.nextimageindex=1
fadearray[fadearray.length]=this
this.slideshowid=fadearray.length-1
this.canvasbase="canvas"+this.slideshowid
this.curcanvas=this.canvasbase+"_0"
if (typeof displayorder!="undefined")
theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :)
this.theimages=theimages
this.imageborder=parseInt(borderwidth)
this.postimages=new Array() //preload images
for (p=0;p<theimages.length;p++){
this.postimages[p]=new Image()
this.postimages[p].src=theimages[p][0]
}
var fadewidth=fadewidth+this.imageborder*2
var fadeheight=fadeheight+this.imageborder*2
if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);-moz-opacity:10;-khtml-opacity:10;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);-moz-opacity:10;background-color:'+fadebgcolor+'"></div></div>')
else
document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')
if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox
this.startit()
else{
this.curimageindex++
setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
}
}
function fadepic(obj){
if (obj.degree<100){
obj.degree+=10
if (obj.tempobj.filters&&obj.tempobj.filters[0]){
if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
obj.tempobj.filters[0].opacity=obj.degree
else //else if IE5.5-
obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
}
else if (obj.tempobj.style.MozOpacity)
obj.tempobj.style.MozOpacity=obj.degree/101
else if (obj.tempobj.style.KhtmlOpacity)
obj.tempobj.style.KhtmlOpacity=obj.degree/100
}
else{
clearInterval(fadeclear[obj.slideshowid])
obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
obj.populateslide(obj.tempobj, obj.nextimageindex)
obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
}
}
fadeshow.prototype.populateslide=function(picobj, picindex){
var slideHTML=""
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML+='</a>'
picobj.innerHTML=slideHTML
}
fadeshow.prototype.rotateimage=function(){
if (this.pausecheck==1) //if pause onMouseover enabled, cache object
var cacheobj=this
if (this.mouseovercheck==1)
setTimeout(function(){cacheobj.rotateimage()}, 100)
else if (iebrowser&&dom||dom){
this.resetit()
var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
crossobj.style.zIndex++
fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
}
else{
var ns4imgobj=document.images['defaultslide'+this.slideshowid]
ns4imgobj.src=this.postimages[this.curimageindex].src
}
this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
}
fadeshow.prototype.resetit=function(){
this.degree=10
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
if (crossobj.filters&&crossobj.filters[0]){
if (typeof crossobj.filters[0].opacity=="number") //if IE6+
crossobj.filters(0).opacity=this.degree
else //else if IE5.5-
crossobj.style.filter="alpha(opacity="+this.degree+")"
}
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=this.degree/101
else if (crossobj.style.KhtmlOpacity)
crossobj.style.KhtmlOpacity=obj.degree/100
}
fadeshow.prototype.startit=function(){
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
this.populateslide(crossobj, this.curimageindex)
if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
var cacheobj=this
var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
}
this.rotateimage()
}
</script>
</head>
<body>
<div class="container fc">
<h1><a href="##">New Bond Street Pawnbrokers</a></h1>
<ul class="nav">
<li id="home"><a href="index-2.html">Home</a></li>
<li id="pawnbroking"><a href="pawnbroking.html">Pawnbroking</a></li>
<li id="jewellery"><a href="jewellery.html">jewellery</a></li>
<li id="watches"><a href="watches.html">watches</a></li>
<li id="art"><a href="art.html">art</a></li>
<li id="antiques"><a href="antiques.html">antiques</a></li>
<li id="cars"><a href="cars.html">Car Loans</a></li>
</ul>
<div class="content">
<div class="centerdiv">
<script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages, 333, 250, 0, 3000, 1, "R")
</script>
</div>
<h3>LOANS AGAINST JEWELLERY, WATCHES WORKS OF ART, ANTIQUES AND CARS</h3>
<p><span class="GreyText">At New Bond Street Pawnbrokers,</span> we ensure that all loan transactions
are handled promptly, with sensitivity and care. Our expertise and understanding of diamonds and watches
spans over 40 years, which allows our clients to achieve the maximum loan on their luxury items.</p>
<p>Here at New Bond Street we have seen pawnbroking evolve into more than just asset lending. Our
clients use their luxury items for a no-fuss way to meet their short-term cash needs, surrounded by
a discreet and comfortable environment. </p>
<p>We specialise in lending £500 to £500,000 and have established ourselves as Mayfair's leading
financial service provider. </p>
<p>You can also use your luxury car to raise money through our buy back system.</p>
<p>Our pawnbroking is an instant method to raise cash against items of your jewellery, diamonds,
fine watches, cars or valuable antiques.</p>
<p>All our contracts are up to seven months with interest occurring every month from the date
the item is pledged at a rate of five percent a month.</p>
<div class="footer fc">
<img id="members" src="images/members.gif" alt="Members of the National Pawnbrokers Association" />
<img class="logo" src="images/npa_logo_small.gif" alt="National Pawnbrokers Association Logo" />
</div>
</div>
</div>
</body>
</html>
Originally Posted by T0bster
Bookmarks