{"id":8,"date":"2026-01-22T17:20:41","date_gmt":"2026-01-22T17:20:41","guid":{"rendered":"https:\/\/teldutokni.fo\/?page_id=8"},"modified":"2026-01-22T17:25:43","modified_gmt":"2026-01-22T17:25:43","slug":"heim","status":"publish","type":"page","link":"https:\/\/teldutokni.fo\/","title":{"rendered":"Heim"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Teldutokni - Next Gen Technology<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700;900&display=swap');\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary: #0074D9;\n --primary-light: #4FA3E8;\n --primary-dark: #005BA6;\n --dark: #0a0e1a;\n --gray: #64748b;\n }\n\n body {\n font-family: 'Space Grotesk', sans-serif;\n color: white;\n background: var(--dark);\n overflow-x: hidden;\n }\n\n .animated-bg {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: -2;\n background: linear-gradient(135deg, #0a0e1a 0%, #141829 50%, #0a0e1a 100%);\n background-size: 400% 400%;\n animation: gradientShift 20s ease infinite;\n }\n\n @keyframes gradientShift {\n 0%, 100% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n }\n\n .particles {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: -1;\n overflow: hidden;\n pointer-events: none;\n }\n\n .particle {\n position: absolute;\n width: 3px;\n height: 3px;\n background: rgba(0, 116, 217, 0.4);\n border-radius: 50%;\n animation: float 25s infinite ease-in-out;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0) translateX(0); opacity: 0; }\n 10% { opacity: 1; }\n 90% { opacity: 1; }\n 100% { transform: translateY(-100vh) translateX(100px); opacity: 0; }\n }\n\n nav {\n position: fixed;\n width: 100%;\n top: 0;\n z-index: 1000;\n padding: 1.5rem 0;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n nav.scrolled {\n background: rgba(10, 14, 26, 0.9);\n backdrop-filter: blur(20px);\n border-bottom: 1px solid rgba(0, 116, 217, 0.2);\n padding: 1rem 0;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);\n }\n\n .nav-container {\n max-width: 100%;\n margin: 0 auto;\n padding: 0 2rem;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo-img {\n display: block;\n transition: all 0.3s ease;\n }\n\n .logo-img img {\n height: 45px;\n width: auto;\n transition: all 0.3s ease;\n filter: drop-shadow(0 0 20px rgba(0, 116, 217, 0.3));\n }\n\n .logo-img:hover img {\n transform: scale(1.05);\n filter: drop-shadow(0 0 30px rgba(0, 116, 217, 0.6));\n }\n\n .nav-links {\n display: flex;\n gap: 3rem;\n list-style: none;\n }\n\n .nav-links a {\n color: rgba(255, 255, 255, 0.85);\n text-decoration: none;\n font-weight: 600;\n font-size: 0.95rem;\n position: relative;\n transition: all 0.3s;\n }\n\n .nav-links a::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--primary);\n transition: width 0.3s ease;\n }\n\n .nav-links a:hover {\n color: white;\n }\n\n .nav-links a:hover::after {\n width: 100%;\n }\n\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 140px 2rem 100px;\n position: relative;\n overflow: hidden;\n }\n\n .hero-bg-orbs {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n pointer-events: none;\n }\n\n .orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(100px);\n opacity: 0.25;\n animation: orbFloat 25s infinite ease-in-out;\n }\n\n .orb-1 {\n width: 700px;\n height: 700px;\n background: radial-gradient(circle, var(--primary), transparent);\n top: -350px;\n right: -200px;\n }\n\n .orb-2 {\n width: 600px;\n height: 600px;\n background: radial-gradient(circle, var(--primary-light), transparent);\n bottom: -250px;\n left: -200px;\n animation-delay: 5s;\n }\n\n .orb-3 {\n width: 500px;\n height: 500px;\n background: radial-gradient(circle, var(--primary-dark), transparent);\n top: 40%;\n right: 10%;\n animation-delay: 10s;\n }\n\n @keyframes orbFloat {\n 0%, 100% { transform: translate(0, 0) scale(1); }\n 33% { transform: translate(60px, -60px) scale(1.15); }\n 66% { transform: translate(-40px, 40px) scale(0.9); }\n }\n\n .hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n max-width: 1100px;\n }\n\n .hero-label {\n display: inline-block;\n padding: 0.8rem 2rem;\n background: rgba(0, 116, 217, 0.1);\n border: 1px solid rgba(0, 116, 217, 0.3);\n border-radius: 50px;\n font-size: 0.95rem;\n font-weight: 600;\n margin-bottom: 2.5rem;\n backdrop-filter: blur(10px);\n animation: fadeInDown 0.8s ease-out;\n box-shadow: 0 10px 30px rgba(0, 116, 217, 0.1);\n }\n\n .hero h1 {\n font-size: 6rem;\n font-weight: 900;\n line-height: 1.1;\n margin-bottom: 2rem;\n letter-spacing: -3px;\n animation: fadeInUp 0.8s ease-out 0.2s both;\n text-shadow: 0 0 80px rgba(0, 116, 217, 0.4);\n }\n\n .gradient-text {\n background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 50%, var(--primary) 100%);\n background-size: 200% 200%;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: gradientText 4s ease infinite;\n }\n\n @keyframes gradientText {\n 0%, 100% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n }\n\n .hero p {\n font-size: 1.6rem;\n color: rgba(255, 255, 255, 0.75);\n margin-bottom: 3.5rem;\n animation: fadeInUp 0.8s ease-out 0.4s both;\n line-height: 1.6;\n }\n\n .hero-buttons {\n display: flex;\n gap: 2rem;\n justify-content: center;\n flex-wrap: wrap;\n animation: fadeInUp 0.8s ease-out 0.6s both;\n }\n\n .btn-glow {\n padding: 1.4rem 3.5rem;\n background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);\n color: white;\n text-decoration: none;\n border-radius: 50px;\n font-weight: 700;\n font-size: 1.15rem;\n position: relative;\n overflow: hidden;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 15px 50px rgba(0, 116, 217, 0.4);\n }\n\n .btn-glow::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n transition: left 0.6s;\n }\n\n .btn-glow:hover::before {\n left: 100%;\n }\n\n .btn-glow:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 25px 70px rgba(0, 116, 217, 0.6);\n }\n\n .btn-glass {\n padding: 1.4rem 3.5rem;\n background: rgba(255, 255, 255, 0.05);\n backdrop-filter: blur(10px);\n color: white;\n text-decoration: none;\n border-radius: 50px;\n font-weight: 700;\n font-size: 1.15rem;\n border: 1px solid rgba(255, 255, 255, 0.15);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .btn-glass:hover {\n background: rgba(255, 255, 255, 0.1);\n border-color: var(--primary);\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(0, 116, 217, 0.2);\n }\n\n .services {\n padding: 140px 2rem;\n position: relative;\n }\n\n .container {\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 6rem;\n }\n\n .section-label {\n display: inline-block;\n padding: 0.6rem 1.8rem;\n background: rgba(0, 116, 217, 0.1);\n border: 1px solid rgba(0, 116, 217, 0.3);\n border-radius: 50px;\n font-size: 0.95rem;\n font-weight: 700;\n margin-bottom: 2rem;\n backdrop-filter: blur(10px);\n letter-spacing: 0.5px;\n }\n\n .section-title {\n font-size: 4.5rem;\n font-weight: 900;\n line-height: 1.1;\n letter-spacing: -2px;\n margin-bottom: 1.5rem;\n }\n\n .section-subtitle {\n font-size: 1.4rem;\n color: rgba(255, 255, 255, 0.65);\n max-width: 750px;\n margin: 0 auto;\n line-height: 1.6;\n }\n\n .bento-grid {\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n gap: 2.5rem;\n }\n\n .bento-card {\n background: rgba(255, 255, 255, 0.03);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 32px;\n padding: 3.5rem;\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .bento-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, rgba(0, 116, 217, 0.1), rgba(79, 163, 232, 0.05));\n opacity: 0;\n transition: opacity 0.5s;\n }\n\n .bento-card:hover::before {\n opacity: 1;\n }\n\n .bento-card:hover {\n transform: translateY(-12px);\n border-color: rgba(0, 116, 217, 0.5);\n box-shadow: 0 35px 90px rgba(0, 116, 217, 0.35);\n }\n\n .bento-large {\n grid-column: span 8;\n }\n\n .bento-small {\n grid-column: span 4;\n }\n\n .bento-icon {\n font-size: 4.5rem;\n margin-bottom: 2rem;\n display: inline-block;\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .bento-card:hover .bento-icon {\n transform: scale(1.25) rotate(10deg);\n }\n\n .bento-card h3 {\n font-size: 2.2rem;\n font-weight: 800;\n margin-bottom: 1.2rem;\n position: relative;\n z-index: 1;\n }\n\n .bento-card p {\n color: rgba(255, 255, 255, 0.75);\n line-height: 1.9;\n font-size: 1.15rem;\n position: relative;\n z-index: 1;\n }\n\n .products {\n padding: 140px 2rem;\n background: linear-gradient(180deg, var(--dark) 0%, #0f1420 50%, var(--dark) 100%);\n position: relative;\n }\n\n .products-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\n gap: 3.5rem;\n margin-top: 5rem;\n perspective: 1200px;\n }\n\n .product-card {\n background: rgba(255, 255, 255, 0.03);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 32px;\n overflow: hidden;\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n transform-style: preserve-3d;\n }\n\n .product-card:hover {\n transform: rotateY(8deg) rotateX(5deg) scale(1.05);\n border-color: var(--primary);\n box-shadow: 0 45px 110px rgba(0, 116, 217, 0.45);\n }\n\n .product-image {\n height: 350px;\n background: linear-gradient(135deg, rgba(0, 116, 217, 0.3) 0%, rgba(79, 163, 232, 0.2) 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 7rem;\n position: relative;\n overflow: hidden;\n }\n\n .product-image::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n transition: left 0.7s;\n }\n\n .product-card:hover .product-image::before {\n left: 100%;\n }\n\n .product-info {\n padding: 3rem;\n }\n\n .product-info h3 {\n font-size: 2rem;\n font-weight: 800;\n margin-bottom: 1.2rem;\n }\n\n .product-info p {\n color: rgba(255, 255, 255, 0.75);\n margin-bottom: 2rem;\n line-height: 1.7;\n font-size: 1.1rem;\n }\n\n .product-price {\n font-size: 2.8rem;\n font-weight: 900;\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 2rem;\n }\n\n .btn-product {\n display: inline-flex;\n align-items: center;\n gap: 0.7rem;\n padding: 1.2rem 2.5rem;\n background: rgba(0, 116, 217, 0.15);\n border: 1px solid var(--primary);\n color: white;\n text-decoration: none;\n border-radius: 50px;\n font-weight: 700;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .btn-product:hover {\n background: rgba(0, 116, 217, 0.3);\n transform: translateX(8px);\n box-shadow: 0 10px 30px rgba(0, 116, 217, 0.3);\n }\n\n .about {\n padding: 140px 2rem;\n position: relative;\n }\n\n .about-content {\n max-width: 1100px;\n margin: 0 auto;\n background: rgba(255, 255, 255, 0.02);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 48px;\n padding: 6rem;\n box-shadow: \n inset 0 2px 10px rgba(255, 255, 255, 0.05),\n 0 30px 80px rgba(0, 0, 0, 0.3);\n }\n\n .about-content p {\n font-size: 1.6rem;\n line-height: 2.1;\n color: rgba(255, 255, 255, 0.85);\n margin-bottom: 2.5rem;\n }\n\n .highlight {\n background: linear-gradient(135deg, var(--primary), var(--primary-light));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-weight: 800;\n }\n\n .contact {\n padding: 140px 2rem;\n background: linear-gradient(135deg, #0f1420 0%, var(--dark) 100%);\n position: relative;\n }\n\n .contact-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 3rem;\n margin-top: 5rem;\n }\n\n .contact-card {\n background: rgba(255, 255, 255, 0.03);\n backdrop-filter: blur(20px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n padding: 4rem;\n border-radius: 32px;\n text-align: center;\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .contact-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at center, rgba(0, 116, 217, 0.15), transparent);\n opacity: 0;\n transition: opacity 0.5s;\n }\n\n .contact-card:hover::before {\n opacity: 1;\n }\n\n .contact-card:hover {\n transform: translateY(-12px) scale(1.03);\n border-color: var(--primary);\n box-shadow: 0 35px 90px rgba(0, 116, 217, 0.35);\n }\n\n .contact-icon {\n font-size: 4.5rem;\n margin-bottom: 2rem;\n display: inline-block;\n transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .contact-card:hover .contact-icon {\n transform: scale(1.3) rotateY(360deg);\n }\n\n .contact-card h3 {\n font-size: 1.8rem;\n font-weight: 800;\n margin-bottom: 1.2rem;\n }\n\n .contact-card p {\n font-size: 1.25rem;\n color: rgba(255, 255, 255, 0.85);\n }\n\n .contact-card a {\n color: white;\n text-decoration: none;\n font-weight: 700;\n border-bottom: 2px solid var(--primary);\n transition: all 0.3s;\n }\n\n .contact-card a:hover {\n border-bottom-color: var(--primary-light);\n color: var(--primary-light);\n }\n\n footer {\n background: rgba(10, 14, 26, 0.9);\n backdrop-filter: blur(20px);\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n padding: 3.5rem 2rem;\n text-align: center;\n }\n\n footer p {\n color: rgba(255, 255, 255, 0.65);\n font-size: 1.05rem;\n }\n\n .mobile-menu-btn {\n display: none;\n background: none;\n border: none;\n font-size: 2rem;\n cursor: pointer;\n color: white;\n transition: all 0.3s;\n }\n\n .mobile-menu-btn:hover {\n color: var(--primary);\n transform: scale(1.1);\n }\n\n @media (max-width: 1024px) {\n .hero h1 { font-size: 4rem; }\n .section-title { font-size: 3.5rem; }\n .bento-large, .bento-small { grid-column: span 12; }\n .about-content { padding: 4rem; }\n .products-grid { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }\n }\n\n @media (max-width: 768px) {\n .hero h1 { font-size: 2.8rem; }\n .hero p { font-size: 1.2rem; }\n .section-title { font-size: 2.5rem; }\n .hero-buttons { flex-direction: column; }\n .nav-links { display: none; }\n .mobile-menu-btn { display: block; }\n .products-grid { grid-template-columns: 1fr; }\n .about-content { padding: 2.5rem; }\n .about-content p { font-size: 1.3rem; }\n .bento-card { padding: 2.5rem; }\n .contact-card { padding: 3rem; }\n }\n\n @keyframes fadeInDown {\n from { opacity: 0; transform: translateY(-40px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"animated-bg\"><\/div>\n <div class=\"particles\" id=\"particles\"><\/div>\n\n <nav id=\"navbar\">\n <div class=\"nav-container\">\n<a href=\"#\" class=\"logo-img\"> <img decoding=\"async\" src=\"http:\/\/teldutokni.fo\/wp-content\/uploads\/2024\/03\/logo.png\" alt=\"Teldutokni\" style=\"height: 80px;\">\n <ul class=\"nav-links\">\n <li><a href=\"#services\">T\u00e6nastur<\/a><\/li>\n <li><a href=\"#products\">V\u00f8rur<\/a><\/li>\n <li><a href=\"#about\">Um okkum<\/a><\/li>\n <li><a href=\"#contact\">Kontakt<\/a><\/li>\n <\/ul>\n <button class=\"mobile-menu-btn\">\u2630<\/button>\n <\/div>\n <\/nav>\n\n <section class=\"hero\">\n <div class=\"hero-bg-orbs\">\n <div class=\"orb orb-1\"><\/div>\n <div class=\"orb orb-2\"><\/div>\n <div class=\"orb orb-3\"><\/div>\n <\/div>\n <div class=\"hero-content\">\n <div class=\"hero-label\">\u2728 Next Generation Technology<\/div>\n <h1>Framt\u00ed\u00f0in byrjar <span class=\"gradient-text\">her<\/span><\/h1>\n <p>Teldut\u00f8knislig r\u00e1\u00f0geving, selja og umv\u00e6la - Alt undir einum taki<\/p>\n <div class=\"hero-buttons\">\n <a href=\"#contact\" class=\"btn-glow\">F\u00e1a tilbo\u00f0 \u26a1<\/a>\n <a href=\"#products\" class=\"btn-glass\">Hygg \u00e1 v\u00f8rur \u2192<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"services\" class=\"services\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"section-label\">\ud83d\udc8e Hvat vit gera<\/span>\n <h2 class=\"section-title\">Okkara T\u00e6nastur<\/h2>\n <p class=\"section-subtitle\">All-around teldu\/tekniskar loysnir til t\u00edn og t\u00edna fyrit\u00f8ku<\/p>\n <\/div>\n <div class=\"bento-grid\">\n <div class=\"bento-card bento-large\">\n <div class=\"bento-icon\">\ud83d\udca1<\/div>\n <h3>R\u00e1\u00f0geving & Konsulentvirksemi<\/h3>\n <p>Serfr\u00f8\u00f0ilig r\u00e1\u00f0geving innan KT- & t\u00f8kni. Vit hj\u00e1lpa t\u00e6r at finna r\u00f8ttu loysnina til t\u00edtt virksemi - alt fr\u00e1 \"hardware\" til \"software\".<\/p>\n <\/div>\n <div class=\"bento-card bento-small\">\n <div class=\"bento-icon\">\ud83d\uded2<\/div>\n <h3>S\u00f8la<\/h3>\n <p>St\u00f3rt \u00farval av teldum, printarum og tekniskum \u00fatb\u00fana\u00f0i til r\u00e6ttan pr\u00eds.<\/p>\n <\/div>\n <div class=\"bento-card bento-small\">\n <div class=\"bento-icon\">\ud83d\udd27<\/div>\n <h3>Umv\u00e6laling<\/h3>\n <p>Okkara verksta\u00f0ur umv\u00e6lur skj\u00f3tt og v\u00e6l. T\u00edn \u00fatger\u00f0 er \u00ed tryggum hondum.<\/p>\n <\/div>\n <div class=\"bento-card bento-large\">\n <div class=\"bento-icon\">\u26a1<\/div>\n <h3>24\/7 Support<\/h3>\n <p>Vit eru alt\u00ed\u00f0 kl\u00e1r at hj\u00e1lpa t\u00e6r. Um ta\u00f0 er ein br\u00e1\u00f0liga \u00edkomin t\u00f8kni trupuleiki ella t\u00fa hevur ein spurning - vit eru her fyri teg.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"products\" class=\"products\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">T\u00edlbo\u00f0 hesafer\u00f0<\/h2>\n <p class=\"section-subtitle\">Hesafer\u00f0 hava vit tiki\u00f0 hesar v\u00f8rur \u00far r\u00fagvuni - Vit hava alt sum t\u00fa hevur br\u00fak fyri<\/p>\n <\/div>\n <div class=\"products-grid\">\n <div class=\"product-card\">\n <div class=\"product-image\">\ud83d\udcbb<\/div>\n <div class=\"product-info\">\n <h3>Farteldan hesafer\u00f0<\/h3>\n <p>H\u00f8g yvirkok laptops til arbei\u00f0i, sk\u00fala og gaming. Ultra-portablar vi\u00f0 lang batter\u00edt\u00ed\u00f0.<\/p>\n <div class=\"product-price\">Fr\u00e1 xxxx kr<\/div>\n <a href=\"#contact\" class=\"btn-product\">Hygg n\u00e6rri \u2192<\/a>\n <\/div>\n <\/div>\n <div class=\"product-card\">\n <div class=\"product-image\">\ud83d\udda5\ufe0f<\/div>\n <div class=\"product-info\">\n <h3>Skrivstovuteldan heafer\u00f0<\/h3>\n <p>Kraftmiklar desktop loysningar til professionallar uppg\u00e1vur og gaming.<\/p>\n <div class=\"product-price\">Fr\u00e1 xxxx kr<\/div>\n <a href=\"#contact\" class=\"btn-product\">Hygg n\u00e6rri \u2192<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"about\" class=\"about\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"section-label\">\u2728 Um okkum<\/span>\n <h2 class=\"section-title\">Hv\u00f8rji eru vit?<\/h2>\n <\/div>\n <div class=\"about-content\">\n <p>Teldutokni arbei\u00f0ur vi\u00f0 at <span class=\"highlight\">r\u00e1\u00f0geva, selja og umv\u00e6la<\/span> teldur og ymiskan tekniska \u00fatb\u00fana\u00f0. Vit hava dr\u00fagvar royndir \u00ed t\u00f8knivinnuni og kunnu hj\u00e1lpa b\u00e6\u00f0i privatf\u00f3lkum og fyrit\u00f8kum.<\/p>\n <p>Okkara m\u00e1l er at geva t\u00e6r <span class=\"highlight\">bestu t\u00f8kniligu loysnina<\/span> til r\u00e6ttan pr\u00eds - vi\u00f0 pers\u00f3nligari t\u00e6nastu og serfr\u00f8\u00f0iligari r\u00e1\u00f0geving.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"contact\" class=\"contact\">\n <div class=\"container\">\n <div class=\"section-header\">\n <span class=\"section-label\">\ud83d\udcac Sig hey...<\/span>\n <h2 class=\"section-title\">Vit eru kl\u00e1rir at hj\u00e1lpa<\/h2>\n <p class=\"section-subtitle\">Hevur t\u00fa spurningar? Vit eru beint her!<\/p>\n <\/div>\n <div class=\"contact-grid\">\n <div class=\"contact-card\">\n <div class=\"contact-icon\">\ud83d\udcde<\/div>\n <h3>Ring okkum<\/h3>\n <p><a href=\"tel:+298123456\">+298 47 61 00<\/a><\/p>\n <\/div>\n <div class=\"contact-card\">\n <div class=\"contact-icon\">\u2709\ufe0f<\/div>\n <h3>Send teldupost<\/h3>\n <p><a href=\"mailto:info@teldutokni.fo\">info@teldutokni.fo<\/a><\/p>\n <\/div>\n <div class=\"contact-card\">\n <div class=\"contact-icon\">\ud83d\udccd<\/div>\n <h3>Vitja okkum<\/h3>\n <p>Klaksv\u00edk, F\u00f8royar<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <footer>\n <p>© 2026 Teldutokni.fo - \u00d8ll r\u00e6ttindi var\u00f0veitt<\/p>\n <\/footer>\n\n <script>\n \/\/ Create particles\n const particlesContainer = document.getElementById('particles');\n for (let i = 0; i < 50; i++) {\n const particle = document.createElement('div');\n particle.className = 'particle';\n particle.style.left = Math.random() * 100 + '%';\n particle.style.animationDelay = Math.random() * 25 + 's';\n particle.style.animationDuration = (Math.random() * 15 + 20) + 's';\n particlesContainer.appendChild(particle);\n }\n\n \/\/ Navbar scroll effect\n window.addEventListener('scroll', () => {\n const navbar = document.getElementById('navbar');\n if (window.scrollY > 50) {\n navbar.classList.add('scrolled');\n } else {\n navbar.classList.remove('scrolled');\n }\n });\n\n \/\/ Smooth scroll\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Teldutokni – Next Gen Technology T\u00e6nastur V\u00f8rur Um okkum Kontakt \u2630 \u2728 Next Generation Technology Framt\u00ed\u00f0in byrjar her Teldut\u00f8knislig r\u00e1\u00f0geving, selja og umv\u00e6la – Alt undir einum taki F\u00e1a tilbo\u00f0 \u26a1 Hygg \u00e1 v\u00f8rur \u2192 \ud83d\udc8e Hvat vit gera Okkara T\u00e6nastur All-around teldu\/tekniskar loysnir til t\u00edn og t\u00edna fyrit\u00f8ku \ud83d\udca1 R\u00e1\u00f0geving & Konsulentvirksemi Serfr\u00f8\u00f0ilig r\u00e1\u00f0geving […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teldutokni.fo\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teldutokni.fo\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teldutokni.fo\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teldutokni.fo\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teldutokni.fo\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":14,"href":"https:\/\/teldutokni.fo\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":28,"href":"https:\/\/teldutokni.fo\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/28"}],"wp:attachment":[{"href":"https:\/\/teldutokni.fo\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}