-
Notifications
You must be signed in to change notification settings - Fork 0
/
details.html
138 lines (127 loc) · 7.62 KB
/
details.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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BS.PC - канал о технологиях</title>
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@500&family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/modern-normalize/0.6.0/modern-normalize.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css"/>
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<header>
<div class="container">
<nav class="header-navigation">
<a href="https://www.youtube.com/channel/UCeSsJnKEVHf43IzAB4KBo6A" class="main-logo">BS.<span class="main-logo-last"> PC</span></a>
<ul class="social-links pages">
<li class="pages-links">
<a href="index.html" class="title">Главная</a>
</li>
<li class="pages-links">
<a href="#" class="title current">Детальнее</a>
</li>
</ul>
<ul class="social-links">
<li class="header">
<a href="https://www.instagram.com/bluescreen_pc/" class="header-link">
<svg class="item-icon instagram">
<use href="./images/sprite.svg#icon-instagram"></use>
</svg>
Instagram
</a>
</li>
<li class="header">
<a href="https://www.youtube.com/channel/UCeSsJnKEVHf43IzAB4KBo6A" class="header-link">
<svg class="item-icon youtube">
<use href="./images/sprite.svg#icon-iconmonstr-youtube-6"></use>
</svg>
YouTube
</a>
</li>
</ul>
</nav>
</div>
</header>
<main>
<h1 class="details">Детальнее</h1>
<ul class="computers container">
<li class="computers-capabilities">
<div class="scene scene--card">
<div class="card">
<div class="card__face phenom"></div>
<p class="card__face card__face--back">Самый лучший компьютер в своем ценевом сегменте</p>
</div>
</div>
<div class="computers-direction">
<h2 class="computer-title">Игровой компьютер</h2>
<p class="computer-specification">Несмотря на старенькие комплектующие, ПК предоставляет возможность играть в современные игры с приедлимым временем кадров</p>
</div>
</li>
<li class="computers-capabilities">
<div class="scene scene--card">
<div class="card">
<div class="card__face gamingpc"></div>
<p class="card__face card__face--back">Крутой, миниластичный и современный компьютер</p>
</div>
</div>
<div class="computers-direction">
<h2 class="computer-title">Cовременный ПК</h2>
<p class="computer-specification">Этот компьютер позволит ощютить всю красоту современных AAA-проектов. Открой для себя новые горизонты и покори новые вершины в современных играх</p>
</div>
</li>
<li class="computers-capabilities">
<div class="scene scene--card">
<div class="card">
<div class="card__face tabletpc"></div>
<p class="card__face card__face--back">Лучший планшетный ПК среди конкурентов. Работай, играй, смотри фильмы где тебе удобно</p>
</div>
</div>
<div class="computers-direction">
<h2 class="computer-title">Планшет Dell</h2>
<p class="computer-specification">Бредовая и всемирно известная компания Dell как всегда радует пользователей качесвенной продукцией. Почувствуй всю мощь современных планшетных ПК и продемонтсрируй на что ты способен!</p>
</div>
</li>
<li class="computers-capabilities">
<div class="scene scene--card">
<div class="card">
<div class="card__face tablet-gaming"></div>
<p class="card__face card__face--back">Почему начальный Ryzen производительней <br> FX-8300</p>
</div>
</div>
<div class="computers-direction">
<h2 class="computer-title">Ryzen 3-1200 VS FX-8300</h2>
<p class="computer-specification">Как думаешь, новый Ryzen 3-1200 <br> (4 core) окажется быстрее легендарного FX-8300 (8 core) в играх? Давай разберемся вместе. <br> Уверен тесты тебя удивят</p>
</div>
</li>
<li class="computers-capabilities">
<div class="scene scene--card">
<div class="card">
<div class="card__face mytab-garda"></div>
<p class="card__face card__face--back">Возможен ли gaming на планшете? Вымисел или реальность? STALKER, Gothic 3, Skyrim</p>
</div>
</div>
<div class="computers-direction">
<h2 class="computer-title">Игровой компьютер</h2>
<p class="computer-specification">Несмотря на старенькие комплектующие, ПК предоставляет возможность играть в современные игры</p>
</div>
</li>
<li class="computers-capabilities">
<div class="scene scene--card">
<div class="card">
<div class="card__face laptop"></div>
<p class="card__face card__face--back">Самый лучший компьютер в своем ценевом сегменте</p>
</div>
</div>
<div class="computers-direction">
<h2 class="computer-title">Игровой компьютер</h2>
<p class="computer-specification">Несмотря на старенькие комплектующие, ПК предоставляет возможность играть в современные игры</p>
</div>
</li>
</ul>
</main>
<footer>
<p lang="en" class="container last-word">have fun with techno-blog <br>Blue Screen Pc</p>
</footer>
</body>
</html>