-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
181 lines (164 loc) · 8.54 KB
/
index.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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>智眼 - 让你的眼睛变得更好</title>
<link rel="stylesheet" href="main.css">
<link rel="icon" type="image/x-icon" href="img/icon.webp">
<link rel="apple-touch-icon" href="img/icon.webp">
<meta name="apple-mobile-web-app-title" content="智眼">
<link rel="bookmark" href="img/icon.webp">
<link rel="apple-touch-icon-precomposed" sizes="180x180" href="img/icon.webp">
<meta name="description" content="我们的SLOGEN：用行动去突破，去改变，去创造。">
<meta name="theme-color" content="#1C1C1F">
<link rel="stylesheet" href="https://cdn3.codesign.qq.com/icons/X2bzpZvRWkZkAaV/latest/iconfont.css">
<script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.6.0/jquery.min.js"></script>
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?0a0cca83682044c405966961a1ff1b9b";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body id="body">
<div class="nav">
<div class="nav-content">
<div class="nav-left">
<a href="javascript:scrollToTopWithAnimation()" class="site-logo">
<img src="img/icon.webp" alt="logo" class="site-logo-img">
<span class="site-name">智眼 - 让你的眼睛变得更好</span>
</a>
</div>
<div class="nav-center">
<a href="mailto:gfjz.0326@qq.com" class="nav-item">联系我们</a>
</div>
</div>
</div>
<div class="menu-list" id="menu-list">
<a href="mailto:gfjz.0326@qq.com" class="nav-item">联系我们</a>
</div>
<!-- <div class="nav-banner">
<a class="nav-banner-text" href="https://blog.zhheo.com/p/671f98c8.html" target="_blank">敲木鱼 现已登录 App Store <span
class="heofont icon-arrow-right-s-line" style="font-size: 16px;"></span></a>
</div> -->
<div class="first-stack need-padding">
<div class="left-Introduce">
<div class="title-group">
<span class="title">ITeyes</span>
<span class="title">-A program that intelligently controls eye health</span></span>
</div>
<div class="discription">
<span class="discription-text">一个智能管控<span class="inline-word">用眼健康</span><br>的Windows应用程序<span class="inline-word">体验。</span></span>
</div>
<div class="first-stack-links">
<a href="mailto:gfjz.0326@qq.com" class="about-button" target="_blank">联系我们</a>
</div>
</div>
<img class="banner-img" src="img/封面2.webp" alt="banner" title="banner">
</a>
</div>
<div class="avatar-discription">
<span class="avatar-discription-text">“智眼是一款旨在帮助中小学生改善用眼习惯，预防近视的软件。它通过人脸识别、图像处理等技术，实时监测用户用眼时长、距离和姿势，并根据个人情况提供个性化护眼方案。”</span>
<img class="avatar-image" src="./img/icon.ico">
<span class="avatar-name">智眼项目组</span>
<span class="avatar-title">宫瑞骏，张晓星，李怿晨，陈晓宇</span>
</div>
<div class="product-banner">
<div class="banner-info need-padding">
<span class="tips">强制提醒功能</span>
<span class="title">玩电脑停不下来？<span class="punctuation">，</span><br>我们来帮你克制<span class="punctuation">。</span></span>
<div class="banner-discription-group">
<span class="description">程序将锁定你的整个屏幕，过一定时间后将自动<span class="inline-word">解锁<span class="punctuation"></span></span></span>
<span class="description">如果有急事，可以用密码<span class="inline-word">解锁！<span class="punctuation"></span></span></span>
</div>
<div class="link-group">
<a class="primary-button" href="https://m.baidu.com/bh/m/detail/ar_9131247252723006696">看看过长时间使用眼睛的危害</a>
</div>
</div>
<div class="banner-pic">
<img class="banner-pic-img" src="img/banner-muyu.webp" alt="banner image">
</div>
</div>
<div class="product-group need-padding" id="应用">
<h2 class="group-title">应用</h2>
<span class="group-description">致力于构建买断制无广告的应用</span>
<div class="group-items">
<div class="group-item">
<a class="group-item-icon" href="" target="_blank">
<img class="group-item-icon-img" src="img/icon.ico" alt="product-icon" title="product-icon">
</a>
<div class="group-info-group">
<div class="group-info">
<a class="title" href="" target="_blank">智眼<sup class="hot">热门</sup></a>
<a class="discription" href="" target="_blank">一个智能控制用眼的Windows软件</a>
</div>
<div class="group-info-button">
<a class="linkbutton" href="" target="_blank">获取</a>
<span class="linkbotton-tips">买断制</span>
</div>
</div>
</div>
</div>
</div>
<div class="special-card">
<div class="special-card-left">
<div class="tips">大事件</div>
<div class="title">智眼1.0支持<br>个性化使用时长定制</div>
<div class="discription">现在你可以使用“智眼”程序定制你的使用时长了！</div>
</div>
<img class="special-card-right" src="https://tse4-mm.cn.bing.net/th/id/OIP-C.qdwDlN-879Wj9VXNbfJszQHaHa?rs=1&pid=ImgDetMain"></img>
</div>
<!-- Blog banner -->
<div class="product-banner" style="background-image: linear-gradient(180deg, #830FC1 0%, #3D00A0 100%);">
<div class="banner-info need-padding">
<span class="tips">屏幕锁定</span>
<span class="title">需要密码才能解锁<span class="punctuation">，</span><br>这是一个严格的程序<span class="punctuation">。</span></span>
<div class="banner-discription-group">
<span class="description">帮助你更好的克制<span class="inline-word">自己<span class="punctuation">，</span></span></span>
<span class="description">已帮助许多使用者控制电子产品使用时间<span class="inline-word"><span class="punctuation">。</span></span></span>
</div>
</div>
<div class="banner-pic">
<img class="banner-pic-img" src="https://pic.imgdb.cn/item/671c4dd6d29ded1a8cb5e7d6.png" alt="banner image">
</div>
</div>
<!-- Butterfly banner -->
<div class="product-banner" style="background-image: linear-gradient(180deg, #0F6AC1 0%, #002EA0 100%);">
<div class="banner-info need-padding">
<span class="tips" style="color: white; opacity: 0.6;">适用于各类人群的用眼健康知识科普</span>
<span class="title">随机触发<span class="punctuation">，</span><br>一步步学<span class="punctuation">。</span></span>
<div class="banner-discription-group">
<span class="description">爱惜眼睛，让性命的阳光更出色<span class="inline-word"><span class="punctuation">，</span></span></span>
<span class="description"><span class="inline-word"><span class="punctuation"></span></span></span>
</div>
</div>
<div class="banner-pic">
<img class="banner-pic-img" src="https://pic.imgdb.cn/item/671c4e31d29ded1a8cb6325a.png" alt="banner image">
</div>
</div>
<div class="product-banner" style="background-image: linear-gradient(180deg, #274DFF 0%, #6CA4FF 100%);">
<div class="banner-info need-padding">
<span class="tips" style="color: white; opacity: 0.6;">智眼项目组</span>
<span class="title">你也帮一把<span class="punctuation">，</span><br>我们也帮一把<span class="punctuation">。</span></span>
<div class="banner-discription-group">
<span class="description">由宫瑞骏等人共同<span class="inline-word">发起的<span class="punctuation">，</span></span></span>
<span class="description">智眼软件开发<span class="inline-word">团队<span class="punctuation">。</span></span></span>
</div>
</div>
<div class="banner-pic">
<img class="banner-pic-img" src="img/result.png" alt="banner image">
</div>
</div>
<div class="footer">
<div class="footer-content need-padding">
<span class="info">Copyright © 2024-2029 智眼项目组 保留所有权利。</span>
</div>
</body>
<script src="js/simpleParallax.min.js"></script>
<script src="js/main.js"></script>
</html>