TacticalShift.github.io/index.html at master · TacticalShift/TacticalShift.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html><html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta property="og:type" content="website">
	<meta property="og:url" content="https://tacticalshift.ru">
	<meta property="og:title" content="Tactical Shift | ArmA 3 Community">
	<meta property="og:description" content="Игры в стиле mil-sim.">
	<meta property="og:image" content="https://tacticalshift.ru/src/img/ts_icon_256.png">

	<title>Tactical Shift | ArmA 3 Community</title>

	<link rel="icon" href="src/img/ts_icon.png">
	<link rel="stylesheet" href="src/style.css">

	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.6/umd/popper.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script>
	<script src="src/script.js"></script>
</head><body>
	<div class="main-wrapper">
		<div class="logo jumbotron jumbotron-fluid">
	<div class="container text-center"><a href="/"><img src="src/img/ts_logo_site_black_s.png" class="img-fluid"></a></div>
</div>

<div id="collapsibleNavbar" class="row text-center bg-dark navbar-collapse thick-line">
	<div class="col-sm-2"></div>
	<a class="ts-btn col-sm-2" href="" meta-url="discord"><i class="fa fa-play-circle"></i> Ближайшая игра</a>
	<a class="ts-btn col-sm-2" href="/how_to"><i class="fa fa-question-circle"></i> Как начать играть</a>
	<a class="ts-btn col-sm-2" href="/newbie"><i class="fa fa-user-plus" aria-hidden="true"></i> Новичкам</a>
	<a class="ts-btn col-sm-2" href="/freemasonry"><i class="fa fa-users" aria-hidden="true"></i> Я уже Смешарик</a>
	<div class="col-sm-2"></div>
</div>
<br />

        <div id="retro" class="text-center">
<!--
    <a href="" meta-url="retro" target="_blank">
        <picture>
            <source media="(max-width: 768px)" srcset="src/img/retro_banner_mobile.png">
            <img src="src/img/retro_banner.png" alt="Ретроспектива"/>
        </picture>
    </a>
-->
</div>

<div id="demo" class="carousel slide text-center" data-ride="carousel">
    <!-- Indicators -->
    <ul class="carousel-indicators" width="1200px">
        <li data-target="#demo" data-slide-to="0" class="active"></li>
        <li data-target="#demo" data-slide-to="1"></li>
        <li data-target="#demo" data-slide-to="2"></li>
        <li data-target="#demo" data-slide-to="3"></li>
        <li data-target="#demo" data-slide-to="4"></li>
        <li data-target="#demo" data-slide-to="5"></li>
        <li data-target="#demo" data-slide-to="6"></li>
    </ul>

    <!-- The slideshow -->
    <div class="carousel-inner">
        <div class="carousel-item active">
            <img src="src/screens/pic1.jpg" class="tales">
            <div class="carousel-caption2 .d-inline-block carousel-text">
                <h1>Кооперативные игры в Arma 3</h1>
                <h5>С использованием тактических доктрин на основе опыта реальных армий мира</h5>
            </div>
        </div>
        <div class="carousel-item">
            <img src="src/screens/pic4.jpg" class="tales">
            <div class="carousel-caption2 .d-inline-block carousel-text">
                <h1>Играем собственные миссии</h1>
                <h5>С любовью созданные нашими участниками</h5>
            </div>
        </div>
        <div class="carousel-item">
            <img src="src/screens/pic5.jpg" class="tales">
            <div class="carousel-caption2 .d-inline-block carousel-text">
                <h1>На основе реальных событий</h1>
                <h5>Начиная с 1950-х и до наших дней</h5>
            </div>
        </div>

        <div class="carousel-item">
            <img src="src/screens/pic7.jpg" class="tales">
            <div class="carousel-caption2 .d-inline-block carousel-text">
                <h1>... и альтернативной истории</h1>
                <h5>Холодная <strike>вода</strike> война стала горячей!</h5>
            </div>
        </div>

        <div class="carousel-item">
            <img src="src/screens/pic6.jpg" class="tales">
            <div class="carousel-caption2 .d-inline-block carousel-text">
                <h1>Вариативность фракций</h1>
                <h5>Восток, Запад, партизаны всех мастей!</h5>
            </div>
        </div>

        <div class="carousel-item">
            <img src="src/screens/pic3.jpg" class="tales">
            <div class="carousel-caption2 .d-inline-block carousel-text">
                <h1>... и географии</h1>
                <h5>Европа, Ближний Восток, Азия</h5>
            </div>
        </div>

        <div class="carousel-item">
            <img src="src/screens/pic2.jpg" class="tales">
            <div class="carousel-caption2 .d-inline-block carousel-text">
                <h1>Присоединяйся сейчас!</h1>
                <p>Проводим обучение с нуля и переподготовку кадров</p>
            </div>
        </div>
    </div>

    <!-- Left and right controls -->
    <a class="carousel-control-prev" href="#demo" data-slide="prev">
        <span class="carousel-control-prev-icon"></span>
    </a>
    <a class="carousel-control-next" href="#demo" data-slide="next">
        <span class="carousel-control-next-icon"></span>
    </a>
</div>

<div class="text-center">
    <div class="container-fluid">
        <h3><small>ПРИСОЕДИНЯЙСЯ К НАМ</small></h3>
    </div>
    <div class="row">
        <div class="col-sm-4"></div>
        <a class="col-sm-1 ts-img img-ts container" href="" meta-url="teamspeak"></a>
        <a class="col-sm-1 ts-img img-discord container" href="" meta-url="discord"></a>
        <a class="col-sm-1 ts-img img-tg container" href="" meta-url="tg"></a>
        <a class="col-sm-1 ts-img img-vk container" href="" meta-url="vk"></a>
        <!--<a class="col-sm-1 ts-img img-yt container"
            href="https://www.youtube.com/channel/UCUCo9u8-z0pLinUEWzSlPmg" meta-url="youtube"></a>-->

        <div class="col-sm-4"></div>
    </div>
</div>
		<br />
		<br />
		<br />
	</div>
	<footer class="container-fluid text-center text-white bg-dark thick-line"><small>Tactical Shift © Copyright 2014-2025</small></footer>
</body>

</html>