EVO CMS / HTML

Tiny slider

tns.zip

Слайдер для сайта

<link rel="stylesheet" href="/tns/tiny-slider.css">

<script src="/tns/tiny-slider.js"></script>

<link href="/tns/tns.css" rel="stylesheet" type="text/css" />

<script src="/tns/tns.js"></script>

Стили оформления

tns-style-round

tns-style-round2

tns-style-square

tns-style-squareround

tns-style-arrows

Не забываем про картинки в папке TNS

<div class="tns-container tns-style2">

<div class="tns">

<div class="tns-screen tns-screen1"></div>

<div class="tns-screen tns-screen2"></div>

<div class="tns-screen tns-screen3"></div>

</div>

</div>

{{HEAD}}

Заготовка HEAD

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Павел Савченков. Разработка веб-сайтов | {*pagetitle*]</title>

<meta name="viewport" content="initial-scale=1, maximum-scale=1" />

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Alumni+Sans:wght@100;200;300;400;500;600;700;800;900&family=Rubik:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">

<meta name="keywords" content='{*mykeywords*]' />
<meta name="description" content='{*mydescription*]' />
<base href="https://3fir.ru/" />

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/tiny-slider.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/min/tiny-slider.js"></script>

<link href="/preloader/preloader.css" rel="stylesheet" type="text/css" />
<script src="/preloader/preloader.js"></script>

<script src="/js/script.js"></script>

<link href="/css/fix.css" rel="stylesheet" type="text/css" />
<link href="/css/style.css" rel="stylesheet" type="text/css" />

<meta name="twitter:title" content="Павел Савченков. Разработка веб-сайтов" />
<meta name="twitter:description" content="Павел Савченков. Разработка веб-сайтов" />
<meta name="twitter:image" content="https://3fir.ru/og.jpg" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Павел Савченков. Разработка веб-сайтов" />
<meta property="og:description" content="Павел Савченков. Разработка веб-сайтов" />
<meta property="og:url" content="https://3fir.ru/[~{*id*]~]" />
<meta property="og:image" content="https://3fir.ru/og.jpg" />
<meta property="og:image:type" content="image/jpg" />
<meta property="og:image:width" content="900" />
<meta property="og:image:height" content="402" /><link rel="image_src" href="https://3fir.ru/og.jpg"/>

</head>