forked from ilez-kurskiev/stupin
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
225 lines (204 loc) · 9.9 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
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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Stupin IT</title>
<meta property="og:title" content="Mikhail Stupin" />
<meta name="description" content="Building IT Teams and products" />
<meta property="og:description" content="Building IT Teams and products" />
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/fullpage.css">
<script type="text/javascript" src="js/fullpage.js"></script>
</head>
<body class="hide">
<div class="background first over">
<img src="assets/icons/background.svg"/>
</div>
<header>
<div class="container flex">
<img src="assets/icons/logo.svg" alt="Stupin IT">
<quote>
Manage your IT-business <span class="blue">independence</span> so that nobody can slow you down
</quote>
</div>
</header>
<div class="wrapper">
<div id="fullpage">
<div class="section" id="section0">
<div class="container">
<div class="main-title">
<span class="default">I am</span>
<span class="blue">Mikhail</span>
<span class="transparent">Stupin</span>
</div>
<div class="main-description">
I build the best in class product development teams for and with you.
</div>
<main class="flex">
<div class="list">
<div class="title blue">My specialty</div>
<div class="content">
<div class="item">Building IT teams</div>
<div class="item">Global platform thinking</div>
<div class="item">Elegant solutions for complex cases</div>
</div>
</div>
<div class="list">
<div class="title hide">My specialty</div>
<div class="content">
<div class="item">Launching Projects</div>
<div class="item">Proven anti-crisis strategies</div>
<div class="item">Efficient competence centers and control systems</div>
</div>
</div>
</main>
<div class="mouse flex">
<div class="content">Scroll down to learn more</div>
</div>
</div>
</div>
<div class="section" id="section1">
<div class="container">
<div class="main-title">
Management
</div>
<main class="flex column">
<div class="card-list flex">
<div class="card">
<div class="title">In-house work and IT consulting</div>
<div class="description">We’re as flexible as IT teams get. Ready to work both in-house and on a project basis</div>
</div>
<div class="card">
<div class="title">Fast MVP launches</div>
<div class="description">Develop an MVP at lightning speed to allow you to win a market niche in time </div>
</div>
</div>
<div class="card-list flex">
<div class="card">
<div class="title">Anti-crisis solutions and managment of complicated cases</div>
<div class="description">If you have lost control of the situation, I will help you develop a strategy to restore it and strengthen your position</div>
</div>
<div class="card">
<div class="title">Building transparent processes within your team</div>
<div class="description">With the right approach, you can assemble a result-oriented team driven by leadership ideology </div>
</div>
</div>
<div class="card-list flex">
<div class="card">
<div class="title">Building teams and talent development plans</div>
<div class="description">I can rapidly assemble a core team for you minimizing the risk of wasting time and money. Your employees will love their job and grow quickly</div>
</div>
<div class="card">
<div class="title">In-house business processes automation</div>
<div class="description">We will design and automate scalable business processes, and implement solutions for their management and control</div>
</div>
</div>
</main>
</div>
</div>
<div class="section" id="section2">
<div class="container">
<div class="main-title">
Development
</div>
<main class="flex column">
<div class="card-list flex">
<div class="card">
<div class="title">Fundamental software engeneering</div>
<div class="description">The highest level of coding combined with math allows us to lay a powerful foundation for future software development</div>
</div>
<div class="card">
<div class="title">Software architecture design</div>
<div class="description">A well-designed architecture significantly increases product quality and safety, as well as its growth potential. All while minimizing maintenance costs</div>
</div>
</div>
<div class="card-list flex">
<div class="card">
<div class="title">Business & System analysis </div>
<div class="description">Allows to define the goals both at the business and system level to significantly speed up the development process and reduce risks by the time the system starts scaling</div>
</div>
<div class="card">
<div class="title">Server infrastructure design</div>
<div class="description">Properly designed server infrastructure will allow your product to have the maximum performance and resiliency</div>
</div>
</div>
<div class="card-list flex">
<div class="card">
<div class="title">Use of math models & Algorithms</div>
<div class="description">Saves enormous amounts of resources and allows to increase profits. With models and algorithms, you won't have to limit yourself when thinking of the future capabilities of your systems</div>
</div>
<div class="card">
<div class="title">Functional & Automated QA</div>
<div class="description">A well-configured combination of functional and automated testing allows for 10X reduction in time for both preparing new releases and checking over the state of your environment</div>
</div>
</div>
</main>
</div>
</div>
<div class="section" id="section3">
<div class="container">
<div class="main-title">
Product
</div>
<main class="flex column">
<div class="card-list flex">
<div class="card">
<div class="title">Digital product development</div>
<div class="description">We build useful digital products (web services and mobile applications) with multi-level logical chains</div>
</div>
<div class="card">
<div class="title">Product design factory </div>
<div class="description">Our design team understands not only the principles of creating high-quality UX / UI, but also the subject area to build truly easy-to-use products </div>
</div>
</div>
<div class="card-list flex">
<div class="card">
<div class="title">Product management</div>
<div class="description">We create strategies and approaches to effectively use your basic resources - time and money - and allow you to build products your users will love</div>
</div>
<div class="card">
<div class="title">Cross-functional communications</div>
<div class="description">We know how to involve all interested parties in the product development process and make it really attractive for them</div>
</div>
</div>
<div class="card-list flex">
<div class="card">
<div class="title">Customer development</div>
<div class="description">Your users can help you validate hypotheses and build solutions they actually need. We know how to talk to them to get all the right answers</div>
</div>
<div class="card">
<div class="title">Setting Metrics & KPIs</div>
<div class="description">Set your goals and start measuring the right things from the very beginning to clearly determine the priorities, and define the effectiveness of any actions</div>
</div>
</div>
</main>
</div>
</div>
<div class="section" id="section4">
<div class="as-background-wrapper">
<img src="assets/misha.png" class="as-background">
</div>
<div class="container flex">
<div class="main-title small right-align">
<span class="blue">Unique methodology</span><br/> for building efficient<br/> IT teams
</div>
<div class="coming">👋 Welcome</div>
<form id="email">
<div class="description right-align">Leave your email for application</div>
<div class="form-wrapper flex">
<input required type="email" name="email" placeholder="Enter your email">
<button>Get it</button>
</div>
</form>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>