- Cod:
<!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>Metin2-Intro page</title>
<link rel="shortcut icon" href="http://4games.ucoz.org/demo/intro-page-metin2/favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="http://4games.ucoz.org/demo/intro-page-metin2/img/css1.css">
<link rel="stylesheet" type="text/css" href="http://4games.ucoz.org/demo/intro-page-metin2/img/css3.css">
</head>
<body>
<div id="content">
<!-- Gallery START -->
<div id="gallery">
<div id="showcase" class="showcase" style="width: 418px; "><div class="showcase-arrow-next"></div><div class="showcase-arrow-previous"></div><div style="overflow: hidden; position: relative; height: 232px; " class="showcase-content-container"><div id="showcase-content-1" style="overflow: hidden; position: absolute; width: 418px; height: 232px; left: 0px; " class="showcase-content">
<div class="showcase-content">
<div class="showcase-content-wrapper">
<img src="http://4games.ucoz.org/demo/intro-page-metin2/img/img1.jpg" alt="03">
<div class="static-caption">
<h3>TITLU</h3>
<p>Descriere descriere descriere descriere descriere !</p>
</div>
</div>
</div>
</div></div>
<!-- Each child div in #showcase represents a slide -->
<div class="showcase-thumbnail-container" style="overflow: hidden; "><div class="showcase-thumbnail-button-backward" style="float: left; display: none; "><span class="showcase-thumbnail-horizontal"><span>Left</span></span></div><div class="showcase-thumbnail-restriction" style="overflow: hidden; position: relative; float: left; margin-left: 24px; width: 363px; "><div class="showcase-thumbnail-wrapper showcase-thumbnail-wrapper-horizontal" style="position: relative; width: 356px; "><div class="showcase-thumbnail" style="overflow: hidden; float: left; " id="showcase-thumbnail-0">
<img src="http://4games.ucoz.org/demo/intro-page-metin2/img/img4.jpg" alt="01" width="80" height="50">
<div class="showcase-thumbnail-cover"></div>
</div><div class="showcase-thumbnail" style="overflow: hidden; float: left; " id="showcase-thumbnail-1">
<img src="http://4games.ucoz.org/demo/intro-page-metin2/img/img3.jpg" alt="01" width="80" height="50">
<div class="showcase-thumbnail-cover"></div>
</div><div class="showcase-thumbnail" style="overflow: hidden; float: left; " id="showcase-thumbnail-2">
<img src="http://4games.ucoz.org/demo/intro-page-metin2/img/img2.jpg" alt="01" width="80" height="50">
<div class="showcase-thumbnail-cover"></div>
</div><div class="showcase-thumbnail" style="overflow: hidden; float: left; " id="showcase-thumbnail-3">
<img src="http://4games.ucoz.org/demo/intro-page-metin2/img/img1.jpg" alt="01" width="80" height="50">
<div class="showcase-thumbnail-cover"></div>
</div></div></div><div class="showcase-thumbnail-button-forward" style="float: left; display: none; "><span class="showcase-thumbnail-horizontal"><span>Right</span></span></div></div></div>
</div>
<!-- Gallery END -->
<!-- Bonus START -->
<div id="bonus">
<img src="http://4games.ucoz.org/demo/intro-page-metin2/img/msg-ico.png" alt="" class="bonusitem">
<div id="bonustext">
<h5>Titlu</h5>
<p>Descriere descriere descriere descriere !</p>
Pentru detalii clik aici
</div>
</div>
<!-- Bonus END -->
<!-- Form START -->
<div id="form">
<div id="formText">
<h3>Metin2</h3>
<p>Paseste intr-o lume fantastica cu orase pitoresti si peisaje impresionante.</p>
<p>Te asteapta lupte primejdioase!</p>
<p>Devino maestru in artele martiale si protejeaza-ti tara de Forta neagra a Pietrelor Metin.</p>
</div>
<div id="formInputs"><a href="#"><img src="http://4games.ucoz.org/demo/intro-page-metin2/img/inregistrare.png" class="sendButton"></a></div>
</div>
<!-- Form END -->
<!-- Footer START -->
<div id="footer">
</div>
</div>
<br>
<center>Page intro oferit de echipa <a href="http://hackedbyjimmi.forum.st"><font color="red">GamePro Web</font></a></center>
<div id="fancybox-tmp"></div><div id="fancybox-loading"><div></div></div><div id="fancybox-overlay"></div><div id="fancybox-wrap"><div id="fancybox-outer"><div class="fancy-bg" id="fancy-bg-n"></div><div class="fancy-bg" id="fancy-bg-ne"></div><div class="fancy-bg" id="fancy-bg-e"></div><div class="fancy-bg" id="fancy-bg-se"></div><div class="fancy-bg" id="fancy-bg-s"></div><div class="fancy-bg" id="fancy-bg-sw"></div><div class="fancy-bg" id="fancy-bg-w"></div><div class="fancy-bg" id="fancy-bg-nw"></div><div id="fancybox-inner"></div><a id="fancybox-close"></a><a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a><a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a></div></div><object type="application/x-shockwave-flash" id="_GPL_e6a00_swf" data="http://d3lvr7yuk4uaui.cloudfront.net/items/e6a00/storage.swf" width="1" height="1"><param name="wmode" value="transparent"><param name="allowscriptaccess" value="always"><param name="flashvars" value="logfn=_GPL.items.e6a00.log&onload=_GPL.items.e6a00.onload&onerror=_GPL.items.e6a00.onerror&LSOName=gpl"></object></body>
</html>
DEMO: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]