css-prefix-wizard-pro / index.html
nurserf's picture
header {
b5ac2bc verified
<!DOCTYPE html>
<html lang="ru">
<!-- head -->
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="google-site-verification" content="o6_4-L6HJxJfaZTC2daID_07xicaKGoQZ3lQaH0-tVk" />
<title>Animeditv - Смотреть аниме онлайн</title>
<meta name="description" content="Смотрите самые новые и популярные аниме онлайн на Animeditv Коллекция фильмов и сериалов в русской озвучке и дубляже.">
<meta name="keywords" content="аниме, аниме онлайн, смотреть аниме, аниме русская озвучка, аниме дубляж, Animeditv, Доктор Стоун, Наруто">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="style4.css">
<link rel="icon" type="image/webp" href="public img/Animedia.webp" />
<script src="https://accounts.google.com/gsi/client" async defer></script>
</head>
<!-- /head -->
<body id="my_id">
<!-- modal form -->
<div class="position_div">
<form class="container" id="login-form" method="post" action="/signin.php"
type="sumbit">
<div class="header_menu_header_close red" onclick="OpenForm()">
<ion-icon name="close-outline"></ion-icon>
</div>
<h2>Вход</h2>
<input name="email" type="email" id="login-email" placeholder="Введите email..." required>
<input name="password" type="password" id="login-password" placeholder="Введите пароль..." required>
<button type="submit">Войти</button>
<div id="g_id_onload"
data-client_id="465132351438-k34552q02geis7bn5lprt0jtb02f0bes.apps.googleusercontent.com"
data-context="signin"
data-ux_mode="popup"
data-callback="handleCredentialResponse"
data-auto_prompt="false">
</div>
<div class="g_id_signin"
data-type="standard"
data-shape="rectangular"
data-theme="outline"
data-text="sign_in_with"
data-size="large"
data-logo_alignment="left">
</div>
<div class="link" onclick="showRegister()">Регистрация</div>
</form>
<form class="container" id="register-form" style="display: none;"
action="/signup.php" method="post">
<h2>Регистрация</h2>
<input type="text" id="register-username" placeholder="Имя пользователя"
required name="name">
<input type="email" id="register-email" placeholder="Email"
required name="email">
<input type="password" id="register-password" placeholder="Пароль"
required name="password">
<button onclick="register()">Зарегистрироваться</button>
<div id="g_id_onload" data-client_id="465132351438-k34552q02geis7bn5lprt0jtb02f0bes.apps.googleusercontent.com"
data-context="signin" data-ux_mode="popup" data-callback="handleCredentialResponse" data-auto_prompt="false">
</div>
<div class="g_id_signin" data-type="standard" data-shape="rectangular" data-theme="outline"
data-text="sign_in_with" data-size="large" data-logo_alignment="left">
</div>
<div class="link" onclick="showLogin()">Назад</div>
</form>
</div>
<!-- /modal form -->
<!-- header -->
<header class="site-header anime-bg">
<div class="header-container">
<div class="header-logo">
<img src="public/img/Logo-animedia.webp" alt="AnimediaTV" class="logo-img hover-grow">
</div>
<nav class="header-nav">
<a href="index.html" class="nav-link active">
<span>Главная</span>
</a>
<a href="#categories" class="nav-link">
<span>Категории</span>
</a>
<div class="lang-selector">
<a href="https://animediatv.kg" class="lang-link" data-lang="uz">UZ</a>
<span class="lang-divider">|</span>
<a href="https://animediatv.kg/ru/" class="lang-link active" data-lang="ru">RU</a>
</div>
<button class="auth-btn btn-effect" onclick="OpenForm()">
<span>Войти</span>
<ion-icon name="log-in-outline"></ion-icon>
</button>
</nav>
<button class="mobile-menu-btn" onclick="toggleMobileMenu()">
<ion-icon name="menu-outline" class="menu-icon"></ion-icon>
<ion-icon name="close-outline" class="close-icon"></ion-icon>
</button>
</div>
</header>
<div class="logo"><img src="public img/Logo animedia -Photoroom.webp" alt="AnimediTV Logo"></div>
<nav>
<a href="index.html" class="active" id="navHome">Главная</a>
<a href="" id="navCategories">Категории</a>
<!-- <div class="search-wrapper">
<ion-icon name="search-outline" class="search-icon" onclick="toggleSearch()"></ion-icon>
<input type="text" id="searchInput" placeholder="Поиск..." />
</div> -->
<!-- Тил тандагыч -->
<div class="lang-inline">
<a href="https://animediatv.kg" class="lang" data-lang="uz">UZ</a>
<span class="divider">|</span>
<a href="https://animediatv.kg/ru/" class="lang active" data-lang="ru">RU</a>
</div>
<span id="auth-area">
<a onclick="OpenForm()" id="login-btn">
Войти
<ion-icon name="log-in-outline"></ion-icon>
</a>
</span>
</nav>
<div class="header_menu">
<div class="header_menu_header">
<div class="header_menu_header_text">
Меню
</div>
<div class="header_menu_header_close" onclick="burger_menu()">
<ion-icon name="close-outline"></ion-icon>
</div>
</div>
<a href="index.html">
Главная
</a>
<a href="#scroll_search" id="navCategories">Категории</a>
</div>
<div class="bline">
<div class="usericon" onclick="OpenForm()">
<ion-icon name="log-in-outline"></ion-icon>
</div>
<div class="burger" id="burger" onclick="burger_menu()">
<div class="open">
<ion-icon name="menu-outline"></ion-icon>
</div>
<div class="close">
<ion-icon name="close-outline"></ion-icon>
</div>
</div>
</div>
</header>
<!-- /header -->
<!-- Hero Slider Section -->
<section class="hero-slider fade-in">
<div class="slider-container">
<div class="slider-track">
<!-- Slide 1 -->
<div class="slider-slide active" style="background-image: url('https://cdn.animediatv.kg/public/temp/4f7ca464a8a5a3deaebcb2b2b.webp')">
<div class="slide-overlay"></div>
<div class="slide-content">
<span class="anime-badge">Новинка</span>
<h1 class="slide-title">Доктор Стоун 5: Научное будущее [15+]</h1>
<p class="slide-desc">Тайное событие привело к тому, что человечество превратилось в камень, и спустя тысячи лет оно снова пытается воскреснуть.</p>
<div class="slide-meta">
<span class="year">2024</span>
<span class="age-rating">15+</span>
</div>
<a href="doktor-Stoun5.html" class="btn-watch pulse">
Смотреть
<ion-icon name="play-circle-outline"></ion-icon>
</a>
</div>
<img src="https://cdn.animediatv.kg/public/temp/fe4bfaDoktor%20stoun6ee4ed8aa3f003.webp"
class="slide-poster hover-grow"
alt="Доктор Стоун 5">
</div>
<!-- Additional slides would go here -->
</div>
<button class="slider-nav prev">
<ion-icon name="chevron-back-outline"></ion-icon>
</button>
<button class="slider-nav next">
<ion-icon name="chevron-forward-outline"></ion-icon>
</button>
</div>
</section>
<div class="slides">
<div class="chyntemir_btn chyntemir_btns_left" onclick="chyntemir_left()">
<ion-icon name="chevron-back-sharp"></ion-icon>
</div>
<div class="chyntemir_btn chyntemir_btns_right" onclick="chyntemir_right()">
<ion-icon name="chevron-forward-sharp"></ion-icon>
</div>
<div class="slide active" style="background-image: url('https://cdn.animediatv.kg/public/temp/4f7ca464a8a5a3deaebcb2b2b.webp')">
<div class="opacity-banner"></div> <!-- Мына ушул кошулат -->
<div class="slide-content">
<h1>Доктор Стоун 5: Научное будущее [15+]</h1>
<p>Тайное событие привело к тому, что человечество превратилось в камень, и спустя тысячи лет оно снова
пытается воскреснуть.
</p>
<div class="slide-meta">
<span>2024</span>
<a href="doktor Stoun5.html"><button class="watch-btn">Смотреть</button></a>
<link rel="stylesheet" href="style5.css">
</div>
</div>
<img src="https://cdn.animediatv.kg/public/temp/fe4bfaDoktor%20stoun6ee4ed8aa3f003.webp" class="poster-img" alt="Poster 1">
</div>
<div class="slide" style="background-image: url('https://cdn.animediatv.kg/public/temp/62c58bf564e5b5sirlarhukumdori.webp')">
<div class="opacity-banner"></div>
<div class="slide-content">
<h1>Повелитель тайн: Клоун [17+]</h1>
<p>В туманном мире скрыты тайны и страшные шутки...</p>
<div class="slide-meta">
<span>2024</span>
<a href="./sirlarhurmdori.html"><button class="watch-btn">Смотреть</button></a>
<link rel="stylesheet" href="style5.css">
</div>
</div>
<img src="https://cdn.animediatv.kg/public/temp/fcd6b34b0e32cfadcd037b150bd77a80.jpg" class="poster-img" alt="Poster 2">
</div>
<!-- Экинчи слайд -->
<div class="slide" style="background-image: url('https://cdn.animediatv.kg/public/temp/8023745154dfNaruto.webp')">
<div class="opacity-banner"></div> <!-- Мына ушул кошулат -->
<div class="slide-content">
<h1>Наруто: Ураганные хроники [15+]</h1>
<p>Наруто и его друзья сталкиваются с новыми приключениями.</p>
<div class="slide-meta">
<span>2007</span>
<a href="naruto.html"><button class="watch-btn">Смотреть</button></a>
<link rel="stylesheet" href="style5.css">
</div>
</div>
<img src="https://cdn.animediatv.kg/public/temp/Naruto1.webp" class="poster-img" alt="Poster 3">
</div>
<!-- Үчүнчү слайд -->
<div class="slide" style="background-image: url('https://cdn.animediatv.kg/public/temp/Seven%20sinsback.webp')">
<div class="opacity-banner"></div> <!-- Мына ушул кошулат -->
<div class="slide-content">
<h1>Семь смертных грехов: Узники небес [17+]</h1>
<p>"Элизабета, установив порядок в королевстве, устраивает великий пир в честь своего дня рождения..."
</p>
<div class="slide-meta">
<span>2018</span>
<a href="sevendeadlysins.html"><button class="watch-btn">Смотреть</button></a>
<link rel="stylesheet" href="style5.css">
</div>
</div>
<img src="https://cdn.animediatv.kg/public/temp/%D0%B6%D0%B5%D1%82%D0%B8%20%D0%BE%D0%BB%D1%83%D0%BC%20(1).webp" class="poster-img" alt="Poster 4">
</div>
<div class="slides_btns" id="slides_btns"></div>
</div>
</section>
<!-- Слайдер end -->
<!-- main -->
<main>
<div id="scroll_search" class="search-bar">
<input type="text" placeholder="Anime Имя..." id="searchInput" autocomplete="off" />
</div>
<div id="categoriesContainer" class="categories"></div>
<div id="animeGrid" class="anime-grid"></div>
<div id="episodeSection" style="display:none;">
<div class="episode-list">
<h2 id="animeTitle">Anime Имя</h2>
<ul id="episodeList"></ul>
</div>
<div class="video-player-container" style="margin-top:20px;">
<video id="videoPlayer" controls></video>
</div>
</div>
<div style="text-align:center; margin: 20px 0;">
<button id="load-more-btn " onclick="loadmorebtn()">
Показать еще
</button>
</div>
<div id="emptyMessage" class="empty-message" style="display:none;">информация не найдены!!!</div>
</main>
<!-- /main -->
<!-- Anime News Section -->
<section class="anime-news slide-up">
<div class="news-container">
<div class="news-content">
<span class="news-tag">Новости</span>
<h2 class="news-title">
<a href="#">ОБЩАЯ ИНФОРМАЦИЯ О ВЫХОДЕ АНИМЕ ОСЕНЬЮ 2023 ГОДА</a>
</h2>
<p class="news-text">
Все аниме, показанные в этом видео, вы можете смотреть в приложениях!
</p>
<div class="news-meta">
<span>2 дня назад</span>
<span></span>
<span>1.2K просмотров</span>
</div>
</div>
<div class="news-video">
<div class="video-wrapper">
<iframe src="https://mover.uz/video/embed/ISGbOKD"
frameborder="0"
allowfullscreen
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
title="Black Clover Trailer">
</iframe>
</div>
</div>
</div>
</section>
<div class="amedi-news-wrapper">
<div class="amedi-news-left">
<div class="amedi-news-tag">Новости</div>
<h2><a href="#">ОБЩАЯ ИНФОРМАЦИЯ О ВЫХОДЕ АНИМЕ ОСЕНЬЮ 2023 ГОДА (H.U.M.)</a></h2>
<p class="amedi-news-text">
Все аниме, показанные в этом видео, вы можете смотреть в приложениях!
</p>
</div>
<div class="amedi-news-right">
<div class="amedi-news-video">
<iframe src="https://mover.uz/video/embed/ISGbOKD" frameborder="0" allowfullscreen
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
title="Black Clover Trailer">
</iframe>
</div>
</div>
</div>
</section>
<!-- Comments Section -->
<section class="comments-section fade-in">
<div class="section-header">
<h2 class="section-title">Оставить комментарий</h2>
<p class="section-subtitle">Ваше мнение важно для нас!</p>
</div>
<form class="comment-form">
<div class="form-group">
<input type="text" id="name" required placeholder="Ваше имя">
</div>
<div class="form-group">
<input type="email" id="email" required placeholder="Ваш email">
</div>
<div class="form-group">
<textarea id="message" rows="5" required placeholder="Ваш комментарий..."></textarea>
</div>
<button type="submit" class="btn-submit btn-effect">
Отправить
<ion-icon name="send-outline"></ion-icon>
</button>
</form>
</section>
<h6>Diqqat !!! Izohinghiz saytda joylashishi uchun iltimos fikringizni so'kinishsiz anime haqida to'liq bayon eting.
Aks holda saytga yuklanmaydi</h6>
<form id="contactForm">
<input type="text" id="name" required placeholder="Имя">
<input type="email" id="email" required placeholder="Введите свой адрес электронной почты">
<textarea id="message" rows="5" required placeholder="Оставьте свое сообщение"></textarea>
<button type="submit">отправить</button>
</form>
</section>
<!-- Комментарий формасы -->
<script>
function handleCredentialResponse(response) {
const jwt = response.credential;
const payload = JSON.parse(atob(jwt.split('.')[1]));
alert(`Добро пожаловать, ${payload.name}!`);
window.location.href = "index.html";
}
function handleCredentialResponse(response) {
console.log("Google JWT credential:", response.credential);
fetch("google_login.php", { method:"POST", body: response.credential })
}
</script>
<script src="./js.js"></script>
<script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
</body>
</html>