Get free game
2 years ago in CSS
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="ico.png" type="image/x-icon">
<title>Получить бесплатно ключ стим!</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<head>
<style>
body {
background-color:white;
}
</style>
<style>
.border12 {
border: solid 5px @border;
transition: border-width 0.6s linear;
}
.border12:hover { border-width: 10px; }
</style>
<style>
p::selection {
color: white; /* Цвет текста */
background: #FF9700; /* Цвет фона */
}
ins::selection {
color: white; /* Цвет текста */
background: #FF9700; /* Цвет фона */
}
h1::selection {
color: white; /* Цвет текста */
background: #FF9700; /* Цвет фона */
}
h2::selection {
color: white; /* Цвет текста */
background: #FF9700; /* Цвет фона */
}
h3::selection {
color: white; /* Цвет текста */
background: #FF9700; /* Цвет фона */
}
h4::selection {
color: white; /* Цвет текста */
background: #FF9700; /* Цвет фона */
}
h5::selection {
color: white; /* Цвет текста */
background: #FF9700; /* Цвет фона */
}
span::selection {
color: white; /* Цвет текста */
background: #FF9700; /* Цвет фона */
}
div::selection {
color: white; /* Цвет текста */
background: #FF9700; /* Цвет фона */
}
a::selection {
color: white; /* Цвет текста */
background: #FF9700; /* Цвет фона */
}
</style>
<style>
.card {
box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.2);
padding: 16px;
text-align: center;
background-color: white;
}
.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius: .25rem;
}
</style>
<style>
.myButton {
box-shadow: 3px 10px 14px -7px #276873;
background-color:#599bb3;
border-radius:15px;
border:1px solid #29668f;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:13px;
font-weight:bold;
padding:19px 76px;
text-decoration:none;
text-shadow:0px 2px 2px #3d768a;
}
.myButton:hover {
background-color:#408c99;
}
.myButton:active {
position:relative;
top:1px;
}
</style>
<style>
body {font-family: Arial, Helvetica, sans-serif;}
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
}
/* The Close Button */
.close {
color: white;
background-color:#da6a20;
width:40px;
height:40px;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
</style>
<style type="text/css">
.classname {
-moz-box-shadow:inset 0px 0px 8px 0px #9acc85;
-webkit-box-shadow:inset 0px 0px 8px 0px #9acc85;
box-shadow:inset 0px 0px 8px 0px #9acc85;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b) );
background:-moz-linear-gradient( center top, #74ad5a 5%, #68a54b 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b');
background-color:#74ad5a;
-webkit-border-top-left-radius:14px;
-moz-border-radius-topleft:14px;
border-top-left-radius:14px;
-webkit-border-top-right-radius:14px;
-moz-border-radius-topright:14px;
border-top-right-radius:14px;
-webkit-border-bottom-right-radius:14px;
-moz-border-radius-bottomright:14px;
border-bottom-right-radius:14px;
-webkit-border-bottom-left-radius:14px;
-moz-border-radius-bottomleft:14px;
border-bottom-left-radius:14px;
text-indent:0;
border:2px solid #3b6e22;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:20px;
font-weight:bold;
font-style:normal;
height:100px;
line-height:100px;
width:200px;
text-decoration:none;
text-align:center;
}.classname:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a) );
background:-moz-linear-gradient( center top, #68a54b 5%, #74ad5a 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a');
background-color:#68a54b;
}.classname:active {
position:relative;
top:1px;
}</style>
<script>
function getNumber() {
var minNumber = 100; // The minimum number you want
var maxNumber = 600; // The maximum number you want
var randomnumber = Math.floor(Math.random() * (maxNumber + 1) + minNumber);
document.getElementById("myNumber").innerHTML = randomnumber;
var minNumber = 100; // The minimum number you want
var maxNumber = 800; // The maximum number you want
var randomnumber = Math.floor(Math.random() * (maxNumber + 1) + minNumber);
document.getElementById("myNumber1").innerHTML = randomnumber;
// Sets content of <div> to number
return false;
}
window.onload = getNumber;
</script>
</head>
<div style="
background-color: #e6fffc;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
padding: 19px 18px 21px 21px;
">
<p>
<img src="ico.png" href="#" style="cursor:pointer;" width="" height="100">
<p href="#" style="font-size:25px;font-family:cursive;color:green;cursor:pointer;">Бесплатные ключи стим на халяву! </p>
</p>
</div>
<p></p>
<div style="padding: 13px;border: 9px solid white;text-align: center;font-size: 18px;margin: 10px 0 15px;0;">
<!-- start gtav -->
<div class="card" style="background-image:url(https://wallpaperaccess.com/full/908958.jpg);">
<p style="font-size:65px;text-shadow:5px 5px 8px #000000;color:white;">GTA V</p>
<center>
<img style="bottom:center;" src="https://www.igta5.com/images/official-artwork-trio-2.jpg" class="img-fluid" alt="Responsive image" width="800" height="600">
</center>
<p></p>
<p style="color:white;">Grand Theft Auto V (сокр. GTA V) — мультиплатформенная компьютерная игра в жанре action-adventure с открытым миром, разработанная компанией Rockstar North и изданная компанией Rockstar Games. Изначально игра была выпущена для игровых консолей PlayStation 3 и Xbox 360 в 2013 году, в 2014 году переиздана для PlayStation 4 и Xbox One, а в 2015 году — для персональных компьютеров под управлением Windows. Является пятнадцатой по счёту игрой серии Grand Theft Auto и следующей крупной игрой после Grand Theft Auto IV, выпущенной в 2008 году[5]. В России и СНГ издателем Grand Theft Auto V выступает компания 1С-СофтКлаб.
Действие игры происходит в вымышленном штате Сан-Андреас, прообразом которого послужила Южная Калифорния. Сюжет в однопользовательском режиме строится вокруг приключений троих грабителей, устраивающих всё более дерзкие ограбления и противостоящих как организованной преступности, так и правоохранительным ведомствам. В процессе игры игрок управляет выбранным персонажем в режиме от первого или от третьего лица; персонаж может свободно передвигаться по обширному миру игры как пешком, так и на автомобилях и других видах транспорта. Особенностью Grand Theft Auto V по сравнению с другими играми серии является возможность переключаться между персонажами в любой момент, как во время выполнения заданий, так и вне их. Многие задания игры связаны с ограблениями и угоном автомобилей; при этом игровой персонаж может участвовать в перестрелках и погонях. Grand Theft Auto Online представляет собой встроенный многопользовательский онлайн-режим, поддерживающий до 30 игроков одновременно — для них предлагаются как кооперативные, так и соревновательные задания.
</p>
<p></p>
<button id="myBtn" class="myButton">Получить</button>
<div id="myModal" class="modal">
<div class="modal-content">
<span class="close">&times;</span>
<center>
<img src="https://cdn.worldvectorlogo.com/logos/grand-theft-auto-v.svg" width="100" height="100">
<p>Получить игру здесь</p>
<p></p>
<script>
function ge() {
var x = document.getElementById("1");
if (x.innerHTML === "Продолжить") {
x.innerHTML = "Продолжить";
} else {
x.innerHTML = "Ожидание...";
document.getElementById('2').style.display = "block";
}
}
function down() {
document.getElementById('3').style.display = "block";
window.open('https://www.youtube.com/channel/UCWmFwn42LMEtGV0NIC_aXCg','_blank')
const hide = () => {
const z = document.getElementById('jopa')
z.onclick = () => {
y.style.display='none'
}
}
}
</script>
<p style="font-size:20px;background-color:#F9C32A;">E9SDB-P9EHE-*****</p>
<button onclick="ge()" id="1" class="myButton">Продолжить </button>
<p></p>
<div id="2" style="display:none;" >
<p>Нужно сделать 3 задания и вы получите часть ключа!</p>
<p></p>
<div style="border: solid;">
<p style="font-size:25px;">Подписатся на группу в вк</p>
<button onclick=" window.open('https://vk.com/bitcoinfermfree','_blank')" class="classname">Выполнить</button>
<p></p>
</div>
<p></p>
<div style="border: solid;">
<p style="font-size:25px;">Добавить в друзья</p>
<button onclick=" window.open('https://vk.com/mekakovich','_blank')" class="classname">Выполнить</button>
<p></p>
</div>
<p></p>
<div style="border: solid;">
<p style="font-size:25px;">Подписатся на канал</p>
<button id="jopa" onclick="down()" class="classname">Выполнить</button>
<p></p>
</div>
</div>
<div id="3" style="display:none;" >
<p></p>
<p>Скачать ключ, ссылка активна 20 минут!</p>
<button onclick=" window.open('https://linkee.ml/1.php?id=bunt10','_blank')" class="myButton">Перейти к скачиванию</button>
<p></p>
<p style="color:red;">Бывает что ключ не подходит, возможно что такой же ключ попался ещё кому то и он активировал уже!</p>
</div>
</div>
</center>
<p></p>
</div>
<script>
// Get the modal
var modal = document.getElementById("myModal");
// Get the button that opens the modal
var btn = document.getElementById("myBtn");
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];
// When the user clicks the button, open the modal
btn.onclick = function() {
modal.style.display = "block";
}
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
modal.style.display = "none";
}
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
</script>
<p></p>
<div class="card" style=" border-radius: 25px;">
<p>
Характеристики:
ОС: Windows 7 64-bit и более новые.
Процессор: Intel Core i5-3470 (4 ядра) с 3,2 ГГц или AMD X8 FX-8350 (8 ядер) с 4 ГГц.
Оперативная память: 8 GB.
Видеокарта: NVIDIA GTX 660 или AMD HD7870 с 2 ГБ (DX 10 и выше).
Место на диске: 72 GB.
Звуковая карта: с поддержкой DX 10.
</p>
</div>
<p></p>
<div class="card" style=" border-radius: 25px;">
<p>
Разработчик: Rockstar Games, Rockstar North, MORE
</p>
</div>
<p></p>
<div class="card" style=" border-radius: 25px;">
<p>
Жанр: Открытый мир, Экшен
</p>
</div>
</div>
<!-- end gtav -->
</div>