@extends('layouts.app')

@section('content')
    <!-- center column -->
    <div class="col-2">
        <div class="two-boxes">
            <div class="two-boxes-top">
                <div class="two-boxes-bottom">
                    <div class="box">
                        <h2>Metin2</h2>
                        <div class="body"><p>Bine ai venit la Metin2!</p>
                            <p>Paseste intr-o lume fantastica cu orase pitoresti si peisaje impresionante.</p><p>
                            </p><p>Te asteapta lupte primejdioase!</p><p>
                            </p><p>Devino maestru in artele martiale si protejeaza-ti tara de Forta neagra a Pietrelor Metin.</p></div>
                    </div>
                    <div class="box box-right">
                        <h2>Trailer</h2>
                        <div class="video">
                            <object wmode="opaque" width="221" height="131">
                                <param name="wmode" value="opaque">
                                <param name="movie" value="{{ asset('img/movies/videoPlayer.swf') }}">
                                <param name="allowFullScreen" value="true">
                                <embed src="{{ asset('img/movies/videoPlayer.swf') }}" type="application/x-shockwave-flash" allowfullscreen="true" wmode="opaque" width="221" height="131">
                            </object>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="content banner">
            <div class="content-bg">
                <div class="content-bg-bottom">
                <a href="{{ url('teaser/dc') }}" target="_blank"><img src="{{ asset('img/banner/ro/dcbanner.jpg') }}" width="480px" /></a></div>
            </div>
        </div>
        <div class="shadow"> </div>

        <div class="content">
            <div class="content-bg">
                <div class="content-bg-bottom">
                    <h2>Screenshots</h2>
                    <div id="screenshots">
                        <a class="first" title="Captura 1" href="/img/screenshots/mmorpg-fantasy-metin2-screenshot01.jpg"><img alt="Captura 1" src="/img/screenshots/thumbs/mmorpg-fantasy-metin2-thumb01.jpg" width="100" height="75" /></a>
                        <a title="Captura 2" href="/img/screenshots/mmorpg-fantasy-metin2-screenshot02.jpg"><img alt="Captura 2" src="/img/screenshots/thumbs/mmorpg-fantasy-metin2-thumb02.jpg" width="100" height="75" /></a>
                        <a title="Captura 3" href="/img/screenshots/mmorpg-fantasy-metin2-screenshot03.jpg"><img alt="Captura 3" src="/img/screenshots/thumbs/mmorpg-fantasy-metin2-thumb03.jpg" width="100" height="75" /></a>
                        <a title="Captura 4" href="/img/screenshots/mmorpg-fantasy-metin2-screenshot04.jpg"><img alt="Captura 4" src="/img/screenshots/thumbs/mmorpg-fantasy-metin2-thumb04.jpg" width="100" height="75" /></a>
                    </div>
                    <br class="clearfloat" />
                </div>
            </div>
        </div>

        <div class="shadow"></div>

        <div class="content content-last">
            <div class="content-bg">
                <div class="content-bg-bottom">
                    <h2>Metin2 - Actiunea Orientala MMORPG</h2>
                    <div class="inner-content">
                        <p>In vremuri stravechi rasuflarea Zeului Dragon veghea asupra regatelor Shinsoo, Chunjo
                            si  Jinno. Dar aceasta <strong>lume fascinanta a magiei</strong> se afla
                            in fata unui pericol imens: Impactul <strong>Pietrelor Metin</strong> care au cauzat haos
                            si distrugere pe continent si intre locuitori. Au izbucnit razboaie intre continente, animalele salbatice s-au transformat
                            in bestii terifiante. Lupta impotriva <strong>influentei negative a Pietrelor Metin</strong>
                            in postura unui <strong>aliat al Zeului Dragon</strong>. <strong>Aduna-ti toate puterile
                                si armele</strong> pentru a salva regatul.</p>

                        <h3>Caracteristici</h3>
                        <ul>
                            <li>Un continent, patruns de violenta, unde razboinici cu totul
                                si cu totul deosebiti, trebuie sa-si dovedeasca curajul
                                in nenumarate aventuri.</li>
                            <li>Trei regate care se dusmanesc intre ele, si carora, le poti pune la dispozitie forta ta
                                si curajul tau.</li>
                            <li>Poarta-ti luptele pe jos sau calare, si nu numai pentru a obtine putere
                                si proprietati, ci si din onoare!</li>
                            <li>Devino stapanul unei cetati, si, impreuna cu obstea ta, construieste propria fortareata!</li>

                            <li>Invata numeroasele stiluri de lupta si insuseste-ti, prin antrenament special, tot felul de abilitati, pentru a-ti
                                infrange inamicul!</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="shadow"> </div>
    </div>

    <script type="text/javascript">
        $(document).ready(function(){
            $("#screenshots a").overlay({
                target: '#gallery',
                expose: '#000'
            }).gallery({
                next:	'.forward',
                prev: 	'.back',
                speed: 800
            });
        });
    </script>
@endsection