-
Notifications
You must be signed in to change notification settings - Fork 0
/
mainweb.html
139 lines (124 loc) · 6.44 KB
/
mainweb.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/Swiper/6.4.15/swiper-bundle.min.css'>
<link rel="stylesheet" href="css/mainweb.css">
<title>主界面</title>
</head>
<body>
<div class="top">
<div class="top_logo" >
<img src="img/ppreaderlong.png" style="height: 68px;">
</div>
<div class="user">
<a href = "user.html">ppReader</a>
<img src = "img/logo.png" style="vertical-align:middle;">
</div>
</div>
<div class = "name">
<section class="text">
<span>P</span>
<span>P</span>
<span>-</span>
<span>R</span>
<span>E</span>
<span>A</span>
<span>D</span>
<span>E</span>
<span>R</span>
</section>
</div>
<div class = "nosence">
<p>POWERFULLY POINTING READER</p>
<p>指尖即世界</p>
</div>
<!--滚动功能-->
<div class="blog-slider">
<div class="blog-slider_wrp swiper-wrapper">
<!--主功能-->
<div class="blog-slider_item swiper-slide">
<div class="blog-slider_img">
<img src="img/reader_img.png" alt="">
</div>
<div class="blog-slider_content">
<span class="blog-slider_code">PP Reader</span>
<div class="blog-slider_title">超级点读</div>
<!-- <div class="blog-slider_text">A beautiful and minimal wallpaper app! Change your desktop wallpaper automatically with beautiful images from Unsplash, Pixabay and Pexels.</div>-->
<div class="blog-slider_text">通过打开设备摄像头或配合镜子，实现右手手指点读和双手手指框读的方案。可以对文字，以及670多种常见物体等进行精准识别并进行朗读，帮助孩子更快的学习新事物~</div>
<a href="index.html" class="blog-slider_button">立 即 体 验</a>
</div>
</div>
<!-- 全文朗读 -->
<div class="blog-slider_item swiper-slide">
<div class="blog-slider_img">
<img src="img/book.jpg" alt="">
</div>
<div class="blog-slider_content">
<span class="blog-slider_code">PP Reader</span>
<div class="blog-slider_title">全文朗读</div>
<!-- <div class="blog-slider_text">High frame rates mean high win rates on a laptop powered by the world’s best mobile processor for gamers.</div>-->
<div class="blog-slider_text">通过打开设备摄像头或配合镜子，将整篇文章调整对准摄像头，实现整篇文章的自动朗读功能~</div>
<a href="ocr.html" class="blog-slider_button">立 即 体 验</a>
</div>
</div>
<!-- 万物识别 -->
<div class="blog-slider_item swiper-slide">
<div class="blog-slider_img">
<img src="img/earth.jpg" alt="">
</div>
<div class="blog-slider_content">
<span class="blog-slider_code">PP Reader</span>
<div class="blog-slider_title">万物识别</div>
<!-- <div class="blog-slider_text">AI will change the way we do business and, ultimately, change our lives. It offers your organisation personalization, prediction and security as never before.</div>-->
<div class="blog-slider_text">通过打开设备摄像头或配合镜子，将需要识别的物理对准摄像头，实现物体的自动识别并朗读标签~</div>
<a href="object.html" class="blog-slider_button">立 即 体 验</a>
</div>
</div>
<!-- 敬请期待更多 -->
<div class="blog-slider_item swiper-slide">
<div class="blog-slider_img">
<img src="img/AI.jpg" alt="">
</div>
<div class="blog-slider_content">
<span class="blog-slider_code">PP Reader</span>
<div class="blog-slider_title">更多功能 敬请期待</div>
<div class="blog-slider_text">ppReader更多功能与模块正在设计筹划中，致力于高效的点读学习，摆脱学习的束缚，动动手指就能高效学习~</div>
<a href="#" class="blog-slider_button">联 系 我 们</a>
</div>
</div>
</div>
<div class="blog-slider_pagination"></div>
</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/Swiper/6.4.15/swiper-bundle.min.js'></script><script src="js/mainweb.js"></script>
<div class = "AD">
<div class = "AD_1 AD_item">
<p>柴屁屁铅笔</p>
<h>丝滑笔芯，可爱外表</h>
<img src = "img/pencil.jpg" alt = "">
<button>点击购买</button>
</div>
<div class = "AD_2 AD_item">
<p>萨摩耶书包</p>
<h>快快乐乐上学去</h>
<img src = "img/bag.jpg" alt = "">
<button>点击购买</button>
</div>
<div class = "AD_3 AD_item">
<p>萌兰牌笔记本</p>
<h>纯天然护眼纸张</h>
<img src = "img/noteboo.jpg" alt = "">
<button>点击购买</button>
</div>
</div>
<!--页脚-->
<div class = "foot">
<!-- <p> 联系我们 | 五个大佬和菜狗美女.ss.pku</p>-->
<p>© 2022 ppReader</p>
</div>
</body>
</html>