Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[quote][align=center][img]---[/img][img]---[/img]
[size=10]Внешность[/size][/align]
[align=center][font=Century Gothic][size=16]Имя, возраст, положение.[/size]
► Общая информация
► Желаемые отношения
[/font][/align][/quote]

<!--HTML-->
<style type="text/css">
#rawrslides {
    margin: 10px 0;
    width: 600px;
    height: 700px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 15px #444;
    }

#rawrslides .left {
    -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT;
    -MOZ-TRANSITION: 0.7S ALL EASE-IN-OUT;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 300px;
    height: 700px;
    z-index: 1;
    }

#rawrslides:hover .left {
    -WEBKIT-TRANSITION: 0.8S ALL EASE-IN-OUT;
    -MOZ-TRANSITION: 0.7S ALL EASE-IN-OUT;
    left: -300px;
    box-shadow: 0 15px 15px #444;
    }

#rawrslides .right {
    -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT;
    -MOZ-TRANSITION: 0.7S ALL EASE-IN-OUT;
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 300px;
    height: 700px;
    z-index: 1;
    }

#rawrslides:hover .right {
    -WEBKIT-TRANSITION: 0.8S ALL EASE-IN-OUT;
    -MOZ-TRANSITION: 0.7S ALL EASE-IN-OUT;
    right: -300px;
    box-shadow: 0 -15px 15px #444;
    }

#rawrcontent img, #rawrcontent img {
    -WEBKIT-TRANSITION: 0.3S ALL EASE-IN-OUT;
    -MOZ-TRANSITION: 0.3S ALL EASE-IN-OUT;
    }

#rawrcontent img:hover, #rawrcontent img:active {
    -WEBKIT-TRANSITION: 0.3S ALL EASE-IN-OUT;
    -MOZ-TRANSITION: 0.3S ALL EASE-IN-OUT;
    transform: scale(1,1)!important;
    }
</style>
<center>
  <div id="rawrslides">

    <div class="left"><img src="https://i.imgur.com/LMHYsdq.png"></div>

    <div class="right"><img src="https://i.imgur.com/wyA8LAb.png"></div>

    <div id="rawrcontent" style="background: url(https://i.imgur.com/Up1A0HH.png);height: 700px;width: 600px;">

        <a href="http://cruciatuscurse.rusff.me/viewtopic.php?id=747#p61601"><img style="top: 30px;right: 175px;position: absolute;transform: scale(0.85,0.85);" src="https://i.imgur.com/EhN2tYy.png" title="сюжет"></a>

        <a href="http://cruciatuscurse.rusff.me/viewtopic.php?id=264#p14929"><img style="top: 30px;right: 135px;position: absolute;transform: scale(0.85,0.85);" src="https://i.imgur.com/VTdGYwk.png" title="хронология"></a>

        <a href="http://cruciatuscurse.rusff.me/viewtopic.php?id=746#p61592"><img style="top: 24px;right: 95px;position: absolute;transform: scale(0.85,0.85);" src="https://i.imgur.com/5Y8LUZN.png" title="гадальное зеркало"></a>


        <a href="http://cruciatuscurse.rusff.me/viewtopic.php?id=92#p264"><img style="top: 162px;left: 98px;position: absolute;transform: scale(0.85,0.85);" src="https://i.imgur.com/vvSduDh.png" title="занятые внешности"></a>

        <a href="http://cruciatuscurse.rusff.me/viewtopic.php?id=90#p262"><img style="top: 156px;left: 134px;position: absolute;transform: scale(0.85,0.85);" src="https://i.imgur.com/2G4ew4E.png" title="список волшебников"></a>

        <a href="#"><img style="top: 164px;left: 193px;position: absolute;transform: scale(0.85,0.85);" src="https://i.imgur.com/IDrdNI1.png" title="магический календарь"></a>
    
        <a href="http://cruciatuscurse.rusff.me/viewtopic.php?id=750#p61615"><img style="top: 156px;left: 230px;position: absolute;transform: scale(0.85,0.85);" src="https://i.imgur.com/Xb6nLdB.png" title="о магическом сообществе"></a>

        <a href="http://cruciatuscurse.rusff.me/viewtopic.php?id=91#p263"><img style="top: 160px;left: 268px;position: absolute;transform: scale(0.85,0.85);" src="https://i.imgur.com/ptuasyf.png" title="занятые имена и фамилии"></a>


        <a href="http://cruciatuscurse.rusff.me/viewtopic.php?id=749#p61605"><img style="top: 118px;right: 139px;position: absolute;transform: scale(0.85,0.85);" src="https://i.imgur.com/qT71Vce.png" title="требования к сотрудникам"></a>

        <a href="http://cruciatuscurse.rusff.me/viewtopic.php?id=756#p61659"><img style="top: 140px;right: 171px;position: absolute;transform: scale(0.85,0.85);" src="https://i.imgur.com/pFJHLne.png" title="занятость волшебников"></a>


        <a href="http://cruciatuscurse.rusff.me/viewtopic.php?id=752#p61628"><img style="top: 246px;left: 136px;position: absolute;transform: scale(0.9,0.9);" src="https://i.imgur.com/PrQSFOU.png" title="великобритания"></a>

        <a href="http://cruciatuscurse.rusff.me/viewtopic.php?id=71#p223"><img style="top: 258px;left: 120px;position: absolute;transform: scale(0.75,0.75)!important;" src="https://i.imgur.com/ixSrAmN.png" title="локации"></a>


        <a href="http://cruciatuscurse.rusff.me/viewtopic.php?id=752#p61630"><img style="top: 238px;left: 192px;position: absolute;transform: scale(0.9,0.9);" src="https://i.imgur.com/rggIS1T.png" title="северная америка"></a>

        <a href="#"><img style="top: 228px;left: 216px;position: absolute;transform: scale(0.75,0.75)!important;" src="https://i.imgur.com/ixSrAmN.png" title="локации"></a>


        <a href="http://cruciatuscurse.rusff.me/viewtopic.php?id=752#p61629"><img style="top: 432px;left: 92px;position: absolute;transform: scale(0.9,0.9);" src="https://i.imgur.com/5klH1PI.png" title="северо-восточная европа"></a>

        <a href="http://cruciatuscurse.rusff.me/viewtopic.php?id=71#p33506"><img style="top: 458px;left: 118px;position: absolute;transform: scale(0.75,0.75)!important;" src="https://i.imgur.com/ixSrAmN.png" title="локации"></a>


        <a href="#"><img style="top: 432px;left: 152px;position: absolute;transform: scale(0.9,0.9);" src="https://i.imgur.com/8vToWYr.png" title="юго-западная европа"></a>

        <a href="#"><img style="top: 427px;left: 179px;position: absolute;transform: scale(0.75,0.75)!important;" src="https://i.imgur.com/ixSrAmN.png" title="локации"></a>


        <a href="http://cruciatuscurse.rusff.me/viewtopic.php?id=262#p14927"><img style="top: 316px;right: 197px;position: absolute;transform: scale(0.85,0.85);" src="https://i.imgur.com/ivOdl5P.png" title="кубок школ"></a>

        <a href="http://cruciatuscurse.rusff.me/viewtopic.php?id=751#p61622"><img style="top: 286px;right: 155px;position: absolute;transform: scale(0.85,0.85);" src="https://i.imgur.com/KAHgKUN.png" title="о магических школах"></a>

        <a href="http://cruciatuscurse.rusff.me/viewtopic.php?id=277#p17041"><img style="top: 288px;right: 113px;position: absolute;transform: scale(0.85,0.85);" src="https://i.imgur.com/ElP3yI1.png" title="альманах"></a>

        <a href="http://cruciatuscurse.rusff.me/viewtopic.php?id=155#p3143"><img style="bottom: 97px; left: 160px;position: absolute;transform: scale(0.85,0.85);" src="https://i.imgur.com/ZaSrDY6.png" title="магический вестник"></a>

        <a href="http://cruciatuscurse.rusff.me/viewtopic.php?id=93#p265"><img style="bottom: 103px;left: 122px;position: absolute;transform: scale(0.85,0.85);" src="https://i.imgur.com/WUTqM0E.png" title="f.a.q."></a>

        <a href="http://cruciatuscurse.rusff.me/viewtopic.php?id=95#p267"><img style="bottom: 25px; left: 162px;position: absolute;transform: scale(0.85,0.85);" src="https://i.imgur.com/pWropVT.png" title="правила форума"></a>


        <a href="http://cruciatuscurse.rusff.me/viewtopic.php?id=753#p61637"><img style="bottom: 113px;right: 325px;position: absolute;transform: scale(0.85,0.85);" src="https://i.imgur.com/dAMAhQ4.png" title="зелья"></a>

        <a href="http://cruciatuscurse.rusff.me/viewtopic.php?id=753#p61640"><img style="bottom: 153px;right: 309px;position: absolute;transform: scale(0.85,0.85);" src="https://i.imgur.com/RMByajm.png" title="волшебные палочки"></a>

        <a href="http://cruciatuscurse.rusff.me/viewtopic.php?id=753"><img style="bottom: 193px;right: 207px; position: absolute;transform: scale(0.85,0.85);" src="https://i.imgur.com/PaSK1yH.png" title="о магии"></a>

        <a href="http://cruciatuscurse.rusff.me/viewtopic.php?id=753#p61642"><img style="bottom: 183px;right: 165px; position: absolute;transform: scale(0.85,0.85);" src="https://i.imgur.com/jRDwbfi.png" title="артефакты"></a>

        <a href="http://cruciatuscurse.rusff.me/viewtopic.php?id=753#p61634"><img style="bottom: 159px;right: 129px;position: absolute;transform: scale(0.85,0.85);" src="https://i.imgur.com/7FolU2F.png" title="магические способности"></a>

    </div>
  </div>
</center>