You are on page 1of 11

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.

01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="generator" content="Web Page Maker (unregistered version)">
<style type="text/css">
/*----------Text Styles----------*/
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: Arial,Helvetica,Sans-Serif;font-style: norma
l;font-weight: normal;}
/*----------Para Styles----------*/
DIV,UL,OL /* Left */
{
margin-top: 0px;
margin-bottom: 0px;
}
</style>
<script language="JavaScript1.4" type="text/javascript">
<!--
function jsPlay(soundobj) {
var thissound= eval("document."+soundobj);
try {
thissound.Play();
}
catch (e) {
thissound.DoPlay();
}
}
//-->
</script>
<script language="javascript" type="text/javascript">
<!--
function MM_swapImgRestore() {
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x
.oSrc;
}
function MM_preloadImages() {
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++
)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) {
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length)
{
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[
i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].docume
nt);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() {
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.l
ength-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.s
rc; x.src=a[i+2];}
}
//-->
</script>
</head>
<body>
<div id="image1" style="position:absolute; overflow:hidden; left:0px; top:0px; w
idth:1024px; height:80px; z-index:0"><img src="images/head005.jpg" alt="" title=
"" border=0 width=1024 height=80></div>
<div id="nav10d" style="position:absolute; left:0px; top:49px; z-index:1"><a onM
ouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav10','','images/nav56
249680a.gif',1)" href="index.html"><img name="nav10" onLoad="MM_preloadImages('i
mages/nav56249680a.gif')" alt="" border=0 src="images/nav56249680i.gif"></a></di
v>
<div id="nav11d" style="position:absolute; left:259px; top:49px; z-index:1"><a o
nMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav11','','images/nav
56249681a.gif',1)" href="page2.html"><img name="nav11" onLoad="MM_preloadImages(
'images/nav56249681a.gif')" alt="" border=0 src="images/nav56249681i.gif"></a></
div>
<div id="nav12d" style="position:absolute; left:518px; top:49px; z-index:1"><a o
nMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav12','','images/nav
56249682a.gif',1)" href="page3.html"><img name="nav12" onLoad="MM_preloadImages(
'images/nav56249682a.gif')" alt="" border=0 src="images/nav56249682i.gif"></a></
div>
<div id="nav13d" style="position:absolute; left:777px; top:49px; z-index:1"><a o
nMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav13','','images/nav
56249683a.gif',1)" href="page4.html"><img name="nav13" onLoad="MM_preloadImages(
'images/nav56249683a.gif')" alt="" border=0 src="images/nav56249683i.gif"></a></
div>
<div id="art1" style="position:absolute; overflow:hidden; left:437px; top:100px;
width:245px; height:50px; z-index:2"><img border=0 alt="FRIENDS MEDIA" src="ima
ges/art5920062.gif"></div>
<div id="text1" style="position:absolute; overflow:hidden; left:0px; top:160px;
width:357px; height:146px; z-index:3">
<div class="wpmd">
<div><font color="#008000" face="Courier New" class="ws20"><B><I>&nbsp; FRIENDS
AUDIOS</I></B></font></div>
<div><font color="#008000" face="Courier New" class="ws20"><B><I><BR></I></B></f
ont></div>
<div><font color="#008000" face="Courier New" class="ws20"><B><I>&nbsp; FRIENDS
VIDEOS</I></B></font></div>
<div><font color="#008000" face="Courier New" class="ws20"><B><I>&nbsp;&nbsp;&nb
sp;&nbsp; ONLY ON</I></B></font></div>
<div><font color="#008000" face="Courier New" class="ws12"><BR></font></div>
<div><font face="Courier New" class="ws12"><BR></font></div>
</div></div>
<div id="art2" style="position:absolute; overflow:hidden; left:25px; top:278px;
width:245px; height:50px; z-index:4"><img border=0 alt="FRIENDS MEDIA" src="imag
es/art6093906.gif"></div>
<div id="text2" style="position:absolute; overflow:hidden; left:319px; top:191px
; width:251px; height:199px; z-index:5">
<div class="wpmd">
<div><font face="Cataneo BT" class="ws14"><B>&nbsp; </B></font><font face="Catan
eo BT" class="ws14"><B><U><I>THE SITE</U></I></B></font></div>
<div><font face="Cataneo BT" class="ws14">The home page is a good spot to let vi
sitors know the purpose of this web site. The home page gives visitors an impres
sion of your site's style.</font></div>
</div></div>
<div id="text3" style="position:absolute; overflow:hidden; left:623px; top:185px
; width:220px; height:212px; z-index:6">
<div class="wpmd">
<div><font face="Cataneo BT" class="ws14"><B><U><I>About Us</U></I></B></font></
div>
<div><font face="Cataneo BT" class="ws14">Lorem ipsum dolor sit amet consectetue
r adipiscing elit. Vivamus sed lorem eget nibh viverra molestie. Donec tempus ne
que eleifend mauris.</font></div>
<div><font face="Cataneo BT" class="ws14"><BR></font></div>
<div><font face="Cataneo BT" class="ws14"><BR></font></div>
<div><font face="Cataneo BT" class="ws14"><BR></font></div>
<div><font face="Cataneo BT" class="ws14"><BR></font></div>
</div></div>
<div id="text4" style="position:absolute; overflow:hidden; left:619px; top:398px
; width:222px; height:227px; z-index:7">
<div class="wpmd">
<div><font face="Cataneo BT" class="ws14"><B><U><I>News and Events</U></I></B></
font></div>
<div><font face="Cataneo BT" class="ws14">Lorem ipsum dolor sit amet consectetue
r adipiscing elit. Vivamus sed lorem eget nibh viverra molestie. Donec tempus ne
que eleifend mauris.</font></div>
</div></div>
<div id="text5" style="position:absolute; overflow:hidden; left:318px; top:400px
; width:256px; height:186px; z-index:8">
<div class="wpmd">
<div><font face="Cataneo BT" class="ws14"><B><U><I>What We Do</U></I></B></font>
</div>
<div><font face="Cataneo BT" class="ws14">Lorem ipsum dolor sit amet consectetue
r adipiscing elit. Vivamus sed lorem eget nibh viverra molestie. Donec tempus ne
que eleifend mauris</font></div>
</div></div>
<div id="image2" style="position:absolute; overflow:hidden; left:0px; top:377px;
width:143px; height:107px; z-index:9"><img src="images/images(8).jpg" alt="" ti
tle="" border=0 width=143 height=107></div>
<div id="image3" style="position:absolute; overflow:hidden; left:164px; top:379p
x; width:113px; height:113px; z-index:10"><img src="images/images(19).jpg" alt="
" title="" border=0 width=113 height=113></div>
<div id="image4" style="position:absolute; overflow:hidden; left:0px; top:515px;
width:100px; height:122px; z-index:11"><img src="images/images(5).jpg" alt="" t
itle="" border=0 width=100 height=122></div>
<div id="image5" style="position:absolute; overflow:hidden; left:160px; top:526p
x; width:111px; height:111px; z-index:12"><img src="images/images(3).jpg" alt=""
title="" border=0 width=111 height=111></div>
<div id="image6" style="position:absolute; overflow:hidden; left:937px; top:187p
x; width:72px; height:133px; z-index:13"><img src="images/images(15).jpg" alt=""
title="" border=0 width=72 height=133></div>
<div id="image7" style="position:absolute; overflow:hidden; left:11px; top:680px
; width:118px; height:133px; z-index:14"><img src="images/images(9).jpg" alt=""
title="" border=0 width=118 height=133></div>
<div id="image8" style="position:absolute; overflow:hidden; left:154px; top:681p
x; width:127px; height:127px; z-index:15"><img src="images/images(19)1.jpg" alt=
"" title="" border=0 width=127 height=127></div>
<div id="image9" style="position:absolute; overflow:hidden; left:13px; top:843px
; width:124px; height:124px; z-index:16"><img src="images/images(17).jpg" alt=""
title="" border=0 width=124 height=124></div>
<div id="image10" style="position:absolute; overflow:hidden; left:171px; top:855
px; width:112px; height:112px; z-index:17"><img src="images/images(14).jpg" alt=
"" title="" border=0 width=112 height=112></div>
<div id="image11" style="position:absolute; overflow:hidden; left:900px; top:341
px; width:106px; height:72px; z-index:18"><img src="images/images(18).jpg" alt="
" title="" border=0 width=106 height=72></div>
<div id="image12" style="position:absolute; overflow:hidden; left:903px; top:424
px; width:104px; height:104px; z-index:19"><img src="images/images(9)1.jpg" alt=
"" title="" border=0 width=104 height=104></div>
<div id="image13" style="position:absolute; overflow:hidden; left:909px; top:534
px; width:100px; height:109px; z-index:20"><img src="images/images(2).jpg" alt="
" title="" border=0 width=100 height=109></div>
<div id="image14" style="position:absolute; overflow:hidden; left:896px; top:665
px; width:115px; height:124px; z-index:21"><img src="images/images(7).jpg" alt="
" title="" border=0 width=115 height=124></div>
<div id="image15" style="position:absolute; overflow:hidden; left:899px; top:803
px; width:111px; height:111px; z-index:22"><img src="images/images(8)1.jpg" alt=
"" title="" border=0 width=111 height=111></div>
<div id="image16" style="position:absolute; overflow:hidden; left:621px; top:670
px; width:143px; height:191px; z-index:23"><img src="images/Image004.jpg" alt=""
title="" border=0 width=143 height=191></div>
<div id="image17" style="position:absolute; overflow:hidden; left:388px; top:668
px; width:145px; height:193px; z-index:24"><img src="images/Mobile City (64).jpg
" alt="" title="" border=0 width=145 height=193></div>
<div id="image18" style="position:absolute; overflow:hidden; left:621px; top:895
px; width:147px; height:193px; z-index:25"><img src="images/i.jpeg" alt="" title
="" border=0 width=147 height=193></div>
<div id="image19" style="position:absolute; overflow:hidden; left:387px; top:893
px; width:147px; height:194px; z-index:26"><img src="images/GOKUL (110).jpg" alt
="" title="" border=0 width=147 height=194></div>
<script LANGUAGE="JavaScript">
<!--
// image src
var trailsrc = "images/js10582015.gif";
var nDots = 7;
var Xbpos = 0;
var Ybpos = 0;
// fixed time step, no relation to real time
var DELTAT = .01;
// size of one spring in pixels
var SEGLEN = 10;
// spring constant, stiffness of springs
var SPRINGK = 10;
// all the physics is bogus, just picked stuff to make it look okay
var MASS = 1;
// Positive XGRAVITY pulls right, negative pulls left
// Positive YGRAVITY pulls down, negative up
var XGRAVITY = 0;
var YGRAVITY = 50;
// RESISTANCE determines a slowing force proportional to velocity
var RESISTANCE = 10;
// stopping criterea to prevent endless jittering
// doesn't work when sitting on bottom since floor
// doesn't push back so acceleration always as big
// as gravity
var STOPVEL = 0.1;
var STOPACC = 0.1;
var DOTSIZE = 11;
// BOUNCE is percent of velocity retained when
// bouncing off a wall
var BOUNCE = 0.75;
var ff=(document.getElementById&&!document.all);
var ns=(document.layers);
var ie=(document.all);
// always on for now, could be played with to
// let dots fall to botton, get thrown, etc.
var followmouse = true;
var dots = new Array();
function init()
{
var i = 0;
for (i = 0; i < nDots; i++) {
dots[i] = new dot(i);
}
// set their positions
for (i = 0; i < nDots; i++) {
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;
}
setTimeout("startanimate()", 10);
}
function dot(i)
{
this.X = Xbpos;
this.Y = Ybpos;
this.dx = 0;
this.dy = 0;
if (ns){
document.write("<layer id=\"mtrail"+ i +"\" ><img src='"+trailsrc+"' b
order=\"0\"><\/layer>");
} else if (ie||ff) {
if (i == 0) {
document.write("<div id=\"mtrail"+ i +"\" style=\"POSITION: absolute;z
-index:999;VISIBILITY: hidden;\"><img src='"+trailsrc+"' border=\"0\"><\/div>");
} else {
document.write("<div id=\"mtrail"+ i +"\" style=\"POSITION: absolute;
z-index:999;\"><img src='"+trailsrc+"' border=\"0\"><\/div>");
}
}
if (ie)
{
this.obj = eval("mtrail" + i + ".style");
} else if (ff)
{
this.obj = document.getElementById("mtrail" + i).style;
}
else
{
this.obj = eval("document.mtrail" + i);
}
}
function startanimate() {
setInterval("animate()", 20);
}
// just save mouse position for animate() to use
function MoveHandler(e)
{
if (ie) {
Xbpos = window.event.clientX + document.body.scrollLeft;
Ybpos = window.event.clientY + document.body.scrollTop;
}
else {
Xbpos = e.pageX;
Ybpos = e.pageY;
}
}
function vec(X, Y)
{
this.X = X;
this.Y = Y;
}
// adds force in X and Y to spring for dot[i] on dot[j]
function springForce(i, j, spring)
{
var dx = (dots[i].X - dots[j].X);
var dy = (dots[i].Y - dots[j].Y);
var len = Math.sqrt(dx*dx + dy*dy);
if (len > SEGLEN) {
var springF = SPRINGK * (len - SEGLEN);
spring.X += (dx / len) * springF;
spring.Y += (dy / len) * springF;
}
}

function animate() {
// dots[0] follows the mouse,
// though no dot is drawn there
var start = 0;
if (followmouse) {
dots[0].X = Xbpos;
dots[0].Y = Ybpos;
start = 1;
}
for (i = start ; i < nDots; i++ ) {
var spring = new vec(0, 0);
if (i > 0) {
springForce(i-1, i, spring);
}
if (i < (nDots - 1)) {
springForce(i+1, i, spring);
}
// air resisitance/friction
var resist = new vec(-dots[i].dx * RESISTANCE,
-dots[i].dy * RESISTANCE);
// compute new accel, including gravity
var accel = new vec((spring.X + resist.X)/MASS + XGRAVITY,
(spring.Y + resist.Y)/ MASS + YGRAVITY);
// compute new velocity
dots[i].dx += (DELTAT * accel.X);
dots[i].dy += (DELTAT * accel.Y);
// stop dead so it doesn't jitter when nearly still
if (Math.abs(dots[i].dx) < STOPVEL &&
Math.abs(dots[i].dy) < STOPVEL &&
Math.abs(accel.X) < STOPACC &&
Math.abs(accel.Y) < STOPACC) {
dots[i].dx = 0;
dots[i].dy = 0;
}
// move to new position
dots[i].X += dots[i].dx;
dots[i].Y += dots[i].dy;
// get size of window
var height, width;
if (!ie) {
height = window.innerHeight + window.pageYOffset;
width = window.innerWidth + window.pageXOffset;
} else {
height = document.body.clientHeight + document.body.scrollTop;
width = document.body.clientWidth + document.body.scrollLeft;
}
// bounce off 3 walls (leave ceiling open)
if (dots[i].Y >= height - DOTSIZE - 1) {
if (dots[i].dy > 0) {
dots[i].dy = BOUNCE * -dots[i].dy;
}
dots[i].Y = height - DOTSIZE - 1;
}
if (dots[i].X >= width - DOTSIZE) {
if (dots[i].dx > 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = width - DOTSIZE - 1;
}
if (dots[i].X < 0) {
if (dots[i].dx < 0) {
dots[i].dx = BOUNCE * -dots[i].dx;
}
dots[i].X = 0;
}
// move img to new position
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;
}
}
init();
if(ns)window.captureEvents(Event.MOUSEMOVE);
document.onmousemove = MoveHandler;
-->
</script>
<div style="position:absolute; top:0; left:438; z-index:28">
<script language="JavaScript1.2">
//configure message
message="WELCOME"
//animate text in NS6? (0 will turn it off)
ns6switch=1
var ns6=document.getElementById&&!document.all
mes=new Array();
mes[0]=-1;
mes[1]=-4;
mes[2]=-7;
mes[3]=-10;
mes[4]=-7;
mes[5]=-4;
mes[6]=-1;
num=0;
num2=0;
txt="";
function jump0(){
if (ns6&&!ns6switch){
jump.innerHTML=message
return
}
if(message.length > 6){
for(i=0; i != message.length;i++){
txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</spa
n>"};
jump.innerHTML=txt;
txt="";
jump1a()
}
else{
//alert("Your message is too short. 7 characters at least!")
}
}
function jump1a(){
nfinal=(document.getElementById)? document.getElementById("n0") : document.all.n
0
nfinal.style.left=-num2;
if(num2 != 9){
num2=num2+3;
setTimeout("jump1a()",50)
}
else{
jump1b()
}
}
function jump1b(){
nfinal.style.left=-num2;
if(num2 != 0){num2=num2-3;
setTimeout("jump1b()",50)
}
else{
jump2()
}
}
function jump2(){
txt="";
for(i=0;i != message.length;i++){
if(i+num > -1 && i+num < 7){
txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+
"</span>"
}
else{txt=txt+"<span>"+message.charAt(i)+"</span>"}
}
jump.innerHTML=txt;
txt="";
if(num != (-message.length)){
num--;
setTimeout("jump2()",50)}
else{num=0;
setTimeout("jump0()",50)}
}
</script>
<font face="Verdana" size=6 color=#FF0000><div id="jumpx"></div></font>
<script>
if (document.all||document.getElementById){
jump=(document.getElementById)? document.getElementById("jumpx") : document.all.
jumpx
jump0()
}
</script>
</div>
<script type="text/javascript">
// This JavaScript code can be freely redistributed
// as long as this copyright notice is keept unchanged.
// This code is used on AS-IS basis and
// you use it on your own risk. Author of this code
// is not responsible for any damage that this
// code may make.
//
// JS Snow v0.2
// finished on 11-10-1999 23:04 in Zagreb, Croatia.
// modified on 06-12-2005 11:20 in Zagreb, Croatia.
//
// Copyright 1999,2005 Altan d.o.o.
// http://www.altan.hr/snow/index.html
// E-mail: snow@altan.hr
var no = 10; // snow number
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX:
10"+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src=\"images/js115
63625.gif\" border=\"0\"></div>");
}
function snow() {
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top = yp[i];
document.getElementById("dot"+i).style.left = xp[i] + am[i]*Math.sin(dx[i]
);
}
setTimeout("snow()", 20);
}
snow();
</script>
<div style="position:absolute;left:0;top:1098px;z-index:999"><a href="http://www
.webpage-maker.com"><img border=0 src="images/wpmhome.gif" alt="Web Page Maker,
create your own web pages."</a></div>
</body>
</html>