<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Contact Information</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" />
<style>
body {
font-family: 'Roboto', sans-serif;
background-color: #f8f9fa;
padding: 20px;
}
.contact-card {
background: #fff;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 20px;
margin: auto;
max-width: 550px;
}
.contact-card h5 {
font-weight: bold;
color: #007bff;
margin-bottom: 10px;
}
.contact-card p {
margin: 5px 0;
font-size: 16px;
}
.contact-card a {
text-decoration: none;
font-weight: bold;
color: #007bff;
}
.map-container {
margin-top: 15px;
border-radius: 10px;
overflow: hidden;
}
</style>
<div class="contact-card text-center">
<h5>Address</h5>
<p><strong>Department of Educational Sciences Chair</strong></p>
<p>Pamukkale University Institute of Educational Sciences<span style="font-size: 10px;"> </span></p>
<p>Kınıklı Campus 20070 Merkez / DENİZLİ</p>
<h5>Location</h5>
<div class="map-container">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3123.5621697079497!2d29.0868414!3d37.7479449!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14c64cd2bfffffff%3A0x7c21102ab89254ac!2sPamukkale%20%C3%9Cniversitesi!5e0!3m2!1str!2str!4v1708356684145!5m2!1str!2str" width="100%" height="300" style="border:0;" loading="lazy" referrerpolicy="no-referrer-when-downgrade">
</iframe>
</div>
<p><a href="https://www.google.com/maps/place/Pamukkale+%C3%9Cniversitesi/@37.7479449,29.0868414,13.75z/data=!4m6!3m5!1s0x14c64cd2bfffffff:0x7c21102ab89254ac!8m2!3d37.7381573!4d29.1039378!16zL20vMDYyMmg0?entry=ttu" target="_blank">Open in Google Maps</a></p>
</div>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Contact Information</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" />
<style>
body {
font-family: 'Roboto', sans-serif;
background-color: #f8f9fa;
padding: 20px;
}
.contact-card {
background: #fff;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 20px;
margin: auto;
max-width: 550px;
}
.contact-card h5 {
font-weight: bold;
color: #007bff;
margin-bottom: 10px;
}
.contact-card p {
margin: 5px 0;
font-size: 16px;
}
.contact-card a {
text-decoration: none;
font-weight: bold;
color: #007bff;
}
.whatsapp-image {
width: 100%;
border-radius: 5px;
margin-top: 15px;
}
.phone-icon {
width: 30px;
margin-right: 10px;
vertical-align: middle;
}
</style>
<div class="contact-card text-center">
<h5>E-Mail</h5>
<p>Department Secretariat: <a href="mailto:akan@pau.edu.tr">ahmetozturk@pau.edu.tr</a></p>
<p><span style="font-size: 1.25rem; font-weight: bold; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #007bff;">Phone</span></p>
<p>📞 0 (258) 296 10 43 <br />
<small>(Ahmet Öztürk - Department Secretariat)</small></p>
<h5>Student Affairs</h5>
<p><img src="https://cdn.pau.edu.tr/BIYS/siteler/egitim/editor/telefon-icon-16.jpg" alt="Phone" class="phone-icon" /> 0 (258) 296 10 12</p>
<p><img src="https://cdn.pau.edu.tr/BIYS/siteler/egitim/editor/telefon-icon-16.jpg" alt="Phone" class="phone-icon" /> 0 (258) 296 10 13</p>
<p><img src="https://cdn.pau.edu.tr/BIYS/siteler/egitim/editor/telefon-icon-16.jpg" alt="Phone" class="phone-icon" /> 0 (258) 296 10 37</p>
<p><img src="https://cdn.pau.edu.tr/BIYS/siteler/egitim/editor/telefon-icon-16.jpg" alt="Phone" class="phone-icon" /> 0 (258) 296 11 28</p>
</div>