forked from horisony/baoling-port
-
Notifications
You must be signed in to change notification settings - Fork 0
/
pro-season.html
executable file
·154 lines (138 loc) · 5.64 KB
/
pro-season.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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Copatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title>Seasonality</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="module banner banner-responsive" style="background-color:#e57658; overflow: hidden;">
<div class="content clearfix">
<div class="col-md-6-my intro" style="padding-top: 80px;">
<div class="title">Seasonality</div>
<div class="txt txt-intro" style="color: rgba(255, 255, 255, 0.9); ">Seasonality is a data analysis website that predicts the buying window of eBay categories in the next coming 12 months based on transaction data in last 5 years. It helps seller to sell what's popular.</div>
</div>
<div class="col-md-6-my">
<img class="img-ai-intro" src="imgs/pro-season/season.png">
</div>
</div>
</div>
<div class="module" style="background-color: white;">
<div class="content clearfix">
<div class="title-main">Demand Analysis</div>
<div class="txt-main" style="text-align: left; color: #333;">eBay seller manager uses our tool "Seasonality" to predict what will be popular in next few months, then guide sellers to increase the inventory of those to-be popular goods. In a few months, those goods become popular and quickly sold out, benefiting both eBay sellers and buyers, as well as eBay platform.</div>
<img style='width: 100%; padding: 20px 0;' src="imgs/pro-season/user_flow.png">
</div>
</div>
<div class="module" style="background-color: #f7f6f5;">
<div class="content clearfix">
<div class="title-main">User Flow</div>
<!-- <div class="txt-main" style="text-align: left; color: #333;">Every</div> -->
<img style='width: 100%; padding: 20px 0;' src="imgs/pro-season/user_flow2.png">
</div>
</div>
<div class="module" style="background-color: white;">
<div class="content clearfix">
<div class="title-main" >Design</div>
<!-- <div class="txt-main" style="text-align: left; color: #333;">Every</div> -->
<img style='width: 100%; margin: 0 0 12px 0; box-shadow: 0 0 22px #ccc;' src="imgs/pro-season/seasonality.png">
</div>
</div>
<div class="module" style="background-color: white;">
<div class="content clearfix">
<div class="txt-main" style="font-size: 1.4em; margin-bottom: 4px; text-align: center;">Details</div>
<!-- <div class="txt-main" style="text-align: left; color: #333;">Every</div> -->
<img style='width: 100%; margin: 0 0 12px 0;' src="imgs/pro-season/retail-mark.png">
</div>
</div>
<!-- <div class="module" style="background-color: #f7f6f5;">
<div class="content clearfix">
<div class="title-main" style="font-weight: bold; font-size: 1.85em; margin-bottom: 20px;">User Flow</div>
<img style='width: 100%; padding: 20px 0;' src="imgs/pro-season/user_flow2.png">
</div>
</div> -->
<a href="#"><div class="to-top"></div></a>
<div class="footer ports">
This website is designed and developed by Baoling Yang, all copyright reserved.<br/>
Copyright @杨宝玲 2017
</div>
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".to-top").hide();
currTop = 0;
$(window).scroll(function(){
var windowTop = $(window).scrollTop()||0;
if (windowTop > 200){
$(".to-top").fadeIn(300);
}
else{
$(".to-top").fadeOut(300);
}
if(windowTop >= currTop){
$(".navbar").addClass("navbar-hide");
}else{
$(".navbar").removeClass("navbar-hide")
if(windowTop > 20){
$(".navbar").addClass("navbar-custom");
}else{
$(".navbar").removeClass("navbar-custom");
}
}
currTop = windowTop;
});
$(".tags>.btn").click(function(){
$(this).siblings().removeClass("active");
$(this).addClass("active");
});
});
var myVideo0 = document.getElementById("video0");
var myBtn0 = document.getElementById("play-btn0");
function playPause0() {
// myBtn1.setAttribute('src', 'imgs/play-btn.svg');
if (myVideo0.paused) {
myVideo0.play();
myVideo0.controls="controls";
// myBtn1.attr('src', 'imgs/pause-btn.svg');
myBtn0.style.display="none";
} else {
myVideo0.pause();
// myBtn1.setAttribute('src', 'imgs/pause-btn.svg');
myBtn0.style.display="inline-block";
}
}
var myVideo1 = document.getElementById("video1");
var myBtn1 = document.getElementById("play-btn1");
function playPause1() {
// myBtn1.setAttribute('src', 'imgs/play-btn.svg');
if (myVideo1.paused) {
myVideo1.play();
// myBtn1.attr('src', 'imgs/pause-btn.svg');
myBtn1.style.display="none";
} else {
myVideo1.pause();
// myBtn1.setAttribute('src', 'imgs/pause-btn.svg');
myBtn1.style.display="inline-block";
}
}
var myVideo2 = document.getElementById("video2");
var myBtn2 = document.getElementById("play-btn2");
function playPause2() {
if (myVideo2.paused){
myVideo2.play();
myBtn2.style.display="none";
}
else{
myVideo2.pause();
myBtn2.style.display="inline-block";
}
}
</script>
</body>
</html>