-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtrendcast.html
251 lines (250 loc) · 12.7 KB
/
trendcast.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
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Inderpartap Cheema Portfolio</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<meta name="theme-color" content="#fff">
<meta name="description" content="Personal portfolio site of Data Scientist and Web Developer - Inderpartap Cheema.">
<link rel="stylesheet" media="all" href="css/main.css?1">
<link rel="icon" type="image/png" href="favicon.ico">
<!-- Open Graph data -->
<meta property="og:title" content="Inderpartap Cheema portfolio">
<meta property="og:type" content="website">
<meta property="og:url" content="index.html">
<meta property="og:image" content="img/share.png">
<meta property="og:description" content="Personal portfolio site of Data Scientist and Web Developer - Inderpartap Cheema.">
<meta property="og:site_name" content="Inderpartap Cheema portfolio">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-165919466-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-165919466-1');
</script>
</head>
<body>
<div class="out out-black-bg out-skew ">
<header class="header js-header ">
<div class="header__in">
<a href="index.html" class="header__logo">
<svg class="icon-logo">
<use xlink:href="img/sprite.svg#icon-logo"></use>
</svg>
</a>
<a href="index.html#about" class="link js-about is-active "><span>about</span></a>
<a href="mailto:[email protected]" class="header__mail">
<svg class="icon-message">
<use xlink:href="img/sprite.svg#icon-message"></use>
</svg>
<span>[email protected]</span>
</a>
<a href="#" class="nav__btn js-mobile-nav-open"><span></span></a>
</div>
<div class="moveto">
<a href="facterr.html" class="moveto__bl">
<span>Next</span>
<div class="moveto__arr">
<svg class="icon icon-arr-right"><use xlink:href="img/sprite.svg#icon-arr-right"></use></svg>
</div>
</a>
</div>
</header>
<nav class="nav js-nav nav-white ">
<a href="#" class="nav__close js-mobile-nav-close">
<svg class="icon-close">
<use xlink:href="img/sprite.svg#icon-close"></use>
</svg>
</a>
<ul class="nav__menu">
<li class="is-mob "><a href="index.html#about" class="link"><span>About</span></a></li>
<li class="js-nav-link is-active " data-img="img/trendcast.png" data-text="Trendcast - Demand Forecast for Fashion Retailers">
<a href="trendcast.html" class="link"><span>Trendcast</span></a>
</li>
<li class="js-nav-link " data-img="/img/work1.jpg" data-text="Fact.Err - Fake News Classifier">
<a href="#" class="link"><span>Fact.Err</span></a>
</li>
<li class="js-nav-link " data-img="/img/work3.jpg" data-text="Generalized Zero Shot Obect Detection">
<a href="#" class="link"><span>Zero Shot Detection</span></a>
</li>
<li class="js-nav-link " data-img="/img/work4.jpg" data-text="Ham-or-Spam - Email Spam Filtering">
<a href="#" class="link"><span>Ham-or-Spam</span></a>
</li>
</ul>
<div class="social">
<div class="social__logo">
<svg class="icon-logo">
<use xlink:href="img/sprite.svg#icon-logo"></use>
</svg>
<span>Say hey!</span>
</div>
<div class="social__bl">
<a href="mailto:[email protected]" class="social__link">
<p class="social__ico">
<svg class="icon icon-message">
<use xlink:href="img/sprite.svg#icon-message"></use>
</svg>
</p>
<span>[email protected]</span>
</a>
</div>
<div class="social__bl">
<a href="http://www.github.com/inderpartap" class="social__link social__link-github" target="_blank">
<p class="social__ico">
<svg class="icon icon-github">
<use xlink:href="img/sprite.svg#icon-github"></use>
</svg>
</p>
<span>github</span>
</a>
</div>
<div class="social__bl">
<a href="https://www.linkedin.com/in/inderpartapcheema/" class="social__link social__link-linkedin" target="_blank">
<p class="social__ico">
<svg class="icon icon-linkedin">
<use xlink:href="img/sprite.svg#icon-linkedin"></use>
</svg>
</p>
<span>linkedin</span>
</a>
</div>
<div class="social__bl">
<a href="http://www.behance.net/inderpartap" class="social__link social__link-behance" target="_blank">
<p class="social__ico">
<svg class="icon icon-behance">
<use xlink:href="img/sprite.svg#icon-behance"></use>
</svg>
</p>
<span>behance</span>
</a>
</div>
</div>
</nav>
<div class="portfolio js-portfolio">
<div class="portfolio__bl">
<a href="trendcast.html" class="portfolio__img js-portfolio-img" style="background-image: url(img/trendcast.png)">
<div class="portfolio__about">
<div class="portfolio__info">
<svg class="icon-logo"><use xlink:href="img/sprite.svg#icon-logo"></use></svg>
<p class="js-portfolio-text">Data Science Project</p>
</div>
</div>
</a>
</div>
</div>
<div class="mobile-skew-bg">
<section class="part js-offset">
<div class="l-center">
<div class="part__info">
<div class="title title-big title-special1 js-offset-content">
<p class="title__txt js-shadow-string">Trendcast</p>
</div>
<div class="part__bl js-offset-content">
<h2>Impact of Weather on Short-time Demand Forecast for Fashion Retailers</h2>
<div class="part__txt">
<h3>Role</h3>
<p>Data ETL, Frontend Application Development, Model Creation</p>
</div>
<div class="part__txt">
<h3>Date</h3>
<p>January 2020 - April 2020</p>
</div>
<div class="part__txt">
<h3>Source Code</h3>
<p>View the Github repository <a target="_blank" href="https://github.com/inderpartap/trendcast" style="text-decoration: none;">here</a></p>
</div>
</div>
</div>
</div>
<div class="part__cover js-offset-content" data-time="1.5">
<div class="part__center">
<img src="img/trendcast/trendcast-note.png" alt="">
</div>
</div>
</section>
<section class="objective js-offset">
<div class="l-center">
<div class="objective__bl margin-top-20 js-offset-content" data-time="1.5">
<div class="objective__txt">
<h3>Objective</h3>
<p>In collaboration with <a target="_blank" href="https://myfind.ai" style="text-decoration: none;">FIND AI</a>, we decided to pitch on an estimated assumption that the consumer behavior may be affected by weather, especially in the fashion industry. Retailers often end up over-stocking or under-stocking their inventories due to an unpredictable and unexplained consumer behavior. Our efforts are focused in eliminating this unpredictability and help retailers better manage their inventories by making informed decisions also considering weather as an influencing factor.</p>
</div>
<div class="objective__visual js-offset-content">
<div class="video video_alt video-shadow">
<div class="bar"><i></i></div>
<div class="video__bl">
<video class="video__el js-video" poster="img/trendcast/poster1.png" data-path="video/trendcast.mp4" autoplay loop>
<source src="#" type="video/mp4">
</video>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="query query-black query-full-w">
<div class="l-center">
<div class="query__bl js-offset">
<div class="query__el js-offset-content">
<img src="img/trendcast/sales.png" alt="">
</div>
</div>
<div class="query__bl js-offset">
<div class="query__el js-offset-content">
<img src="img/trendcast/city.png" alt="">
</div>
</div>
<div class="query__bl js-offset">
<div class="query__el js-offset-content">
<img src="img/trendcast/department.png" alt="">
</div>
</div>
<div class="query__bl js-offset">
<div class="query__el js-offset-content">
<img src="img/trendcast/error.png" alt="">
</div>
</div>
</div>
</section>
</div>
<section class="query query-black">
<div class="l-center">
<div class="js-offset">
<div class="title title-right title-special2 js-offset-content">
<p class="title__txt js-shadow-string ">Data Pipeline</p>
</div>
</div>
<div class="query__center js-offset">
<div class="trendcast-bg"><span></span></div>
<img class="query__img js-offset-content" style="max-width:700px" src="img/trendcast/pipleline.png" alt="">
</div>
</div>
</section>
<div class="footer footer-inner">
<div class="l-center">
<div class="js-offset-content is-visible">
<div class="social">
<p class="social__logo">
<svg class="icon-logo"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="img/sprite.svg#icon-logo"></use></svg>
<span>Say hey!</span>
</p>
<div class="social__bl">
<a href="mailto:[email protected]" class="social__link">
<p class="social__ico">
<svg class="icon icon-message">
<use xlink:href="img/sprite.svg#icon-message"></use>
</svg>
</p>
<span>[email protected]</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="js/app.js"></script>
</body>
</html>