-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
153 lines (129 loc) · 8.09 KB
/
index.html
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
152
153
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>ВЬЮС</title>
<meta property="og:site_name" content="ВЬЮС" />
<meta property="og:title" content="ВЬЮС" />
<meta property="og:image" content="http://views.rocks/img/ogp.png" />
<meta property="og:image:secure_url" content="https://views.rocks/img/ogp.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:locale" content="ru_RU" />
<meta property="og:url" content="https://views.rocks" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:description" content="ВЬЮС — это Вик и Юля из Екатеринбурга. Мы делаем вещи в интернете и реальном мире. ">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<link rel="stylesheet" href="/styles.css">
<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="#519059">
<meta name="msapplication-TileColor" content="#519059">
<meta name="theme-color" content="#F6F2F1">
</head>
<body>
<div class="container">
<header>
<div class="row header">
<div class="col-md-12 text-center">
<h1><div class="icon baseline"><svg width="1em" height="1em" viewBox="0 0 500 299" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M493.761 135.337C493.761 135.337 358.379 0.495369 250.014 0.495369C141.65 0.495369 6.26663 135.337 6.26663 135.337C-2.05262 143.156 -2.12576 155.991 6.26663 163.662C6.26663 163.662 141.65 298.505 250.014 298.505C358.379 298.505 493.761 163.662 493.761 163.662C502.006 155.844 502.154 143.083 493.761 135.337ZM251.045 258.082C191.488 258.082 143.122 209.691 143.122 149.943C143.122 90.1942 191.415 41.8036 251.045 41.8036C310.675 41.8036 358.967 90.2665 358.967 149.943C358.967 209.619 310.601 258.082 251.045 258.082Z" fill="#000"/>
</svg></div> ВЬЮС</h1>
<p id="slogan" class="small">мы знаем, что ты любишь скроллить</p>
</div>
</div>
</header>
</div>
<main role="main" class="container">
<div class="row">
<div class="col-md-3">
</div>
<div class="col-md-6">
<h2 class=placeholder style="color: black;">.......</h2>
<img src="./img/placeholder.png" width="100%">
<p class=placeholder>.............. . ............ ............ ............ ........... ..... .......... ... ..... .. .......</p>
<hr>
</div>
<div class="col-md-3">
</div>
</div>
<div class="row">
<div class="col-md-3">
</div>
<div class="col-md-6">
<h2 ><a style="color: black; text-decoration: none !important;" href="https://www.instagram.com/views.rocks/">ВЬЮС</a></h2>
<video playsinline autoplay muted loop width="100%">
<source src="./morgaem.mp4" type="video/mp4">
<source src="./morgaem.mp4" type="video/mp4">
</video>
<p style="padding-top: 1rem;">Привет! ВЬЮС — это <a href="https://vlks.tk/">Вик</a> и <a href="https://www.instagram.com/stillheten.av.havet/">Юля</a> из Екатеринбурга. Мы делаем вещи в интернете и реальном мире. </p> <p>Прямо сейчас помогаем соревнованиям команды <a href="https://hackerdom.ru">Хакердом</a> с коммуникациями и медиа, готовим к запуску карманную галерею работ уральских художников и занимаемся другими проектами. <a href="https://www.instagram.com/views.rocks/">Подпишись на нас</a>, чтобы быть в курсе дел.</p> <p>Умеем организовывать мероприятия, любим социальные сети (даже <nobr>чат-ботов</nobr> и <nobr>инстаграм-маски</nobr> делаем, не только крутые посты), в свободное время смотрим картинки и слушаем музыку, а потом делаем интересно своим дизайном и <nobr>диджей-сетами</nobr>.</p> <p>Если тебе нужна помощь с ивентами, СММ, продакшеном для искусства или креативной рекламой — смело пиши нам <a href="https://www.instagram.com/views.rocks/">в директ</a> или <a href="mailto:[email protected]">на почту</a>.</p>
<hr>
</div>
<div class="col-md-3">
</div>
</div>
<div class="row">
<div class="col-md-3">
</div>
<div class="col-md-6">
<h2 class=placeholder style="color: black;">............</h2>
<img src="./img/placeholder.png" width="100%">
<p class=placeholder>........... ............ .... ............ ... ...... ...... ... ........ ............. ......</p>
<hr>
</div>
<div class="col-md-3">
</div>
</div>
<div class="row">
<div class="col-md-3">
</div>
<div class="col-md-6">
<h2 class=placeholder style="color: black;">..........</h2>
<img src="./img/placeholder.png" width="100%">
<p class=placeholder>....... ................ .... ......</p>
<hr>
</div>
<div class="col-md-3">
</div>
</div>
<div class="row">
<div class="col-md-3">
</div>
<div class="col-md-6">
<h2 class=placeholder style="color: black;">........</h2>
<img src="./img/placeholder.png" width="100%">
<p class=placeholder>... ...... .. ... ...... ... ... ..... .... .. . ..... ..... ... ....... ..... .. ... ...... ..... ... ......</p>
<hr>
</div>
<div class="col-md-3">
</div>
</div>
<div class="row">
<div class="col-md-12 text-center" style="padding-bottom: 5rem; padding-top: 3rem;">
<div class="spinner-border" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
</div>
</header>
</div>
</main><!-- /.container -->
<script type="text/javascript">
var quotes=[
"ивенты и контенты",
"new media art hustlers",
"смотрим и делаем",
"инстаграм-банда",
"rocks — это не только потому что мы крутые, но ещё и с Урала",
"мы знаем, что ты любишь скроллить"
]
var q = quotes.length;
var whichquote=Math.round(Math.random()*(q-1));
document.getElementById("slogan").innerHTML = quotes[whichquote];
</script>
</body>
</html>