{"id":5571,"date":"2025-09-17T05:23:13","date_gmt":"2025-09-17T05:23:13","guid":{"rendered":"https:\/\/srv.murus.ro\/~cc\/?page_id=5571"},"modified":"2026-07-06T11:16:23","modified_gmt":"2026-07-06T11:16:23","slug":"web-design","status":"publish","type":"page","link":"https:\/\/convertop.com\/en\/web-design\/","title":{"rendered":"Web Design"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n
\n
\n
\n
<\/a><\/div>\n <\/div>\n
<\/div>\n <\/div>\n <\/div>\n
<\/path><\/svg><\/span><\/path><\/svg><\/span><\/div>\n <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nWeb Design Studio \u2014 Hero<\/title>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&family=Inter:wght@400;500;600&display=swap');\n\n\/* ===== TOKENS ===== *\/\n.wd-hero{\n --bg-1:#f6f8fb; --bg-2:#eef1f7;\n --ink:#141b29; --ink-soft:#515c6e;\n --accent:#2f7df6; --accent-2:#00c2a8;\n --shadow:rgba(24,32,48,.24);\n}\n\n\/* ===== FULL-WIDTH (breaks out of Elementor container) ===== *\/\n.wd-hero{\n position:relative;\n width:100vw; left:50%; right:50%;\n margin-left:-50vw; margin-right:-50vw;\n min-height:100svh;\n overflow:hidden;\n font-family:'Inter',system-ui,sans-serif;\n background:\n radial-gradient(1200px 600px at 50% 8%,#ffffff 0%,transparent 60%),\n linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 100%);\n display:flex; flex-direction:column; justify-content:center;\n box-sizing:border-box; padding-bottom:6vh;\n}\n.wd-hero *{box-sizing:border-box}\n\n\/* soft grid texture *\/\n.wd-hero::before{\n content:\"\";position:absolute;inset:0;pointer-events:none;opacity:.5;\n background-image:\n linear-gradient(rgba(20,27,41,.035) 1px,transparent 1px),\n linear-gradient(90deg,rgba(20,27,41,.035) 1px,transparent 1px);\n background-size:54px 54px;\n -webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 20%,transparent 75%);\n mask-image:radial-gradient(ellipse at 50% 40%,#000 20%,transparent 75%);\n}\n\/* ambient color glow behind devices *\/\n.wd-hero::after{\n content:\"\";position:absolute;left:50%;top:56%;width:78%;height:46%;\n transform:translateX(-50%);\n background:radial-gradient(ellipse at center,rgba(47,125,246,.14),rgba(0,194,168,.06) 40%,transparent 70%);\n pointer-events:none;filter:blur(6px);\n}\n\n\/* ===== HEADLINE ===== *\/\n.wd-copy{\n position:relative;z-index:6;text-align:center;\n padding:0 22px clamp(30px,4vw,54px);\n opacity:0;transform:translateY(26px);\n animation:wdCopyIn 1s cubic-bezier(.2,.7,.2,1) .2s forwards;\n}\n.wd-eyebrow{\n display:inline-flex;align-items:center;gap:8px;\n font-family:'Sora',sans-serif;font-weight:600;\n letter-spacing:.26em;text-transform:uppercase;font-size:12px;\n color:var(--accent);margin-bottom:16px;\n}\n.wd-eyebrow::before,.wd-eyebrow::after{content:\"\";width:26px;height:1px;background:currentColor;opacity:.5}\n.wd-copy h1{\n font-family:'Sora',sans-serif;font-weight:800;color:var(--ink);\n line-height:1.03;font-size:clamp(2rem,5.6vw,4.4rem);\n letter-spacing:-.02em;max-width:15ch;margin:0 auto;\n}\n.wd-copy h1 .g{\n background:linear-gradient(100deg,var(--accent),var(--accent-2));\n -webkit-background-clip:text;background-clip:text;color:transparent;\n}\n.wd-copy p{\n margin:20px auto 26px;max-width:54ch;color:var(--ink-soft);\n font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.6;\n}\n.wd-cta{display:flex;gap:13px;justify-content:center;flex-wrap:wrap}\n.wd-btn{\n font-family:'Sora',sans-serif;font-weight:700;font-size:15px;\n padding:15px 30px;border-radius:999px;border:0;cursor:pointer;\n text-decoration:none;display:inline-flex;align-items:center;gap:9px;\n transition:transform .25s ease,box-shadow .25s ease;\n}\n.wd-btn-main{background:linear-gradient(100deg,var(--accent),#1c5fd6);color:#fff;box-shadow:0 14px 30px rgba(47,125,246,.35)}\n.wd-btn-main:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(47,125,246,.48)}\n.wd-btn-main .arw{transition:transform .25s ease}\n.wd-btn-main:hover .arw{transform:translateX(4px)}\n.wd-btn-ghost{background:rgba(255,255,255,.8);color:var(--ink);border:1px solid rgba(20,27,41,.14)}\n.wd-btn-ghost:hover{transform:translateY(-3px);background:#fff}\n\n\/* ===== DEVICES (floating, no desk) ===== *\/\n.wd-stage{position:relative;z-index:2;width:100%}\n.wd-devices{\n position:relative;z-index:3;max-width:1180px;margin:0 auto;\n padding:0 24px;display:flex;align-items:flex-end;justify-content:center;\n gap:clamp(12px,2.6vw,38px);\n}\n.wd-dev{position:relative}\n.wd-dev .frame{filter:drop-shadow(0 30px 40px var(--shadow))}\n\/* floating ground shadow (soft, detached \u2014 sells the float) *\/\n.wd-dev .fshadow{\n position:absolute;left:8%;right:8%;bottom:-34px;height:26px;\n background:radial-gradient(ellipse at center,rgba(24,32,48,.30),transparent 72%);\n filter:blur(7px);z-index:-1;\n}\n.wd-dev .scr{overflow:hidden;background:#0d0f14}\n.wd-dev img{display:block;width:100%;height:100%;object-fit:cover}\n\n.wd-desktop{width:clamp(280px,40vw,530px)}\n.wd-desktop .bz{background:#1c1f26;border-radius:16px;padding:12px 12px 0}\n.wd-desktop .scr{border-radius:6px;aspect-ratio:16\/10}\n.wd-desktop .stand{width:15%;height:42px;margin:0 auto;background:linear-gradient(180deg,#d7dbe0,#aeb4bd)}\n.wd-desktop .foot{width:32%;height:12px;margin:0 auto;border-radius:0 0 40px 40px;background:linear-gradient(180deg,#c4c9d0,#9aa1ab)}\n\n.wd-laptop{width:clamp(210px,28vw,390px)}\n.wd-laptop .bz{background:#1c1f26;border-radius:12px 12px 3px 3px;padding:9px 9px 0}\n.wd-laptop .scr{border-radius:4px;aspect-ratio:16\/10}\n.wd-laptop .base{width:118%;margin-left:-9%;height:15px;background:linear-gradient(180deg,#d7dbe0,#a6acb5);border-radius:0 0 12px 12px;position:relative}\n.wd-laptop .base::after{content:\"\";position:absolute;top:0;left:50%;transform:translateX(-50%);width:16%;height:5px;border-radius:0 0 8px 8px;background:#8b929c}\n\n.wd-tablet{width:clamp(112px,14vw,180px)}\n.wd-tablet .bz{background:#1c1f26;border-radius:18px;padding:11px 8px}\n.wd-tablet .scr{border-radius:7px;aspect-ratio:3\/4}\n\n.wd-phone{width:clamp(60px,7.5vw,100px)}\n.wd-phone .bz{background:#14161b;border-radius:16px;padding:5px}\n.wd-phone .scr{border-radius:12px;aspect-ratio:9\/19.5}\n\n\/* ===== HOVER LIFT + TOOLTIP ===== *\/\n.wd-dev .frame{transition:transform .35s cubic-bezier(.2,.8,.2,1), filter .35s ease}\n\/* lift device a few px on hover\/tap (paused float so lift is clean) *\/\n.wd-dev.is-active .frame{\n transform:translateY(-12px) scale(1.03)!important;\n animation-play-state:paused!important;\n filter:drop-shadow(0 40px 46px rgba(24,32,48,.34));\n}\n.wd-dev.is-active .fshadow{transform:scaleX(1.08);opacity:.5}\n\n\/* the pretty CTA tooltip *\/\n.wd-tip{\n position:absolute;left:50%;bottom:calc(100% + 16px);\n transform:translateX(-50%) translateY(10px) scale(.9);\n transform-origin:bottom center;\n opacity:0;visibility:hidden;pointer-events:none;\n transition:opacity .3s ease, transform .35s cubic-bezier(.2,.8,.2,1), visibility .3s;\n z-index:20;white-space:nowrap;\n}\n.wd-dev.is-active .wd-tip{\n opacity:1;visibility:visible;pointer-events:auto;\n transform:translateX(-50%) translateY(0) scale(1);\n}\n.wd-tip a{\n display:flex;align-items:center;gap:11px;text-decoration:none;\n font-family:'Sora',sans-serif;\n padding:13px 18px;border-radius:15px;\n background:linear-gradient(135deg,#1fb256,#12933f);\n color:#fff;\n box-shadow:0 16px 32px rgba(18,147,63,.42), inset 0 1px 0 rgba(255,255,255,.25);\n position:relative;overflow:hidden;\n}\n\/* shimmer sweep across the tooltip *\/\n.wd-tip a::after{\n content:\"\";position:absolute;top:0;left:-60%;width:45%;height:100%;\n background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);\n transform:skewX(-18deg);\n animation:wdShimmer 2.6s ease-in-out infinite;\n}\n.wd-tip .wa{flex-shrink:0;width:26px;height:26px}\n.wd-tip .txt{display:flex;flex-direction:column;line-height:1.2;text-align:left}\n.wd-tip .txt b{font-size:13.5px;font-weight:700}\n.wd-tip .txt small{font-size:11px;font-weight:600;opacity:.9;letter-spacing:.02em}\n\/* little arrow under the bubble *\/\n.wd-tip::after{\n content:\"\";position:absolute;left:50%;top:100%;\n transform:translateX(-50%);\n border:8px solid transparent;border-top-color:#12933f;\n filter:drop-shadow(0 3px 2px rgba(18,147,63,.3));\n}\n\/* pulse ring on the tooltip when it appears *\/\n.wd-dev.is-active .wd-tip a{animation:wdPop .4s cubic-bezier(.2,1.4,.4,1)}\n\n\/* entrance motion *\/\n.wd-desktop .frame{animation:wdRise 1.05s cubic-bezier(.18,.8,.2,1) .55s both}\n.wd-laptop .frame{animation:wdRise 1.05s cubic-bezier(.18,.8,.2,1) .75s both}\n.wd-tablet .frame{animation:wdRiseR 1.05s cubic-bezier(.18,.8,.2,1) .95s both}\n.wd-phone .frame{animation:wdRiseR 1.05s cubic-bezier(.18,.8,.2,1) 1.12s both}\n\/* shadows fade in with their device *\/\n.wd-dev .fshadow{opacity:0;animation:wdShadowIn .8s ease 1.5s forwards}\n\n\/* ambient float after entrance *\/\n@media (prefers-reduced-motion:no-preference){\n .wd-devices.go .wd-desktop .frame{animation:wdRise 1.05s cubic-bezier(.18,.8,.2,1) .55s both, wdFloat 6.2s ease-in-out 1.7s infinite}\n .wd-devices.go .wd-laptop .frame{animation:wdRise 1.05s cubic-bezier(.18,.8,.2,1) .75s both, wdFloat 6.8s ease-in-out 1.9s infinite}\n .wd-devices.go .wd-tablet .frame{animation:wdRiseR 1.05s cubic-bezier(.18,.8,.2,1) .95s both, wdFloat 5.6s ease-in-out 2.1s infinite}\n .wd-devices.go .wd-phone .frame{animation:wdRiseR 1.05s cubic-bezier(.18,.8,.2,1) 1.12s both, wdFloat 6.4s ease-in-out 2.3s infinite}\n \/* shadows breathe subtly opposite to float *\/\n .wd-devices.go .wd-dev .fshadow{animation:wdShadowIn .8s ease 1.5s forwards, wdShadowBreathe 6.4s ease-in-out 2s infinite}\n}\n\n\/* ===== KEYFRAMES ===== *\/\n@keyframes wdCopyIn{to{opacity:1;transform:translateY(0)}}\n@keyframes wdRise{0%{opacity:0;transform:translateY(80px) scale(.9) rotateX(12deg)}55%{opacity:1}75%{transform:translateY(-8px) scale(1.01) rotateX(0)}100%{opacity:1;transform:translateY(0) scale(1)}}\n@keyframes wdRiseR{0%{opacity:0;transform:translateY(80px) scale(.9) rotate(-4deg)}55%{opacity:1}75%{transform:translateY(-8px) scale(1.01) rotate(1deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}}\n@keyframes wdFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}\n@keyframes wdShadowIn{to{opacity:1}}\n@keyframes wdShadowBreathe{0%,100%{transform:scaleX(1);opacity:.9}50%{transform:scaleX(.86);opacity:.6}}\n@keyframes wdShimmer{0%{left:-60%}45%,100%{left:130%}}\n@keyframes wdPop{0%{transform:scale(.86)}60%{transform:scale(1.05)}100%{transform:scale(1)}}\n\n@media (prefers-reduced-motion:reduce){\n .wd-copy,.wd-dev .frame,.wd-dev .fshadow{animation:none!important;opacity:1!important;transform:none!important}\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width:600px){\n .wd-hero{justify-content:flex-start;padding-top:9vh}\n .wd-devices{gap:12px;align-items:flex-end}\n .wd-tablet,.wd-laptop{display:none}\n .wd-desktop{width:74vw}\n .wd-phone{width:20vw}\n .wd-copy h1{font-size:clamp(1.8rem,8vw,2.6rem)}\n \/* smaller tooltip so it never overflows the screen *\/\n .wd-tip a{padding:11px 14px;gap:9px}\n .wd-tip .wa{width:22px;height:22px}\n .wd-tip .txt b{font-size:12px}\n .wd-tip .txt small{font-size:10px}\n \/* keep the phone's tooltip from spilling off the right edge *\/\n .wd-phone .wd-tip{left:auto;right:0;transform:translateX(0) translateY(10px) scale(.9)}\n .wd-phone.is-active .wd-tip{transform:translateX(0) translateY(0) scale(1)}\n .wd-phone .wd-tip::after{left:auto;right:24px;transform:none}\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"wd-hero\">\n\n <!-- HEADLINE: SEO + Call To Action -->\n <div class=\"wd-copy\">\n <span class=\"wd-eyebrow\">Web Design Studio<\/span>\n <h1>Web Design That Turns Visitors Into <span class=\"g\">Customers<\/span><\/h1>\n <p>Custom, responsive websites engineered for speed, ranking, and conversion \u2014 flawless on every screen, from desktop to phone.<\/p>\n <div class=\"wd-cta\">\n <a href=\"#quote\" class=\"wd-btn wd-btn-main\">Get Your Free Quote <span class=\"arw\">\u2192<\/span><\/a>\n <a href=\"#work\" class=\"wd-btn wd-btn-ghost\">See Our Work<\/a>\n <\/div>\n <\/div>\n\n <!-- FLOATING DEVICES -->\n <div class=\"wd-stage\">\n <div class=\"wd-devices go\" id=\"wdDevices\">\n\n <div class=\"wd-dev wd-desktop\">\n <div class=\"wd-tip\">\n <a href=\"https:\/\/wa.me\/40723900083\" target=\"_blank\" rel=\"noopener\">\n <svg class=\"wa\" viewBox=\"0 0 32 32\" fill=\"#fff\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M16 3C9.4 3 4 8.4 4 15c0 2.1.6 4.2 1.6 6L4 29l8.2-1.5c1.7.9 3.6 1.4 5.5 1.4h.3c6.6 0 12-5.4 12-12S22.6 3 16 3zm0 21.8c-1.7 0-3.4-.5-4.9-1.3l-.4-.2-4.9.9.9-4.8-.3-.4c-1-1.6-1.5-3.4-1.5-5.2C4.9 9.4 9.9 4.4 16 4.4S27.1 9.4 27.1 15 22.1 24.8 16 24.8zm5.7-7.4c-.3-.2-1.8-.9-2.1-1s-.5-.2-.7.2c-.2.3-.8 1-.9 1.2-.2.2-.3.2-.6.1-.3-.2-1.3-.5-2.5-1.5-.9-.8-1.5-1.8-1.7-2.1-.2-.3 0-.5.1-.6l.5-.5c.1-.2.2-.3.3-.5.1-.2 0-.4 0-.5s-.7-1.6-.9-2.2c-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.5s1.1 2.9 1.2 3.1c.2.2 2.1 3.3 5.2 4.6.7.3 1.3.5 1.7.6.7.2 1.4.2 1.9.1.6-.1 1.8-.7 2-1.4.3-.7.3-1.3.2-1.4-.1-.2-.3-.3-.6-.4z\"\/><\/svg>\n <span class=\"txt\"><b>Ready to build yours together?<\/b><small>Call us right now \u2192<\/small><\/span>\n <\/a>\n <\/div>\n <div class=\"frame\">\n <div class=\"bz\"><div class=\"scr\"><img decoding=\"async\" src=\"https:\/\/convertop.com\/wp-content\/uploads\/2026\/07\/Tmob.webp\" alt=\"Responsive website design on desktop\"><\/div><\/div>\n <div class=\"stand\"><\/div><div class=\"foot\"><\/div>\n <\/div>\n <span class=\"fshadow\"><\/span>\n <\/div>\n\n <div class=\"wd-dev wd-laptop\">\n <div class=\"wd-tip\">\n <a href=\"https:\/\/wa.me\/40723900083\" target=\"_blank\" rel=\"noopener\">\n <svg class=\"wa\" viewBox=\"0 0 32 32\" fill=\"#fff\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M16 3C9.4 3 4 8.4 4 15c0 2.1.6 4.2 1.6 6L4 29l8.2-1.5c1.7.9 3.6 1.4 5.5 1.4h.3c6.6 0 12-5.4 12-12S22.6 3 16 3zm0 21.8c-1.7 0-3.4-.5-4.9-1.3l-.4-.2-4.9.9.9-4.8-.3-.4c-1-1.6-1.5-3.4-1.5-5.2C4.9 9.4 9.9 4.4 16 4.4S27.1 9.4 27.1 15 22.1 24.8 16 24.8zm5.7-7.4c-.3-.2-1.8-.9-2.1-1s-.5-.2-.7.2c-.2.3-.8 1-.9 1.2-.2.2-.3.2-.6.1-.3-.2-1.3-.5-2.5-1.5-.9-.8-1.5-1.8-1.7-2.1-.2-.3 0-.5.1-.6l.5-.5c.1-.2.2-.3.3-.5.1-.2 0-.4 0-.5s-.7-1.6-.9-2.2c-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.5s1.1 2.9 1.2 3.1c.2.2 2.1 3.3 5.2 4.6.7.3 1.3.5 1.7.6.7.2 1.4.2 1.9.1.6-.1 1.8-.7 2-1.4.3-.7.3-1.3.2-1.4-.1-.2-.3-.3-.6-.4z\"\/><\/svg>\n <span class=\"txt\"><b>Ready to build yours together?<\/b><small>Call us right now \u2192<\/small><\/span>\n <\/a>\n <\/div>\n <div class=\"frame\">\n <div class=\"bz\"><div class=\"scr\"><img decoding=\"async\" src=\"https:\/\/convertop.com\/wp-content\/uploads\/2026\/07\/tPC-e1783176067761.webp\" alt=\"Responsive website design on laptop\"><\/div><\/div>\n <div class=\"base\"><\/div>\n <\/div>\n <span class=\"fshadow\"><\/span>\n <\/div>\n\n <div class=\"wd-dev wd-tablet\">\n <div class=\"wd-tip\">\n <a href=\"https:\/\/wa.me\/40723900083\" target=\"_blank\" rel=\"noopener\">\n <svg class=\"wa\" viewBox=\"0 0 32 32\" fill=\"#fff\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M16 3C9.4 3 4 8.4 4 15c0 2.1.6 4.2 1.6 6L4 29l8.2-1.5c1.7.9 3.6 1.4 5.5 1.4h.3c6.6 0 12-5.4 12-12S22.6 3 16 3zm0 21.8c-1.7 0-3.4-.5-4.9-1.3l-.4-.2-4.9.9.9-4.8-.3-.4c-1-1.6-1.5-3.4-1.5-5.2C4.9 9.4 9.9 4.4 16 4.4S27.1 9.4 27.1 15 22.1 24.8 16 24.8zm5.7-7.4c-.3-.2-1.8-.9-2.1-1s-.5-.2-.7.2c-.2.3-.8 1-.9 1.2-.2.2-.3.2-.6.1-.3-.2-1.3-.5-2.5-1.5-.9-.8-1.5-1.8-1.7-2.1-.2-.3 0-.5.1-.6l.5-.5c.1-.2.2-.3.3-.5.1-.2 0-.4 0-.5s-.7-1.6-.9-2.2c-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.5s1.1 2.9 1.2 3.1c.2.2 2.1 3.3 5.2 4.6.7.3 1.3.5 1.7.6.7.2 1.4.2 1.9.1.6-.1 1.8-.7 2-1.4.3-.7.3-1.3.2-1.4-.1-.2-.3-.3-.6-.4z\"\/><\/svg>\n <span class=\"txt\"><b>Ready to build yours together?<\/b><small>Call us right now \u2192<\/small><\/span>\n <\/a>\n <\/div>\n <div class=\"frame\">\n <div class=\"bz\"><div class=\"scr\"><img decoding=\"async\" src=\"https:\/\/convertop.com\/wp-content\/uploads\/2026\/07\/tab2.webp\" alt=\"Responsive website design on tablet\"><\/div><\/div>\n <\/div>\n <span class=\"fshadow\"><\/span>\n <\/div>\n\n <div class=\"wd-dev wd-phone\">\n <div class=\"wd-tip\">\n <a href=\"https:\/\/wa.me\/40723900083\" target=\"_blank\" rel=\"noopener\">\n <svg class=\"wa\" viewBox=\"0 0 32 32\" fill=\"#fff\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M16 3C9.4 3 4 8.4 4 15c0 2.1.6 4.2 1.6 6L4 29l8.2-1.5c1.7.9 3.6 1.4 5.5 1.4h.3c6.6 0 12-5.4 12-12S22.6 3 16 3zm0 21.8c-1.7 0-3.4-.5-4.9-1.3l-.4-.2-4.9.9.9-4.8-.3-.4c-1-1.6-1.5-3.4-1.5-5.2C4.9 9.4 9.9 4.4 16 4.4S27.1 9.4 27.1 15 22.1 24.8 16 24.8zm5.7-7.4c-.3-.2-1.8-.9-2.1-1s-.5-.2-.7.2c-.2.3-.8 1-.9 1.2-.2.2-.3.2-.6.1-.3-.2-1.3-.5-2.5-1.5-.9-.8-1.5-1.8-1.7-2.1-.2-.3 0-.5.1-.6l.5-.5c.1-.2.2-.3.3-.5.1-.2 0-.4 0-.5s-.7-1.6-.9-2.2c-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.5s1.1 2.9 1.2 3.1c.2.2 2.1 3.3 5.2 4.6.7.3 1.3.5 1.7.6.7.2 1.4.2 1.9.1.6-.1 1.8-.7 2-1.4.3-.7.3-1.3.2-1.4-.1-.2-.3-.3-.6-.4z\"\/><\/svg>\n <span class=\"txt\"><b>Ready to build yours together?<\/b><small>Call us right now \u2192<\/small><\/span>\n <\/a>\n <\/div>\n <div class=\"frame\">\n <div class=\"bz\"><div class=\"scr\"><img decoding=\"async\" src=\"https:\/\/convertop.com\/wp-content\/uploads\/2026\/07\/Tphone.webp\" alt=\"Responsive website design on mobile\"><\/div><\/div>\n <\/div>\n <span class=\"fshadow\"><\/span>\n <\/div>\n\n <\/div>\n <\/div>\n\n<\/section>\n\n<script>\n(function(){\n var wrap = document.getElementById('wdDevices');\n if(!wrap) return;\n var devs = Array.prototype.slice.call(wrap.querySelectorAll('.wd-dev'));\n var isTouch = window.matchMedia('(hover: none)').matches ||\n ('ontouchstart' in window);\n\n function clearAll(except){\n devs.forEach(function(x){ if(x!==except) x.classList.remove('is-active'); });\n }\n\n if(isTouch){\n \/\/ TOUCH: tap a device to toggle its tooltip\n devs.forEach(function(d){\n d.addEventListener('click', function(e){\n \/\/ if the CTA link itself was tapped, let it navigate\n if(e.target.closest('.wd-tip')) return;\n e.preventDefault();\n var wasActive = d.classList.contains('is-active');\n clearAll();\n if(!wasActive) d.classList.add('is-active');\n });\n });\n document.addEventListener('click', function(e){\n if(!e.target.closest('.wd-dev')) clearAll();\n });\n } else {\n \/\/ DESKTOP: hover to reveal\n devs.forEach(function(d){\n d.addEventListener('mouseenter', function(){ clearAll(d); d.classList.add('is-active'); });\n d.addEventListener('mouseleave', function(){ d.classList.remove('is-active'); });\n });\n }\n})();\n<\/script>\n\n<\/body>\n<\/html>\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-eb14e4c e-con-full e-flex mk-enable-fade-animation-none e-con e-parent\" data-id=\"eb14e4c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","mk-animation-effect":"none"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37114ad mk-tm-icon-vertical-middle mk-enable-fade-animation-none elementor-widget elementor-widget-mk_text_marquee\" data-id=\"37114ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"mk-animation-effect":"none","mk_ext_is_infinite":"false","mk_ext_is_scrollme":"false"}\" data-widget_type=\"mk_text_marquee.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"mk-text-marquee mk-layout--default\">\r\n \r\n <div class=\"mk-tm-content\">\r\n <div class=\"mk-tm-text mk-text--original\"><span class=\"mk-tm-text-item elementor-repeater-item-dc013bd\">User Interface and User Experience (UI-UX)<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-asterisk\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M478.21 334.093L336 256l142.21-78.093c11.795-6.477 15.961-21.384 9.232-33.037l-19.48-33.741c-6.728-11.653-21.72-15.499-33.227-8.523L296 186.718l3.475-162.204C299.763 11.061 288.937 0 275.48 0h-38.96c-13.456 0-24.283 11.061-23.994 24.514L216 186.718 77.265 102.607c-11.506-6.976-26.499-3.13-33.227 8.523l-19.48 33.741c-6.728 11.653-2.562 26.56 9.233 33.037L176 256 33.79 334.093c-11.795 6.477-15.961 21.384-9.232 33.037l19.48 33.741c6.728 11.653 21.721 15.499 33.227 8.523L216 325.282l-3.475 162.204C212.237 500.939 223.064 512 236.52 512h38.961c13.456 0 24.283-11.061 23.995-24.514L296 325.282l138.735 84.111c11.506 6.976 26.499 3.13 33.227-8.523l19.48-33.741c6.728-11.653 2.563-26.559-9.232-33.036z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-6ed17de\">Portal and system design<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-asterisk\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M478.21 334.093L336 256l142.21-78.093c11.795-6.477 15.961-21.384 9.232-33.037l-19.48-33.741c-6.728-11.653-21.72-15.499-33.227-8.523L296 186.718l3.475-162.204C299.763 11.061 288.937 0 275.48 0h-38.96c-13.456 0-24.283 11.061-23.994 24.514L216 186.718 77.265 102.607c-11.506-6.976-26.499-3.13-33.227 8.523l-19.48 33.741c-6.728 11.653-2.562 26.56 9.233 33.037L176 256 33.79 334.093c-11.795 6.477-15.961 21.384-9.232 33.037l19.48 33.741c6.728 11.653 21.721 15.499 33.227 8.523L216 325.282l-3.475 162.204C212.237 500.939 223.064 512 236.52 512h38.961c13.456 0 24.283-11.061 23.995-24.514L296 325.282l138.735 84.111c11.506 6.976 26.499 3.13 33.227-8.523l19.48-33.741c6.728-11.653 2.563-26.559-9.232-33.036z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-be01b93\">programming and development<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-asterisk\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M478.21 334.093L336 256l142.21-78.093c11.795-6.477 15.961-21.384 9.232-33.037l-19.48-33.741c-6.728-11.653-21.72-15.499-33.227-8.523L296 186.718l3.475-162.204C299.763 11.061 288.937 0 275.48 0h-38.96c-13.456 0-24.283 11.061-23.994 24.514L216 186.718 77.265 102.607c-11.506-6.976-26.499-3.13-33.227 8.523l-19.48 33.741c-6.728 11.653-2.562 26.56 9.233 33.037L176 256 33.79 334.093c-11.795 6.477-15.961 21.384-9.232 33.037l19.48 33.741c6.728 11.653 21.721 15.499 33.227 8.523L216 325.282l-3.475 162.204C212.237 500.939 223.064 512 236.52 512h38.961c13.456 0 24.283-11.061 23.995-24.514L296 325.282l138.735 84.111c11.506 6.976 26.499 3.13 33.227-8.523l19.48-33.741c6.728-11.653 2.563-26.559-9.232-33.036z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-d14bbca\">from creativity to debugging<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-asterisk\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M478.21 334.093L336 256l142.21-78.093c11.795-6.477 15.961-21.384 9.232-33.037l-19.48-33.741c-6.728-11.653-21.72-15.499-33.227-8.523L296 186.718l3.475-162.204C299.763 11.061 288.937 0 275.48 0h-38.96c-13.456 0-24.283 11.061-23.994 24.514L216 186.718 77.265 102.607c-11.506-6.976-26.499-3.13-33.227 8.523l-19.48 33.741c-6.728 11.653-2.562 26.56 9.233 33.037L176 256 33.79 334.093c-11.795 6.477-15.961 21.384-9.232 33.037l19.48 33.741c6.728 11.653 21.721 15.499 33.227 8.523L216 325.282l-3.475 162.204C212.237 500.939 223.064 512 236.52 512h38.961c13.456 0 24.283-11.061 23.995-24.514L296 325.282l138.735 84.111c11.506 6.976 26.499 3.13 33.227-8.523l19.48-33.741c6.728-11.653 2.563-26.559-9.232-33.036z\"><\/path><\/svg><\/span><\/div>\r\n <div class=\"mk-tm-text mk-text--copy\"><span class=\"mk-tm-text-item elementor-repeater-item-dc013bd\">User Interface and User Experience (UI-UX)<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-asterisk\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M478.21 334.093L336 256l142.21-78.093c11.795-6.477 15.961-21.384 9.232-33.037l-19.48-33.741c-6.728-11.653-21.72-15.499-33.227-8.523L296 186.718l3.475-162.204C299.763 11.061 288.937 0 275.48 0h-38.96c-13.456 0-24.283 11.061-23.994 24.514L216 186.718 77.265 102.607c-11.506-6.976-26.499-3.13-33.227 8.523l-19.48 33.741c-6.728 11.653-2.562 26.56 9.233 33.037L176 256 33.79 334.093c-11.795 6.477-15.961 21.384-9.232 33.037l19.48 33.741c6.728 11.653 21.721 15.499 33.227 8.523L216 325.282l-3.475 162.204C212.237 500.939 223.064 512 236.52 512h38.961c13.456 0 24.283-11.061 23.995-24.514L296 325.282l138.735 84.111c11.506 6.976 26.499 3.13 33.227-8.523l19.48-33.741c6.728-11.653 2.563-26.559-9.232-33.036z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-6ed17de\">Portal and system design<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-asterisk\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M478.21 334.093L336 256l142.21-78.093c11.795-6.477 15.961-21.384 9.232-33.037l-19.48-33.741c-6.728-11.653-21.72-15.499-33.227-8.523L296 186.718l3.475-162.204C299.763 11.061 288.937 0 275.48 0h-38.96c-13.456 0-24.283 11.061-23.994 24.514L216 186.718 77.265 102.607c-11.506-6.976-26.499-3.13-33.227 8.523l-19.48 33.741c-6.728 11.653-2.562 26.56 9.233 33.037L176 256 33.79 334.093c-11.795 6.477-15.961 21.384-9.232 33.037l19.48 33.741c6.728 11.653 21.721 15.499 33.227 8.523L216 325.282l-3.475 162.204C212.237 500.939 223.064 512 236.52 512h38.961c13.456 0 24.283-11.061 23.995-24.514L296 325.282l138.735 84.111c11.506 6.976 26.499 3.13 33.227-8.523l19.48-33.741c6.728-11.653 2.563-26.559-9.232-33.036z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-be01b93\">programming and development<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-asterisk\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M478.21 334.093L336 256l142.21-78.093c11.795-6.477 15.961-21.384 9.232-33.037l-19.48-33.741c-6.728-11.653-21.72-15.499-33.227-8.523L296 186.718l3.475-162.204C299.763 11.061 288.937 0 275.48 0h-38.96c-13.456 0-24.283 11.061-23.994 24.514L216 186.718 77.265 102.607c-11.506-6.976-26.499-3.13-33.227 8.523l-19.48 33.741c-6.728 11.653-2.562 26.56 9.233 33.037L176 256 33.79 334.093c-11.795 6.477-15.961 21.384-9.232 33.037l19.48 33.741c6.728 11.653 21.721 15.499 33.227 8.523L216 325.282l-3.475 162.204C212.237 500.939 223.064 512 236.52 512h38.961c13.456 0 24.283-11.061 23.995-24.514L296 325.282l138.735 84.111c11.506 6.976 26.499 3.13 33.227-8.523l19.48-33.741c6.728-11.653 2.563-26.559-9.232-33.036z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-d14bbca\">from creativity to debugging<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-asterisk\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M478.21 334.093L336 256l142.21-78.093c11.795-6.477 15.961-21.384 9.232-33.037l-19.48-33.741c-6.728-11.653-21.72-15.499-33.227-8.523L296 186.718l3.475-162.204C299.763 11.061 288.937 0 275.48 0h-38.96c-13.456 0-24.283 11.061-23.994 24.514L216 186.718 77.265 102.607c-11.506-6.976-26.499-3.13-33.227 8.523l-19.48 33.741c-6.728 11.653-2.562 26.56 9.233 33.037L176 256 33.79 334.093c-11.795 6.477-15.961 21.384-9.232 33.037l19.48 33.741c6.728 11.653 21.721 15.499 33.227 8.523L216 325.282l-3.475 162.204C212.237 500.939 223.064 512 236.52 512h38.961c13.456 0 24.283-11.061 23.995-24.514L296 325.282l138.735 84.111c11.506 6.976 26.499 3.13 33.227-8.523l19.48-33.741c6.728-11.653 2.563-26.559-9.232-33.036z\"><\/path><\/svg><\/span><\/div>\r\n <\/div>\r\n <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-afbe705 mk-tm-icon-vertical-middle mk-enable-fade-animation-none elementor-widget elementor-widget-mk_text_marquee\" data-id=\"afbe705\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"mk-animation-effect":"none","mk_ext_is_infinite":"false","mk_ext_is_scrollme":"false"}\" data-widget_type=\"mk_text_marquee.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"mk-text-marquee mk-layout--default\">\r\n \r\n <div class=\"mk-tm-content\">\r\n <div class=\"mk-tm-text mk-text--original\"><span class=\"mk-tm-text-item elementor-repeater-item-dc013bd\">Illustrator<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-b7b4b7c\">Photoshop<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-6ed17de\">Figma<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-be01b93\">XD<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-d14bbca\">WordPress<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-a338844\">Joomla<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-d392dd5\">Shopify<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-7a7af21\">PHP<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-7f5f71a\">React<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-8c9c7b1\">Java<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-47b39bd\">html si css<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-b36b7f1\">Vue.js<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-736f3d0\">Angular<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-972ab6a\">python<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><\/div>\r\n <div class=\"mk-tm-text mk-text--copy\"><span class=\"mk-tm-text-item elementor-repeater-item-dc013bd\">Illustrator<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-b7b4b7c\">Photoshop<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-6ed17de\">Figma<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-be01b93\">XD<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-d14bbca\">WordPress<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-a338844\">Joomla<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-d392dd5\">Shopify<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-7a7af21\">PHP<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-7f5f71a\">React<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-8c9c7b1\">Java<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-47b39bd\">html si css<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-b36b7f1\">Vue.js<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-736f3d0\">Angular<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><span class=\"mk-tm-text-item elementor-repeater-item-972ab6a\">python<\/span><span class=\"mk-icon-holder\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/span><\/div>\r\n <\/div>\r\n <\/div>\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-a0cf190 e-con-full e-flex mk-enable-fade-animation-none e-con e-parent\" data-id=\"a0cf190\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"mk-animation-effect":"none"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b96e7f mk-enable-fade-animation-none elementor-widget elementor-widget-html\" data-id=\"7b96e7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"mk-animation-effect":"none","mk_ext_is_infinite":"false","mk_ext_is_scrollme":"false"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==============================================================\r\n Convertop \u2014 Portfolio Showcase v3 (Light Theme + Fix)\r\n Paste into an Elementor HTML widget on your Web Design page.\r\n FIX: the preview overlay is moved to <body> on load, so\r\n Elementor wrappers \/ WP Rocket \/ motion effects can no longer\r\n trap or hide it (position:fixed now works everywhere).\r\n ============================================================== -->\r\n\r\n<style>\r\n\/* ================= Base \/ scope ================= *\/\r\n.cvt-pf, .cvt-pf *, .cvt-pf-overlay, .cvt-pf-overlay * { margin: 0; padding: 0; box-sizing: border-box; }\r\n.cvt-pf {\r\n background: #ffffff; color: #16161a;\r\n padding: 72px 0 80px; \/* Removed left\/right padding for full-width slider *\/\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n overflow: hidden; position: relative;\r\n}\r\n.cvt-pf::before {\r\n content: \"\"; position: absolute; inset: 0;\r\n background-image: linear-gradient(rgba(14,14,16,.04) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(14,14,16,.04) 1px, transparent 1px);\r\n background-size: 56px 56px;\r\n mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, #000 40%, transparent 100%);\r\n -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, #000 40%, transparent 100%);\r\n pointer-events: none;\r\n}\r\n\r\n\/* Moving white shadows to the main container edge where items enter\/exit *\/\r\n.cvt-pf::after, .cvt-pf::before {\r\n \/* Guarding layout integrity *\/\r\n}\r\n.cvt-pf-shadow-left, .cvt-pf-shadow-right {\r\n content: \"\"; position: absolute; top: 0; bottom: 0; width: 70px; z-index: 2; pointer-events: none;\r\n}\r\n.cvt-pf-shadow-left { left: 0; background: linear-gradient(90deg, #ffffff, rgba(255,255,255,0)); }\r\n.cvt-pf-shadow-right { right: 0; background: linear-gradient(-90deg, #ffffff, rgba(255,255,255,0)); }\r\n\r\n\/* ================= Header ================= *\/\r\n.cvt-pf-head { max-width: 1100px; margin: 0 auto 44px; text-align: center; position: relative; padding: 0 20px; }\r\n.cvt-pf-eyebrow {\r\n display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 3px;\r\n text-transform: uppercase; color: #6b6b76;\r\n border: 1px solid #e6e6ec; border-radius: 100px; padding: 7px 16px; margin-bottom: 18px; background: #f7f7fa;\r\n}\r\n.cvt-pf-title { font-size: clamp(28px, 5vw, 46px); font-weight: 800; line-height: 1.15; letter-spacing: -.5px; color: #0e0e10; }\r\n.cvt-pf-title em { font-style: normal; background: linear-gradient(100deg, #0e0e10, #9a9aa4); -webkit-background-clip: text; background-clip: text; color: transparent; }\r\n.cvt-pf-sub { margin-top: 14px; color: #5f5f6a; font-size: clamp(14px, 2vw, 17px); max-width: 580px; margin-left: auto; margin-right: auto; }\r\n\r\n\/* ================= Slider ================= *\/\r\n.cvt-pf-slider { position: relative; width: 100%; }\r\n\r\n.cvt-pf-track { display: flex; gap: 22px; width: max-content; padding: 10px 0 30px; animation: cvt-pf-marquee 45s linear infinite; }\r\n.cvt-pf-slider:hover .cvt-pf-track, .cvt-pf-track:active { animation-play-state: paused; }\r\n@keyframes cvt-pf-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }\r\n\r\n.cvt-pf-card {\r\n width: min(320px, 78vw);\r\n background: #ffffff; border: 1px solid #e7e7ee; border-radius: 18px;\r\n overflow: hidden; cursor: pointer;\r\n box-shadow: 0 4px 14px -8px rgba(20,20,30,.10);\r\n transition: transform .35s cubic-bezier(.2,.8,.2,1), border-color .35s, box-shadow .35s;\r\n}\r\n.cvt-pf-card:hover {\r\n transform: translateY(-8px);\r\n border-color: #d2d2dc;\r\n box-shadow: 0 28px 55px -20px rgba(20,20,30,.25);\r\n}\r\n.cvt-pf-thumb { position: relative; width: 100%; aspect-ratio: 16\/10; overflow: hidden; background: #f1f1f5; border-bottom: 1px solid #ececf2; }\r\n.cvt-pf-thumb img {\r\n width: 100%; height: 100%; object-fit: cover; object-position: top center;\r\n display: block; opacity: 0; transition: opacity .6s ease, transform .6s ease;\r\n}\r\n.cvt-pf-thumb img.is-ready { opacity: 1; }\r\n.cvt-pf-card:hover .cvt-pf-thumb img.is-ready { transform: scale(1.04); }\r\n.cvt-pf-thumb::before { \/* shimmer while screenshot generates *\/\r\n content: \"\"; position: absolute; inset: 0;\r\n background: linear-gradient(110deg, #f1f1f5 30%, #e6e6ee 50%, #f1f1f5 70%);\r\n background-size: 200% 100%;\r\n animation: cvt-pf-shimmer 1.6s linear infinite;\r\n}\r\n.cvt-pf-thumb.is-loaded::before { display: none; }\r\n@keyframes cvt-pf-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }\r\n.cvt-pf-thumb::after {\r\n content: \"\"; position: absolute; inset: 0; z-index: 2;\r\n background: linear-gradient(115deg, transparent 40%, rgba(255,255,255,.35) 50%, transparent 60%);\r\n transform: translateX(-120%); transition: transform .7s ease; pointer-events: none;\r\n}\r\n.cvt-pf-card:hover .cvt-pf-thumb::after { transform: translateX(120%); }\r\n\r\n.cvt-pf-live {\r\n position: absolute; top: 10px; left: 10px; z-index: 3;\r\n display: flex; align-items: center; gap: 6px;\r\n background: rgba(14,14,18,.82); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);\r\n border: 1px solid rgba(255,255,255,.14); border-radius: 100px;\r\n padding: 4px 10px; font-size: 10px; font-weight: 800; letter-spacing: 1.4px; color: #f2f2f5;\r\n}\r\n.cvt-pf-live i { width: 6px; height: 6px; border-radius: 50%; background: #21c56b; animation: cvt-pf-blink 1.6s ease-in-out infinite; }\r\n@keyframes cvt-pf-blink { 0%,100% { opacity: 1; } 50% { opacity: .3; } }\r\n\r\n.cvt-pf-meta { padding: 16px 18px 18px; }\r\n.cvt-pf-tag { display: inline-block; font-size: 10.5px; font-weight: 700; letter-spacing: 1.6px; text-transform: uppercase; padding: 4px 10px; border-radius: 100px; margin-bottom: 9px; }\r\n.cvt-pf-meta h3 { font-size: 17px; font-weight: 700; color: #16161a; }\r\n.cvt-pf-view { display: flex; align-items: center; gap: 7px; margin-top: 10px; font-size: 12.5px; font-weight: 600; color: #83838e; transition: color .3s; }\r\n.cvt-pf-view svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2; transition: transform .3s; }\r\n.cvt-pf-card:hover .cvt-pf-view { color: #0e0e10; }\r\n.cvt-pf-card:hover .cvt-pf-view svg { transform: translateX(4px); }\r\n\r\n\/* ================= CTA (dark island on white) ================= *\/\r\n.cvt-pf-cta {\r\n max-width: 860px; margin: 52px auto 0; text-align: center;\r\n border-radius: 24px;\r\n padding: clamp(34px, 6vw, 56px) 24px;\r\n background: radial-gradient(ellipse 60% 120% at 50% -20%, rgba(255,255,255,.10), transparent 60%), #101013;\r\n color: #f2f2f5;\r\n position: relative; overflow: hidden;\r\n box-shadow: 0 30px 60px -25px rgba(15,15,20,.45);\r\n}\r\n.cvt-pf-cta h3 { font-size: clamp(22px, 4vw, 32px); font-weight: 800; letter-spacing: -.4px; color:#2f7df6; }\r\n.cvt-pf-cta p { color: #a2a2ac; margin-top: 10px; font-size: clamp(13px, 2vw, 16px); }\r\n.cvt-pf-btn {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n margin-top: 26px; padding: 15px 34px;\r\n background: #ffffff; color: #0c0c0e !important;\r\n font-size: 15.5px; font-weight: 800; letter-spacing: .2px;\r\n border-radius: 100px; text-decoration: none !important;\r\n transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s;\r\n}\r\n.cvt-pf-btn svg { width: 17px; height: 17px; stroke: currentColor; fill: none; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; transition: transform .3s; }\r\n.cvt-pf-btn:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 16px 40px -10px rgba(255,255,255,.35); }\r\n.cvt-pf-btn:hover svg { transform: translateX(4px); }\r\n\r\n\/* ================= Overlay \/ Device Lab (stays dark = cinema mode) ================= *\/\r\n.cvt-pf-overlay {\r\n position: fixed; inset: 0; z-index: 2147483000;\r\n background: rgba(10,10,13,.96);\r\n -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);\r\n display: none; flex-direction: column;\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n color: #e8e8ec; opacity: 0; transition: opacity .35s ease;\r\n}\r\n.cvt-pf-overlay.is-open { display: flex; }\r\n.cvt-pf-overlay.is-visible { opacity: 1; }\r\n\r\n.cvt-pf-ov-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px clamp(14px, 4vw, 32px); flex-wrap: wrap; flex: 0 0 auto; }\r\n.cvt-pf-ov-title { font-size: 15px; font-weight: 700; min-width: 0; }\r\n.cvt-pf-ov-title small { display: block; font-size: 11px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: #8a8a93; margin-bottom: 3px; }\r\n\r\n.cvt-pf-devs { display: flex; gap: 6px; background: #17171b; border: 1px solid #26262b; border-radius: 100px; padding: 5px; order: 3; width: 100%; justify-content: center; }\r\n.cvt-pf-devbtn {\r\n display: flex; align-items: center; gap: 7px;\r\n background: transparent; border: 0; color: #8a8a93; cursor: pointer;\r\n font-size: 12px; font-weight: 700; padding: 9px 13px; border-radius: 100px;\r\n transition: background .3s, color .3s; font-family: inherit;\r\n}\r\n.cvt-pf-devbtn svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }\r\n.cvt-pf-devbtn.is-active { background: #f2f2f5; color: #0c0c0e; }\r\n.cvt-pf-devbtn:not(.is-active):hover { color: #fff; }\r\n.cvt-pf-devbtn span { display: none; }\r\n\r\n.cvt-pf-close {\r\n width: 40px; height: 40px; border-radius: 50%; flex: 0 0 auto;\r\n background: #17171b; border: 1px solid #26262b; color: #c8c8cf; cursor: pointer;\r\n font-size: 18px; line-height: 1; transition: background .3s, transform .3s; font-family: inherit;\r\n}\r\n.cvt-pf-close:hover { background: #26262b; transform: rotate(90deg); }\r\n\r\n.cvt-pf-stage { flex: 1; display: flex; align-items: center; justify-content: center; padding: 6px 14px 10px; min-height: 0; overflow: hidden; }\r\n.cvt-pf-devwrap { transition: transform .5s cubic-bezier(.3,.9,.3,1); transform-origin: center; }\r\n\r\n.cvt-pf-device { position: relative; display: flex; flex-direction: column; align-items: center; }\r\n.cvt-pf-frame {\r\n position: relative;\r\n width: var(--dw, 820px); height: var(--dh, 480px);\r\n background: #050506; border: 3px solid #2c2c33;\r\n border-radius: var(--dr, 12px); padding: var(--dp, 10px);\r\n box-shadow: 0 30px 80px -20px rgba(0,0,0,.9), inset 0 0 0 1px rgba(255,255,255,.05);\r\n transition: width .6s cubic-bezier(.3,.9,.3,1), height .6s cubic-bezier(.3,.9,.3,1),\r\n border-radius .6s cubic-bezier(.3,.9,.3,1), padding .6s cubic-bezier(.3,.9,.3,1);\r\n}\r\n.cvt-pf-screen {\r\n width: 100%; height: 100%; overflow: hidden;\r\n border-radius: calc(var(--dr, 12px) - var(--dp, 10px) - 2px);\r\n background: #0f0f12; position: relative;\r\n transition: border-radius .6s cubic-bezier(.3,.9,.3,1);\r\n}\r\n.cvt-pf-screen iframe {\r\n border: 0 !important; transform-origin: top left; background: #fff; display: block;\r\n max-width: none !important; max-height: none !important;\r\n min-width: 0 !important; min-height: 0 !important;\r\n}\r\n\r\n.cvt-pf-loader {\r\n position: absolute; inset: 0; z-index: 4;\r\n display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px;\r\n background: #0f0f12; transition: opacity .4s ease; text-align: center; padding: 20px;\r\n}\r\n.cvt-pf-loader.is-hidden { opacity: 0; pointer-events: none; }\r\n.cvt-pf-loader i {\r\n width: 34px; height: 34px; border-radius: 50%;\r\n border: 3px solid #2c2c33; border-top-color: #f2f2f5;\r\n animation: cvt-pf-spin .8s linear infinite;\r\n}\r\n@keyframes cvt-pf-spin { to { transform: rotate(360deg); } }\r\n.cvt-pf-loader span { font-size: 12px; font-weight: 600; color: #8a8a93; letter-spacing: .5px; }\r\n.cvt-pf-fallback img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }\r\n\r\n.cvt-pf-notch {\r\n position: absolute; top: 10px; left: 50%; transform: translateX(-50%) scaleX(0);\r\n width: 86px; height: 20px; background: #050506; border-radius: 100px; z-index: 5;\r\n transition: transform .4s ease .2s; border: 1px solid #1c1c21;\r\n}\r\n.cvt-pf-cam { position: absolute; top: 9px; left: 50%; transform: translateX(-50%) scale(0); width: 8px; height: 8px; background: #1c1c21; border-radius: 50%; z-index: 5; transition: transform .4s ease .2s; }\r\n.cvt-pf-base { width: 0; height: 16px; margin-top: -2px; background: linear-gradient(#3a3a42, #22222a); border-radius: 0 0 18px 18px; transition: width .6s cubic-bezier(.3,.9,.3,1); position: relative; }\r\n.cvt-pf-base::after { content: \"\"; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 18%; height: 5px; background: #17171d; border-radius: 0 0 8px 8px; }\r\n.cvt-pf-stand { display: flex; flex-direction: column; align-items: center; height: 0; overflow: hidden; transition: height .6s cubic-bezier(.3,.9,.3,1); }\r\n.cvt-pf-stand i { width: 54px; height: 42px; background: linear-gradient(#2a2a31, #1a1a20); display: block; }\r\n.cvt-pf-stand b { width: 180px; height: 12px; background: linear-gradient(#33333b, #202027); border-radius: 100px; display: block; }\r\n\r\n.cvt-pf-device[data-mode=\"phone\"] .cvt-pf-notch { transform: translateX(-50%) scaleX(1); }\r\n.cvt-pf-device[data-mode=\"tablet\"] .cvt-pf-cam { transform: translateX(-50%) scale(1); }\r\n.cvt-pf-device[data-mode=\"laptop\"] .cvt-pf-base { width: calc(var(--dw) * 1.24); }\r\n.cvt-pf-device[data-mode=\"desktop\"] .cvt-pf-stand { height: 54px; }\r\n\r\n.cvt-pf-devlabel { margin-top: 16px; text-align: center; font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #6f6f78; }\r\n\r\n\/* golden CTA under the device *\/\r\n.cvt-pf-ov-foot { flex: 0 0 auto; display: flex; justify-content: center; padding: 4px 16px 22px; }\r\n.cvt-pf-gold {\r\n display: inline-flex; align-items: center; gap: 10px;\r\n padding: 13px 32px; border-radius: 100px;\r\n background: linear-gradient(135deg, #f6d47c 0%, #e3b04b 45%, #c9922e 100%);\r\n color: #241a05 !important; font-size: 14.5px; font-weight: 800; letter-spacing: .3px;\r\n text-decoration: none !important;\r\n border: 1px solid rgba(255, 226, 158, .6);\r\n box-shadow: 0 8px 28px -6px rgba(227, 176, 75, .55), inset 0 1px 0 rgba(255,255,255,.45);\r\n transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s;\r\n position: relative; overflow: hidden;\r\n}\r\n.cvt-pf-gold::after { \/* moving shine *\/\r\n content: \"\"; position: absolute; inset: 0;\r\n background: linear-gradient(115deg, transparent 35%, rgba(255,255,255,.55) 50%, transparent 65%);\r\n transform: translateX(-130%); animation: cvt-pf-goldshine 3.2s ease-in-out infinite;\r\n}\r\n@keyframes cvt-pf-goldshine { 0%, 60% { transform: translateX(-130%); } 100% { transform: translateX(130%); } }\r\n.cvt-pf-gold svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; transition: transform .3s; }\r\n.cvt-pf-gold:hover { transform: translateY(-2px) scale(1.03); box-shadow: 0 14px 38px -6px rgba(227, 176, 75, .75), inset 0 1px 0 rgba(255,255,255,.45); }\r\n.cvt-pf-gold:hover svg { transform: translateX(4px); }\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n .cvt-pf-track, .cvt-pf-thumb::before, .cvt-pf-live i, .cvt-pf-loader i { animation: none !important; }\r\n .cvt-pf *, .cvt-pf-overlay * { transition-duration: .01s !important; }\r\n}\r\n@media (min-width: 640px) {\r\n .cvt-pf-devbtn span { display: inline; }\r\n .cvt-pf-devs { order: 0; width: auto; }\r\n}\r\n<\/style>\r\n\r\n<!-- ======================= MARKUP ======================= -->\r\n<section class=\"cvt-pf\" id=\"cvt-portfolio\">\r\n <!-- White shadows aligned to the very outer edges of the main full-width container -->\r\n <div class=\"cvt-pf-shadow-left\"><\/div>\r\n <div class=\"cvt-pf-shadow-right\"><\/div>\r\n\r\n <div class=\"cvt-pf-head\">\r\n <span class=\"cvt-pf-eyebrow\">Our Work<\/span>\r\n <h2 class=\"cvt-pf-title\">Websites built to <em>convert<\/em><\/h2>\r\n <p class=\"cvt-pf-sub\">Tap any project to explore the live site on phone, tablet, laptop and desktop \u2014 without leaving this page.<\/p>\r\n <\/div>\r\n\r\n <div class=\"cvt-pf-slider\">\r\n <div class=\"cvt-pf-track\" id=\"cvtPfTrack\"><!-- cards injected by JS --><\/div>\r\n <\/div>\r\n\r\n <div class=\"cvt-pf-cta\">\r\n <h3>Have a project in mind?<\/h3>\r\n <p>Get a pixel-perfect, conversion-focused website for your business.<\/p>\r\n <a class=\"cvt-pf-btn\" href=\"https:\/\/convertop.com\/en\/web-design\/#ffoo\">\r\n Order Now\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- Device Lab overlay (moved to <body> by JS on load) -->\r\n<div class=\"cvt-pf-overlay\" id=\"cvtPfOverlay\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Live project preview\">\r\n <div class=\"cvt-pf-ov-head\">\r\n <div class=\"cvt-pf-ov-title\"><small id=\"cvtPfOvTag\"><\/small><span id=\"cvtPfOvName\"><\/span><\/div>\r\n <div class=\"cvt-pf-devs\">\r\n <button class=\"cvt-pf-devbtn\" data-mode=\"phone\" type=\"button\">\r\n <svg viewBox=\"0 0 24 24\"><rect x=\"7\" y=\"2\" width=\"10\" height=\"20\" rx=\"2.5\"\/><path d=\"M11 18h2\"\/><\/svg><span>Phone<\/span>\r\n <\/button>\r\n <button class=\"cvt-pf-devbtn\" data-mode=\"tablet\" type=\"button\">\r\n <svg viewBox=\"0 0 24 24\"><rect x=\"4.5\" y=\"2.5\" width=\"15\" height=\"19\" rx=\"2.5\"\/><path d=\"M11 18.5h2\"\/><\/svg><span>Tablet<\/span>\r\n <\/button>\r\n <button class=\"cvt-pf-devbtn\" data-mode=\"laptop\" type=\"button\">\r\n <svg viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"11\" rx=\"1.5\"\/><path d=\"M2 19h20\"\/><\/svg><span>Laptop<\/span>\r\n <\/button>\r\n <button class=\"cvt-pf-devbtn is-active\" data-mode=\"desktop\" type=\"button\">\r\n <svg viewBox=\"0 0 24 24\"><rect x=\"2.5\" y=\"3.5\" width=\"19\" height=\"13\" rx=\"1.5\"\/><path d=\"M9 21h6M12 16.5V21\"\/><\/svg><span>Desktop<\/span>\r\n <\/button>\r\n <\/div>\r\n <button class=\"cvt-pf-close\" id=\"cvtPfClose\" type=\"button\" aria-label=\"Close preview\">\u2715<\/button>\r\n <\/div>\r\n <div class=\"cvt-pf-stage\" id=\"cvtPfStage\">\r\n <div class=\"cvt-pf-devwrap\" id=\"cvtPfDevwrap\">\r\n <div class=\"cvt-pf-device\" data-mode=\"desktop\" id=\"cvtPfDevice\">\r\n <div class=\"cvt-pf-frame\" id=\"cvtPfFrame\">\r\n <div class=\"cvt-pf-notch\"><\/div>\r\n <div class=\"cvt-pf-cam\"><\/div>\r\n <div class=\"cvt-pf-screen\" id=\"cvtPfScreen\"><\/div>\r\n <\/div>\r\n <div class=\"cvt-pf-base\"><\/div>\r\n <div class=\"cvt-pf-stand\"><i><\/i><b><\/b><\/div>\r\n <\/div>\r\n <div class=\"cvt-pf-devlabel\" id=\"cvtPfDevlabel\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cvt-pf-ov-foot\">\r\n <a class=\"cvt-pf-gold\" href=\"https:\/\/convertop.com\/en\/contact\/\">\r\n Want a website like this? Let's talk\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n var PROJECTS = [\r\n { url: \"https:\/\/eustudy.ro\/\", name: \"EU STUDY \u2014 Study in Romania\", tag: \"Education \/ Consulting\", tagBg: \"rgba(61,123,253,.12)\", tagColor: \"#2f66e0\", host: \"eustudy.ro\" },\r\n { url: \"https:\/\/atrixconcept.com\/\", name: \"Atrix Concept\", tag: \"Interior Design\", tagBg: \"rgba(190,140,60,.14)\", tagColor: \"#a8752c\", host: \"atrixconcept.com\" },\r\n { url: \"https:\/\/atrix-studio.com\/\", name: \"Atrix Studio\", tag: \"Creative Agency\", tagBg: \"rgba(230,80,60,.12)\", tagColor: \"#d4442e\", host: \"atrix-studio.com\" },\r\n { url: \"https:\/\/azarbyce.com\/\", name: \"AZAR Beauty Salon\", tag: \"Beauty \/ Services\", tagBg: \"rgba(226,80,150,.12)\", tagColor: \"#cc3d85\", host: \"azarbyce.com\" },\r\n { url: \"https:\/\/lemnaria-lupilor.ro\/\", name: \"Wolves Wood Factory\", tag: \"E-commerce \/ Industry\", tagBg: \"rgba(30,170,120,.13)\", tagColor: \"#118a5e\", host: \"lemnaria-lupilor.ro\" }\r\n ];\r\n\r\n var MODES = {\r\n phone: { w: 290, h: 590, r: 42, p: 12, vw: 390, label: \"Phone \u00b7 390px\" },\r\n tablet: { w: 470, h: 620, r: 26, p: 14, vw: 820, label: \"Tablet \u00b7 820px\" },\r\n laptop: { w: 700, h: 440, r: 16, p: 12, vw: 1280, label: \"Laptop \u00b7 1280px\" },\r\n desktop: { w: 820, h: 480, r: 12, p: 10, vw: 1440, label: \"Desktop \u00b7 1440px\" }\r\n };\r\n\r\n function shot(url, w, h) {\r\n return \"https:\/\/s.wordpress.com\/mshots\/v1\/\" + encodeURIComponent(url) + \"?w=\" + w + \"&h=\" + h;\r\n }\r\n\r\n var track = document.getElementById(\"cvtPfTrack\");\r\n var overlay = document.getElementById(\"cvtPfOverlay\");\r\n var device = document.getElementById(\"cvtPfDevice\");\r\n var devwrap = document.getElementById(\"cvtPfDevwrap\");\r\n var frame = document.getElementById(\"cvtPfFrame\");\r\n var screenEl = document.getElementById(\"cvtPfScreen\");\r\n var stage = document.getElementById(\"cvtPfStage\");\r\n var ovName = document.getElementById(\"cvtPfOvName\");\r\n var ovTag = document.getElementById(\"cvtPfOvTag\");\r\n var devlabel = document.getElementById(\"cvtPfDevlabel\");\r\n var closeBtn = document.getElementById(\"cvtPfClose\");\r\n var devBtns = overlay.querySelectorAll(\".cvt-pf-devbtn\");\r\n var currentMode = \"desktop\";\r\n var currentProject = null;\r\n var loadTimer = null;\r\n\r\n \/* *** THE FIX ***\r\n Elementor sections often carry CSS transforms (motion effects,\r\n entrance animations). A transformed ancestor breaks position:fixed,\r\n so the overlay was opening INSIDE the section and being clipped by\r\n overflow:hidden. Re-parenting it to <body> makes it truly fixed. *\/\r\n document.body.appendChild(overlay);\r\n\r\n \/* ---------- Slider cards ---------- *\/\r\n function buildCards() {\r\n var frag = document.createDocumentFragment();\r\n for (var loop = 0; loop < 2; loop++) {\r\n PROJECTS.forEach(function (p) {\r\n var card = document.createElement(\"article\");\r\n card.className = \"cvt-pf-card\";\r\n card.setAttribute(\"role\", \"button\");\r\n card.setAttribute(\"tabindex\", loop === 0 ? \"0\" : \"-1\");\r\n card.setAttribute(\"aria-label\", \"Preview \" + p.name);\r\n card.innerHTML =\r\n '<div class=\"cvt-pf-thumb\">' +\r\n '<span class=\"cvt-pf-live\"><i><\/i>LIVE<\/span>' +\r\n '<img alt=\"' + p.name + '\" loading=\"lazy\">' +\r\n \"<\/div>\" +\r\n '<div class=\"cvt-pf-meta\">' +\r\n '<span class=\"cvt-pf-tag\" style=\"background:' + p.tagBg + \";color:\" + p.tagColor + '\">' + p.tag + \"<\/span>\" +\r\n \"<h3>\" + p.name + \"<\/h3>\" +\r\n '<span class=\"cvt-pf-view\">Preview on 4 devices <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>' +\r\n \"<\/div>\";\r\n loadThumb(card.querySelector(\"img\"), p.url, 0);\r\n card.addEventListener(\"click\", function () { openViewer(p); });\r\n card.addEventListener(\"keydown\", function (e) {\r\n if (e.key === \"Enter\" || e.key === \" \") { e.preventDefault(); openViewer(p); }\r\n });\r\n frag.appendChild(card);\r\n });\r\n }\r\n track.appendChild(frag);\r\n }\r\n\r\n function loadThumb(img, url, attempt) {\r\n img.onload = function () {\r\n var placeholder = img.naturalWidth <= 400 && img.naturalHeight <= 300;\r\n if (placeholder && attempt < 5) {\r\n setTimeout(function () { loadThumb(img, url, attempt + 1); }, 3500);\r\n } else {\r\n img.classList.add(\"is-ready\");\r\n img.parentElement.classList.add(\"is-loaded\");\r\n }\r\n };\r\n img.onerror = function () {\r\n if (attempt < 5) setTimeout(function () { loadThumb(img, url, attempt + 1); }, 3500);\r\n };\r\n img.src = shot(url, 640, 400) + (attempt ? \"&r=\" + attempt : \"\");\r\n }\r\n\r\n \/* ---------- Device Lab ---------- *\/\r\n function screenSize(m) {\r\n return { w: m.w - 2 * m.p - 6, h: m.h - 2 * m.p - 6 };\r\n }\r\n\r\n function mountIframe() {\r\n var m = MODES[currentMode];\r\n var s = screenSize(m);\r\n var scale = s.w \/ m.vw;\r\n\r\n screenEl.innerHTML =\r\n '<div class=\"cvt-pf-loader\"><i><\/i><span>Loading live preview\u2026<\/span><\/div>';\r\n\r\n var loader = screenEl.querySelector(\".cvt-pf-loader\");\r\n var iframe = document.createElement(\"iframe\");\r\n iframe.src = currentProject.url;\r\n iframe.setAttribute(\"title\", currentProject.name + \" live preview\");\r\n iframe.setAttribute(\"loading\", \"eager\");\r\n \/* width\/height are forced with !important \u2014 many WP themes apply\r\n a global `iframe { max-width:100% }` that would otherwise squeeze\r\n the viewport and leave the device screen half-empty *\/\r\n iframe.style.setProperty(\"width\", m.vw + \"px\", \"important\");\r\n iframe.style.setProperty(\"height\", Math.round(s.h \/ scale) + \"px\", \"important\");\r\n iframe.style.setProperty(\"max-width\", \"none\", \"important\");\r\n iframe.style.setProperty(\"max-height\", \"none\", \"important\");\r\n iframe.style.setProperty(\"transform\", \"scale(\" + scale + \")\", \"important\");\r\n screenEl.appendChild(iframe);\r\n\r\n clearTimeout(loadTimer);\r\n var settled = false;\r\n iframe.addEventListener(\"load\", function () {\r\n settled = true;\r\n clearTimeout(loadTimer);\r\n loader.classList.add(\"is-hidden\");\r\n });\r\n \/* fallback: if the site blocks embedding, show a full screenshot instead *\/\r\n loadTimer = setTimeout(function () {\r\n if (!settled) {\r\n screenEl.innerHTML =\r\n '<div class=\"cvt-pf-fallback\" style=\"position:absolute;inset:0;\">' +\r\n '<img decoding=\"async\" src=\"' + shot(currentProject.url, 1280, 800) + '\" alt=\"' + currentProject.name + '\">' +\r\n \"<\/div>\";\r\n }\r\n }, 9000);\r\n }\r\n\r\n function setMode(mode, remount) {\r\n currentMode = mode;\r\n var m = MODES[mode];\r\n frame.style.setProperty(\"--dw\", m.w + \"px\");\r\n frame.style.setProperty(\"--dh\", m.h + \"px\");\r\n frame.style.setProperty(\"--dr\", m.r + \"px\");\r\n frame.style.setProperty(\"--dp\", m.p + \"px\");\r\n device.setAttribute(\"data-mode\", mode);\r\n devlabel.textContent = m.label + \" \u2014 \" + currentProject.host;\r\n devBtns.forEach(function (b) { b.classList.toggle(\"is-active\", b.dataset.mode === mode); });\r\n fitStage();\r\n if (remount) setTimeout(mountIframe, 300);\r\n }\r\n\r\n function fitStage() {\r\n var m = MODES[currentMode];\r\n var extra = currentMode === \"desktop\" ? 54 : currentMode === \"laptop\" ? 16 : 0;\r\n var totalH = m.h + extra + 38;\r\n var totalW = m.w * (currentMode === \"laptop\" ? 1.24 : 1);\r\n var scale = Math.min(1, (stage.clientWidth - 20) \/ totalW, (stage.clientHeight - 12) \/ totalH);\r\n devwrap.style.transform = \"scale(\" + scale + \")\";\r\n }\r\n\r\n function openViewer(p) {\r\n currentProject = p;\r\n ovName.textContent = p.name;\r\n ovTag.textContent = p.tag;\r\n overlay.classList.add(\"is-open\");\r\n document.body.style.overflow = \"hidden\";\r\n requestAnimationFrame(function () {\r\n overlay.classList.add(\"is-visible\");\r\n setMode(window.innerWidth < 640 ? \"phone\" : \"desktop\", false);\r\n mountIframe();\r\n });\r\n }\r\n\r\n function closeViewer() {\r\n clearTimeout(loadTimer);\r\n overlay.classList.remove(\"is-visible\");\r\n document.body.style.overflow = \"\";\r\n setTimeout(function () {\r\n overlay.classList.remove(\"is-open\");\r\n screenEl.innerHTML = \"\";\r\n }, 350);\r\n }\r\n\r\n devBtns.forEach(function (b) {\r\n b.addEventListener(\"click\", function () {\r\n if (b.dataset.mode !== currentMode) setMode(b.dataset.mode, true);\r\n });\r\n });\r\n\r\n closeBtn.addEventListener(\"click\", closeViewer);\r\n overlay.addEventListener(\"click\", function (e) { if (e.target === overlay || e.target === stage) closeViewer(); });\r\n document.addEventListener(\"keydown\", function (e) { if (e.key === \"Escape\" && overlay.classList.contains(\"is-open\")) closeViewer(); });\r\n\r\n var rTimer;\r\n window.addEventListener(\"resize\", function () {\r\n clearTimeout(rTimer);\r\n rTimer = setTimeout(function () {\r\n if (overlay.classList.contains(\"is-open\")) fitStage();\r\n }, 120);\r\n });\r\n\r\n buildCards();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c434058 e-flex e-con-boxed mk-enable-fade-animation-none e-con e-parent\" data-id=\"c434058\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"mk-animation-effect":"none"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0d8d6e mk-enable-fade-animation-none elementor-widget elementor-widget-html\" data-id=\"e0d8d6e\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"ffoo\" data-settings=\"{"mk-animation-effect":"none","mk_ext_is_infinite":"false","mk_ext_is_scrollme":"false"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\" dir=\"ltr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>CTA \u2014 Start Your Project<\/title>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700;800&family=Inter:wght@400;500;600&display=swap');\n\n.cta-sec{\n --bg-0:#eef4ff; --bg-1:#f7fbff; --panel:#ffffff; --panel-2:#f2f7ff;\n --line:rgba(30,60,120,.12);\n --accent:#2f7df6; --accent-2:#28b0e6; --accent-glow:rgba(47,125,246,.35);\n --ink:#14233d; --ink-soft:#4a5c78; --ink-dim:#8496b0;\n}\n\n\/* ===== FULL-WIDTH breakout ===== *\/\n.cta-sec{\n position:relative;\n width:100vw; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw;\n overflow:hidden; box-sizing:border-box;\n font-family:'Inter',system-ui,sans-serif;\n background:\n radial-gradient(900px 500px at 12% 0%,rgba(47,125,246,.12),transparent 60%),\n radial-gradient(800px 520px at 92% 100%,rgba(40,176,230,.12),transparent 60%),\n linear-gradient(160deg,var(--bg-0),var(--bg-1));\n color:var(--ink);\n padding:clamp(54px,7vw,110px) clamp(20px,5vw,80px);\n}\n.cta-sec *{box-sizing:border-box}\n\n\/* animated blue lights moving from every side *\/\n.cta-sec .aurora{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}\n.cta-sec .aurora span{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;mix-blend-mode:multiply}\n.cta-sec .a1{width:440px;height:440px;background:#6fb0ff;top:-140px;left:-90px;animation:ctaFloatA 15s ease-in-out infinite}\n.cta-sec .a2{width:380px;height:380px;background:#4fc3f7;bottom:-150px;right:-70px;animation:ctaFloatB 18s ease-in-out infinite}\n.cta-sec .a3{width:340px;height:340px;background:#8ec5ff;top:38%;left:52%;animation:ctaFloatC 21s ease-in-out infinite}\n.cta-sec .a4{width:300px;height:300px;background:#5aa8ff;top:-100px;right:20%;animation:ctaFloatD 17s ease-in-out infinite}\n.cta-sec .a5{width:320px;height:320px;background:#7fd4ff;bottom:-120px;left:18%;animation:ctaFloatA 19s ease-in-out infinite reverse}\n\n\/* faint grid *\/\n.cta-sec::before{\n content:\"\";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;\n background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);\n background-size:60px 60px;\n -webkit-mask-image:radial-gradient(ellipse at 50% 45%,#000 30%,transparent 78%);\n mask-image:radial-gradient(ellipse at 50% 45%,#000 30%,transparent 78%);\n}\n\n.cta-wrap{\n position:relative;z-index:2;max-width:1200px;margin:0 auto;\n display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,4vw,70px);align-items:center;\n}\n\n\/* ===== LEFT: pitch ===== *\/\n.cta-left{opacity:0;transform:translateX(-26px);animation:ctaIn .9s cubic-bezier(.2,.7,.2,1) .1s forwards}\n.cta-eyebrow{\n display:inline-flex;align-items:center;gap:9px;\n font-family:'Sora',sans-serif;font-weight:600;letter-spacing:.24em;\n text-transform:uppercase;font-size:12px;color:var(--accent);margin-bottom:20px;\n}\n.cta-eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 var(--accent-glow);animation:ctaPulse 2.4s ease-out infinite}\n.cta-left h2{\n font-family:'Sora',sans-serif;font-weight:800;line-height:1.05;letter-spacing:-.02em;\n font-size:clamp(2rem,4.4vw,3.5rem);margin:0 0 20px;\n}\n.cta-left h2 .g{\n background:linear-gradient(100deg,#2f7df6,#28b0e6);\n -webkit-background-clip:text;background-clip:text;color:transparent;\n}\n.cta-left p{color:var(--ink-soft);font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.65;max-width:46ch;margin:0 0 30px}\n\n.cta-feats{list-style:none;margin:0 0 34px;padding:0;display:flex;flex-direction:column;gap:14px}\n.cta-feats li{\n display:flex;align-items:center;gap:13px;font-weight:500;color:var(--ink);font-size:1.02rem;\n opacity:0;transform:translateX(-14px);animation:ctaIn .6s ease forwards;\n}\n.cta-feats li:nth-child(1){animation-delay:.4s}\n.cta-feats li:nth-child(2){animation-delay:.55s}\n.cta-feats li:nth-child(3){animation-delay:.7s}\n.cta-feats .ic{\n flex-shrink:0;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;\n background:linear-gradient(135deg,rgba(47,125,246,.14),rgba(40,176,230,.12));\n border:1px solid rgba(47,125,246,.28);color:#2f7df6;\n}\n.cta-feats .ic svg{width:15px;height:15px}\n\n\/* trust row *\/\n.cta-trust{display:flex;gap:26px;flex-wrap:wrap;padding-top:26px;border-top:1px solid var(--line)}\n.cta-trust .stat{display:flex;flex-direction:column}\n.cta-trust .stat b{font-family:'Sora',sans-serif;font-weight:700;font-size:1.5rem;background:linear-gradient(100deg,#2f7df6,#28b0e6);-webkit-background-clip:text;background-clip:text;color:transparent}\n.cta-trust .stat span{color:var(--ink-dim);font-size:.82rem;letter-spacing:.02em}\n\n\/* ===== RIGHT: form card ===== *\/\n.cta-card{\n position:relative;border-radius:22px;padding:clamp(26px,3vw,42px);\n background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(242,247,255,.96));\n border:1px solid var(--line);\n box-shadow:0 30px 70px rgba(47,125,246,.16), 0 4px 14px rgba(30,60,120,.08), inset 0 1px 0 rgba(255,255,255,.9);\n opacity:0;transform:translateY(28px) scale(.98);\n animation:ctaCardIn 1s cubic-bezier(.2,.7,.2,1) .3s forwards;\n overflow:hidden;\n}\n\/* glowing gradient border sweep *\/\n.cta-card::before{\n content:\"\";position:absolute;inset:0;border-radius:22px;padding:1px;pointer-events:none;\n background:linear-gradient(130deg,var(--accent),transparent 30%,transparent 70%,var(--accent-2));\n -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);\n -webkit-mask-composite:xor;mask-composite:exclude;opacity:.7;\n}\n\/* top shine that drifts *\/\n.cta-card::after{\n content:\"\";position:absolute;top:-40%;left:-30%;width:60%;height:180%;\n background:linear-gradient(100deg,transparent,rgba(47,125,246,.10),transparent);\n transform:skewX(-18deg);animation:ctaSweep 7s ease-in-out infinite;pointer-events:none;\n}\n.cta-card h3{\n font-family:'Sora',sans-serif;font-weight:700;font-size:1.5rem;margin:0 0 6px;\n display:flex;align-items:center;gap:11px;\n}\n.cta-card h3 .spark{width:22px;height:22px;color:var(--accent)}\n.cta-card .sub{color:var(--ink-soft);font-size:.96rem;margin:0 0 26px}\n\n\/* ===== CF7 FORM STYLING (scoped) ===== *\/\n.cta-form label,\n.cta-form .wpcf7-form label{\n display:block;font-size:.86rem;font-weight:600;color:var(--ink-soft);\n margin:0 0 8px;letter-spacing:.01em;\n}\n.cta-form input[type=text],\n.cta-form input[type=email],\n.cta-form input[type=tel],\n.cta-form textarea,\n.cta-form select{\n width:100%;background:#f4f8ff;color:var(--ink);\n border:1px solid var(--line);border-radius:12px;\n padding:14px 16px;font-size:.98rem;font-family:inherit;\n transition:border-color .25s ease, box-shadow .25s ease, background .25s ease;\n margin-bottom:18px;outline:none;\n}\n.cta-form textarea{min-height:120px;resize:vertical}\n.cta-form input::placeholder,.cta-form textarea::placeholder{color:var(--ink-dim)}\n.cta-form input:focus,\n.cta-form textarea:focus,\n.cta-form select:focus{\n border-color:var(--accent);\n box-shadow:0 0 0 4px rgba(47,125,246,.16);\n background:#ffffff;\n}\n\/* submit button *\/\n.cta-form input[type=submit],\n.cta-form .wpcf7-submit,\n.cta-form button[type=submit]{\n width:100%;cursor:pointer;border:0;margin-top:6px;\n font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;color:#fff;\n padding:16px 24px;border-radius:14px;\n background:linear-gradient(100deg,var(--accent),#1c5fd6);\n box-shadow:0 16px 34px rgba(47,125,246,.4), inset 0 1px 0 rgba(255,255,255,.25);\n transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;\n position:relative;overflow:hidden;\n}\n.cta-form input[type=submit]:hover,\n.cta-form .wpcf7-submit:hover,\n.cta-form button[type=submit]:hover{\n transform:translateY(-3px);\n box-shadow:0 24px 46px rgba(47,125,246,.55), inset 0 1px 0 rgba(255,255,255,.3);\n filter:brightness(1.05);\n}\n\/* CF7 response messages *\/\n.cta-form .wpcf7-response-output{\n border-radius:10px;border:1px solid var(--line)!important;\n padding:12px 16px!important;margin:18px 0 0!important;font-size:.9rem;color:var(--ink-soft);\n}\n.cta-form .wpcf7-not-valid-tip{color:#ff8a8a;font-size:.8rem;margin:-12px 0 14px}\n.cta-form .wpcf7-spinner{margin:12px auto;display:block}\n\n\/* two-up rows for name\/email if you use them *\/\n.cta-form .row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}\n\n\/* ===== KEYFRAMES ===== *\/\n@keyframes ctaIn{to{opacity:1;transform:translateX(0)}}\n@keyframes ctaCardIn{to{opacity:1;transform:translateY(0) scale(1)}}\n@keyframes ctaPulse{0%{box-shadow:0 0 0 0 var(--accent-glow)}70%{box-shadow:0 0 0 12px transparent}100%{box-shadow:0 0 0 0 transparent}}\n@keyframes ctaSweep{0%,100%{left:-30%}50%{left:120%}}\n@keyframes ctaFloatA{0%,100%{transform:translate(0,0)}50%{transform:translate(50px,40px)}}\n@keyframes ctaFloatB{0%,100%{transform:translate(0,0)}50%{transform:translate(-50px,-40px)}}\n@keyframes ctaFloatC{0%,100%{transform:translate(0,0)}33%{transform:translate(-40px,45px)}66%{transform:translate(45px,-30px)}}\n@keyframes ctaFloatD{0%,100%{transform:translate(0,0)}50%{transform:translate(-55px,50px)}}\n\n@media (prefers-reduced-motion:reduce){\n .cta-left,.cta-card,.cta-feats li{animation:none!important;opacity:1!important;transform:none!important}\n .cta-sec .aurora span,.cta-card::after,.cta-eyebrow .dot{animation:none!important}\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width:900px){\n .cta-wrap{grid-template-columns:1fr;gap:36px}\n .cta-left{order:1}.cta-card{order:2}\n .cta-left p{max-width:none}\n}\n@media (max-width:560px){\n .cta-form .row-2{grid-template-columns:1fr}\n .cta-trust{gap:18px}\n .cta-trust .stat b{font-size:1.25rem}\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"cta-sec\">\n <div class=\"aurora\"><span class=\"a1\"><\/span><span class=\"a2\"><\/span><span class=\"a3\"><\/span><span class=\"a4\"><\/span><span class=\"a5\"><\/span><\/div>\n\n <div class=\"cta-wrap\">\n\n <!-- LEFT -->\n <div class=\"cta-left\">\n <span class=\"cta-eyebrow\"><span class=\"dot\"><\/span> Start Your Project<\/span>\n <h2>Let's Build Something <span class=\"g\">Powerful<\/span> Together<\/h2>\n <p>Need a professional website, consultation, or ongoing support? Our team turns your idea into a fast, high-performing digital product \u2014 built to rank and built to convert.<\/p>\n\n <ul class=\"cta-feats\">\n <li><span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span> Custom Website Design<\/li>\n <li><span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span> UI\/UX Consultation<\/li>\n <li><span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span> Technical Support & Optimization<\/li>\n <\/ul>\n\n <div class=\"cta-trust\">\n <div class=\"stat\"><b>150+<\/b><span>Projects delivered<\/span><\/div>\n <div class=\"stat\"><b>24h<\/b><span>Avg. response time<\/span><\/div>\n <div class=\"stat\"><b>98%<\/b><span>Client satisfaction<\/span><\/div>\n <\/div>\n <\/div>\n\n <!-- RIGHT: form card -->\n <div class=\"cta-card\">\n <h3>\n <svg class=\"spark\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2l1.9 5.6L19.5 9l-4.4 3.3L16.7 18 12 14.6 7.3 18l1.6-5.7L4.5 9l5.6-1.4z\"\/><\/svg>\n Tell us about it\n <\/h3>\n <p class=\"sub\">Fill out the form and we'll get back to you within one business day.<\/p>\n\n <div class=\"cta-form\">\n <!-- \u25bc\u25bc\u25bc PASTE YOUR CF7 SHORTCODE HERE (Elementor renders it) \u25bc\u25bc\u25bc -->\n \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f8-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"8\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/5571#wpcf7-f8-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"8\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f8-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label> Your name<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><br \/>\n<\/label>\n<\/p>\n<p><label> Your email<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><br \/>\n<\/label>\n<\/p>\n<p><label> Your mobile number<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span><br \/>\n<\/label>\n<\/p>\n<p><label> Subject<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span><br \/>\n<\/label>\n<\/p>\n<p><label> Your message (optional)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span><br \/>\n<\/label>\n<\/p>\n<p><button class=\"wpcf7-form-control wpcf7-submit swm-cf7-button\" type=\"submit\"><span class=\"swm-cf7-btn-text\">Submit<\/span><span class=\"swm-cf7-btn-icon\"><svg class=\"swm-svg--arrow swm-svg-contact-btn-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 37 38.1\" style=\"fill:none;stroke:currentColor\"><path d=\"M0 18.5H35.5M35.5 18.5C29.3333 17.1667 17 11.6 17 0M35.5 18.5C29.3333 19.6667 17 25 17 37\" stroke-width=\"3.5\"><\/path><\/svg><\/span><\/button>\n<\/p><p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"_wpcf7_ak_\"><label>Δ<textarea name=\"_wpcf7_ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"_wpcf7_ak_js\" value=\"246\"\/><script>\ndocument.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );\n<\/script>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n <!-- \u25b2\u25b2\u25b2 -->\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\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-40567f6a e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex mk-enable-fade-animation-none e-con e-parent\" data-id=\"40567f6a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"mk-animation-effect":"none"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-203be0bb mk-enable-fade-animation-none elementor-widget elementor-widget-mk_scroll_tabs_animation\" data-id=\"203be0bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"mk-animation-effect":"none","mk_ext_is_infinite":"false","mk_ext_is_scrollme":"false"}\" data-widget_type=\"mk_scroll_tabs_animation.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"mk-scroll-tab-animation\" data-uniqueID=\"ipunique-33005\" id=\"ipunique-33005\" data-distance=\"\">\r\n\r\n <div class=\"mk-scroll-tab-animation-holder\">\r\n <div class=\"mk-scroll-tab-animation__inner\">\r\n\r\n <div class=\"mk-scroll-tab-animation-base\">\r\n <div class=\"mk-scroll-tab-animation-content\">\r\n <div class=\"mk-scroll-tab-animation--title\">Why Your Website Is Your Most Valuable Asset<\/div><div class=\"mk-scroll-tab-animation-footer\"><div class=\"mk-scroll-tab-animation-footer-text\">In today\u2019s digital world, where everything takes priority, your website is often the first interaction a potential customer has with your brand. It is your digital storefront, your handshake, and your first impression\u2014all in one. Whether you are a growing startup or an established enterprise, a well-designed website can be the deciding factor between winning a new client or losing them to a competitor.<\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mk-scroll-tab-animation-cards\">\r\n <div class=\"mk-scroll-tab-animation--cards-wrapper\"><div class=\"mk-scroll-tab-animation-card mk-sta-card-1 elementor-repeater-item-d7410ac\">\r\n\r\n <div class=\"mk-scroll-tab-animation-card-content\">\r\n <div class=\"mk-scroll-tab-animation-card-heading\"><img decoding=\"async\" width=\"163\" height=\"152\" src=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/06\/icon-7.png\" class=\"mk-scroll-tab-animation-card-icon\" alt=\"\" \/><div class=\"mk-scroll-tab-animation--card-title\">Our approach to web design<\/div><\/div>\r\n <\/div>\r\n <div class=\"mk-scroll-tab-animation-card-text-wrapper\">\r\n <div class=\"mk-scroll-tab-animation-content-holder\"><div class=\"mk-scroll-tab-animation-card-text\"><div class=\"mk-scroll-tab-animation--card-desc\">At Convertop, web design is not just about aesthetics - it's about purpose. Every color, every line of code, and every interaction is rooted in strategy. We believe that great design isn't just seen; it's felt. It guides users intuitively, provides effortless information, and drives meaningful action.\n\nOur process starts with a deep understanding of your brand, your goals, and your audience. We don't use one-size-fits-all templates. Instead, we tailor each project to the unique DNA of your business. Whether you're looking to increase conversions, improve user engagement, or build brand credibility, we design with your success in mind.<\/div><\/div><\/div>\r\n \r\n <\/div>\r\n\r\n <\/div><div class=\"mk-scroll-tab-animation-card mk-sta-card-2 elementor-repeater-item-9945690\">\r\n\r\n <div class=\"mk-scroll-tab-animation-card-content\">\r\n <div class=\"mk-scroll-tab-animation-card-heading\"><img decoding=\"async\" width=\"148\" height=\"139\" src=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/06\/icon-3.png\" class=\"mk-scroll-tab-animation-card-icon\" alt=\"\" \/><div class=\"mk-scroll-tab-animation--card-title\">Key Features of a High-Performance Website<\/div><\/div>\r\n <\/div>\r\n <div class=\"mk-scroll-tab-animation-card-text-wrapper\">\r\n <div class=\"mk-scroll-tab-animation-content-holder\"><div class=\"mk-scroll-tab-animation-card-text\"><div class=\"mk-scroll-tab-animation--card-desc\">We combine the principles of user-centered design (UCD) with the latest technologies and industry trends to create websites that not only look amazing, but also work - across devices, browsers, and user types. Mobile-first? Sure. Fast-loading? Always. Accessible? Absolutely.\n\nHere's what sets our approach apart:\n\nStrategic thinking: We design with intention - aligning visuals with your business goals.\nCollaboration: You're part of the process from day one. Your input matters.\nCustom design: Every element is created for you, not pulled from a pre-made theme.\nConversion-focused: We guide users to the actions that matter most - clicks, sign-ups, sales.\nFuture-proof: Our code and design practices are scalable, easy to maintain, and designed to grow with your business.\nWe don't just build websites. We create experiences that drive engagement, build trust, and turn visitors into loyal customers. Because at the end of the day, your website should work as hard as you do.<\/div><\/div><\/div>\r\n \r\n <\/div>\r\n\r\n <\/div><div class=\"mk-scroll-tab-animation-card mk-sta-card-3 elementor-repeater-item-afdc57c\">\r\n\r\n <div class=\"mk-scroll-tab-animation-card-content\">\r\n <div class=\"mk-scroll-tab-animation-card-heading\"><img decoding=\"async\" width=\"155\" height=\"154\" src=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/06\/icon-12.png\" class=\"mk-scroll-tab-animation-card-icon\" alt=\"\" srcset=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/06\/icon-12.png 155w, https:\/\/convertop.com\/wp-content\/uploads\/2025\/06\/icon-12-150x150.png 150w\" sizes=\"(max-width: 155px) 100vw, 155px\" \/><div class=\"mk-scroll-tab-animation--card-title\">Why does customization always win...?\nCustom website vs. template-based website:<\/div><\/div>\r\n <\/div>\r\n <div class=\"mk-scroll-tab-animation-card-text-wrapper\">\r\n <div class=\"mk-scroll-tab-animation-content-holder\"><div class=\"mk-scroll-tab-animation-card-text\"><div class=\"mk-scroll-tab-animation--card-desc\">When building a website, you generally have two options: use a pre-built template or invest in a custom design. At first glance, templates may seem like the faster and cheaper solution - but the truth is, they come with limitations that can cost you much more in the long run.\n\nAt Convertop, we specialize in custom website design because we believe your business deserves more than a recycled layout used by hundreds of others.<\/div><\/div><\/div>\r\n \r\n <\/div>\r\n\r\n <\/div><div class=\"mk-scroll-tab-animation-card mk-sta-card-4 elementor-repeater-item-fa7ecd9\">\r\n\r\n <div class=\"mk-scroll-tab-animation-card-content\">\r\n <div class=\"mk-scroll-tab-animation-card-heading\"><img decoding=\"async\" width=\"165\" height=\"165\" src=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/06\/icon-6-2.png\" class=\"mk-scroll-tab-animation-card-icon\" alt=\"\" srcset=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/06\/icon-6-2.png 165w, https:\/\/convertop.com\/wp-content\/uploads\/2025\/06\/icon-6-2-150x150.png 150w\" sizes=\"(max-width: 165px) 100vw, 165px\" \/><div class=\"mk-scroll-tab-animation--card-title\">Why choose Convertop for your web design project?<\/div><\/div>\r\n <\/div>\r\n <div class=\"mk-scroll-tab-animation-card-text-wrapper\">\r\n <div class=\"mk-scroll-tab-animation-content-holder\"><div class=\"mk-scroll-tab-animation-card-text\"><div class=\"mk-scroll-tab-animation--card-desc\">Choosing the right web design partner can make the difference between a website that simply exists and one that drives real business growth. At Convertop, we don't just build websites. We build experiences that engage, convert and perform.\n\nHere's why businesses across Europe (and beyond) choose us to bring their online presence to life: Over 10 years of proven experience - Strategy-driven design - Creative + Technical - Transparent communication and Performance- Focused<\/div><\/div><\/div>\r\n \r\n <\/div>\r\n\r\n <\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\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-5c76ded4 e-con-full e-flex mk-enable-fade-animation-none e-con e-parent\" data-id=\"5c76ded4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"mk-animation-effect":"none"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6fb973d mk-t-animation-text_reveal elementor-widget__width-initial mk-t-animation-textalign-center mk-enable-fade-animation-none elementor-widget elementor-widget-mk_animated_title\" data-id=\"6fb973d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"mk_text_animation":"text_reveal","text_delay":0.1499999999999999944488848768742172978818416595458984375,"text_duration":1,"text_stagger":0.0200000000000000004163336342344337026588618755340576171875,"text_on_scroll":"yes","mk-animation-effect":"none","mk_ext_is_infinite":"false","mk_ext_is_scrollme":"false"}\" data-widget_type=\"mk_animated_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"mk-animated-title-container mk-scroll--load\">\r\n <div><div class=\"mk--animated-title-overlay-tag swm-hide-none\">Process<\/div><\/div>\r\n <div><h2 class=\"mk--animated-title\">Our web design process: from idea to launch<\/h2><\/div>\r\n <\/div>\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-37b01a e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex mk-enable-fade-animation-none e-con e-parent\" data-id=\"37b01a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"mk-animation-effect":"none"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe749fb mk-enable-fade-animation-none elementor-widget elementor-widget-mk_work_process\" data-id=\"fe749fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"mk-animation-effect":"none","mk_ext_is_infinite":"false","mk_ext_is_scrollme":"false"}\" data-widget_type=\"mk_work_process.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"mk-work-process\" data-colorOne=\"#000000\" data-colorTwo=\"#ffffff\" data-uniqueID=\"ipunique-48096\" id=\"ipunique-48096\">\r\n <div class=\"mk-work-process-grid-tiles\"><div class=\"mk-work-process-tile elementor-repeater-item-debe80a\">\r\n <div class=\"mk-work-process-tile-no\"><svg fill=\"none\" class=\"tag-icon\" viewBox=\"0 0 37 37\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m27.3051 3.30095-3.9585-3.30095-4.8449 3.53866-4.8483-3.53866-3.95849 3.30095-4.84831 1.76512.65298 5.95283-5.49789701 2.4142.88812201 5.0677-.889805 5.0661 5.4979 2.4125-.6513 5.9528 4.84831 1.7668 3.95849 3.301 4.8466-3.5387 4.8466 3.5387 3.9585-3.301 4.8483-1.7651-.653-5.9528 5.4996-2.4142-.8898-5.0677.8898-5.0661-5.4979-2.4125.4754-6.20404z\" fill=\"currentColor\"\/><\/svg><span>1<\/span><\/div>\r\n <div class=\"mk-work-process-tile-tick\"><span><svg fill=\"currentColor\" class=\"check-icon\"<svg enable-background=\"new 0 0 512 512\" height=\"512\" viewBox=\"0 0 512 512\" width=\"512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m444.176 0-260.871 242.012-110.325-117.735-72.98 68.387 178.234 190.207 333.766-309.351zm0 0\"\/><\/svg><\/span><svg fill=\"none\" class=\"star-icon\" viewBox=\"0 0 37 37\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m18.5008 2.52419-2.8089-2.4597059-1.457 3.7908959-3.2596-2.39522-1.04286 3.60051-3.68128-.53739.8069 3.98282-4.02535-.23799 1.05049 3.59899-3.384393 1.5538 2.813473 2.9127-3.51228 1.9944 2.81348 2.4536-2.014196 3.1522 3.926386.9151-1.88479 3.5943 3.68128.5297-.00305 3.751 3.79389-1.3711.3395 4.0504 3.3829-1.5615 2.0066 3.1583 2.4572-3.2228 2.4588 3.2228 2.0066-3.1583 3.3813 1.563.3395-4.0504 3.7955 1.3711-.0031-3.7525 3.6813-.5297-1.8863-3.5913 3.9279-.9166-2.0142-3.1537 2.8135-2.4536-3.5123-1.9944 2.8135-2.9112-3.3844-1.5553 1.0505-3.59745-4.0223.23799.8038-3.98436-3.6812.53739-1.0429-3.59897-3.258 2.39368-1.9808-3.85538z\" fill=\"currentColor\"\/><\/svg><\/div>\r\n <div class=\"mk-work-process-tile-content\"><div class=\"mk-work-process-tile-title\">1. Discovery and strategy<\/div><div class=\"mk-work-process-tile-description\">Every project starts with a conversation. We take a deep dive into your brand, goals, target audience, competition, and challenges. Through workshops, surveys, and strategy sessions, we gather all the information you need to design with purpose\u2014not guesswork.\n\nWhat we offer:\n\nBusiness and user goals\n\nAudience personas\n\nContent requirements\n\nTechnical needs<\/div><\/div>\r\n <\/div><div class=\"mk-work-process-tile elementor-repeater-item-8e3ce8c\">\r\n <div class=\"mk-work-process-tile-no\"><svg fill=\"none\" class=\"tag-icon\" viewBox=\"0 0 37 37\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m27.3051 3.30095-3.9585-3.30095-4.8449 3.53866-4.8483-3.53866-3.95849 3.30095-4.84831 1.76512.65298 5.95283-5.49789701 2.4142.88812201 5.0677-.889805 5.0661 5.4979 2.4125-.6513 5.9528 4.84831 1.7668 3.95849 3.301 4.8466-3.5387 4.8466 3.5387 3.9585-3.301 4.8483-1.7651-.653-5.9528 5.4996-2.4142-.8898-5.0677.8898-5.0661-5.4979-2.4125.4754-6.20404z\" fill=\"currentColor\"\/><\/svg><span>2<\/span><\/div>\r\n <div class=\"mk-work-process-tile-tick\"><span><svg fill=\"currentColor\" class=\"check-icon\"<svg enable-background=\"new 0 0 512 512\" height=\"512\" viewBox=\"0 0 512 512\" width=\"512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m444.176 0-260.871 242.012-110.325-117.735-72.98 68.387 178.234 190.207 333.766-309.351zm0 0\"\/><\/svg><\/span><svg fill=\"none\" class=\"star-icon\" viewBox=\"0 0 37 37\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m18.5008 2.52419-2.8089-2.4597059-1.457 3.7908959-3.2596-2.39522-1.04286 3.60051-3.68128-.53739.8069 3.98282-4.02535-.23799 1.05049 3.59899-3.384393 1.5538 2.813473 2.9127-3.51228 1.9944 2.81348 2.4536-2.014196 3.1522 3.926386.9151-1.88479 3.5943 3.68128.5297-.00305 3.751 3.79389-1.3711.3395 4.0504 3.3829-1.5615 2.0066 3.1583 2.4572-3.2228 2.4588 3.2228 2.0066-3.1583 3.3813 1.563.3395-4.0504 3.7955 1.3711-.0031-3.7525 3.6813-.5297-1.8863-3.5913 3.9279-.9166-2.0142-3.1537 2.8135-2.4536-3.5123-1.9944 2.8135-2.9112-3.3844-1.5553 1.0505-3.59745-4.0223.23799.8038-3.98436-3.6812.53739-1.0429-3.59897-3.258 2.39368-1.9808-3.85538z\" fill=\"currentColor\"\/><\/svg><\/div>\r\n <div class=\"mk-work-process-tile-content\"><div class=\"mk-work-process-tile-title\">2. Wireframing and flow<\/div><div class=\"mk-work-process-tile-description\">Before any colors or visuals come into play, we create low-fidelity wireframes to sketch out the layout, structure, and navigation. This step is all about the user experience - making sure everything flows logically and that users can easily find what they need.\n\nWhat you get:\n\nUX-focused layout design\n\nOptimized user paths\n\nCTA placement strategy<\/div><\/div>\r\n <\/div><div class=\"mk-work-process-tile elementor-repeater-item-b09015c\">\r\n <div class=\"mk-work-process-tile-no\"><svg fill=\"none\" class=\"tag-icon\" viewBox=\"0 0 37 37\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m27.3051 3.30095-3.9585-3.30095-4.8449 3.53866-4.8483-3.53866-3.95849 3.30095-4.84831 1.76512.65298 5.95283-5.49789701 2.4142.88812201 5.0677-.889805 5.0661 5.4979 2.4125-.6513 5.9528 4.84831 1.7668 3.95849 3.301 4.8466-3.5387 4.8466 3.5387 3.9585-3.301 4.8483-1.7651-.653-5.9528 5.4996-2.4142-.8898-5.0677.8898-5.0661-5.4979-2.4125.4754-6.20404z\" fill=\"currentColor\"\/><\/svg><span>3<\/span><\/div>\r\n <div class=\"mk-work-process-tile-tick\"><span><svg fill=\"currentColor\" class=\"check-icon\"<svg enable-background=\"new 0 0 512 512\" height=\"512\" viewBox=\"0 0 512 512\" width=\"512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m444.176 0-260.871 242.012-110.325-117.735-72.98 68.387 178.234 190.207 333.766-309.351zm0 0\"\/><\/svg><\/span><svg fill=\"none\" class=\"star-icon\" viewBox=\"0 0 37 37\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m18.5008 2.52419-2.8089-2.4597059-1.457 3.7908959-3.2596-2.39522-1.04286 3.60051-3.68128-.53739.8069 3.98282-4.02535-.23799 1.05049 3.59899-3.384393 1.5538 2.813473 2.9127-3.51228 1.9944 2.81348 2.4536-2.014196 3.1522 3.926386.9151-1.88479 3.5943 3.68128.5297-.00305 3.751 3.79389-1.3711.3395 4.0504 3.3829-1.5615 2.0066 3.1583 2.4572-3.2228 2.4588 3.2228 2.0066-3.1583 3.3813 1.563.3395-4.0504 3.7955 1.3711-.0031-3.7525 3.6813-.5297-1.8863-3.5913 3.9279-.9166-2.0142-3.1537 2.8135-2.4536-3.5123-1.9944 2.8135-2.9112-3.3844-1.5553 1.0505-3.59745-4.0223.23799.8038-3.98436-3.6812.53739-1.0429-3.59897-3.258 2.39368-1.9808-3.85538z\" fill=\"currentColor\"\/><\/svg><\/div>\r\n <div class=\"mk-work-process-tile-content\"><div class=\"mk-work-process-tile-title\">3. Visual design<\/div><div class=\"mk-work-process-tile-description\">This is where creativity shines. Our designers take wireframes and bring them to life with your brand\u2019s look and feel \u2014 including colors, typography, images, and animations. Every visual element is aligned with your identity and optimized for interaction.\n\nYou\u2019ll get:\nFully responsive designs (desktop + mobile)\nMoodboards and visual concepts\nInteractive design mockups for feedback<\/div><\/div>\r\n <\/div><div class=\"mk-work-process-tile elementor-repeater-item-e1b2070\">\r\n <div class=\"mk-work-process-tile-no\"><svg fill=\"none\" class=\"tag-icon\" viewBox=\"0 0 37 37\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m27.3051 3.30095-3.9585-3.30095-4.8449 3.53866-4.8483-3.53866-3.95849 3.30095-4.84831 1.76512.65298 5.95283-5.49789701 2.4142.88812201 5.0677-.889805 5.0661 5.4979 2.4125-.6513 5.9528 4.84831 1.7668 3.95849 3.301 4.8466-3.5387 4.8466 3.5387 3.9585-3.301 4.8483-1.7651-.653-5.9528 5.4996-2.4142-.8898-5.0677.8898-5.0661-5.4979-2.4125.4754-6.20404z\" fill=\"currentColor\"\/><\/svg><span>4<\/span><\/div>\r\n <div class=\"mk-work-process-tile-tick\"><span><svg fill=\"currentColor\" class=\"check-icon\"<svg enable-background=\"new 0 0 512 512\" height=\"512\" viewBox=\"0 0 512 512\" width=\"512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m444.176 0-260.871 242.012-110.325-117.735-72.98 68.387 178.234 190.207 333.766-309.351zm0 0\"\/><\/svg><\/span><svg fill=\"none\" class=\"star-icon\" viewBox=\"0 0 37 37\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m18.5008 2.52419-2.8089-2.4597059-1.457 3.7908959-3.2596-2.39522-1.04286 3.60051-3.68128-.53739.8069 3.98282-4.02535-.23799 1.05049 3.59899-3.384393 1.5538 2.813473 2.9127-3.51228 1.9944 2.81348 2.4536-2.014196 3.1522 3.926386.9151-1.88479 3.5943 3.68128.5297-.00305 3.751 3.79389-1.3711.3395 4.0504 3.3829-1.5615 2.0066 3.1583 2.4572-3.2228 2.4588 3.2228 2.0066-3.1583 3.3813 1.563.3395-4.0504 3.7955 1.3711-.0031-3.7525 3.6813-.5297-1.8863-3.5913 3.9279-.9166-2.0142-3.1537 2.8135-2.4536-3.5123-1.9944 2.8135-2.9112-3.3844-1.5553 1.0505-3.59745-4.0223.23799.8038-3.98436-3.6812.53739-1.0429-3.59897-3.258 2.39368-1.9808-3.85538z\" fill=\"currentColor\"\/><\/svg><\/div>\r\n <div class=\"mk-work-process-tile-content\"><div class=\"mk-work-process-tile-title\">4. Development<\/div><div class=\"mk-work-process-tile-description\">Our developers turn approved designs into fully functional websites using clean, scalable, and SEO-optimized code. Whether we build in WordPress, Webflow, or a headless CMS, we ensure blazing-fast performance, security, and flexibility.\n\nTechnologies we specialize in:\n\nHTML5, CSS3, JavaScript\n\nWordPress and custom CMS\n\nWebflow, Shopify, WooCommerce\n\nAPI integrations and third-party tools<\/div><\/div>\r\n <\/div><div class=\"mk-work-process-tile elementor-repeater-item-137dd74\">\r\n <div class=\"mk-work-process-tile-no\"><svg fill=\"none\" class=\"tag-icon\" viewBox=\"0 0 37 37\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m27.3051 3.30095-3.9585-3.30095-4.8449 3.53866-4.8483-3.53866-3.95849 3.30095-4.84831 1.76512.65298 5.95283-5.49789701 2.4142.88812201 5.0677-.889805 5.0661 5.4979 2.4125-.6513 5.9528 4.84831 1.7668 3.95849 3.301 4.8466-3.5387 4.8466 3.5387 3.9585-3.301 4.8483-1.7651-.653-5.9528 5.4996-2.4142-.8898-5.0677.8898-5.0661-5.4979-2.4125.4754-6.20404z\" fill=\"currentColor\"\/><\/svg><span>5<\/span><\/div>\r\n <div class=\"mk-work-process-tile-tick\"><span><svg fill=\"currentColor\" class=\"check-icon\"<svg enable-background=\"new 0 0 512 512\" height=\"512\" viewBox=\"0 0 512 512\" width=\"512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m444.176 0-260.871 242.012-110.325-117.735-72.98 68.387 178.234 190.207 333.766-309.351zm0 0\"\/><\/svg><\/span><svg fill=\"none\" class=\"star-icon\" viewBox=\"0 0 37 37\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m18.5008 2.52419-2.8089-2.4597059-1.457 3.7908959-3.2596-2.39522-1.04286 3.60051-3.68128-.53739.8069 3.98282-4.02535-.23799 1.05049 3.59899-3.384393 1.5538 2.813473 2.9127-3.51228 1.9944 2.81348 2.4536-2.014196 3.1522 3.926386.9151-1.88479 3.5943 3.68128.5297-.00305 3.751 3.79389-1.3711.3395 4.0504 3.3829-1.5615 2.0066 3.1583 2.4572-3.2228 2.4588 3.2228 2.0066-3.1583 3.3813 1.563.3395-4.0504 3.7955 1.3711-.0031-3.7525 3.6813-.5297-1.8863-3.5913 3.9279-.9166-2.0142-3.1537 2.8135-2.4536-3.5123-1.9944 2.8135-2.9112-3.3844-1.5553 1.0505-3.59745-4.0223.23799.8038-3.98436-3.6812.53739-1.0429-3.59897-3.258 2.39368-1.9808-3.85538z\" fill=\"currentColor\"\/><\/svg><\/div>\r\n <div class=\"mk-work-process-tile-content\"><div class=\"mk-work-process-tile-title\">5. Testing & QA<\/div><div class=\"mk-work-process-tile-description\">Before launch, your website goes through a rigorous quality assurance process. We test across browsers, devices, and screen sizes. We check forms, speed, responsiveness, accessibility, and more to make sure everything works - flawlessly.\n\nThe quality assurance checklist includes:\nMobile and browser compatibility\nSpeed \u200b\u200boptimization\nSEO audit\nSecurity setup\nUsability testing<\/div><\/div>\r\n <\/div><div class=\"mk-work-process-tile elementor-repeater-item-f3a54e0\">\r\n <div class=\"mk-work-process-tile-no\"><svg fill=\"none\" class=\"tag-icon\" viewBox=\"0 0 37 37\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m27.3051 3.30095-3.9585-3.30095-4.8449 3.53866-4.8483-3.53866-3.95849 3.30095-4.84831 1.76512.65298 5.95283-5.49789701 2.4142.88812201 5.0677-.889805 5.0661 5.4979 2.4125-.6513 5.9528 4.84831 1.7668 3.95849 3.301 4.8466-3.5387 4.8466 3.5387 3.9585-3.301 4.8483-1.7651-.653-5.9528 5.4996-2.4142-.8898-5.0677.8898-5.0661-5.4979-2.4125.4754-6.20404z\" fill=\"currentColor\"\/><\/svg><span>6<\/span><\/div>\r\n <div class=\"mk-work-process-tile-tick\"><span><svg fill=\"currentColor\" class=\"check-icon\"<svg enable-background=\"new 0 0 512 512\" height=\"512\" viewBox=\"0 0 512 512\" width=\"512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m444.176 0-260.871 242.012-110.325-117.735-72.98 68.387 178.234 190.207 333.766-309.351zm0 0\"\/><\/svg><\/span><svg fill=\"none\" class=\"star-icon\" viewBox=\"0 0 37 37\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m18.5008 2.52419-2.8089-2.4597059-1.457 3.7908959-3.2596-2.39522-1.04286 3.60051-3.68128-.53739.8069 3.98282-4.02535-.23799 1.05049 3.59899-3.384393 1.5538 2.813473 2.9127-3.51228 1.9944 2.81348 2.4536-2.014196 3.1522 3.926386.9151-1.88479 3.5943 3.68128.5297-.00305 3.751 3.79389-1.3711.3395 4.0504 3.3829-1.5615 2.0066 3.1583 2.4572-3.2228 2.4588 3.2228 2.0066-3.1583 3.3813 1.563.3395-4.0504 3.7955 1.3711-.0031-3.7525 3.6813-.5297-1.8863-3.5913 3.9279-.9166-2.0142-3.1537 2.8135-2.4536-3.5123-1.9944 2.8135-2.9112-3.3844-1.5553 1.0505-3.59745-4.0223.23799.8038-3.98436-3.6812.53739-1.0429-3.59897-3.258 2.39368-1.9808-3.85538z\" fill=\"currentColor\"\/><\/svg><\/div>\r\n <div class=\"mk-work-process-tile-content\"><div class=\"mk-work-process-tile-title\">6. Launch & Beyond<\/div><div class=\"mk-work-process-tile-description\">Once everything is approved, we launch the site \u2014 but our support doesn\u2019t stop there. We provide training, documentation, and post-launch monitoring to make sure your site is working exactly as it should. We also provide ongoing maintenance and updates to keep everything fresh.\n\nPost-launch Support:\n\nCMS Training\n\nPerformance Monitoring\n\nBug Fixes and Enhancements\n\nMonthly Maintenance Plans (Optional)<\/div><\/div>\r\n <\/div><\/div>\r\n <\/div>\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-2bfb11be e-con-full e-flex mk-enable-fade-animation-none e-con e-parent\" data-id=\"2bfb11be\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","mk-animation-effect":"none"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67e7310b mk-enable-fade-animation-none elementor-widget elementor-widget-mk_elements_scroll_animation\" data-id=\"67e7310b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"mk-animation-effect":"none","mk_ext_is_infinite":"false","mk_ext_is_scrollme":"false"}\" data-widget_type=\"mk_elements_scroll_animation.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"mk-elements-scroll-animation 60606\" data-uniqueID=\"ipunique-60606\" id=\"ipunique-60606\" data-titleBlur=\"15\">\r\n <div class=\"mk-elements-scroll-animation-heading\">\r\n <h2 class=\"mk-mbhi-container-heading split\">Services and<br \/>our skills<\/h2>\r\n <\/div>\r\n <div class=\"mk-esa-stickers-wrapper\"><div class=\"mk-esa-sticker-wrapper elementor-repeater-item-9d57ce3 swm-hide-none\"><img decoding=\"async\" src=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/Adobe_Photoshop_CC_icon.svg_.png\" alt=\"Adobe_Photoshop_CC_icon.svg\" loading=\"lazy\" style=\"transform: translateX(-200px) translateY(1200px) rotate(-130deg);\" \/><\/div><div class=\"mk-esa-sticker-wrapper elementor-repeater-item-f221136 swm-hide-none\"><img decoding=\"async\" src=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/PHP-logo.svg_.png\" alt=\"PHP-logo.svg\" loading=\"lazy\" style=\"transform: translateX(172px) translateY(1200px) rotate(0deg);\" \/><\/div><div class=\"mk-esa-sticker-wrapper elementor-repeater-item-15e304f swm-hide-none\"><img decoding=\"async\" src=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/Adobe_Illustrator_CC_icon.svg_.png\" alt=\"Adobe_Illustrator_CC_icon.svg\" loading=\"lazy\" style=\"transform: translateX(312px) translateY(1200px) rotate(-130deg);\" \/><\/div><div class=\"mk-esa-sticker-wrapper elementor-repeater-item-98c4a5b swm-hide-none\"><img decoding=\"async\" src=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/figma-logo-icon-figma-app-editable-transparent-background-premium-social-media-design-for-digital-download-free-png.webp\" alt=\"figma-logo-icon-figma-app-editable-transparent-background-premium-social-media-design-for-digital-download-free-png\" loading=\"lazy\" style=\"transform: translateX(-456px) translateY(1200px) rotate(88deg);\" \/><\/div><div class=\"mk-esa-sticker-wrapper elementor-repeater-item-9f65975 swm-hide-none\"><img decoding=\"async\" src=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/joomla-logo-png-transparent.png\" alt=\"joomla-logo-png-transparent\" loading=\"lazy\" style=\"transform: translateX(-433px) translateY(1200px) rotate(-33deg);\" \/><\/div><div class=\"mk-esa-sticker-wrapper elementor-repeater-item-ed4741a swm-hide-none\"><img decoding=\"async\" src=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/Wordpress_Blue_logo.png\" alt=\"Wordpress_Blue_logo\" loading=\"lazy\" style=\"transform: translateX(195px) translateY(1200px) rotate(0deg);\" \/><\/div><div class=\"mk-esa-sticker-wrapper elementor-repeater-item-6e141b1 swm-hide-none\"><img decoding=\"async\" src=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/Vue.js_Logo_2.svg_.png\" alt=\"Vue.js_Logo_2.svg\" loading=\"lazy\" style=\"transform: translateX(265px) translateY(1200px) rotate(-42deg);\" \/><\/div><div class=\"mk-esa-sticker-wrapper elementor-repeater-item-507ed3f swm-hide-none\"><img decoding=\"async\" src=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/React-icon.svg_.png\" alt=\"React-icon.svg\" loading=\"lazy\" style=\"transform: translateX(-456px) translateY(1363px) rotate(113deg);\" \/><\/div><div class=\"mk-esa-sticker-wrapper elementor-repeater-item-d120426 swm-hide-none\"><img decoding=\"async\" src=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/Adobe_XD_CC_icon.svg_.png\" alt=\"Adobe_XD_CC_icon.svg\" loading=\"lazy\" style=\"transform: translateX(-14px) translateY(2000px) rotate(-176deg);\" \/><\/div><div class=\"mk-esa-sticker-wrapper elementor-repeater-item-a4ad379 swm-hide-none\"><img decoding=\"async\" src=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/download.png\" alt=\"download\" loading=\"lazy\" style=\"transform: translateX(474px) translateY(1340px) rotate(-59deg);\" \/><\/div><div class=\"mk-esa-sticker-wrapper elementor-repeater-item-884586e swm-hide-none\"><img decoding=\"async\" src=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/HTML5_logo_and_wordmark.svg_.png\" alt=\"HTML5_logo_and_wordmark.svg\" loading=\"lazy\" style=\"transform: translateX(521px) translateY(991px) rotate(-4deg);\" \/><\/div><div class=\"mk-esa-sticker-wrapper elementor-repeater-item-c030d75 swm-hide-none\"><img decoding=\"async\" src=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/java-4-logo-png-transparent-scaled.png\" alt=\"java-4-logo-png-transparent\" loading=\"lazy\" style=\"transform: translateX(-1293px) translateY(1502px) rotate(-92deg);\" \/><\/div><div class=\"mk-esa-sticker-wrapper elementor-repeater-item-75e1853 swm-hide-none\"><img decoding=\"async\" src=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/pngimg.com-mysql_PNG1.png\" alt=\"pngimg.com - mysql_PNG1\" loading=\"lazy\" style=\"transform: translateX(79px) translateY(851px) rotate(260deg);\" \/><\/div><\/div>\r\n <\/div>\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-22226302 e-con-full e-flex mk-enable-fade-animation-none e-con e-parent\" data-id=\"22226302\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"mk-animation-effect":"none"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-058bdbd mk-enable-fade-animation-none elementor-widget elementor-widget-heading\" data-id=\"058bdbd\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"mk-animation-effect":"none","mk_ext_is_infinite":"false","mk_ext_is_scrollme":"false"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Key Features of a High-Performance Website<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60a4574 mk-enable-fade-animation-none elementor-widget elementor-widget-text-editor\" data-id=\"60a4574\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"mk-animation-effect":"none","mk_ext_is_infinite":"false","mk_ext_is_scrollme":"false"}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We combine the principles of user-centered design (UCD) with the latest technologies and industry trends to create websites that not only look amazing, but also work – across devices, browsers, and user types. Mobile-first? Sure. Fast-loading? Always. Accessible? Absolutely.<\/p><p>Here’s what sets our approach apart:<\/p><p>Strategic thinking: We design with intention – aligning visuals with your business goals.<br \/>Collaboration: You’re part of the process from day one. Your input matters.<br \/>Custom design: Every element is created for you, not pulled from a pre-made theme.<br \/>Conversion-focused: We guide users to the actions that matter most – clicks, sign-ups, sales.<br \/>Future-proof: Our code and design practices are scalable, easy to maintain, and designed to grow with your business.<br \/>We don’t just build websites. We create experiences that drive engagement, build trust, and turn visitors into loyal customers. Because at the end of the day, your website should work as hard as you do.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-75b3a969 zig-zag-projects-align-left zig-zag-projects-border-yes mk-enable-fade-animation-none elementor-widget elementor-widget-mk_zig_zag_projects\" data-id=\"75b3a969\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"mk-animation-effect":"none","mk_ext_is_infinite":"false","mk_ext_is_scrollme":"false"}\" data-widget_type=\"mk_zig_zag_projects.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"zig-zag-projects\">\r\n <div class=\"zig-zag-projects-item\">\r\n <div class=\"zig-zag-projects-content\">\r\n <h2 class=\"zig-zag-projects-title\">1. Speed \u200b\u200band performance<\/h2><div class=\"zig-zag-projects-desc\">In today\u2019s fast-paced digital world, speed matters. A delay of just one second can reduce conversions by 7%. That\u2019s why we optimize every line of code, every image, and every plugin to make sure your site loads in a flash \u2013 even on slow connections.<\/div>\r\n <\/div>\r\n <div class=\"zig-zag-projects-media-wrapper\">\r\n <div class=\"zig-zag-projects-image-holder\">\r\n <div class=\"zig-zag-projects-image\">\r\n <img decoding=\"async\" width=\"1000\" height=\"666\" src=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/High-Performance-Leadership-Lead.png\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/High-Performance-Leadership-Lead.png 1000w, https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/High-Performance-Leadership-Lead-300x200.png 300w, https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/High-Performance-Leadership-Lead-768x511.png 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6cea4cdd zig-zag-projects-align-right zig-zag-projects-border-yes mk-enable-fade-animation-none elementor-widget elementor-widget-mk_zig_zag_projects\" data-id=\"6cea4cdd\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"mk-animation-effect":"none","mk_ext_is_infinite":"false","mk_ext_is_scrollme":"false"}\" data-widget_type=\"mk_zig_zag_projects.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"zig-zag-projects\">\r\n <div class=\"zig-zag-projects-item\">\r\n <div class=\"zig-zag-projects-content\">\r\n <h2 class=\"zig-zag-projects-title\">2. Mobile Responsiveness<\/h2><div class=\"zig-zag-projects-desc\">Over 60% of web traffic now comes from mobile devices. Your website needs to look and work perfectly on phones and tablets. We design mobile-first, fluid, responsive and tactile experiences.<\/div>\r\n <\/div>\r\n <div class=\"zig-zag-projects-media-wrapper\">\r\n <div class=\"zig-zag-projects-image-holder\">\r\n <div class=\"zig-zag-projects-image\">\r\n <img decoding=\"async\" width=\"1920\" height=\"1280\" src=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/Diseno-web-responsive-1-1.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/Diseno-web-responsive-1-1.jpg 1920w, https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/Diseno-web-responsive-1-1-300x200.jpg 300w, https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/Diseno-web-responsive-1-1-1024x683.jpg 1024w, https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/Diseno-web-responsive-1-1-768x512.jpg 768w, https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/Diseno-web-responsive-1-1-1536x1024.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f4a3cee zig-zag-projects-align-left zig-zag-projects-border-yes mk-enable-fade-animation-none elementor-widget elementor-widget-mk_zig_zag_projects\" data-id=\"3f4a3cee\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"mk-animation-effect":"none","mk_ext_is_infinite":"false","mk_ext_is_scrollme":"false"}\" data-widget_type=\"mk_zig_zag_projects.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"zig-zag-projects\">\r\n <div class=\"zig-zag-projects-item\">\r\n <div class=\"zig-zag-projects-content\">\r\n <h2 class=\"zig-zag-projects-title\">3. SEO optimization<\/h2><div class=\"zig-zag-projects-desc\">Design is important \u2014 but if no one can find your site, what's the point? We build SEO-optimized structures from the ground up: clean code, fast loading times, semantic HTML, proper heading hierarchies, and technical best practices that help search engines love your site.<\/div>\r\n <\/div>\r\n <div class=\"zig-zag-projects-media-wrapper\">\r\n <div class=\"zig-zag-projects-image-holder\">\r\n <div class=\"zig-zag-projects-image\">\r\n <img decoding=\"async\" width=\"612\" height=\"408\" src=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/SEO-Optimization-For-Website.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/SEO-Optimization-For-Website.jpg 612w, https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/SEO-Optimization-For-Website-300x200.jpg 300w\" sizes=\"(max-width: 612px) 100vw, 612px\" \/>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-675d614f zig-zag-projects-align-right zig-zag-projects-border-yes mk-enable-fade-animation-none elementor-widget elementor-widget-mk_zig_zag_projects\" data-id=\"675d614f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"mk-animation-effect":"none","mk_ext_is_infinite":"false","mk_ext_is_scrollme":"false"}\" data-widget_type=\"mk_zig_zag_projects.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"zig-zag-projects\">\r\n <div class=\"zig-zag-projects-item\">\r\n <div class=\"zig-zag-projects-content\">\r\n <h2 class=\"zig-zag-projects-title\">4. Security<\/h2><div class=\"zig-zag-projects-desc\">Online threats are real. That's why we implement HTTPS encryption, anti-spam tools, regular backups, and secure development practices to protect your data - and your customers.<\/div>\r\n <\/div>\r\n <div class=\"zig-zag-projects-media-wrapper\">\r\n <div class=\"zig-zag-projects-image-holder\">\r\n <div class=\"zig-zag-projects-image\">\r\n <img decoding=\"async\" width=\"1200\" height=\"700\" src=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/web-security.webp\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/web-security.webp 1200w, https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/web-security-300x175.webp 300w, https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/web-security-1024x597.webp 1024w, https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/web-security-768x448.webp 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff194ae zig-zag-projects-align-left zig-zag-projects-border-yes mk-enable-fade-animation-none elementor-widget elementor-widget-mk_zig_zag_projects\" data-id=\"ff194ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"mk-animation-effect":"none","mk_ext_is_infinite":"false","mk_ext_is_scrollme":"false"}\" data-widget_type=\"mk_zig_zag_projects.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"zig-zag-projects\">\r\n <div class=\"zig-zag-projects-item\">\r\n <div class=\"zig-zag-projects-content\">\r\n <h2 class=\"zig-zag-projects-title\">5. User-centric navigation<\/h2><div class=\"zig-zag-projects-desc\">A great website is easy to navigate. We build intuitive menus, smart page flows, and clear calls to action that help users find what they need - and act quickly.<\/div>\r\n <\/div>\r\n <div class=\"zig-zag-projects-media-wrapper\">\r\n <div class=\"zig-zag-projects-image-holder\">\r\n <div class=\"zig-zag-projects-image\">\r\n <img decoding=\"async\" width=\"1000\" height=\"667\" src=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/navigating.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/navigating.jpg 1000w, https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/navigating-300x200.jpg 300w, https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/navigating-768x512.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff723c9 zig-zag-projects-align-right zig-zag-projects-border-yes mk-enable-fade-animation-none elementor-widget elementor-widget-mk_zig_zag_projects\" data-id=\"ff723c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"mk-animation-effect":"none","mk_ext_is_infinite":"false","mk_ext_is_scrollme":"false"}\" data-widget_type=\"mk_zig_zag_projects.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"zig-zag-projects\">\r\n <div class=\"zig-zag-projects-item\">\r\n <div class=\"zig-zag-projects-content\">\r\n <h2 class=\"zig-zag-projects-title\">6. Scalability and easy maintenance<\/h2><div class=\"zig-zag-projects-desc\">Your business will grow. Your website should grow with it. We build on scalable frameworks that make it easy to add new pages, features, or integrations without the need for a complete rebuild.<\/div>\r\n <\/div>\r\n <div class=\"zig-zag-projects-media-wrapper\">\r\n <div class=\"zig-zag-projects-image-holder\">\r\n <div class=\"zig-zag-projects-image\">\r\n <img decoding=\"async\" width=\"1000\" height=\"562\" src=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/12-Point-Website-Maintenance-Checklist_180206_181225.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/12-Point-Website-Maintenance-Checklist_180206_181225.jpg 1000w, https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/12-Point-Website-Maintenance-Checklist_180206_181225-300x169.jpg 300w, https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/12-Point-Website-Maintenance-Checklist_180206_181225-768x432.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\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-56e5ddb3 e-con-full e-flex mk-enable-fade-animation-none e-con e-parent\" data-id=\"56e5ddb3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"video","background_video_link":"https:\\\/\\\/solis.premiumthemes.in\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/sample-video2.mp4","background_play_on_mobile":"yes","mk-animation-effect":"none"}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3bbac855 e-con-full e-flex mk-enable-fade-animation-none e-con e-parent\" data-id=\"3bbac855\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"mk-animation-effect":"none"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ac48c39 mk-t-animation-text_reveal elementor-widget__width-initial mk-t-animation-textalign-center mk-enable-fade-animation-none elementor-widget elementor-widget-mk_animated_title\" data-id=\"6ac48c39\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"mk_text_animation":"text_reveal","text_delay":0.1499999999999999944488848768742172978818416595458984375,"text_duration":1,"text_stagger":0.0200000000000000004163336342344337026588618755340576171875,"text_on_scroll":"yes","mk-animation-effect":"none","mk_ext_is_infinite":"false","mk_ext_is_scrollme":"false"}\" data-widget_type=\"mk_animated_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"mk-animated-title-container mk-scroll--load\">\r\n <div><div class=\"mk--animated-title-overlay-tag swm-hide-mobile\">Shape Your Dream Brand<\/div><\/div>\r\n <div><h2 class=\"mk--animated-title\">Success stories and case studies<\/h2><\/div>\r\n <\/div>\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-4b41fc30 e-con-full e-flex mk-enable-fade-animation-none e-con e-parent\" data-id=\"4b41fc30\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"mk-animation-effect":"none"}\">\n\t\t<div class=\"elementor-element elementor-element-3697b769 e-con-full e-flex mk-enable-fade-animation-none e-con e-child\" data-id=\"3697b769\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"mk-animation-effect":"none"}\">\n\t\t<div class=\"elementor-element elementor-element-7b887bf4 e-con-full e-flex mk-enable-fade-animation-none e-con e-child\" data-id=\"7b887bf4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"mk-animation-effect":"none"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40814f45 elementor-widget__width-initial mk-enable-fade-animation-none elementor-widget elementor-widget-mk_animated_content\" data-id=\"40814f45\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"mk-animation-effect":"none","mk_ext_is_infinite":"false","mk_ext_is_scrollme":"false"}\" data-widget_type=\"mk_animated_content.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"mk-animated-content mk--alignment-left mk-scroll--load mk--appear-from-bottom\" data-appear-delay=\"300\"><div class=\"mk-ac-title\">We don't just talk about results - we deliver them. Here are a few examples of how our web design work has transformed businesses, elevated brands, and generated measurable success.<\/div><\/div>\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-5fe9f84d e-con-full e-flex mk-enable-fade-animation-none e-con e-child\" data-id=\"5fe9f84d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"mk-animation-effect":"none"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c2d3e72 elementor-widget__width-initial mk-enable-fade-animation-none elementor-widget elementor-widget-mk_animated_content\" data-id=\"6c2d3e72\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"mk-animation-effect":"none","mk_ext_is_infinite":"false","mk_ext_is_scrollme":"false"}\" data-widget_type=\"mk_animated_content.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"mk-animated-content mk--alignment-left mk-scroll--load mk--appear-from-bottom\" data-appear-delay=\"300\"><div class=\"mk-ac-title\">What could your case study look like?\nThese are just a few examples of what\u2019s possible when strategy meets design. Whether you\u2019re launching a new brand, reimagining an old website, or expanding your digital presence, Convertop is ready to help you write your own success story.<\/div><\/div>\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-6b1d79d5 e-flex e-con-boxed mk-enable-fade-animation-none e-con e-child\" data-id=\"6b1d79d5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"mk-animation-effect":"none"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-655c34c6 elementor-widget__width-initial mk-enable-fade-animation-none elementor-widget elementor-widget-mk_image\" data-id=\"655c34c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"mk-animation-effect":"none","mk_ext_is_infinite":"false","mk_ext_is_scrollme":"false"}\" data-widget_type=\"mk_image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n <div class=\"mk-image\">\n <div class=\"mk-image-wrapper swm-anim align-items-center\">\n\n \n <figure class=\"swm-anim\">\n\n <img decoding=\"async\" width=\"827\" height=\"737\" src=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/3D-Web-Presentation-Mock-Up-1.webp\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/3D-Web-Presentation-Mock-Up-1.webp 827w, https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/3D-Web-Presentation-Mock-Up-1-300x267.webp 300w, https:\/\/convertop.com\/wp-content\/uploads\/2025\/09\/3D-Web-Presentation-Mock-Up-1-768x684.webp 768w\" sizes=\"(max-width: 827px) 100vw, 827px\" \/>\n <\/figure>\n\n <\/div>\n\n <\/div> <!-- end -.mk-image -->\n\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Web Design Studio \u2014 Hero Web Design Studio Web Design That Turns Visitors Into Customers Custom, responsive websites engineered for speed, ranking, and conversion \u2014 flawless on every screen, from desktop to phone. Get Your Free Quote \u2192 See Our Work Ready to build yours together?Call us right now \u2192 Ready to build yours together?Call us right now \u2192 Ready to build […]<\/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-5571","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/convertop.com\/en\/wp-json\/wp\/v2\/pages\/5571","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/convertop.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/convertop.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/convertop.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/convertop.com\/en\/wp-json\/wp\/v2\/comments?post=5571"}],"version-history":[{"count":45,"href":"https:\/\/convertop.com\/en\/wp-json\/wp\/v2\/pages\/5571\/revisions"}],"predecessor-version":[{"id":6514,"href":"https:\/\/convertop.com\/en\/wp-json\/wp\/v2\/pages\/5571\/revisions\/6514"}],"wp:attachment":[{"href":"https:\/\/convertop.com\/en\/wp-json\/wp\/v2\/media?parent=5571"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}