<![CDATA[
<!DOCTYPE html>
<html lang="hu">
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
color: #333;
}
header {
background: linear-gradient(to right, #00CFC0, #f4f4f4);
padding: 20px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
header img {
width: 120px;
background-color: transparent;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
nav ul li {
position: relative;
margin-left: 20px;
}
nav ul li a {
text-decoration: none;
font-weight: bold;
color: #fff;
display: block;
padding: 10px 15px;
}
nav ul li a:hover {
text-decoration: underline;
}
nav ul li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #00CFC0;
padding: 0;
margin: 0;
list-style: none;
}
nav ul li ul li {
width: 150px;
}
nav ul li ul li a {
padding: 10px;
color: #fff;
white-space: nowrap;
}
nav ul li:hover ul {
display: block;
}
.slogan {
font-size: 1.5em;
font-weight: bold;
color: #fff;
margin-left: 20px;
}
.content {
padding: 40px 20px;
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.intro-text {
width: 100%;
margin-bottom: 20px;
}
footer {
background-color: #00CFC0;
color: #fff;
padding: 20px;
text-align: center;
}
footer a {
color: #fff;
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
}
@media (min-width: 768px) {
.intro-text {
width: 60%;
}
.menu {
width: 30%;
text-align: right;
}
}
</style>
<body>
<header>
<div style="display: flex; align-items: center;">
<img src="/oosl3.jpg" alt="Smartlike Logo">
<div class="slogan">Okos megoldások, Okos otthon</div>
</div>
<nav>
<ul>
<li><a href="#">Szolgáltatások</a>
<ul>
<li><a href="#szolgaltatasok">Okos otthon rendszerek</a></li>
<li><a href="#biztonsagi_rendszerek">Biztonsági rendszerek</a></li>
<li><a href="#automatizalas">Automatizálás</a></li>
</ul>
</li>
<li><a href="#">Tervezés</a>
<ul>
<li><a href="#egyedi_tervezes">Egyedi tervezés</a></li>
<li><a href="#tanacsadas">Tanácsadás</a></li>
</ul>
</li>
<li><a href="#">Referenciák</a>
<ul>
<li><a href="#projekt1">Projekt 1</a></li>
<li><a href="#projekt2">Projekt 2</a></li>
</ul>
</li>
<li><a href="#">Elérhetőség</a>
<ul>
<li><a href="#kapcsolat">Kapcsolatfelvétel</a></li>
<li><a href="#térkép">Térkép</a></li>
</ul>
</li>
</ul>
</nav>
</header>
<div class="content">
<div class="intro-text">
<p>Ãœdvözöljük a Smartlike világában, ahol az otthonok intelligenssé válnak! Cégünk elkötelezett az okos otthonok tervezése, telepÃtése és a kapcsolódó hardverek és szoftverek összehangolása iránt, hogy Ön kényelmesen és hatékonyan irányÃthassa otthonát. Minden projektünk egyedi, és az Ön igényeit szem elÅ‘tt tartva alakÃtjuk ki a legjobb megoldásokat.</p>
<p>Szolgáltatásaink között megtalálható az okos otthon rendszerek teljes körű kialakÃtása, amelyek magukban foglalják a világÃtás-, fűtés- és árnyékolástechnika automatizálását, biztonsági rendszerek integrálását, valamint az otthoni szórakoztatórendszerek vezérlését. Emellett olyan eszközöket is kÃnálunk, mint az intelligens termosztátok, kamerák, érzékelÅ‘k, okos zárak és hangvezérlÅ‘ rendszerek, amelyek együttesen biztosÃtják otthona teljes körű ellenÅ‘rzését és irányÃtását, bárhol is tartózkodik.</p>
<p>A Smartlike-nál kiemelt figyelmet fordÃtunk arra, hogy az általunk telepÃtett rendszerek tökéletesen illeszkedjenek az Ön életmódjához, és egyszerűvé tegyék a mindennapi teendÅ‘ket. Szolgáltatásaink révén nemcsak az eszközök telepÃtését, hanem azok folyamatos monitorozását és karbantartását is biztosÃtjuk, Ãgy Ön teljes biztonságban tudhatja otthonát.</p>
<p>Legyen szó egy egyszerű automatizálási igényrÅ‘l vagy egy komplex okos otthon rendszerrÅ‘l, mi minden esetben az Ön elégedettségére törekszünk. BÃzza ránk otthona intelligens megoldásainak kialakÃtását, és élvezze az okos otthon nyújtotta kényelmet és nyugalmat!</p>
</div>
</div>
<footer>
<p>Kapcsolat:</p>
<p>Email: zemi76@gmail.com | Telefon: +36 20 401 6768</p>
<p>Oldalt készÃtette: <a href="#">AI ChatGPT</a></p>
</footer>
<!-- Tawk.to chat integráció -->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/your_tawkto_id/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
</body>
<br>Partneroldalak: <br>
<a href="http://domain.domainshop.hu/domain.html" alt="tárhely domainregisztráció">Domain regisztráció tár és szerverszolgáltatások: domain domainnév tárhely e-mail, imap, pop3</a><br>
<a href="http://www.webtar.hu" alt="tárhely donainregisztráció">www.webtar.hu</a><br>
<a href="http://www.micropay.hu" alt="micropay">www.micropay.hu</a><br>
<a href="http://www.ingyenweb.hu" alt="ingyenweb">www.ingyenweb.hu</a><br>
<a href="http://www.videok.hu" alt="Videók">www.videok.hu</a><br>
<a href="http://www.xn--antikvrium-x4a.hu" alt="Antikvárium">www.antikvárium.hu</a><br>
<a href="http://www.ftpdir.hu" alt="ftpdir">www.ftpdir.hu</a><br>
<a href="http://xn--fotk-sqa.hu" alt="fotók">www.fotók.hu</a><br>
<a href="http://www.randi.hu" alt="Randi">www.randi.hu</a><br>
<a href="http://www.licit.hu" alt="Licit">www.licit.hu</a><br>
<a href="http://www.napivicc.hu" alt="vicc">www.napivicc.hu</a><br>
<a href="http://www.gyertyalang.hu" alt="gyertyagyújtás">www.gyertyalang.hu</a><br>
<a href="http://www.xn--helyesrs-fza2j.hu" alt="helyesírás.hu">www.helyesírás.hu</a><br>
<a href="http://domain.webtar.hu/domain.html" alt="Domain regiszráció és tárhely">Domain regisztráció</a><br>
]]>