-
Notifications
You must be signed in to change notification settings - Fork 1
/
kariyer.html
326 lines (309 loc) · 17.2 KB
/
kariyer.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
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<title>Kariyer</title>
<link rel="icon" type="image/x-icon" href="/img/favicon.png">
<link rel="stylesheet" href="css/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<style>
/* Add your CSS styles here */
/* Responsive styles for small screens */
@media (max-width: 768px) {
.col-12{
width: 100%;
margin-bottom: 20px;
}
}
</style>
</head>
<header>
<div class="row justify-content-center bg-dark d-none animate__animated animate__slideInDown"
id="searchBarContainer">
<div class="container" id="search-bar-div">
<form action="post" class="d-flex">
<input type="text" class="form-control-search form-control text-white"
placeholder="Aramak istediğiniz sorguyu giriniz...">
<button type="button" class="btn search-btn"><a href="#" class="text-decoration-none"><svg
xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-search" viewBox="0 0 16 16">
<path
d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z" />
</svg></a>
</button>
</form>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-light bg-white text-dark container-fluid">
<div class="container-fluid">
<img src="./img/pidevalli_logo.png" width="10%" height="10%" class="img-fluid footer-logo"><a
class="navbar-brand text-dark" href="#"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample08"
aria-controls="navbarsExample08" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</button>
<nav class="navbar navbar-expand-lg navbar-dark bg-white" aria-label="Tenth navbar example">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarsExample08" aria-controls="navbarsExample08" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-md-center bg-white px-4 py-3 mx-4"
id="navbarsExample08">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link text-dark" aria-current="page"
href="./anasayfa.html">Ana Sayfa</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" aria-current="page"
href="./hakkimizda.html">Hakkımızda</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="./kariyer.html">Kariyer</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="./subelerimiz.html">Şubelerimiz</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="./iletisim.html">İletişim</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="./pdf/Covid-19.pdf" target="_blank">Covid-19
Önlemler</a>
</li>
<li class="nav-item sg px-2">
<a class="nav-link disabled text-dark" href="#" tabindex="-1" aria-disabled="true"> |
</a>
</li>
<li class="nav-item float-bottom ">
<button class="search-button nav-link text-dark" id="searchButton">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-search" viewBox="0 0 16 16">
<path
d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z" />
</svg>
</button>
</li>
<li class="nav-item sg px-2">
<a class="nav-link disabled text-dark" href="#" tabindex="-1" aria-disabled="true"> |
</a>
</li>
<li class="nav-item ">
<button type="button" class="btn rezervasyon-btn"><a href="https://www.rezervin.com/tr/"
target="_blank" class="text-decoration-none">Rezervasyon</a></button>
</li>
</ul>
</div>
</div>
</nav>
</nav>
</header>
<body>
<div class="">
<div style="position: relative;" class="bg-image hover-zoom shadow-lg">
<img src="img/hakkimizda-banner (1).png" style="width: 100%; object-fit: cover;" height="300px">
<span class="responsive-text">Kariyer</span>
</div>
</div>
<div class="container directory p-0 m-0">
<p class="text-dark text-left directory-text pl-12 py-3"><b>ANA SAYFA > Kariyer</b></p>
</div>
<div class="container">
<div class="row justify-content-start">
<div class="col-lg-12">
<h3 class="text-dark text-decoration-underline"><b>Pidevalli Ailesine Katılmak İster misiniz?</b>
</h3>
</div>
</div>
<div class="row">
<div class="col-12 col-md-6">
<ul>
<li>
<p class="text-dark">Pidevalli ailesine katılmak için burada olduğunuz için mutluyuz! Karadeniz
Pide Salonu temamızla öne çıkan, lezzetli pide çeşitlerimizle tanınan ve müşterilerimize
unutulmaz bir deneyim sunan bir restoranız. Biz, ekip çalışmasını değer veren, lezzet
tutkunu ve misafir memnuniyetini odak noktası olarak benimseyen yetenekli ve tutkulu
insanlar arıyoruz.</p>
</li>
<br />
<li>
<p class="text-dark">Pidevalli'de çalışmak, sadece bir işe başlamak değil, aynı zamanda bir
aileye katılmaktır. Sıcak, samimi ve dinamik bir çalışma ortamı sunuyoruz. İşimize tutkuyla
yaklaşan, yaratıcı düşünen ve ekip ruhuyla çalışabilen bireylerle birlikte büyümek
istiyoruz.
</p>
</li>
<br />
<li>
<p class="text-dark">Çalışanlarımızın yeteneklerini geliştirmek ve kariyerlerinde ilerlemelerine
destek olmak için çeşitli fırsatlar sunuyoruz. İşe alım sürecimiz adil ve şeffaf bir şekilde
yürütülür. Çalışanlarımızın kendilerini geliştirebilecekleri eğitim programları ve yükselme
fırsatları sağlıyoruz.</p>
</li>
</ul>
</div>
<div class="col-12 col-md-6">
<div class="container">
<img src="img/Hakkımızdaşef2.jpg" class="img-fluid">
<div class="card career-box-1 d-none d-md-block"></div>
</div>
</div>
</div>
<br />
<hr />
<br />
<div class="row justify-content-start">
<div class="col-lg-12">
<h3 class="text-dark text-decoration-underline"><b>Pidevalli'de Deneyim Çeşitliliği</b>
</h3>
</div>
</div>
<div class="row">
<div class="col-12 col-md-6">
<div class="container">
<img src="img/Hakkımızdaşef3.jpg" class="img-fluid">
<div class="card career-box-2 d-none d-md-block"></div>
</div>
</div>
<div class="col-12 col-md-6">
<ul>
<li>
<p class="text-dark">
Eğer enerjik, misafirperver, güleryüzlü ve pideye olan sevginizi paylaşmak istiyorsanız,
sizinle tanışmak için sabırsızlanıyoruz.
</p>
</li>
<br />
<li>
<p class="text-dark">
Bizimle iletişime geçmek veya sorularınızı sormak için her zaman buradayız. Lütfen iletişim
bilgilerimizden bize ulaşmaktan çekinmeyin.
</p>
</li>
<br />
<li>
<p class="text-dark">
Pidevalli'ye hoş geldiniz ve umarız sizinle birlikte lezzet dolu bir yolculuğa çıkabiliriz!
</p>
</li>
</ul>
</div>
</div>
<br />
<br />
<div class="send-button-div">
<div class="row justify-content-center">
<button class="send-button"><b>Hemen Başvur</b></button>
</div>
</div>
</div>
</body>
<br />
<hr />
<br />
<footer class="footer justify-content-center">
<div class="container">
<div class="row">
<div class="col-3 col-md-2 mb-3">
<h2 class="text-dark text-decoration-underline"><b>İletişim</b></h2>
<ul class="nav flex-column">
<li class="nav-item mb-2 py-3"><a href="#" class="nav-link p-0 text-dark footer-left-link"><svg
xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor"
class="bi bi-geo-alt-fill" viewBox="0 0 16 16">
<path
d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z" />
</svg><b>Acıbadem Mah. No. 212/19 Kadıköy, İstanbul</b></a></li>
<li class="nav-item mb-2 py-3"><a href="#" class="nav-link p-0 text-dark footer-left-link"><svg
xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor"
class="bi bi-telephone-fill" viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
</svg><b> 0212 212 21 21</b></a></li>
<li class="nav-item mb-2 py-3"><a href="#" class="nav-link p-0 text-dark footer-left-link"><svg
xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor"
class="bi bi-envelope-fill" viewBox="0 0 16 16">
<path
d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z" />
</svg> <b>iletisim@pidevalli.com.tr</b></a></li>
</ul>
</div>
<div class="col-md-6">
</div>
<div class="col-md-3 offset-md-1 mb-3 justify-content-end">
<a href="#" class="text-decoration-none text-dark footer-right-link"><b>Bilgi Toplumu Hizmetleri</b></a>
<br />
<br />
<a href="#" class="text-decoration-none text-dark footer-right-link"><b>Kişisel Veri Korunumu</b></a>
<br />
<br />
<a href="#" class="text-decoration-none text-dark footer-right-link"><b>Çerez Politikası</b></a>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-4 col-sm-8">
<div class="card justify-content-center" style="border:none;">
<div class="card-body shadow custom-rounded card-">
<ul class="list-group list-group-flush">
<li class="list-group-item">
<p class="text-dark text-center"><b>Size Özel Ziyaretçi Hattımız!</b></p>
</li>
<li class="list-group-item">
<p class="text-dark text-center"><b><a href="tel:02122122121"
class="text-decoration-none text-dark phone-number">+90 212 212 21
21</a></b></p>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row border-top my-3 py-3">
<div class="col-3">
<img src="img/pidevalli_logo.png" width="10%" height="10%" class="img-fluid footer-logo">
</div>
<div class="col-3">
</div>
<div class="col-6">
<p class="text-dark text-right">© 2023 Pidevalli. Tüm hakları saklıdır.</p>
</div>
</div>
</div>
</div>
</footer>
<script src="/js/extra.js"></script>
<script>
document.getElementById('searchButton').addEventListener('click', function () {
document.getElementById('searchBarContainer').classList.toggle('d-none');
var searchBarDiv = document.getElementById('search-bar-div');
searchBarDiv.style.display = 'block';
searchBarDiv.classList.add('animate__fadeIn');
});
document.addEventListener('DOMContentLoaded', function () {
var myIcon = document.getElementById('searchButton');
var isIconChanged = false;
myIcon.addEventListener('click', function () {
if (isIconChanged) {
myIcon.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z" /></svg>';
isIconChanged = false;
} else {
myIcon.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-x" viewBox="0 0 16 16"><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/></svg>';
isIconChanged = true;
}
});
});
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
</html>