mirror of
https://github.com/cuiocean/ZY-Player.git
synced 2026-02-06 20:23:27 +08:00
150 lines
7.7 KiB
HTML
150 lines
7.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" class="no-js">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>ZY Player</title>
|
|
<link href="https://fonts.googleapis.com/css?family=Heebo:400,700|IBM+Plex+Sans:600" rel="stylesheet">
|
|
<link rel="stylesheet" href="dist/css/style.css">
|
|
<script src="https://unpkg.com/scrollreveal@4.0.0/dist/scrollreveal.min.js"></script>
|
|
</head>
|
|
<body class="is-boxed has-animations">
|
|
<div class="body-wrap boxed-container">
|
|
<header class="site-header">
|
|
<div class="container">
|
|
<div class="site-header-inner">
|
|
<div class="brand header-brand">
|
|
<h1 class="m-0">
|
|
<a href="#">
|
|
<img class="header-logo-image asset-light" src="dist/images/logo-light.svg" alt="Logo">
|
|
<img class="header-logo-image asset-dark" src="dist/images/logo-dark.svg" alt="Logo">
|
|
</a>
|
|
</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<section class="hero">
|
|
<div class="container">
|
|
<div class="hero-inner">
|
|
<div class="hero-copy">
|
|
<h1 class="hero-title mt-0">ZY Player</h1>
|
|
<p class="hero-paragraph">ZY Player 影视资源播放器, 可以直接浏览或者搜索影视资源,所有资源点击即可播放.软件免费,没有广告~</p>
|
|
<div class="hero-cta">
|
|
<a class="button button-primary" href="https://github.com/Hunlongyu/ZY-Player/releases/latest">立即下载</a>
|
|
<div class="lights-toggle">
|
|
<input id="lights-toggle" type="checkbox" name="lights-toggle" class="switch" checked="checked">
|
|
<label for="lights-toggle" class="text-xs"><span>切换主题<span class="label-text">dark</span></span></label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="hero-media">
|
|
<div class="header-illustration">
|
|
<img class="header-illustration-image asset-light" src="dist/images/header-illustration-light.svg" alt="Header illustration">
|
|
<img class="header-illustration-image asset-dark" src="dist/images/header-illustration-dark.svg" alt="Header illustration">
|
|
</div>
|
|
<div class="hero-media-illustration">
|
|
<img class="hero-media-illustration-image asset-light" src="dist/images/hero-media-illustration-light.svg" alt="Hero media illustration">
|
|
<img class="hero-media-illustration-image asset-dark" src="dist/images/hero-media-illustration-dark.svg" alt="Hero media illustration">
|
|
</div>
|
|
<div class="hero-media-container">
|
|
<img class="hero-media-image asset-light" src="https://i.loli.net/2020/01/21/HfRhqXDTJMlEIaP.jpg" alt="Hero media">
|
|
<img class="hero-media-image asset-dark" src="https://i.loli.net/2020/01/21/hGYrDKQbXZctfVs.jpg" alt="Hero media">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="features section">
|
|
<div class="container">
|
|
<div class="features-inner section-inner has-bottom-divider">
|
|
<div class="features-header text-center">
|
|
<div class="container-sm">
|
|
<div class="features-image">
|
|
<img class="features-illustration asset-dark" src="dist/images/features-illustration-dark.svg" alt="Feature illustration">
|
|
<img style="transform: none;" class="features-box asset-dark" src="https://i.loli.net/2020/01/21/exXt3mfsJSGuhn5.jpg" alt="Feature box">
|
|
<img class="features-illustration asset-dark" src="dist/images/features-illustration-top-dark.svg" alt="Feature illustration top">
|
|
<img class="features-illustration asset-light" src="dist/images/features-illustration-light.svg" alt="Feature illustration">
|
|
<img style="transform: none;" class="features-box asset-light" src="https://i.loli.net/2020/01/21/exXt3mfsJSGuhn5.jpg" alt="Feature box">
|
|
<img class="features-illustration asset-light" src="dist/images/features-illustration-top-light.svg" alt="Feature illustration top">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="features-wrap">
|
|
<div class="feature is-revealing">
|
|
<div class="feature-inner">
|
|
<div class="feature-icon">
|
|
<img class="asset-light" src="dist/images/feature-01-light.svg" alt="Feature 01">
|
|
<img class="asset-dark" src="dist/images/feature-01-dark.svg" alt="Feature 01">
|
|
</div>
|
|
<div class="feature-content">
|
|
<h3 class="feature-title mt-0">开源免费</h3>
|
|
<p class="text-sm mb-0">代码开源, 软件免费使用, 无广告, 不窃取用户信息, MIT协议.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="feature is-revealing">
|
|
<div class="feature-inner">
|
|
<div class="feature-icon">
|
|
<img class="asset-light" src="dist/images/feature-02-light.svg" alt="Feature 02">
|
|
<img class="asset-dark" src="dist/images/feature-02-dark.svg" alt="Feature 02">
|
|
</div>
|
|
<div class="feature-content">
|
|
<h3 class="feature-title mt-0">资源丰富</h3>
|
|
<p class="text-sm mb-0">所有资源都来自多个著名资源网站, 海量资源, 应有尽有.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="feature is-revealing">
|
|
<div class="feature-inner">
|
|
<div class="feature-icon">
|
|
<img class="asset-light" src="dist/images/feature-03-light.svg" alt="Feature 03">
|
|
<img class="asset-dark" src="dist/images/feature-03-dark.svg" alt="Feature 03">
|
|
</div>
|
|
<div class="feature-content">
|
|
<h3 class="feature-title mt-0">功能强大</h3>
|
|
<p class="text-sm mb-0">支持多源切换, 搜索. 支持预览详情, 支持收藏, 支持暗黑主题.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<!-- <footer class="site-footer has-top-divider">
|
|
<div class="container">
|
|
<div class="site-footer-inner">
|
|
<div class="brand footer-brand">
|
|
<a href="#">
|
|
<img class="asset-light" src="dist/images/logo-light.svg" alt="Logo">
|
|
<img class="asset-dark" src="dist/images/logo-dark.svg" alt="Logo">
|
|
</a>
|
|
</div>
|
|
<ul class="footer-links list-reset">
|
|
<li>
|
|
<a href="#">Contact</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">About us</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">FAQ's</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Support</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</footer> -->
|
|
</div>
|
|
<script src="dist/js/main.min.js"></script>
|
|
</body>
|
|
</html>
|