{"id":27249,"date":"2026-03-23T13:53:54","date_gmt":"2026-03-23T13:53:54","guid":{"rendered":"https:\/\/weblab-studio.com\/?page_id=27249"},"modified":"2026-04-30T15:32:54","modified_gmt":"2026-04-30T15:32:54","slug":"websites","status":"publish","type":"page","link":"https:\/\/weblab-studio.com\/hr\/websites\/","title":{"rendered":"Web Stranice"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27249\" class=\"elementor elementor-27249\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f687ad8 e-con-full e-flex e-con e-parent\" data-id=\"f687ad8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;triangle-asymmetrical&quot;}\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M738,99l262-93V0H0v5.6L738,99z\"\/>\n<\/svg>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ac2474e e-con-full e-flex e-con e-child\" data-id=\"ac2474e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ab3a38 elementor-widget-tablet__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"9ab3a38\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInLeft&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Professional <span style=\"color:#FF771E\">Websites<\/span> for Modern Brands<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aa297e4 elementor-widget-tablet__width-initial elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"aa297e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInLeft&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We build digital experiences designed to convert visitors into loyal customers.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-561407c e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"561407c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d513a8 elementor-mobile-align-left elementor-widget-mobile__width-inherit elementor-widget elementor-widget-button\" data-id=\"0d513a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#quotewebsite\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-arrow-alt-circle-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">GET FREE QUOTE<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a34ce70 elementor-widget elementor-widget-button\" data-id=\"a34ce70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#websitepricing\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-window-restore\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">OUR PRICING<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c16432c e-con-full e-flex e-con e-parent\" data-id=\"c16432c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fcd55bd elementor-widget elementor-widget-heading\" data-id=\"fcd55bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What You Get With Every <span style=\"color:#ff771e\"> Website <\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28d0cee elementor-widget elementor-widget-html\" data-id=\"28d0cee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"websites-section\">\n    <div class=\"websites-grid\">\n\n        <div class=\"website-box\">\n            <svg class=\"website-icon icon-blue\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\n                <path stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.382-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z\" \/>\n            <\/svg>\n            <div class=\"website-content\">\n                <div class=\"website-title\">Brand Authority<\/div>\n                <div class=\"website-desc\">Make a powerful first impression that positions you as a leader in your industry.<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"website-box\">\n            <svg class=\"website-icon icon-red\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\" stroke-width=\"2\"><\/circle>\n                <polyline points=\"12 6 12 12 16 14\" stroke-width=\"2\"><\/polyline>\n            <\/svg>\n            <div class=\"website-content\">\n                <div class=\"website-title\">24\/7 Digital Office<\/div>\n                <div class=\"website-desc\">Your business never sleeps. Provide information and capture leads while you rest.<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"website-box\">\n            <svg class=\"website-icon icon-green\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\n                <path stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path>\n            <\/svg>\n            <div class=\"website-content\">\n                <div class=\"website-title\">Customer Trust<\/div>\n                <div class=\"website-desc\">A professional website is the #1 factor in building credibility with new clients.<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"website-box\">\n            <svg class=\"website-icon icon-purple\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\n                <path stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\" \/>\n            <\/svg>\n            <div class=\"website-content\">\n                <div class=\"website-title\">Scalable Growth<\/div>\n                <div class=\"website-desc\">Easily update content and expand your features as your business evolves.<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"website-box\">\n            <svg class=\"website-icon icon-pink\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" fill=\"none\">\n                <path stroke-width=\"2\" d=\"M16 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"><\/path>\n                <circle cx=\"8.5\" cy=\"7\" r=\"4\" stroke-width=\"2\"><\/circle>\n                <polyline points=\"17 11 19 13 23 9\" stroke-width=\"2\"><\/polyline>\n            <\/svg>\n            <div class=\"website-content\">\n                <div class=\"website-title\">User Experience<\/div>\n                <div class=\"website-desc\">Strategic layouts designed to turn casual visitors into loyal customers.<\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n    \/* RESET ZA IKONE *\/\n    .website-icon, .website-icon * {\n        fill: none !important;\n        fill-opacity: 0 !important;\n        background: none !important;\n    }\n\n    .websites-section {\n        width: 100%;\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 60px 20px;\n        background: transparent;\n        font-family: 'Inter', sans-serif;\n        box-sizing: border-box;\n    }\n\n    .websites-grid {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: nowrap;\n        gap: 20px;\n        justify-content: center; \/* Centriranje kartica kad ih nema dovoljno u redu *\/\n    }\n\n    .website-box {\n        background: #ffffff;\n        padding: 30px;\n        border-radius: 18px;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\n        transition: all .35s ease;\n        text-align: left;\n        flex: 1; \n        min-width: 0;\n        display: flex;\n        flex-direction: column;\n        box-sizing: border-box;\n    }\n\n    .website-icon {\n        width: 42px;\n        height: 42px;\n        margin-bottom: 18px;\n        transition: .3s ease;\n        flex-shrink: 0;\n    }\n\n    .icon-blue { color: #3b82f6; }\n    .icon-red { color: #ef4444; }\n    .icon-green { color: #10b981; }\n    .icon-purple { color: #8b5cf6; }\n    .icon-pink { color: #ec4899; }\n\n    .website-box:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 20px 45px rgba(247, 127, 49, 0.1);\n    }\n\n    .website-box:hover .website-icon {\n        color: #f77f31 !important;\n        transform: scale(1.1);\n    }\n\n    .website-title {\n        font-size: 17px;\n        font-weight: 700;\n        color: #1a2b4c;\n        margin-bottom: 10px;\n    }\n\n    .website-desc {\n        font-size: 14px;\n        line-height: 1.5;\n        color: #5b6b8a;\n    }\n\n    \/* --- TABLET FIX --- *\/\n    @media (max-width: 1100px) {\n        .websites-grid { \n            flex-wrap: wrap;\n            justify-content: center; \/* Ovo centrira zadnji red *\/\n        }\n        .website-box { \n            width: calc(50% - 15px); \n            flex: none; \n        }\n        \/* Forsiramo petu karticu da na tabletu ne ide skroz u lijevo *\/\n        .website-box:last-child {\n            margin-inline: auto;\n        }\n    }\n\n    \/* --- MOBITEL FIX --- *\/\n    @media (max-width: 650px) {\n        .website-box {\n            width: 100%;\n            flex-direction: row;\n            align-items: flex-start;\n            gap: 15px;\n            padding: 20px;\n        }\n        .website-icon {\n            margin-bottom: 0;\n            width: 32px;\n            height: 32px;\n        }\n        .website-box:last-child {\n            margin-inline: 0; \/* Poni\u0161tavamo centriranje na mobitelu *\/\n        }\n    }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-307f49d e-con-full e-flex e-con e-parent\" data-id=\"307f49d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-753a7e4 elementor-widget elementor-widget-html\" data-id=\"753a7e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"anatomy-section\">\n    <div class=\"anatomy-container\">\n        <div class=\"anatomy-header\">\n            <span class=\"anatomy-tag\">The Blueprint<\/span>\n            <h2 class=\"anatomy-title\">Anatomy of a <span>High-Performance<\/span> Website<\/h2>\n            <p class=\"anatomy-subtitle\">We don't just design; we engineer digital experiences that drive growth.<\/p>\n        <\/div>\n\n        <div class=\"anatomy-content\">\n            <div class=\"anatomy-list side-left\">\n                <div class=\"anatomy-item\">\n                    <div class=\"anatomy-text\">\n                        <h3>Conversion-First Design<\/h3>\n                        <p>Strategically placed elements to guide users toward your goals.<\/p>\n                    <\/div>\n                    <div class=\"anatomy-icon-wrap\">\n                        <div class=\"anatomy-icon\"><i class=\"fas fa-bullseye\"><\/i><\/div>\n                        <div class=\"connecting-line line-left\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"anatomy-item\">\n                    <div class=\"anatomy-text\">\n                        <h3>Mobile-First<\/h3>\n                        <p>Flawless experience on every smartphone and tablet.<\/p>\n                    <\/div>\n                    <div class=\"anatomy-icon-wrap\">\n                        <div class=\"anatomy-icon\"><i class=\"fas fa-mobile-alt\"><\/i><\/div>\n                        <div class=\"connecting-line line-left\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"anatomy-item\">\n                    <div class=\"anatomy-text\">\n                        <h3>Speed Optimization<\/h3>\n                        <p>Ultra-fast loading times to beat the competition.<\/p>\n                    <\/div>\n                    <div class=\"anatomy-icon-wrap\">\n                        <div class=\"anatomy-icon\"><i class=\"fas fa-bolt\"><\/i><\/div>\n                        <div class=\"connecting-line line-left\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"anatomy-visual\">\n                <div class=\"visual-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/weblab-studio.com\/wp-content\/uploads\/2026\/04\/VillaPiedra.png\" alt=\"Anatomy Visual\" title=\"Websites\">\n                    <div class=\"scan-line\"><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"anatomy-list side-right\">\n                <div class=\"anatomy-item\">\n                    <div class=\"anatomy-icon-wrap\">\n                        <div class=\"connecting-line line-right\"><\/div>\n                        <div class=\"anatomy-icon\"><i class=\"fas fa-search\"><\/i><\/div>\n                    <\/div>\n                    <div class=\"anatomy-text\">\n                        <h3>SEO Foundation<\/h3>\n                        <p>Built-in Google visibility from the first line of code.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"anatomy-item\">\n                    <div class=\"anatomy-icon-wrap\">\n                        <div class=\"connecting-line line-right\"><\/div>\n                        <div class=\"anatomy-icon\"><i class=\"fas fa-magic\"><\/i><\/div>\n                    <\/div>\n                    <div class=\"anatomy-text\">\n                        <h3>Premium Aesthetics<\/h3>\n                        <p>Visuals tailored to your brand's luxury values.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"anatomy-item\">\n                    <div class=\"anatomy-icon-wrap\">\n                        <div class=\"connecting-line line-right\"><\/div>\n                        <div class=\"anatomy-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\n                    <\/div>\n                    <div class=\"anatomy-text\">\n                        <h3>Bulletproof Security<\/h3>\n                        <p>Advanced protocols to protect you and your clients.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* --- BASE & TRANSPARENCY --- *\/\n.anatomy-section {\n    padding: 80px 20px;\n    background: transparent; \/* Maknuta \u010dvrsta boja *\/\n    color: white;\n    font-family: 'Inter', sans-serif;\n    overflow: hidden;\n}\n\n.anatomy-container { max-width: 1300px; margin: 0 auto; }\n.anatomy-header { text-align: center; margin-bottom: 60px; }\n.anatomy-tag { color: #4cc9f0; text-transform: uppercase; letter-spacing: 3px; font-weight: 700; font-size: 13px; }\n.anatomy-title { font-size: clamp(1.8rem, 5vw, 2.5rem); font-weight: 700; margin-top: 10px; }\n.anatomy-title span { color: #f77f31; }\n.anatomy-subtitle { color: rgba(255,255,255,0.5); margin-top: 15px; font-size: 16px; max-width: 600px; margin-inline: auto; }\n\n\/* DESKTOP LAYOUT *\/\n.anatomy-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 20px;\n}\n\n.anatomy-list { width: 30%; display: flex; flex-direction: column; gap: 60px; }\n.side-left { text-align: right; }\n.side-right { text-align: left; }\n\n.anatomy-item { display: flex; align-items: center; gap: 20px; position: relative; }\n\n\/* IKONE *\/\n.anatomy-icon {\n    width: 50px;\n    height: 50px;\n    background: rgba(15, 23, 42, 0.6);\n    border: 1px solid rgba(247, 127, 49, 0.4);\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #f77f31;\n    font-size: 18px;\n    flex-shrink: 0;\n    z-index: 5;\n    backdrop-filter: blur(5px);\n}\n\n\/* LINIJE (Samo za Desktop) *\/\n.connecting-line {\n    position: absolute;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, rgba(247, 127, 49, 0.4), transparent);\n    width: 100px;\n    z-index: 1;\n}\n.line-left { right: -100px; }\n.line-right { left: -100px; }\n\n.anatomy-text h3 { font-size: 18px; font-weight: 700; margin-bottom: 5px; color: white; }\n.anatomy-text p { font-size: 13px; color: rgba(255,255,255,0.4); line-height: 1.5; }\n\n\/* VISUAL *\/\n.anatomy-visual { width: 40%; position: relative; }\n.visual-wrapper {\n    position: relative;\n    padding: 8px;\n    background: rgba(255,255,255,0.03);\n    border-radius: 18px;\n    border: 1px solid rgba(255,255,255,0.1);\n}\n.visual-wrapper img { width: 100%; border-radius: 12px; display: block; box-shadow: 0 20px 50px rgba(0,0,0,0.5); }\n\n.scan-line {\n    position: absolute;\n    top: 0; left: 0; width: 100%; height: 2px;\n    background: #f77f31;\n    box-shadow: 0 0 15px #f77f31;\n    animation: scan 4s linear infinite;\n    z-index: 2;\n}\n\n@keyframes scan { 0% { top: 0%; opacity: 0; } 50% { opacity: 1; } 100% { top: 100%; opacity: 0; } }\n\n\/* --- \ud83d\udcf1 MOBITEL FIX (Responsive) --- *\/\n@media (max-width: 991px) {\n    .anatomy-content { flex-direction: column; gap: 40px; }\n    \n    .anatomy-visual { width: 90%; max-width: 450px; order: -1; } \/* Slika ide prva na mobitelu *\/\n    \n    .anatomy-list { width: 100%; gap: 25px; }\n    \n    .anatomy-item { \n        text-align: left !important; \n        flex-direction: row !important; \n        background: rgba(255,255,255,0.03);\n        padding: 15px;\n        border-radius: 15px;\n        border: 1px solid rgba(255,255,255,0.05);\n    }\n\n    .anatomy-icon-wrap { order: -1; } \/* Ikona uvijek lijevo na mobitelu *\/\n    .connecting-line { display: none; } \/* Gasimo linije na mobitelu jer rade shit izgled *\/\n    \n    .anatomy-text h3 { font-size: 16px; }\n    .anatomy-text p { font-size: 12px; }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-44000ef e-flex e-con-boxed e-con e-parent\" data-id=\"44000ef\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-519e510 elementor-widget elementor-widget-heading\" data-id=\"519e510\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How We Work<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-42cd84c e-con-full e-flex e-con e-parent\" data-id=\"42cd84c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-037289c elementor-widget elementor-widget-html\" data-id=\"037289c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"timeline-section\">\n  <div class=\"timeline-wrapper\">\n    <div class=\"timeline-grid\">\n\n      <div class=\"timeline-line\">\n        <div class=\"timeline-progress\" id=\"progress-line\"><\/div>\n      <\/div>\n\n      <div class=\"timeline-card\">\n        <div class=\"timeline-icon icon-blue\">\n          <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path>\n          <\/svg>\n        <\/div>\n        <div class=\"timeline-title\">Consultations<\/div>\n        <div class=\"timeline-desc\">We analyse your business goals and identify the best digital solution.<\/div>\n      <\/div>\n\n      <div class=\"timeline-card\">\n        <div class=\"timeline-icon icon-purple\">\n          <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"><\/line>\n            <line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"><\/line>\n            <line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"><\/line>\n          <\/svg>\n        <\/div>\n        <div class=\"timeline-title\">Structure & Strategy<\/div>\n        <div class=\"timeline-desc\">We plan user flows, platform structure and define optimal strategy.<\/div>\n      <\/div>\n\n      <div class=\"timeline-card\">\n        <div class=\"timeline-icon icon-teal\">\n          <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <polyline points=\"16 18 22 12 16 6\"><\/polyline>\n            <polyline points=\"8 6 2 12 8 18\"><\/polyline>\n          <\/svg>\n        <\/div>\n        <div class=\"timeline-title\">Design & Development<\/div>\n        <div class=\"timeline-desc\">Your platform is designed and built with performance in mind.<\/div>\n      <\/div>\n\n      <div class=\"timeline-card\">\n        <div class=\"timeline-icon icon-orange\">\n          <svg width=\"26\" height=\"26\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"><\/path>\n            <path d=\"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"><\/path>\n          <\/svg>\n        <\/div>\n        <div class=\"timeline-title\">Launching & Support<\/div>\n        <div class=\"timeline-desc\">We launch your project and provide ongoing support and updates.<\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.timeline-section {\n    padding: 50px 0;\n    \/* NOVA POZADINA S GRADACIJOM OD GORE PREMA DOLJE *\/\n    background: transparent\n}\n\n.timeline-grid {\n    max-width: 1400px;\n    margin: auto;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 30px;\n    position: relative;\n    padding: 0 20px;\n}\n\n\/* --- DESKTOP LINIJA --- *\/\n.timeline-line {\n    position: absolute;\n    top: 46px; \n    left: 12.5%; \/* Po\u010dinje to\u010dno ispod prve ikone *\/\n    width: 75%;  \/* Zavr\u0161ava to\u010dno ispod zadnje ikone *\/\n    height: 4px;\n    background: rgba(255,255,255,0.1);\n    z-index: 0;\n    border-radius: 4px;\n}\n\n.timeline-progress {\n    position: absolute;\n    top: 0; left: 0;\n    height: 100%;\n    width: 0%; \/* JS kontrolira ovo na desktopu *\/\n    background: #f97316;\n    box-shadow: 0 0 15px rgba(249, 115, 22, 0.6);\n    transition: width 0.1s linear;\n}\n\n\/* --- KARTICE I IKONE --- *\/\n.timeline-card {\n    background: rgba(255,255,255,0.05);\n    border-radius: 16px;\n    padding: 30px;\n    text-align: center;\n    position: relative;\n    z-index: 1;\n}\n\n.timeline-icon {\n    width: 52px; height: 52px;\n    margin: 0 auto 20px;\n    border-radius: 14px;\n    display: flex; align-items: center; justify-content: center;\n    color: white;\n    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n.timeline-icon.active { transform: scale(1.1); }\n\n\/* --- RESPONSIVE (MOBITEL & TABLET) --- *\/\n@media (max-width: 900px) {\n    .timeline-grid {\n        grid-template-columns: 1fr;\n        gap: 40px;\n        padding-left: 60px;\n    }\n\n    .timeline-line {\n        top: 20px;\n        bottom: 20px;\n        left: 35px; \/* Poravnato s ikonama *\/\n        width: 3px;\n        height: auto;\n        background: rgba(255,255,255,0.1);\n    }\n\n    .timeline-progress {\n        width: 100% !important; \n        height: 0%; \/* JS kontrolira ovo na mobitelu *\/\n        transition: height 0.1s linear;\n    }\n\n    .timeline-card { text-align: left; padding: 25px; }\n    .timeline-icon { margin: 0 0 15px 0; }\n}\n\n\/* Gradients *\/\n.icon-purple{background:linear-gradient(135deg,#8b5cf6,#6366f1);}\n.icon-blue{background:linear-gradient(135deg,#3b82f6,#06b6d4);}\n.icon-teal{background:linear-gradient(135deg,#22c55e,#10b981);}\n.icon-orange{background:linear-gradient(135deg,#f97316,#fb923c);}\n\n.timeline-title { color: white; font-weight: 600; margin-bottom: 8px; }\n.timeline-desc { color: rgba(255,255,255,0.7); font-size: 14px; }\n<\/style>\n\n<script>\ndocument.addEventListener('scroll', function() {\n  const section = document.querySelector('.timeline-section');\n  const cards = document.querySelectorAll('.timeline-card');\n  const progressLine = document.getElementById('progress-line');\n  \n  const sectionRect = section.getBoundingClientRect();\n  const windowHeight = window.innerHeight;\n  \n  \/\/ To\u010dka aktivacije (sredina ekrana)\n  const triggerPoint = windowHeight * 0.5;\n  \n  \/\/ Izra\u010dun progressa (0 do 1)\n  let scrollPercent = (triggerPoint - sectionRect.top) \/ sectionRect.height;\n  scrollPercent = Math.min(Math.max(scrollPercent, 0), 1);\n\n  if (window.innerWidth <= 900) {\n    \/\/ Mobilni: Resetiraj width, puni height\n    progressLine.style.width = \"100%\";\n    progressLine.style.height = (scrollPercent * 100) + \"%\";\n  } else {\n    \/\/ Desktop: Resetiraj height, puni width\n    progressLine.style.height = \"100%\";\n    progressLine.style.width = (scrollPercent * 100) + \"%\";\n  }\n\n  \/\/ Aktiviraj ikone kad pro\u0111u trigger point\n  cards.forEach((card) => {\n    const icon = card.querySelector('.timeline-icon');\n    const rect = card.getBoundingClientRect();\n    \n    \/\/ Na desktopu gledamo horizontalnu sredinu, na mobitelu vertikalnu\n    if (rect.top < triggerPoint) {\n      icon.classList.add('active');\n    } else {\n      icon.classList.remove('active');\n    }\n  });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-58681b8 e-flex e-con-boxed e-con e-parent\" data-id=\"58681b8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3602867 eael-flip-box--3d eael-flipbox-content-align-center elementor-widget elementor-widget-eael-flip-box\" data-id=\"3602867\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-flip-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"eael-elements-flip-box-container eael-animate-flip eael-animate-up eael-content eael-flip-box-hover eael-flipbox-fixed-height eael-flipbox-dynamic\">\n\n            <div class=\"eael-elements-flip-box-flip-card\">\n                <div class=\"eael-elements-flip-box-front-container\">\n                    \n                    \n                        <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                    <div class=\"eael-elements-flip-box-icon-image\">\n                                                                            <\/div>\n                                    <h2 class=\"eael-elements-flip-box-heading\">Ready to Build Your Website?<\/h2>                                    <div class=\"eael-elements-flip-box-content\">\n\t                                    GET STARTED <span style=\"font-size: 1.2em;font-weight: bold\">\u2192<\/span>                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n\n                <div class=\"eael-elements-flip-box-rear-container\">\n                                                                <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                                                                                            <h2 class=\"eael-elements-flip-box-heading\">Let\u2019s start your project!<\/h2>\n                                                                        <div class=\"eael-elements-flip-box-content\">\n                                        <p>We\u2019ll help you plan, design and launch a website that actually brings clients \u2014 not just looks good.<\/p>                                    <\/div>\n\n                                                                            <a class=\"flipbox-button\" href=\"#quotewebsite\">\n                                            <i aria-hidden=\"true\" class=\"ea-flipbox-icon far fa-arrow-alt-circle-right\"><\/i>                                                    Get a Free Quote                                                                                    <\/a>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-91ba8de e-flex e-con-boxed e-con e-parent\" data-id=\"91ba8de\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3157f23 elementor-widget elementor-widget-heading\" data-id=\"3157f23\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Choose the  <span style=\"color:#ff771e\"> Right Package <\/span> for Your Business<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1cb6443 elementor-widget elementor-widget-menu-anchor\" data-id=\"1cb6443\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"websitepricing\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78b15cc elementor-widget elementor-widget-html\" data-id=\"78b15cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* SECTION *\/\r\n.pricing-section {\r\n    max-width: 100%;\r\n    margin: auto;\r\n    padding: 50px 20px;\r\n    background: transparent;\r\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n}\r\n\r\n\/* GRID *\/\r\n.pricing-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 30px;\r\n    max-width: 1000px;\r\n    margin: auto;\r\n}\r\n\r\n\/* BASE CARD *\/\r\n.pricing-box {\r\n    background: rgba(255, 255, 255, 0.98);\r\n    padding: 50px 40px 40px 40px;\r\n    border-radius: 24px;\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);\r\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    display: flex;\r\n    flex-direction: column;\r\n    border: 1px solid rgba(255, 255, 255, 0.3);\r\n    position: relative;\r\n}\r\n\r\n\/* BUSINESS CARD SPECIFIC (Orange border) *\/\r\n.pricing-box.business-card {\r\n    border: 2px solid #f97316;\r\n}\r\n\r\n.pricing-box:hover {\r\n    transform: translateY(-12px);\r\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n\/* MOST POPULAR BADGE *\/\r\n.popular-badge {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: -10px;\r\n    background: #f97316;\r\n    color: white;\r\n    padding: 6px 15px;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    border-radius: 6px 0 0 6px;\r\n    box-shadow: -2px 4px 10px rgba(249, 115, 22, 0.4);\r\n}\r\n\r\n\/* ICON BASE *\/\r\n.pricing-icon {\r\n    width: 60px;\r\n    height: 60px;\r\n    margin-bottom: 20px;\r\n    border-radius: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: white;\r\n}\r\n\r\n.icon-orange { background: linear-gradient(135deg, #f97316, #fb923c); }\r\n.icon-blue { background: linear-gradient(135deg, #3b82f6, #60a5fa); }\r\n\r\n\/* TITLE & PRICE *\/\r\n.pricing-title {\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    color: #1a2b4c;\r\n}\r\n\r\n.pricing-price {\r\n    font-size: 38px;\r\n    font-weight: 800;\r\n    margin: 10px 0 25px;\r\n    color: #4054B2;\r\n    display: flex;\r\n    align-items: baseline;\r\n    gap: 5px;\r\n}\r\n\r\n.price-from, .price-tag {\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    color: #64748b;\r\n}\r\n\r\n\/* FEATURES *\/\r\n.pricing-features {\r\n    font-size: 14px;\r\n    line-height: 1.4;\r\n    color: #475569;\r\n    margin-bottom: 20px;\r\n    flex-grow: 1;\r\n}\r\n\r\n.pricing-features div {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.feat-icon {\r\n    width: 18px;\r\n    height: 18px;\r\n    color: #4054B2;\r\n    flex-shrink: 0;\r\n}\r\n\r\n\/* FOOTER TEXT *\/\r\n.pricing-footer-text {\r\n    font-size: 13px;\r\n    color: #475569;\r\n    line-height: 1.5;\r\n    margin-bottom: 25px;\r\n    text-align: center;\r\n    font-style: italic;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.pricing-btn {\r\n    display: block;\r\n    text-align: center;\r\n    background: linear-gradient(135deg, #f97316, #fb923c);\r\n    color: white !important;\r\n    padding: 16px 20px;\r\n    border-radius: 12px;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    border: none;\r\n    cursor: pointer;\r\n    box-shadow: 0 4px 15px rgba(249, 115, 22, 0.2);\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n.pricing-btn:hover {\r\n    background: linear-gradient(135deg, #10b981, #059669);\r\n    transform: scale(1.05);\r\n    box-shadow: 0 8px 25px rgba(16, 185, 129, 0.3);\r\n}\r\n\r\n.pricing-btn:active {\r\n    transform: scale(0.95);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:850px){\r\n    .pricing-grid { grid-template-columns: 1fr; max-width: 450px; }\r\n    .popular-badge { right: 20px; border-radius: 6px; }\r\n\r\n    \/* Smanjeni gumbi na mobitelu *\/\r\n    .pricing-btn {\r\n        padding: 12px 20px !important;\r\n        font-size: 14px !important;\r\n        border-radius: 10px !important;\r\n    }\r\n    \r\n    .pricing-box {\r\n        padding: 40px 25px 30px 25px; \/* Ne\u0161to u\u017ei padding kartice na mobitelu *\/\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"pricing-section\">\r\n    <div class=\"pricing-grid\">\r\n\r\n        <div class=\"pricing-box\">\r\n            <div class=\"pricing-icon icon-orange\">\r\n                <svg width=\"28\" height=\"28\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M2 10h20\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"pricing-title\">Starter Website<\/div>\r\n            <div class=\"pricing-price\">\r\n                <span class=\"price-from\">from<\/span> \u20ac290 <span class=\"price-tag\">\/one-time<\/span>\r\n            <\/div>\r\n            \r\n            <div class=\"pricing-features\">\r\n                <div><svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg> Up to 3 pages<\/div>\r\n                <div><svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"\/><path d=\"M12 18h.01\"\/><\/svg> Mobile responsive<\/div>\r\n                <div><svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg> Contact form<\/div>\r\n                <div><svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg> Basic SEO setup<\/div>\r\n                <div><svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg> Social media links<\/div>\r\n                <div><svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"13 17 18 12 13 7\"\/><polyline points=\"6 17 11 12 6 7\"\/><\/svg> Fast and simple navigation<\/div>\r\n                <div><svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01\"\/><\/svg> Services and price list<\/div>\r\n                <div><svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><\/svg> WebLab Team Support<\/div>\r\n            <\/div>\r\n\r\n            <p class=\"pricing-footer-text\">Final price depends on project scope. Contact us to get a free quote.<\/p>\r\n            <a href=\"#quotewebsite\" class=\"pricing-btn\">Get a Free Quote<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"pricing-box business-card\">\r\n            <div class=\"popular-badge\">Most Popular<\/div>\r\n            <div class=\"pricing-icon icon-blue\">\r\n                <svg width=\"28\" height=\"28\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M15 8h5a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2v-5\"\/><rect x=\"3\" y=\"4\" width=\"12\" height=\"10\" rx=\"2\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"pricing-title\">Business Website<\/div>\r\n            <div class=\"pricing-price\">\r\n                <span class=\"price-from\">from<\/span> \u20ac590 <span class=\"price-tag\">\/one-time<\/span>\r\n            <\/div>\r\n            \r\n            <div class=\"pricing-features\">\r\n                <div><svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Everything from Starter<\/div>\r\n                <div><svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg> Up to 6 pages<\/div>\r\n                <div><svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 19l7-7 3 3-7 7-3-3z\"\/><path d=\"M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z\"\/><path d=\"M2 2l7.5 1.5\"\/><path d=\"M7 11l5-5\"\/><\/svg> Custom design<\/div>\r\n                <div><svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><path d=\"M22 6l-10 7L2 6\"\/><\/svg> Contact form and newsletter<\/div>\r\n                <div><svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg> Speed optimisation<\/div>\r\n                <div><svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg> Full SEO setup<\/div>\r\n                <div><svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg> Gallery<\/div>\r\n                <div><svg class=\"feat-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><\/svg> WebLab Team Support<\/div>\r\n            <\/div>\r\n\r\n            <p class=\"pricing-footer-text\">Final price depends on project scope. Contact us to get a free quote.<\/p>\r\n            <a href=\"#quotewebsite\" class=\"pricing-btn\">Get a Free Quote<\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ea825a e-flex e-con-boxed e-con e-parent\" data-id=\"1ea825a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c2c3a5 elementor-widget elementor-widget-heading\" data-id=\"1c2c3a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Frequently Asked <span style=\"color:#ff771e\"> Questions <\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8357ea elementor-widget elementor-widget-html\" data-id=\"e8357ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.faq-toggle::before, .faq-toggle::after, .faq-card::before, .faq-card::after { content: none !important; }\n\n.faq-section {\n    max-width: 1200px;\n    margin: auto;\n    padding: 60px 20px;\n    background: transparent;\n    font-family: 'Inter', sans-serif;\n}\n\n.faq-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 15px;\n}\n\n.faq-card {\n    background: rgba(26, 43, 76, 0.6);\n    border-radius: 16px;\n    border: 1px solid rgba(255, 255, 255, 0.05);\n    padding: 15px 20px;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.2);\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    overflow: hidden;\n    cursor: pointer;\n}\n\n.faq-card:hover {\n    background: rgba(26, 43, 76, 0.9);\n    transform: translateX(5px);\n    border-color: rgba(80, 140, 255, 0.3);\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n}\n\n.faq-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n.faq-title {\n    font-size: 15px;\n    font-weight: 600;\n    color: #f6f6f6;\n    padding-right: 20px;\n}\n\n.faq-card:hover .faq-title {\n    color: #ffffff;\n}\n\n.faq-toggle {\n    border: none;\n    background: rgba(249, 115, 22, 0.1);\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    color: #f97316;\n    transition: all 0.3s ease;\n}\n\n.faq-card.active .faq-toggle {\n    background: #f97316;\n    color: white;\n    transform: rotate(45deg);\n}\n\n.faq-content {\n    max-height: 0;\n    overflow: hidden;\n    font-size: 14px;\n    line-height: 1.7;\n    color: #cbd5e1;\n    transition: all 0.3s ease-out;\n    opacity: 0;\n}\n\n.faq-card.active .faq-content {\n    max-height: 500px;\n    margin-top: 15px;\n    opacity: 1;\n    padding-bottom: 10px;\n}\n<\/style>\n\n<section class=\"faq-section\">\n<div class=\"faq-grid\">\n\n<!-- 1 -->\n<div class=\"faq-card\">\n    <div class=\"faq-header\">\n        <div class=\"faq-title\">How long does it take to build a website?<\/div>\n        <div class=\"faq-toggle\">+<\/div>\n    <\/div>\n    <div class=\"faq-content\">\n        Most websites are completed within <strong>3 to 6 weeks<\/strong>, depending on size and complexity.\n    <\/div>\n<\/div>\n\n<!-- 2 -->\n<div class=\"faq-card\">\n    <div class=\"faq-header\">\n        <div class=\"faq-title\">How much does a website cost?<\/div>\n        <div class=\"faq-toggle\">+<\/div>\n    <\/div>\n    <div class=\"faq-content\">\n        Website pricing starts from <strong>\u20ac290<\/strong>, depending on features and design. You\u2019ll receive a <strong>clear quote with no hidden costs<\/strong>.\n    <\/div>\n<\/div>\n\n<!-- 3 -->\n<div class=\"faq-card\">\n    <div class=\"faq-header\">\n        <div class=\"faq-title\">What kind of websites do you build?<\/div>\n        <div class=\"faq-toggle\">+<\/div>\n    <\/div>\n    <div class=\"faq-content\">\n        We build <strong>business websites, landing pages, booking websites and service-based sites<\/strong> designed to <strong>generate leads and clients<\/strong>.\n    <\/div>\n<\/div>\n\n<!-- 4 -->\n<div class=\"faq-card\">\n    <div class=\"faq-header\">\n        <div class=\"faq-title\">Will my website work on mobile devices?<\/div>\n        <div class=\"faq-toggle\">+<\/div>\n    <\/div>\n    <div class=\"faq-content\">\n        Yes \u2014 every website is fully <strong>responsive and optimised for mobile, tablet and desktop<\/strong>.\n    <\/div>\n<\/div>\n\n<!-- 5 -->\n<div class=\"faq-card\">\n    <div class=\"faq-header\">\n        <div class=\"faq-title\">Can you set up a booking system?<\/div>\n        <div class=\"faq-toggle\">+<\/div>\n    <\/div>\n    <div class=\"faq-content\">\n        Yes \u2014 we can integrate <strong>appointment booking, hotel\/apartment booking or custom reservation systems<\/strong> with <strong>0% commission<\/strong>.\n    <\/div>\n<\/div>\n\n<!-- 6 -->\n<div class=\"faq-card\">\n    <div class=\"faq-header\">\n        <div class=\"faq-title\">Will I be able to edit the website myself?<\/div>\n        <div class=\"faq-toggle\">+<\/div>\n    <\/div>\n    <div class=\"faq-content\">\n        Yes \u2014 you\u2019ll receive a <strong>simple walkthrough<\/strong> so you can easily update content without technical knowledge.\n    <\/div>\n<\/div>\n\n<!-- 7 -->\n<div class=\"faq-card\">\n    <div class=\"faq-header\">\n        <div class=\"faq-title\">Do you provide support after launch?<\/div>\n        <div class=\"faq-toggle\">+<\/div>\n    <\/div>\n    <div class=\"faq-content\">\n        Yes \u2014 we offer <strong>ongoing support<\/strong> for updates, fixes and improvements.\n    <\/div>\n<\/div>\n\n<!-- 8 -->\n<div class=\"faq-card\">\n    <div class=\"faq-header\">\n        <div class=\"faq-title\">Are there any monthly costs?<\/div>\n        <div class=\"faq-toggle\">+<\/div>\n    <\/div>\n    <div class=\"faq-content\">\n        Yes \u2014 websites may include <strong>hosting, domain and optional tools<\/strong>. All costs are <strong>transparent<\/strong>.\n    <\/div>\n<\/div>\n\n<!-- 9 -->\n<div class=\"faq-card\">\n    <div class=\"faq-header\">\n        <div class=\"faq-title\">Will my website be optimized for Google (SEO)?<\/div>\n        <div class=\"faq-toggle\">+<\/div>\n    <\/div>\n    <div class=\"faq-content\">\n        Yes \u2014 we set up a <strong>basic SEO structure<\/strong> so your website is ready to rank on search engines.\n    <\/div>\n<\/div>\n\n<!-- 10 -->\n<div class=\"faq-card\">\n    <div class=\"faq-header\">\n        <div class=\"faq-title\">Do you offer website maintenance and what does it cost?<\/div>\n        <div class=\"faq-toggle\">+<\/div>\n    <\/div>\n    <div class=\"faq-content\">\n        Yes \u2014 we offer maintenance starting from <strong>\u20ac30\u2013\u20ac50\/month<\/strong>.<br><br>\n        This includes <strong>updates, security, backups, small changes and ongoing support<\/strong>, so your website stays <strong>secure and running smoothly<\/strong>.\n    <\/div>\n<\/div>\n\n<\/div>\n<\/section>\n\n<script>\ndocument.querySelectorAll('.faq-card').forEach(card => {\n    card.addEventListener('click', () => {\n        card.classList.toggle('active');\n    });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7e22d43 e-flex e-con-boxed e-con e-parent\" data-id=\"7e22d43\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9829d17 e-con-full e-flex e-con e-child\" data-id=\"9829d17\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46dd062 elementor-widget elementor-widget-menu-anchor\" data-id=\"46dd062\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"quotewebsite\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e819491 elementor-widget elementor-widget-heading\" data-id=\"e819491\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Request a <span style=\"color:#ff771e\"> Free Quote <\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ae7d2c elementor-widget elementor-widget-text-editor\" data-id=\"8ae7d2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Tell us a bit about your business and we\u2019ll get back to you with ideas and pricing. No obligations.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ba7194 elementor-shape-circle e-grid-align-left elementor-grid-0 elementor-widget elementor-widget-social-icons\" data-id=\"6ba7194\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-41366e8\" href=\"https:\/\/www.instagram.com\/weblab.hr\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-instagram\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-9afb872\" href=\"https:\/\/www.facebook.com\/people\/WebLab-Studio\/61587157734057\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-facebook\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-whatsapp elementor-repeater-item-1fd3803\" href=\"https:\/\/wa.me\/385976659002\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Whatsapp<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-whatsapp\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-repeater-item-94ca1c7\" href=\"https:\/\/www.linkedin.com\/showcase\/weblab-studio1\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Linkedin<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-linkedin\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa8ad8e e-con-full e-flex e-con e-child\" data-id=\"aa8ad8e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b4856c fluentform-widget-submit-button-custom elementor-widget elementor-widget-fluent-form-widget\" data-id=\"5b4856c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"fluent-form-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n            <div class=\"fluentform-widget-wrapper fluentform-widget-align-default\">\n\n            \n            <div class='fluentform ff-default fluentform_wrapper_1 ffs_default_wrap'><form data-form_id=\"1\" id=\"fluentform_1\" class=\"frm-fluent-form fluent_form_1 ff-el-form-top ff_form_instance_1_1 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_1_1\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Contact Form Demo<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='27249' \/><input type=\"hidden\" id=\"_fluentform_1_fluentformnonce\" name=\"_fluentform_1_fluentformnonce\" value=\"b6906855de\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/hr\/wp-json\/wp\/v2\/pages\/27249\" \/><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_1_names_first_name_' id='label_ff_1_names_first_name_' >First Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_1_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"First Name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell '><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_1_names_last_name_' id='label_ff_1_names_last_name_' >Last Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[last_name]\" id=\"ff_1_names_last_name_\" class=\"ff-el-form-control\" placeholder=\"Last Name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_email' id='label_ff_1_email' aria-label=\"Email\">Email<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_1_email\" class=\"ff-el-form-control\" placeholder=\"Email Address\" data-name=\"email\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_input_text' id='label_ff_1_input_text' aria-label=\"Business \/ Brand Name\">Business \/ Brand Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"input_text\" class=\"ff-el-form-control\" placeholder=\"Business \/ Brand Name\" data-name=\"input_text\" id=\"ff_1_input_text\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_dropdown' id='label_ff_1_dropdown' aria-label=\"Select a service you are interested in\">Select a service you are interested in<\/label><\/div><div class='ff-el-input--content'><select name=\"dropdown\" id=\"ff_1_dropdown\" class=\"ff-el-form-control\" data-name=\"dropdown\" data-calc_value=\"0\"  aria-invalid=\"false\" aria-required=\"true\" aria-labelledby=\"label_ff_1_dropdown\"><option value=\"\">- Select -<\/option><option value=\"Website Development\"  >Website Development<\/option><option value=\"E-commerce Development (Web Shop)\"  >E-commerce Development (Web Shop)<\/option><option value=\"Website &amp; Booking System \"  >Website & Booking System<\/option><option value=\"Mobile App Development\"  >Mobile App Development<\/option><option value=\"Website Redesign\"  >Website Redesign<\/option><option value=\"Not sure yet\"  >Not sure yet<\/option><\/select><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_dropdown_1' id='label_ff_1_dropdown_1' aria-label=\"Project size\">Project size<\/label><\/div><div class='ff-el-input--content'><select name=\"dropdown_1\" id=\"ff_1_dropdown_1\" class=\"ff-el-form-control\" data-name=\"dropdown_1\" data-calc_value=\"0\"  aria-invalid=\"false\" aria-required=\"true\" aria-labelledby=\"label_ff_1_dropdown_1\"><option value=\"\">- Select -<\/option><option value=\"Starter Website (up to 3 pages)\"  >Starter Website (up to 3 pages)<\/option><option value=\"Business Website (up to 6 pages)\"  >Business Website (up to 6 pages)<\/option><option value=\"Premium \/ Custom Website\"  >Premium \/ Custom Website<\/option><option value=\"I need help deciding\"  >I need help deciding<\/option><\/select><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_dropdown_2' id='label_ff_1_dropdown_2' aria-label=\"Estimated budget\">Estimated budget<\/label><\/div><div class='ff-el-input--content'><select name=\"dropdown_2\" id=\"ff_1_dropdown_2\" class=\"ff-el-form-control\" data-name=\"dropdown_2\" data-calc_value=\"0\"  aria-invalid=\"false\" aria-required=\"true\" aria-labelledby=\"label_ff_1_dropdown_2\"><option value=\"\">- Select -<\/option><option value=\"\u20ac300\u2013500\"  >\u20ac300\u2013500<\/option><option value=\"\u20ac500\u2013900 \"  >\u20ac500\u2013900<\/option><option value=\"\u20ac900\u20131500 \"  >\u20ac900\u20131500<\/option><option value=\"\u20ac1500+\"  >\u20ac1500+<\/option><option value=\"Not sure yet\"  >Not sure yet<\/option><\/select><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_message' id='label_ff_1_message' aria-label=\"Tell us about your project\">Tell us about your project<\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"true\" aria-labelledby=\"label_ff_1_message\" name=\"message\" id=\"ff_1_message\" class=\"ff-el-form-control\" placeholder=\"What does your business do? What pages or features do you need?\" rows=\"4\" cols=\"2\" data-name=\"message\" ><\/textarea><\/div><\/div><div class='ff-el-group    ff-el-input--content'><div class='ff-el-form-check ff-el-tc'><label aria-label='I consent to have this website store my submitted information so they can respond to my inquiry.' class='ff-el-form-check-label ff_tc_label' for=gdpr-agreement_4cde14e7dbd354b63090ed430a6b4483><span class='ff_tc_checkbox'><input type=\"checkbox\" name=\"gdpr-agreement\" class=\"ff-el-form-check-input ff_gdpr_field\" data-name=\"gdpr-agreement\" id=\"gdpr-agreement_4cde14e7dbd354b63090ed430a6b4483\"  value='on' aria-invalid='false' aria-required=true><\/span> <div class='ff_t_c'>I consent to have this website store my submitted information so they can respond to my inquiry.<\/div><\/label><\/div><\/div><div class='ff-el-group ff-text-left ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style wpf_has_custom_css\"  aria-label=\"Request a Quote\">Request a Quote<\/button><\/div><\/fieldset><\/form><div id='fluentform_1_errors' class='ff-errors-in-stack ff_form_instance_1_1 ff-form-loading_errors ff_form_instance_1_1_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_1_1 = {\"id\":\"1\",\"ajaxUrl\":\"https:\\\/\\\/weblab-studio.com\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\",\"asteriskPlacement\":\"asterisk-right\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_1_1\",\"form_id_selector\":\"fluentform_1\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}},\"email\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global\":false,\"global_message\":\"This field must contain a valid email\"}},\"input_text\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"dropdown\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"dropdown_1\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"dropdown_2\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"message\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}},\"gdpr-agreement\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}}},\"debounce_time\":300};\n                            <\/script>\n                        <\/div>\n\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>Professional Websites for Modern Brands We build digital experiences designed to convert visitors into loyal customers. GET FREE QUOTE OUR PRICING What You Get With Every Website Brand Authority Make a powerful first impression that positions you as a leader in your industry. 24\/7 Digital Office Your business never sleeps. Provide information and capture leads [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-27249","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/pages\/27249","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/comments?post=27249"}],"version-history":[{"count":409,"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/pages\/27249\/revisions"}],"predecessor-version":[{"id":29370,"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/pages\/27249\/revisions\/29370"}],"wp:attachment":[{"href":"https:\/\/weblab-studio.com\/hr\/wp-json\/wp\/v2\/media?parent=27249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}