File: /var/www/vhosts/leokosak.from.hr/zavrsni.leokosak.from.hr/index.html
<!DOCTYPE html>
<?xml version="1.0" encoding="UTF-8"?>
<html lang="hr">
<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="style.css">
<title>Auto-Đurkin</title>
</head>
<body>
<!--Navigacija-->
<div class="navbar">
<a href="#" class="logo"><img src="img/AUTO.png" alt="logo" width="110px" height="110px"></a>
<ion-icon name="menu" onclick="openNav()" class="openbtn"></ion-icon>
<div id="mySidenav" class="sidenav">
<p href="javascript:void(0)" onclick="closeNav()"><ion-icon name="close" class="closebtn" style="font-size: 35px;"></ion-icon></p>
<a href="#onama">O nama</a>
<a href="#usluge">Naše usluge</a>
<a href="#trgovina">Trgovina</a>
<a href="#kontakt">Kontaktirajte nas</a>
<a href="#vrijeme">Radno vrijeme</a>
</div>
</div>
<!--Header-->
<div class="header" id="naslovna">
<div class="text">
<h1>AUTO-<span style="color: red;">ĐURKIN</span></h1>
<p>Rješavamo svaki vaš problem</p>
<button onclick="window.location.href='#usluge'" class="btn">Saznaj više</button>
</div>
<div class="img">
<img src="img/3.png" alt="header">
</div>
</div>
<!--O nama-->
<section class="onama" id="onama">
<div class="box-container">
<div class="box">
<h1 class="heading" style="color: white;">O nama</h1>
<p>S popravkom automobila počeli smo se baviti 1998. godine kada je u sklopu obiteljske kuće otvorena automehaničarska radionica za sve marke automobila.
Vaše vozilo popravljat će i servisirati školovani i certificirani stručnjaci čime će vaše vozilo raditi bolje i trajati duže.
Za pronalazak kvara i popravak vašeg limenog ljubimca naši stručni i iskusni mehaničari koriste najsuvremenije alate.
</p>
<p>Uspjeh tvrtke od samog početka njezina postanka temeljen je isključivo na najvišoj mogućoj kvaliteti usluge, najboljem omjeru cijene i kvalitete te
zadovoljnim kupcima, tj. korisnicima usluga.
</p>
</div>
<div class="box">
<div class="image">
<img src="img/img.jpeg" alt="Slika digitalnog marketinga" srcset="">
</div>
</div>
</div>
</section>
<!--Usluge-->
<section class="usluge" id="usluge">
<h1 class="heading">Naše usluge<hr></h1>
<div class="box-container">
<div class="box">
<img src="img/ikona_1.png" alt="">
<h3>Autodijagnostika</h3>
<p>
Vaše vozilo se ponaša čudno prilikom vožnje? Lampica za problem s motorom na kontrolnoj ploči svijetli? Pomoću najmodernije opreme pronalazimo uzrok problema.
</p>
</div>
<div class="box">
<img src="img/ikona.png" alt="">
<h3>Autoservis</h3>
<p>
Bilo da se radi o preventivnom, obaveznom ili izvanrednom autoservisu, obratite nam se s povjerenjem. Naši stručnjaci će dijagnostocirati i otkloniti problem u najkraćem mogućem roku.
</p>
</div>
<div class="box">
<img src="img/ikona_3.png" alt="">
<h3>Autoelektrika</h3>
<p>
Naši autoelektričari uz pomoć najmodernijih alata otklanjaju sve probleme povezane s elektrikom, od električnih instalacija i kompjuterskih dijelova do senzora i svjetala.
</p>
</div>
<div class="box">
<img src="img/ikona_4.png" alt="">
<h3>Vulkanizer</h3>
<p>
A kada dođe vrijeme za promjenu guma ili vam je potrebno krpanje gume ili balansiranje, naši stručnjaci će kvalitetno odraditi posao bez obzira na marku i veličinu gume.
</p>
</div>
<div class="box">
<img src="img/ikona_2.png" alt="">
<h3>Autolimarija i autolakirnica</h3>
<p>
Naš tim vraća oblik i boju karoserije vašeg ljubimca u izvorno stanje, bilo da se radi o popravku nakon sudara ili popravku ogrebotina i posljedica tuče.
</p>
</div>
<div class="box">
<img src="img/ikona_5.png" alt="">
<h3>Servis kočionih elemenata</h3>
<p>
Obavljamo zamjenu kočionih obloga i diskova kao i ostalih potrošnih kočionih elemenata.
</p>
</div>
</div>
</section>
<!--Oglas-->
<div class="auti">
<div class="box-container">
<h2 class="h2">Popravljamo sve marke automobila</h2>
</div>
<div class="auti-container">
<div class="auto">
<picture>
<img src="img/vw-1-1.png" alt="">
</picture>
</div>
<div class="auto">
<picture>
<img src="img/skoda-1-1.png" alt="">
</picture>
</div>
<div class="auto">
<picture>
<img src="img/renault-1.png" alt="">
</picture>
</div>
<div class="auto">
<picture>
<img src="img/BMW-1.png" alt="">
</picture>
</div>
<div class="auto">
<picture>
<img src="img/alfaromeo-1.png" alt="">
</picture>
</div>
<div class="auto">
<picture>
<img src="img/mercedes-1.png" alt="">
</picture>
</div>
</div>
</div>
<section class="trgovina" id="trgovina">
<h1 class="heading">Trgovina<hr></h1>
<div class="box-container">
<div class="box">
<img src="img/service-package-1.png" alt="">
<h3>Servis zamjene ulja – prošireni</h3>
<h5>Već od:</h5>
<p>146,25 EUR</p>
<p><span>1.101,89 kn</span></p>
<button onclick="naruci()" class="btn">Naruči</button>
</div>
<i class="separator"></i>
<div class="box">
<img src="img/service-package-1.png" alt="">
<h3>Servis zamjene ulja – osnovni</h3>
<h5>Već od:</h5>
<p>70,63 EUR</p>
<p><span>532,13 kn</span></p>
<button onclick="naruci()" class="btn">Naruči</button>
</div>
<i class="separator"></i>
<div class="box">
<img src="img/service-package-2.png" alt="">
<h3>Zamjena prednjih kočionih obloga i diskova</h3>
<h5>Već od:</h5>
<p>151,69 EUR</p>
<p><span>1.142,91 kn</span></p>
<button onclick="naruci()" class="btn">Naruči</button>
</div>
<i class="separator"></i>
<div class="box">
<img src="img/service-package-2.png" alt="">
<h3>Zamjena stražnjih kočionih obloga i diskova</h3>
<h5>Već od:</h5>
<p>126,98 EUR</p>
<p><span>956,71 kn</span></p>
<button onclick="naruci()" class="btn">Naruči</button>
</div>
<div class="box">
<img src="img/service-package-3.png" alt="">
<h3>Punjenje klima uređaja</h3>
<h5>Već od:</h5>
<p>39,68 EUR</p>
<p><span>299,00 kn</span></p>
<button onclick="naruci()" class="btn">Naruči</button>
</div>
<i class="separator"></i>
<div class="box">
<img src="img/service-package-4.png" alt="">
<h3>Izmjena kočione tekućine</h3>
<h5>Već od:</h5>
<p>28,04 EUR</p>
<p><span>211,25 kn</span></p>
<button onclick="naruci()" class="btn">Naruči</button>
</div>
<i class="separator"></i>
<div class="box">
<img src="img/service-package-5.png" alt="">
<h3>Zamjena svjećica</h3>
<h5>Već od:</h5>
<p>31,09 EUR</p>
<p><span>234,24 kn</span></p>
<button onclick="naruci()" class="btn">Naruči</button>
</div>
<i class="separator"></i>
<div class="box">
<img src="img/service-package-6.png" alt="">
<h3>Zamjena prednjih metlica brisača</h3>
<h5>Već od:</h5>
<p>19,78 EUR</p>
<p><span>149,00 kn</span></p>
<button onclick="naruci()" class="btn">Naruči</button>
</div>
</div>
</section>
<section class="kontakt" id="kontakt">
<form action="https://public.herotofu.com/v1/f026a2c0-dc7d-11ed-bc08-2fcba7301103" method="post" accept-charset="UTF-8">
<h1 class="heading" style="color: white;">Kontaktirajte nas</h1>
<div style="margin-bottom: 20px;">
<input name="Name" id="name" type="text" required placeholder="Ime i prezime"/>
<input name="Email" id="email" type="email" required placeholder="Email" />
</div>
<div>
<textarea name="Text" placeholder="Vaša poruka" id="text" cols="30" rows="10"></textarea>
</div>
<div>
<input type="submit" value="Pošalji" class="btn2"/>
<div style="text-indent:-99999px; white-space:nowrap; overflow:hidden; position:absolute;" aria-hidden="true">
<input type="text" name="_gotcha" tabindex="-1" autocomplete="off" />
</div>
</div>
</form>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1156.6770068941578!2d16.52329928602581!3d46.407924372833264!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4768b1dd9ec16817%3A0x7fbaf3c040b8b99b!2sAUTO%20%C4%90URKIN%20D.O.O.!5e0!3m2!1shr!2shr!4v1678223277670!5m2!1shr!2shr" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" class="iframe1"></iframe>
</section>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1156.6770068941578!2d16.52329928602581!3d46.407924372833264!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4768b1dd9ec16817%3A0x7fbaf3c040b8b99b!2sAUTO%20%C4%90URKIN%20D.O.O.!5e0!3m2!1shr!2shr!4v1678223277670!5m2!1shr!2shr" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" class="iframe2"></iframe>
<div class="vrijeme" id="vrijeme">
<h1 class="heading">Radno vrijeme</h1>
<table id="MainTable">
<tbody id="BodyRows"></tbody>
</table>
</div>
<footer class="footer-distributed">
<div class="footer-left">
<h3>Auto<span>-Đurkin</span></h3>
<p class="footer-links">
<a href="#naslovna" class="link-1">Naslov</a>
<a href="#onama">O nama</a>
<a href="#usluge">Naše usluge</a>
<a href="#trgovina">Trgovina</a>
<a href="#kontakt">Kontaktirajte nas</a>
<a href="#vrijeme">Radno vrijeme</a>
</p>
<p class="footer-company-name">Auto-Đurkin © 2023</p>
</div>
<div class="footer-center">
<div>
<i class="fa fa-map-marker"></i>
<p><span>Ul. Braće Radić 6.</span> 40319, Belica</p>
</div>
<div>
<i class="fa fa-phone"></i>
<p>+385 098 973 6948</p>
</div>
<div>
<i class="fa fa-envelope"></i>
<p><a href="mailto:auto@durkin.biz">auto@durkin.biz</a></p>
</div>
</div>
<div class="footer-right">
<p class="footer-company-about">
<span>Naš uspjeh</span>
Uspjeh tvrtke od samog početka njezina postanka temeljen je isključivo na najvišoj mogućoj kvaliteti usluge,
najboljem omjeru cijene i kvalitete te zadovoljnim kupcima, tj. korisnicima usluga.
</p>
<div class="footer-icons">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
<a href="#"><i class="fa fa-github"></i></a>
</div>
</div>
</footer>
<script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
<script src="https://kit.fontawesome.com/0ef281d013.js" crossorigin="anonymous"></script>
<script src="main.js"></script>
</body>
</html>