<!DOCTYPE html>
<html lang="
el
">
<head>
<meta
charset="UTF-8">
<meta
name="viewport" content="width=device-width,
initial-scale=1.0">
<meta
name="description" content="
Ãñ
áöåßï
Ôåëåôþí
Áõãïýëçò
óôï
ÁéãÜëåù
. Õð
çñåóßåò
ìå
óå
âáóìü
êáé á
îéï
ðñÝðåéá.">
<title>
Ãñ
áöåßï
Ôåëåôþí
Áõãïýëçò
|
ÁéãÜëåù
</title>
<style>
* {
padding:
0;
margin:
0;
box-sizing:
border-
box;
}
html {
font-size:
16px;
font-family:
'Inter', sans-
serif;
}
body {
line-height:
1.6;
padding-bottom:
30px;
}
header {
position:
sticky;
top:
0;
background-
color
:
white;
padding: 10px
0;
box-shadow: 0
2px 4px
rgba
(
0,0,0,0.1
);
z-index:
100;
}
nav ul {
display:
flex;
justify-content:
space-
around;
list-style:
none;
background-
color
:
transparent;
}
nav ul li a {
text-decoration:
none;
color
:
rgb
(
7, 7, 194
);
font-size:
1rem;
}
nav ul li
a:hover
{
color
:
darkblue
;
text-decoration:
underline;
}
section {
padding:
20px;
}
h1 {
color
:
rgb
(
7, 7, 194
);
margin-bottom:
10px;
}
.
stoixeia
, .
epikinonia
{
list-style:
none;
padding: 5px
0;
color
:
rgb
(
7, 7, 194
);
}
.photo
img
{
max-width:
100%;
height:
auto;
margin: 10px
0;
border-radius:
8px;
}
.map
-container
{
text-align:
center
;
margin-top:
20px;
}
.map
-container
iframe
{
width:
100%;
max-width:
800px;
height:
400px;
border:
none;
border-radius:
10px;
box-shadow: 0px
4px 10px
rgba
(
0, 0, 0, 0.2
);
}
.contact
-form
{
max-width:
500px;
margin:
auto;
display:
flex;
flex-direction:
column;
gap:
15px;
}
.contact
-form
label {
font-weight:
bold;
}
.contact
-form
input,
.contact
-form
textarea
{
padding:
10px;
border: 1px
solid #
ccc;
border-radius:
5px;
width:
100%;
}
.contact
-form
button {
padding:
10px;
background-
color
: #
007bff;
color
:
white;
border:
none;
cursor:
pointer;
border-radius:
5px;
}
footer {
text-align:
center
;
padding:
20px;
background-
color
: #
f5f5f5;
margin-top:
40px;
}
</style>
</head>
<body>
<header>
<nav>
<ul>
<li><a
href
="#">
Áñ÷éêÞ
</a></li>
<li><a
href
="#">Õð
çñåóßåò
</a></li>
<li><a
href
="#">Åð
éêïéíùíß
á</a></li>
</ul>
</nav>
</header>
<section>
<h1>
Ãé
áôß íá ìáò åð
éëÝîåôå
</h1>
<p>
Ôï
ãñ
áöåßï ìáò
åßí
áé
óôïí
÷þñï
ôùí
ôåëåôþí
êáé
ôùí
ìíçìïóýíùí
ð
Üíù
áðü 40
÷ñüíé
á,
ìå
Ýäñ
á
ôï
ÁéãÜëåù
.
Åßì
áóôå
åäþ
ãé
á íá óáò
óôçñßîïõìå
êáé íá óáò êá
èïäçãÞóïõìå
óå
á
õôÞ
ôç
äýóêïëç
óôéãìÞ
.
Ìå
óå
âáóìü êáé
åõ
áéóèçóßá, áíáëáìâ
Üíïõìå
ôçí
ïñãÜíùóç
ôçò
ôåëåôÞò
áð
ï÷
áéñåôéóìïý
ôïõ
áãáð
çìÝíïõ
óáò
ð
ñïóþ
ðïõ.<
/p>
</section>
<section>
<h1>
Ïé
õð
çñåóßåò
ìáò</h1>
<ul>
<li
class="
stoixeia
">
Êçäåß
á</li>
<li
class="
stoixeia
">Áð
ïôåöñþóç
</li>
<li
class="
stoixeia
">
Ìíçìüóõíï
</li>
<li
class="
stoixeia
">
Ìåô
áöïñÜ
óùñïý
</li>
<li
class="
stoixeia
">Åðáíáðá
ôñéóìüò
</li>
<li
class="
stoixeia
">
Áíèïóôïëéóìïß
-
ÓôåöÜíé
á</li>
</ul>
</section>
<section>
<h1>
Öùôïãñ
áößåò</h1>
<div
class="photo"><
img
src
="
img
/stolismos.jpg"
alt="
Óôïëéóìüò
"></div>
<div
class="photo"><
img
src
="
img
/feretro.jpg"
alt="
ÖÝñåôñï
"></div>
<div
class="photo"><
img
src
="
img
/koliba1.jpg"
alt="
Êüëëõ
âá"></div>
</section>
<section>
<h1>
Óôïé÷åß
á åð
éêïéíùíß
áò</h1>
<ul>
<li
class="
epikinonia
">
📍
Äçìïêñ
áôßáò 63,
ÁéãÜëåù
,
12244</li>
<li
class="
epikinonia
">
☎️
<a
href
="tel:2105445591">2105445591</a>,
<a
href
="tel:6977423423">6977423423</a></li>
<li
class="
epikinonia
">
📧
<a
href="mailto:nikos.avgoulis@gmail.com">nikos.avgoulis@gmail.com</a></li>
<li
class="
epikinonia
">
🕒
24ùñç
ëåéôïõñãß
á,
êÜèå
ìÝñ
á</li>
</ul>
</section>
<div
class="map-container">
<h1>
Ôï
ðïèåóßá</h1>
<
iframe
src
="https://www.google.com/maps/
embed?pb
=!1m18..." loading="lazy"></
iframe
>
</div>
<section>
<h1>
Öüñì
á åð
éêïéíùíß
áò</h1>
<form
class="contact-form" action="https://formspree.io/f/
xkgolkky
" method="POST">
<label>
¼íïì
á</label>
<input
type="text" name="name" required>
<label>Åð
þíõìï
</label>
<input
type="text" name="
lastName
"
required>
<label>
ÔçëÝöùíï
</label>
<input
type="text" name="phone" required>
<label>Email</label>
<input
type="email" name="email" required>
<label>
ÌÞíõì
á</label>
<
textarea
name="message" rows="5"
required></
textarea
>
<button
type="submit">Áð
ïóôïëÞ
</button>
</form>
</section>
<footer>
<p>© 2025
Ãñ
áöåßï
Ôåëåôþí
Áõãïýëçò
. All rights
reserved.<
/p>
</footer>
</body>
</html>