-
Notifications
You must be signed in to change notification settings - Fork 2
/
contact.html
202 lines (193 loc) · 11.6 KB
/
contact.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" type="text/css">
<script defer src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script defer src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<script defer src="https://kit.fontawesome.com/8bab7cf7fa.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="assets/css/style.css" type="text/css">
<title>ASK Solutions Srls. Contact information</title>
</head>
<body>
<main>
<header class="flex-header">
<!-- ---------------------- LOGO ------------------------- -->
<div class="flexheader-logo">
<a class="col-2" href="home.html">
<img src="assets/imgs/logo3.jpg" alt="Logo image AsK" class="logo">
</a>
</div>
<!-- --------------LANGUAGES- -->
<div class="flexheader-language">
<ul class="list-inline languages">
<li class="list-inline-item">
<a href="home.html" type="button" class="btn-outline-light language-item-active shadow">
EN
</a>
</li>
<li class="list-inline-item">
<a href="home.html" type="button" class="btn-outline-light language-item" data-toggle="modal" data-target="#language-modal">
RU
</a>
</li>
<li class="list-inline-item decoration-none">
<a href="home.html" type="button" class="btn-outline-light language-item" data-toggle="modal" data-target="#language-modal">
UA
</a>
</li>
</ul>
</div>
<!-- ------------------ NAVIGATION --------------------- -->
<div class="flexheader-nav desktop">
<ul class="list-inline nav">
<li class="list-inline-item">
<a href="home.html" >
<h6 class="inactive">Home</h6>
</a>
</li>
<li class="list-inline-item">
<a href="cases.html" style="text-decoration:none;">
<h6 class="inactive">Cases</h6>
</a>
</li>
<li class="list-inline-item">
<a href="credentials.html" style="text-decoration:none;">
<h6 class="inactive">Credentials</h6>
</a>
</li>
</ul>
</div>
<!-- ----------------- CONTACT BUTTON ------------- -->
<div class="col desktop">
<a href="contact.html">
<button type="submit" class="btn btn-primary">Contact us</button>
</a>
</div>
</header>
<!-- ------------invisible button that appears on mobile version only - -->
<div class="offset-8 mobile">
<div class="btn-group">
<button type="button" class="btn1 btn-secondary" data-toggle="dropdown"
data-display="static" aria-haspopup="true" aria-expanded="false">
<svg width="1.5em" height="1.5em" viewBox="0 0 16 16" class="bi bi-justify" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M2 12.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
<div class="dropdown-menu dropdown-menu-right">
<a href="home.html" class="dropdown-item" id="dropdown-item-common" type="button">Home</a>
<a href="cases.html" class="dropdown-item" id="dropdown-item-common" type="button">Cases</a>
<a href="credentials.html" class="dropdown-item" id="dropdown-item-common" type="button">Credentials</a>
<a href="contact.html" class="dropdown-item" id="dropdown-item-ask" type="button">Contact us</h3></a>
</div>
</div>
</div>
<!-- -------------- CONTENT-SECTION-TITLE---------------------------- -->
<section class="container">
<div class="row">
<div class="col-12">
<a href="contact.html"><h1 class="title">Contact us!</h1></a>
</div>
</div>
<div class="contact-content">
<!-- ---------------MAP&FORM SECTION ---------------------------- -->
<!------------ MAP ------------------------------->
<div class="map-wrapper">
<div>
<h5 class="map-title"> Our contact details:</h5>
<p class="map-address">via Cervia 43p, Fregene, RM, Italy, 00054.
<br>tel: +39 324 7917 555
<br>Email: [email protected]
</p>
<div class="map-map">
<iframe src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d742.8766015697811!2d12.2014584!3d41.8604499!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sit!4v1602074701696!5m2!1sen!2sit" width="360" height="270" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0">
</iframe>
</div>
</div>
</div>
<!-- ---------- FORM------------------------------------------ -->
<div class="form-wrapper">
<h5 class="form-title">Let us think together how to solve your issue!</h5>
<p class="form-invite">Please, write 1-2 sentences about your critical issue,<br>let us think about it!</p>
<div class="form-form">
<form>
<input type="text" name="name" id="fullname" class="form-control" placeholder="Name" required/>
<input type="email" name="email" id="emailaddress" class="form-control" placeholder="Email" required/>
<textarea rows="5" name="projectsummary" id="projectsummary" class="form-control" placeholder="Problem description" required></textarea>
<div class="form-row text-center">
<div class="col">
<button type="submit" class="btn btn-primary">Send</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- -----------------FOOTER-SECTION ------------------------- -->
<footer class="flex-footer">
<div class="flexfooter-box1 desktop">
<div class="row list-inline ">
<p class="col list-inline-item footer-item1">
Registration:
</p>
<div class="list-inline-item">
<p class="col registration-detail">IVA no: 15828211001</p>
<p class="col registration-detail">REA no: RM-1616946 </p>
</div>
</div>
</div>
<div class="flexfooter-box2 desktop">
<div class="row list-inline">
<p class="col list-inline-item footer-item1">Address:</p>
<p class="col list-inline-item footer-item2">via Cervia 43P, Fregene, RM, Italy; <br> tel:+39 324 7917 555</p>
</div>
</div>
<div class="flexfooter-box3">
<ul class="list-inline social-media-box">
<li class="list-inline-item">
<a target="_blank" href="https://www.linkedin.com/in/asaltanchuk/" type="button" class="btn-outline-light language-item shadow">
<i class="fa fa-linkedin "></i>
</a>
</li>
<li class="list-inline-item">
<a target="_blank" href="https://askfrsltn.github.io/andriysaltanchuk_cv/" type="button" class="btn-outline-light language-item shadow">
<i class="fa fa-github"></i>
</a>
</li>
<li class="list-inline-item decoration-none">
<a target="_blank" href="https://askfrsltn.github.io/andriysaltanchuk_cv/" type="button" class="btn-outline-light language-item shadow">
<i class="fa fa-youtube"></i>
</a>
</li>
</ul>
</div>
</footer>
</article>
<!-- -------------- LANGUAGES-MODAL for UA and RU - -->
<div class="modal fade" id="language-modal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Message | Сообщение | Повідомлення </h4>
<button type="button" class="close" data-dismiss="modal"><span>×</span></button>
</div>
<div class="modal-body">
<p>[EN] Russian and Urkrainian pages are currently under construction, sorry for inconvenience</p>
<hr>
<p>[RU] Страницы на русском и украинском языках находятся в стадии разработки,
извините за временные неудобства</p>
<hr>
<p>[UA] Сторінки на українській та россійській мовах знаходяться в стані розробки,
вибачте за тимчасові незручності</p>
</div>
</div>
</div>
</div>
</body>
</html>