<link rel="stylesheet" href="../style.css">
$('.main-tabs__slider a').click(function(event ) {
if($(this).hasClass('active')) {
event.preventDefault();
}
});
$("a[rel='m_PageScroll2id']").mPageScroll2id({
offset:220
});
<div class='arrow'>
<div class='next'></div>
<div class='prev'></div>
</div>
<div class='date'>
<div id='d1'>2017</div>
<div id='d2'>2016</div>
</div>
<div class='content'>
<div data-content='d1'>1</div>
<div data-content='d2'>2</div>
</div>
<div id='d1' class='date-active'>2017</div>
<div data-content='d1' class='content-active'>1</div>
function TimeCheck(){
$now = (int) (new DateTime())->format("H");
return $now < 9 || $now >= 18;
}
function WeekendCheck(){
$now = (int) (new DateTime())->format("w");
return $now === 0 || $now === 6;
}
if (WeekendCheck()){
print("Сообщение в выходной день");
} else if(TimeCheck()) {
print("Сообщение в будний день");
};
$(function() {
$('.tab').on('click', function() {
location.href = '?tab=' + $(this).attr('data-tab');
});
$('.sub').on('click', function() {
location.href = '?<?=($_GET[tab] ? "tab=$tab_slc"."&" : NULL);?>sub=' + $(this).attr('data-sub');
});
});
$tab_slc = $_GET['tab'];
$sub_slc = $_GET['sub'];
if($tab_slc OR $sub_slc)
{
if($tab_slc)
{
$query_where_array[] = "Parent=$tab_slc";
}
if($sub_slc) {
$query_where_array[] = "Services=$sub_slc";
}
$query_where = implode(" && ", $query_where_array);
}
<div class='boxes'>
<div class='line'>
<div class='box-left'>
1
</div>
<div class='box-right'>
<div class='box'>2</div>
<div class='box'>3</div>
<div class='box'>4</div>
<div class='box'>2</div>
<div class='box'>3</div>
<div class='box'>4</div>
</div>
</div>
<div class='line'>
<div class='box-right'>
<div class='box'>2</div>
<div class='box'>3</div>
<div class='box'>4</div>
<div class='box'>2</div>
<div class='box'>3</div>
<div class='box'>4</div>
</div>
<div class='box-left'>
1
</div>
</div>
</div>
.boxes, .line, .box-left, .box {
border: 1px solid #000;
margin: 2px;
}
.boxes {
display: inline-block;
}
.box-left {
height: 106px; width: 100px;
}
.box-right {
width: 176px;
}
.box {
height: 50px; width: 50px;
}
.box-left, .box-right, .box {
display: inline-block;
vertical-align: top;
}
gulp.task('styles', function() {
return gulp.src(['./scss/style.scss'])
.pipe(compass({
sass : './scss/',
css : './save/css/',
logging : false,
comments : false,
style : 'expanded',
require : ['susy']
}))
.pipe(autoprefixer('last 20 version'))
.pipe(gulp.dest('./save/css/'));
});