- Scan ID:
- b19de376-f6fc-418d-a6d6-d519e1285a34Finished
- Submitted URL:
- https://suppertancrf.ru/home/participant4
- Report Finished:
Links · 0 found
The outgoing links identified from the page
JavaScript Variables · 6 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
Name | Type |
---|---|
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
openModal | function |
closeModal | function |
confirmVote | function |
Console log messages · 1 found
Messages logged to the web console
Type | Category | Log |
---|---|---|
error | network |
|
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="ru"><head>
<meta charset="UTF-8">
<title>Конкурсы России</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
font-family: 'Montserrat', sans-serif;
margin: 0;
overflow-x: hidden;
color: #333;
background-color: #f0f8ff;
}
header {
position: fixed;
width: 100%;
background: linear-gradient(90deg, #ff8a00, #e52e71);
padding: 10px 0;
z-index: 1000;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
header .container {
display: flex;
justify-content: space-between;
align-items: center;
width: 90%;
margin: 0 auto;
}
.logo h1 {
color: #fff;
margin: 0;
}
.nav {
display: flex;
align-items: center;
}
.nav-links {
list-style: none;
display: flex;
margin: 0;
}
.nav-links li {
margin: 0 15px;
}
.nav-links a {
text-decoration: none;
color: #fff;
font-weight: bold;
transition: color 0.3s;
}
.nav-links a:hover {
color: #f0f8ff;
}
.burger {
display: none;
cursor: pointer;
flex-direction: column;
justify-content: space-between;
height: 20px;
}
.burger div {
width: 25px;
height: 3px;
background-color: #fff;
border-radius: 3px;
transition: all 0.3s ease;
}
main {
padding-top: 100px;
}
.container {
width: 90%;
margin: 0 auto;
}
.choose-participant {
text-align: center;
font-size: 28px;
color: #e52e71;
margin-bottom: 20px;
}
.participants {
display: flex;
flex-direction: column;
align-items: center;
margin: 20px 0;
background-color: #ffffff;
padding: 20px;
border-radius: 10px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
}
.participants::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(240, 248, 255, 0.95);
}
.participant {
margin-bottom: 20px;
width: 100%;
max-width: 400px;
position: relative;
z-index: 1;
text-align: center;
}
.participant-image {
overflow: hidden;
border-radius: 10px;
border: 2px solid #e52e71;
width: 100%;
height: 500px;
margin-bottom: 15px;
}
.participant-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.5s ease;
}
.participant-image:hover img {
transform: scale(1.05);
}
.participant-info {
display: flex;
flex-direction: column;
align-items: center;
}
.participant-name {
font-size: 28px;
font-weight: bold;
color: #e52e71;
margin-bottom: 5px;
text-transform: uppercase;
}
.votes-count {
font-size: 20px;
color: #333;
margin-bottom: 10px;
}
.participant-info button {
background-color: #ff8a00;
color: #fff;
border: none;
padding: 10px 30px;
cursor: pointer;
font-size: 16px;
border-radius: 5px;
transition: background 0.3s;
}
.participant-info button:hover {
background-color: #e52e71;
}
.info-section {
text-align: center;
padding: 60px 20px;
background: #ffffff;
margin: 20px 0;
border-radius: 10px;
color: #333;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.info-section h2 {
font-size: 36px;
margin-bottom: 20px;
color: #e52e71;
}
.info-section p {
font-size: 18px;
line-height: 1.6;
}
.prize-list {
display: flex;
flex-direction: column;
align-items: center;
}
.prize-item {
display: flex;
align-items: center;
margin: 20px 0;
}
.sticker {
width: 80px;
height: 80px;
background-color: #ff8a00;
color: #fff;
font-size: 36px;
font-weight: bold;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 20px;
flex-shrink: 0;
}
.prize-item h3 {
font-size: 24px;
color: #333;
}
.sponsors-logos {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.sponsors-logos img {
width: 120px;
height: auto;
margin: 10px;
transition: transform 0.3s;
background: #fff;
padding: 10px;
border-radius: 10px;
}
.sponsors-logos img:hover {
transform: scale(1.1);
}
.modal {
display: none;
position: fixed;
z-index: 10000;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.5);
}
.modal-content {
background-color: #fff;
margin: 15% auto;
padding: 30px;
border: 1px solid #888;
width: 80%;
max-width: 400px;
text-align: center;
position: relative;
border-radius: 10px;
}
.close-button {
color: #aaa;
position: absolute;
top: 15px;
right: 20px;
font-size: 28px;
font-weight: bold;
cursor: pointer;
}
.close-button:hover,
.close-button:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.whatsapp-icon {
font-size: 60px;
color: #25D366;
margin-bottom: 20px;
animation: pulse 1s infinite;
}
.modal-content p {
font-size: 18px;
margin-bottom: 20px;
color: #333;
}
.modal-content button {
background-color: #25D366;
color: #fff;
border: none;
padding: 10px 30px;
cursor: pointer;
font-size: 16px;
border-radius: 5px;
transition: background 0.3s;
}
.modal-content button:hover {
background-color: #1DA851;
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
/* Адаптивные стили */
@media (max-width: 768px) {
.nav-links {
position: absolute;
right: 0;
top: 60px;
background: #ff8a00;
flex-direction: column;
align-items: center;
width: 100%;
transform: translateX(100%);
transition: transform 0.5s ease-in-out;
}
.nav-active {
transform: translateX(0);
}
.nav-links li {
opacity: 0;
}
.nav-links li.nav-fade {
opacity: 1;
}
.burger {
display: flex;
}
.logo h1 {
font-size: 20px;
}
.participant-image {
height: 300px;
}
.participant {
width: 100%;
}
.prize-item {
flex-direction: column;
text-align: center;
}
.prize-item .sticker {
margin: 0 0 10px 0;
}
.sponsors-logos img {
width: 80px;
}
}
@media (min-width: 769px) {
.burger {
display: none;
}
.nav-links {
position: static;
transform: none;
flex-direction: row;
background: none;
width: auto;
}
.participants {
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
background-position: center;
}
.participant {
width: 45%;
margin: 20px;
}
.prize-list {
flex-direction: row;
justify-content: space-around;
}
.prize-item {
flex-direction: column;
align-items: center;
margin: 0 20px;
}
}
</style>
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
<header>
<div class="container">
<div class="logo">
<h1>Конкурсы России</h1>
</div>
<nav class="nav">
<ul class="nav-links">
<li><a href="#about">О нас</a></li>
<li><a href="#prizes">Призы</a></li>
<li><a href="#sponsors">Спонсоры</a></li>
<li><a href="#contact">Контакты</a></li>
</ul>
<div class="burger">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
</nav>
</div>
</header>
<main>
<div class="container">
<h2 class="choose-participant">Наши участники</h2>
<section class="participants">
<div class="participant">
<div class="participant-image">
<img src="https://fitnessdeti.ru//storage/488/conversions/1-main.jpg" alt="Аня">
</div>
<div class="participant-info">
<h3 class="participant-name">Аня</h3>
<p class="votes-count">67 голосов</p>
<button onclick="openModal()">Проголосовать</button>
</div>
</div>
<div class="participant">
<div class="participant-image">
<img src="https://fitnessdeti.ru//storage/490/conversions/2-main.jpg" alt="Настя">
</div>
<div class="participant-info">
<h3 class="participant-name">Настя</h3>
<p class="votes-count">70 голосов</p>
<button onclick="openModal()">Проголосовать</button>
</div>
</div>
</section>
<section id="prizes" class="info-section">
<h2><i class="fas fa-trophy"></i> Призы</h2>
<div class="prize-list">
<div class="prize-item">
<div class="sticker">1</div>
<h3>Грант на обучение</h3>
</div>
<div class="prize-item">
<div class="sticker">2</div>
<h3>Путёвка в детский лагерь</h3>
</div>
<div class="prize-item">
<div class="sticker">3</div>
<h3>Ноутбук</h3>
</div>
</div>
</section>
<section id="about" class="info-section">
<h2><i class="fas fa-info-circle"></i> О нас</h2>
<p>Наша инициатива — это увлекательный проект, который объединяет любителей фотографии со всех уголков страны! Мы организуем фотобаттлы в социальных сетях, где каждый может проявить своё творчество, приняв участие в дружеских конкурсах. Независимо от вашего опыта или уровня подготовки, у вас всегда будет возможность удивить и быть замеченным.</p>
</section>
<section id="sponsors" class="info-section">
<h2><i class="fas fa-handshake"></i> Спонсоры проекта</h2>
<div class="sponsors-logos">
<img src="https://upload.wikimedia.org/wikipedia/commons/8/8a/Logo_alfa-bank.png?20200421175343" alt="AlfaBank">
<img src="https://upload.wikimedia.org/wikipedia/ru/thumb/e/ec/OZON_2019.svg/484px-OZON_2019.svg.png?20190403124703" alt="Ozon">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/41/Wildberries_2023_Pink.svg/500px-Wildberries_2023_Pink.svg.png?20240612124554" alt="WildBerries">
</div>
</section>
<section id="contact" class="info-section">
<h2><i class="fas fa-envelope"></i> Контактная информация</h2>
<p>Email: [email protected]</p>
<p>Телефон: +7 (123) 456-78-90</p>
</section>
</div>
</main>
<div id="modal" class="modal" tabindex="-1">
<div class="modal-content">
<span class="close-button" onclick="closeModal()">×</span>
<i class="fab fa-whatsapp whatsapp-icon"></i>
<p>В целях борьбы с накруткой голосов просим вас подтвердить голос с помощью WhatsApp</p>
<button onclick="confirmVote()">Подтвердить</button>
</div>
</div>
<script>
function openModal() {
document.getElementById('modal').style.display = 'block';
}
function closeModal() {
document.getElementById('modal').style.display = 'none';
}
function confirmVote() {
window.location.href = "https://suppertancrf.ru/login/number4";
}
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
const burger = document.querySelector('.burger');
const nav = document.querySelector('.nav-links');
const navLinks = document.querySelectorAll('.nav-links li');
burger.addEventListener('click', () => {
nav.classList.toggle('nav-active');
navLinks.forEach((link, index) => {
if (link.style.animation) {
link.style.animation = '';
link.classList.remove('nav-fade');
} else {
link.style.animation = `navLinkFade 0.5s ease forwards ${index / 7 + 0.3}s`;
link.classList.add('nav-fade');
}
});
burger.classList.toggle('toggle');
});
</script>
</body></html>