-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathit_ecomerce.html
216 lines (200 loc) · 11.1 KB
/
it_ecomerce.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Here you can find more information about our it & e-commerce services.">
<title>IT & e-commerce</title>
<link rel="stylesheet" href="css/style.min.css">
</head>
<body>
<div class="wrapper">
<header class="head__header header">
<div class="container header__container">
<div class="header__inner">
<ul class="header__langs">
<li class="header__langs-item">
<a class="header__langs-link" href="#">UA</a>
</li>
<li class="header__langs-item">
<a class="header__langs-link" href="#">RU</a>
</li>
<li class="header__langs-item">
<a class="header__langs-link active" href="#">EN</a>
</li>
</ul>
<span class="dotted"></span>
<p class="header__address">Kyiv, Mechnikova str., 14/1</p>
<span class="dotted"></span>
<a class="header__phone" href="tel:+30800211927">0800 211 927</a>
<span class="dotted"></span>
<a class="header__social" href="https://uk-ua.facebook.com/" target="_blank">
<svg>
<use href="images/sprite.svg#facebook"></use>
</svg>
</a>
</div>
<div class="header__box">
<a class="header__box-logo" href="index.html">
<img src="images/logo.svg" alt="Hlegal" width="69" height="32">
<svg class="header__box-logo-slash">
<use href="images/sprite.svg#slash"></use>
</svg>
<span class="header__box-logo-text">services</span>
</a>
<div class="header__box-burger">
<span></span>
</div>
</div>
<nav class="header__nav">
<div class="header__nav-close"></div>
<ul class="header__list">
<li class="header__list-item header__list-item--border">
<a class="header__list-link" href="#">about us</a>
</li>
<li class="header__list-item header__list-item--border">
<a class="header__list-link" href="services.html">services</a>
</li>
<li class="header__list-item header__list-item--border">
<a class="header__list-link" href="#">team</a>
</li>
<li class="header__list-item header__list-item--border">
<a class="header__list-link" href="#">publications</a>
</li>
<li class="header__list-item header__list-item--border">
<a class="header__list-link" href="#">contact</a>
</li>
</ul>
</nav>
</div>
</header>
<section class="it">
<div class="container">
<div class="it__container">
<div class="it__container__img">
<svg>
<use href="#iconEccomerce"></use>
</svg>
</div>
<h1 class="it__container__title">IT and e-commerce</h1>
<p class="it__container__paragraph">An endless stream of contracts, tax issues, labor relations, corporate papers - legal work distracts you from doing business. But there is not much work to do to hire an in-house lawyer.</p>
<p class="it__container__paragraph">In addition, over time, the work will become the same type and uninteresting for a full-time lawyer. And we know very well how difficult it is to find a good candidate with experience in the field of information technology in Ukraine.</p>
<button class="it__container__btn" id="open_form_btn" aria-label="ask_me">Free consultation</button>
</div>
</div>
</section>
<section class="propose">
<div class="container">
<h3 class="propose-title">Services in this area:</h3>
<ul class="propose__list list_custom">
<li class="propose__list-item propose__list-item--one">support of investment projects for the development of port infrastructure;</li>
<li class="propose__list-item propose__list-item--two">certification of GTS, entering information about them in mandatory databases and registers;</li>
<li class="propose__list-item propose__list-item--three">registration of permits for the construction of port terminals;</li>
<li class="propose__list-item propose__list-item--four">registration of permit and other mandatory documentation required for carrying out activities in the port (emission permit, conclusion on EIA, RTC, etc.);</li>
<li class="propose__list-item propose__list-item--five">support of procedures related to the lease of state property in the port;</li>
<li class="propose__list-item propose__list-item--six">support of procedures related to confirmation of the status of port operator, maritime agent, foreign sailing line;</li>
<li class="propose__list-item propose__list-item--seven">support of procedures related to the inclusion of the company within the port;</li>
<li class="propose__list-item propose__list-item--eight">appeals against actions related to the illegal imposition of services in the port by monopoly companies.</li>
</ul>
</div>
</section>
</div>
<main>
<section class="publications publications--marg80px">
<div class="container">
<a class="publications-link" href="#">Publications</a>
<h2 class="publications-title">Recommended</h2>
<div class="publications__container">
<div class="publications__container__card">
<a class="publications__container__card-img" href="#">
<picture><source srcset="images/Assos.webp" type="image/webp"><img src="images/Assos.png" alt="Equity associate" width="1000" height="600"></picture>
</a>
<div class="publications__container__card__box">
<h4 class="publications__container__card__title"><a href="#">Equity associate</a></h4>
<h5 class="publications__container__card__subtitle">April 22</h5>
<p class="publications__container__card__text">I'm a jun on projects. I am a co-owner of a law firm. How it happened. Before entering my parents told me that if I…</p>
</div>
</div>
<div class="publications__container__card">
<a class="publications__container__card-img" href="#">
<picture><source srcset="images/gdpr.webp" type="image/webp"><img src="images/gdpr.png" alt="GDPR" width="1000" height="600"></picture>
</a>
<div class="publications__container__card__box">
<h4 class="publications__container__card__title"><a href="#">Penalty for the Good Corporation: what will happen to Google and others for violating the GDPR</a></h4>
<h5 class="publications__container__card__subtitle">September 29</h5>
<p class="publications__container__card__text">And why the recovery of 50 million euros could be a fateful precedent According to Mind.ua January 21 National Commission for Data Protection.</p>
</div>
</div>
<div class="publications__container__card">
<a class="publications__container__card-img" href="#">
<picture><source srcset="images/team.webp" type="image/webp"><img src="images/team.png" alt="GDPR" width="1000" height="600"></picture>
</a>
<div class="publications__container__card__box">
<h4 class="publications__container__card__title"><a href="#">Millennial Testament</a></h4>
<h5 class="publications__container__card__subtitle">August 19</h5>
<p class="publications__container__card__text">What and how modern vloggers, opinion leaders and crypto-millionaires will inherit A typical legacy of the Ukrainian generation X looks like this: an apartment in…</p>
</div>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="container">
<div class="container__footer">
<div class="container__footer__block_one">
<span class="container__footer__adress">Kyiv, Mechnikova str., 14/1</span>
<span class="dotted dotted--bg-grey"></span>
<h3 class="container__footer__subtitle">
<a href="https://www.google.com/maps" target="_blank">on map</a>
</h3>
</div>
<div class="container__footer__block_two">
<a class="container__footer__social" href="https://www.facebook.com/" target="_blank">
<svg>
<use href="images/sprite.svg#facebook"></use>
</svg>
</a>
<span class="dotted dotted--bg-grey"></span>
<a class="container__footer__phone" href="tel:+30800211927">0800 211 927</a>
<span class="dotted dotted--bg-grey"></span>
<a class="container__footer__email" href="mailto:contact@forstudy.space" target="_blank">contact@forstudy.space</a>
</div>
<span class="container__footer__name container__footer__name--services">© 2021 HLEGAL Law company, LLC</span>
</div>
</div>
</footer>
<div class="pop_up" id="my-pop-up">
<form class="pop_up__box" action="https://fom.in.ua/echo" target="_blank" method="post" name="form_pop_up">
<div class="pop_up__header">
<div class="pop_up-close" id="close_form_pop_up"></div>
<h2 class="pop_up__box-title">We would like to help you</h2>
</div>
<input class="pop_up__box-input" type="text" placeholder="Name" required>
<textarea class="pop_up__box-text" name="message" id="form-message" cols="30" rows="10" placeholder="Message" required></textarea>
<h3 class="pop_up__box-subtitle">How to answer you?</h3>
<input class="pop_up__box-input" type="tel" placeholder="Phone number" required>
<input class="pop_up__box-input" type="email" placeholder="Email" required>
<button class="pop_up__box-button">Send message</button>
</form>
</div>
<svg class="hiden" xmlns="http://www.w3.org/2000/svg">
<symbol id="iconEccomerce" viewBox="0 0 64 64" fill="none">
<path fill="url(#c)" d="M23.734 28.125a2 2 0 0 0 2-2v-7.8A6.332 6.332 0 0 1 32.058 12a6.333 6.333 0 0 1 6.325 6.325v7.8a2 2 0 0 0 4 0v-7.8C42.383 12.632 37.752 8 32.058 8c-5.692 0-10.324 4.632-10.324 10.325v7.8a2 2 0 0 0 2 2Z"/>
<path fill="url(#b)" d="M55 23.63H44.384v2.495c0 2.206-1.794 4-4 4s-4-1.794-4-4V23.63h-8.649v2.494c0 2.206-1.794 4-4 4s-4-1.794-4-4V23.63H9c-.552 0-.893.435-.762.97L15.236 53.1c.422 1.602 2.108 2.9 3.764 2.9h26c1.658 0 3.342-1.298 3.766-2.9l6.996-28.497c.131-.537-.209-.971-.762-.971Z"/>
<path fill="#fff" d="M28.6 34.4a1.4 1.4 0 1 1 2.8 0v6.95V40a1.4 1.4 0 1 1 2.8 0v1.676c.013-.762.635-2.376 1.4-2.376a1.4 1.4 0 0 1 1.4 1.4s.041 1.041.133 1.103C37.357 41.33 37.84 40 38.4 40a1.4 1.4 0 0 1 1.4 1.4v7a2.8 2.8 0 0 1-2.8 2.8h-4.68a5.6 5.6 0 0 1-3.96-1.64l-2.21-2.21L23 45.94c.005-1.337 1.053-1.74 2.1-1.74.902 0 1.714.14 3.5 1.05V34.4Z"/>
<defs>
<linearGradient id="c" x1="32.058" x2="32.058" y1="8" y2="28.125" gradientUnits="userSpaceOnUse">
<stop stop-color="#EF8080"/>
<stop offset="1" stop-color="#F0145A"/>
</linearGradient>
<linearGradient id="b" x1="32" x2="32" y1="23.631" y2="56" gradientUnits="userSpaceOnUse">
<stop stop-color="#EF8080"/>
<stop offset="1" stop-color="#F0145A"/>
</linearGradient>
</defs>
</symbol>
</svg>
<script src="js/main.min.js"></script>
</body>
</html>