[html]<link rel="stylesheet" href="http://gerda.moy.su/MyBB_files/important/rus-port.css">
<div id="port-block1" class="saled">
<a class="tip" id="cover" title="Online store of game services World of Warcraft Boost4Gamers">
<div id="icon"></div>
<img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_COVER.jpg" class="postimg">
</a>
</div>
<div id="port-block2" class="saled">
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Home Page"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_1.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Blog Home Page (Site News)"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_4.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Guestbook Page (Reviews)"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_5.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Product page - Background image instead of product picture"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_6.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Product page - Background image instead of product picture"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_7.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Product page - Background image instead of product picture"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_8.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Product page - Background image instead of product picture"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_9.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Product page - Background image instead of product picture"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_10.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Product page - Background image instead of product picture"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_11.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Product page - Background image instead of product picture"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_12.jpg" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Product page - Background image instead of product picture"><img src="http://gerda.moy.su/MyBB_files/FD/B4G/b4g_13.jpg" class="postimg"></a></section>
</div>
<style>
.punbb .topicpost .post-content .spoiler-box {
border: 1px solid #e63737;
background-color: rgba(230,55,55,0.1);
}
.punbb .post-content .spoiler-box > div:hover {background-color: rgba(230,55,55,0.6);}
.punbb .post-content .spoiler-box > div {background-color: rgba(230,55,55,0.3);}
.post-content .spoiler-box > div.visible {background-color: rgba(230,55,55,0.8); color: #fff !important;}
</style>[/html]
GRAPHICS
According to the customer's preferences, the design is decorated in light color. The design is neutral, so that the theme is not an alliance or a horde, but the site is clearly dedicated to the game World of Warcraft. In the color scheme, the style of the official Blizzard sites is observed - brightly, but unobtrusively.
The company logo was developed.
In addition to the basic headers for the site, over 40 background images for product pages were made.
Templates and pictures for goods, news and sliders are also made.LAYOUT
A template for all pages and modules of the site was developed individually from scratch.
The design feature of the online store is that instead of the standard images, a unique background is displayed on the page of each product (suitable for the product description).
The news module is designed in the style of news on the official Blizzard's game sites.SCRIPTS
All site modules are configured. The homepage has a slider for advertising goods and stocks.
Also, i developed the switching of Russian/English languages with the identification of the user's country. Switching languages is done without the help of the double-site - all on one resource.