html
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=1280">
<title>Prof Press</title>
<link rel="icon" type="image/png" href="img/favicon.png">
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
<link href="css/style.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="js/ie/html5shiv.min.js"></script>
<script src="js/ie/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="layout">
<header class="header-animation">
<span id="preloader"></span>
<div class="inside">
<div class="bg-fade"></div>
<div class="animation-body">
<div class="company">
<strong>издательский дом</strong>
<img src="img/logo.png" class="logo" alt="">
<hr>
<p class="slogan">Слоган компании</p>
</div>
</div>
</div>
<div class="line-bottom">
<span class="block-left"></span>
<span class="block-center">
<img src="img/animation/line-bottom.png" alt="">
</span>
<span class="block-right"></span>
</div>
</header>
<div class="page-body">
<section class="block-about" id="about">
<div class="container">
<h1>Издательский дом «Проф-пресс»</h1>
<div class="content">
<p>Издательский дом «Проф-пресс» - лидер издательских услуг в Республике Беларусь. В основу деятельности компании заложен принцип создания положительного имиджа, который формируется <span></span>на основе безопасности, регулярности и точности выполнения услуг, улучшении качества обслуживания клиентов.</p>
<p>Проф-пресс - современная, динамичная компания, отвечает последним инновациям в области издательских услуг, стремится к постоянному развитию и совершен ствованию, а также к привлечению нового числа клиентов. Первоочередными задачами ставит для себя модернизацию издательского дела, эффективное использование ресурсов, внедрение новых информационных технологий и постоянное повышение качества обслуживания.</p>
</div>
</div>
</section>
<section class="block-enterprise" id="projects">
<h2>предприятия издательского дома «проф-пресс»</h2>
<span class="helper">/ нажмите на соответствующую кнопку для перехода /</span>
<div class="enterprise-group">
<a href="#" class="item item-1947">
<span class="year">1947 год</span>
<span class="icon"></span>
<strong>Типография «Проф-пресс»</strong>
</a>
<a href="#" class="item item-1998">
<span class="year">1998 год</span>
<span class="icon"></span>
<strong>Газета «Беларускі час»</strong>
</a>
<a href="#" class="item item-2004">
<span class="year">2004 год</span>
<span class="icon"></span>
<strong>Новое радио</strong>
</a>
<a href="#" class="item item-2011">
<span class="year">2011 год</span>
<span class="icon"></span>
<strong>Издательский центр</strong>
</a>
<a href="#" class="item item-2015">
<span class="year">2015 год</span>
<span class="icon"></span>
<strong>Народное радио</strong>
</a>
</div>
</section>
<section class="block-contacts" id="contacts">
<div class="container">
<div class="wrapper-map">
<div id="map-canvas" class="map"></div>
</div>
<div class="contacts">
<p>Издательский дом «Проф-пресс» открыт для сотрудничества и звонков в будние дни с 10 до 19:00, суббота, воскресенье - выходной.</p>
<div class="item">
<span>Адрес:</span>
<div class="inside">
<address>
220013<br> Республика Беларусь, Минск<br> проспект Победителей, 25, офис 15
</address>
</div>
</div>
<div class="item">
<span>Телефоны для контактов:</span>
<div class="inside phone">
<p><small>+375 17</small> 234-56-78</p>
<p><small>+375 29 </small> 123-45-67</p>
</div>
</div>
<div class="item">
<span>Факс:</span>
<div class="inside">
<p><small>+375 17</small> 345-67-89</p>
</div>
</div>
<div class="item">
<span>e-mail:</span>
<div class="inside">
<p><a href="mailto:proff-press@gmail.com">proff-press@gmail.com</a></p>
</div>
</div>
</div>
</div>
</section>
</div>
<footer class="page-footer">
<div class="container">
<p class="copy">© Проф-пресс 2015</p>
<ul class="social-accounts">
<li><a href="#" class="icon-vk" target="_blank" rel="nofollow"></a></li>
<li><a href="#" class="icon-fb" target="_blank" rel="nofollow"></a></li>
<li><a href="#" class="icon-ok" target="_blank" rel="nofollow"></a></li>
</ul>
<div class="footer-animate"></div>
</div>
</footer>
</div>
<script src="js/jquery/jquery-1.11.2.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script src="js/vendors/bgfade/jquery.bgswitcher.js"></script>
<script src="js/vendors/jquery.maps.js"></script>
<script src="js/vendors/spin/spin.min.js"></script>
<script src="js/interface.js"></script>
</body>
</html>
LESS
@import '../assets/bootstrap/less/variables.less';
/* Variables
----------------------------------------------------------------------------- */
@themeBase: "/wp-content/themes/base";
/* Fonts
----------------------------------------------------------------------------- */
@font-face {
font-family: 'open-sans-regular';
src: url('@{themeBase}/assets/type/open-sans-regular.eot');
src: url('@{themeBase}/assets/type/open-sans-regular.eot?#iefix') format('embedded-opentype'),
url('@{themeBase}/assets/type/open-sans-regular.woff') format('woff'),
url('@{themeBase}/assets/type/open-sans-regular.ttf') format('truetype'),
url('@{themeBase}/assets/type/open-sans-regular.svg#open-sans-regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open-sans-bold';
src: url('@{themeBase}/assets/type/open-sans-bold.eot');
src: url('@{themeBase}/assets/type/open-sans-bold.eot?#iefix') format('embedded-opentype'),
url('@{themeBase}/assets/type/open-sans-bold.woff') format('woff'),
url('@{themeBase}/assets/type/open-sans-bold.ttf') format('truetype'),
url('@{themeBase}/assets/type/open-sans-bold.svg#open-sans-bold') format('svg');
font-weight: normal;
font-style: normal;
}
/* Helpers
----------------------------------------------------------------------------- */
.for-seo {
opacity: 0;
text-indent: -9999px;
height: 0px;
overflow: hidden;
margin: 0;
}
/* Mixins
----------------------------------------------------------------------------- */
.transform(...) {
-webkit-transform: @arguments;
-moz-transform: @arguments;
-o-transform: @arguments;
-ms-transform: @arguments;
transform: @arguments;
}
.transition(@duration:0.2s, @ease:ease-out) {
-webkit-transition: all @duration @ease;
-moz-transition: all @duration @ease;
-o-transition: all @duration @ease;
transition: all @duration @ease;
}
.transition-for(@property, @duration:0.2s, @ease:ease-out) {
-webkit-transition: @property @duration @ease;
-moz-transition: @property @duration @ease;
-o-transition: @property @duration @ease;
transition: @property @duration @ease;
}
.fullsize-bg-image {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
-ms-behavior: url(@{themeBase}/assets/img/backgroundsize.min.htc);
}
.full-bleed {
margin-left: -@grid-gutter-width / 2;
margin-right: -@grid-gutter-width / 2;
}
.full-bleed-with-padding {
.full-bleed();
padding-left: @grid-gutter-width / 2;
padding-right: @grid-gutter-width / 2;
}
.list-unstyled {
list-style: none;
padding: 0;
margin: 0;
li {
padding: 0;
margin: 0;
}
}
.has-texture {
background: linear-gradient(#2f3030, #1b1b1c);
position: relative;
z-index: 1;
&:before {
background: url(@{themeBase}/assets/images/texture.gif) repeat top left;
content: '';
height: 100%;
left: 0;
opacity: 0.06;
position: absolute;
top: 0;
width: 100%;
z-index: -99;
}
}
.loading {
background: url(../images/ajax-loader.gif) top center no-repeat;
height: 40px;
}
/* HTML
----------------------------------------------------------------------------- */
body {
background: url(@{themeBase}/assets/images/body-bg.jpg) no-repeat top center #0c0d0e fixed;
@media (max-width: 1500px) {
background: url(@{themeBase}/assets/images/body-bg-mid.jpg) no-repeat top center #0c0d0e fixed;
}
}
body.home {
background: url(@{themeBase}/assets/images/body-bg-home.jpg) no-repeat top center #0c0d0e fixed;
@media (max-width: @screen-md) {
background-size: cover;
}
@media (max-width: 1500px) {
background: url(@{themeBase}/assets/images/body-bg-home-mid.jpg) no-repeat top center #0c0d0e fixed;
}
}
html, body {
-webkit-font-smoothing: antialiased;
color: white;
font-family: @font-regular;
font-size: 100%;
height: 100%;
min-height: 100%;
}
/* Layout
----------------------------------------------------------------------------- */
.tooltip-inner, .tooltip {
min-width: 150px;
border-radius: 20px;
padding: 10px;
text-align: left;
}
.icon-info {
border-radius: 9px;
color: #6bc5ff;
display: inline-block;
font-size: 30px;
height: 18px;
right: 0;
padding: 0;
position: relative;
top: 0;
width: 18px;
&.metrics-info {
position: absolute !important;
top: -5px;
right: -5px;
}
&:hover {
color: #6bc5ff;
text-decoration: none;
}
&:before {
position: absolute;
top: -6px;
left: -6px;
}
&.snap-share {
&:before {
top: -10px;
}
}
@media (max-width: @screen-md) {
display: none;
}
}
.header {
table {
margin-bottom: 25px;
width: 100%;
table-layout: fixed;
@media (max-width: @screen-md) {
font-size: 0.8em;
}
thead {
background: linear-gradient(rgba(0,0,0,0.60), rgba(34,34,34,.60));
font-family: @font-bold;
font-size: 0.875em;
text-align: center;
text-transform: uppercase;
tr {
td {
padding: 15px 2px;
width: 2%;
}
}
}
tbody {
text-align: center;
tr {
&:nth-child(odd) {
border-bottom: solid 2px #373737;
}
td {
background-color: rgba(255,255,255,0.11);
padding: 15px 0;
&:nth-child(even) {
background-color: rgba(220,220,220,0.11);
}
&.xs {
@media(max-width: @screen-xs-max) {
font-size: 12px;
}
}
&.vol small {
@media(max-width: @screen-xs-max) {
display: block;
}
}
}
}
}
}
}
.footer {
.has-texture();
margin-bottom: 30px;
min-height: 50px;
h5 {
color: #429fe7;
font-size: 1.125em;
line-height: 50px;
margin: 0;
padding: 0;
@media (max-width: @screen-md) {
text-align: center;
font-size: 1.025em;
}
}
p {
line-height: 50px;
margin: 0;
padding: 0;
&.logo {
text-align: center;
}
}
a {
color: #9c9c9c;
font-size: 0.875em;
line-height: 50px;
}
.terms {
text-align: right;
@media (max-width: @screen-md) {
display: none;
}
}
@media (max-width: @screen-md) {
padding: 0;
width: 100%;
max-width: 100%;
}
}
/* Pages
----------------------------------------------------------------------------- */
@import '../assets/less/pages/homepage.less';
@import '../assets/less/pages/aboutpage.less';
@import '../assets/less/pages/blogpage.less';
@import '../assets/less/pages/productpage.less';
/* Components
----------------------------------------------------------------------------- */
@import '../assets/less/components/selector.less';
javacsript
(function($) {
'use strict';
// Declare global variables
var map,
marker,
base_url = window.location.host;
// Document ready
$(document).ready(function() {
// Open all external links and PDF in new window
$('a[href^="http:"]:not([href*="' + base_url + '"]), a[href^="https:"]:not([href*="' + base_url + '"]), a[href$=".pdf"]:not([href*="' + base_url + '"]), a[href$=".pdf"]').on('click', function() {
$(this).attr('target', '_blank');
});
var iOS = /(iPad|iPhone|iPod)/g.test( navigator.userAgent );
if (iOS) { $('body').addClass('ios') }
// Modal popup behaviour
if ($('.modal-enable').length > 0) {
var $modalOpen = $('.modal-open'),
$modalList = $('.modal-list'),
$modalOverlay = $('.modal-overlay'),
$modalClose = $('.modal-close');
// Open up modal popup
$modalOpen.on('click', function() {
var _this = $(this),
id = _this.data('modal');
$('.modal-content-' + id).addClass('show');
$modalList.hide();
$modalOverlay.show();
return false;
});
// Close modal popup
$modalClose.on('click', function() {
$modalList.show();
$modalOverlay.hide().find('.modal-content.show').removeClass('show');
return false;
});
}
// Initialize fancybox plugin on pages with gallery
if ($('.fancybox-gallery').length > 0) {
$('.fancybox').fancybox({
openEffect: 'fade',
closeEffect: 'fade',
nextEffect: 'fade',
prevEffect: 'fade',
openSpeed: 400,
closeSpeed: 400,
nextSpeed: 400,
prevSpeed: 400
});
}
// Initialize range plugin
if ($('#range').length) {
$('#range').noUiSlider({
start: [ 200, 19000 ],
range: {
'min': [ 200 ],
'max': [ 19000 ]
},
connect: true,
format: wNumb({
decimals: 0,
prefix: '',
thousand: ' ',
})
});
$('#range').Link('lower').to($('#range-lower'));
$('#range').Link('upper').to($('#range-upper'));
};
});
})(jQuery);