alexvas123

// HTML //

<article class="text">
<div class="tabs">
<div class="tab">
<input type="radio" name="css-tabs" id="tab-1" checked class="tab-switch">
<label for="tab-1" class="tab-label">Рекорд</label>
<div class="tab-content">
<img src="img/album6.jpg" alt="альбом By the Way">
<p>Альбом By the Way был выпущен в июле 2002 г. Он вышел на первое место в хит-парадах Британии, Швейцарии, Австрии, Швеции и Новой Зеландии, на второе &#8211; в США и во Франции.</p>

alexvas123

function heightDetect() {
		$('.main-head').css('height', $(window).height());
	}
	heightDetect();
	$(window).resize(function () {
		heightDetect();
	});
	
	// HTML
	

alexvas123

<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1835.337 -1038.834 41.000061 41.000192" height="41" width="41"><path d="M-1796.025-1018.334c0 10.39-8.422 18.812-18.812 18.812s-18.812-8.422-18.812-18.812 8.423-18.812 18.813-18.812c10.39 0 18.812 8.423 18.812 18.812zm-29.38 12.09l8.086-24.237 5.393 24.237 8.086-24.238m.04-.025h3.166m-28.392 24.25h3.61m3.536-10.19h7.61" fill="none" stroke="#7F3A7B" stroke-width="2.376" stroke-linecap="round" stroke-linejoin="round"/></svg>

alexvas123

// SLIDE CONTENT

$('.buttons > img').on('click', function() {
		var title = $(this).attr('data-title');
		var name = $(this).attr('data-show');
		var file = name + '.html';
		$('.screen').children().fadeOut(300, function() {
			$('.screen').load(file);
			$('.serial-title').empty().removeClass('abfab downton blackbooks blackadder office fools').append(title).addClass(name);
		});