array(25) {
  ["idhirek"]=>
  string(1) "8"
  ["link"]=>
  string(6) "Araink"
  ["cim"]=>
  string(13) "Áraink"
  ["bevezeto"]=>
  string(46787) "<section class="section container vtd-webpage-modern vtd-pricing-page">
<style><!--
.vtd-webpage-modern {
    color: #111;
  }

  .vtd-webpage-modern.section {
    padding-top: 0 !important;
    margin-top: 56px;
  }

  .vtd-webpage-modern *,
  .vtd-webpage-modern *::before,
  .vtd-webpage-modern *::after {
    box-sizing: border-box;
  }

  .vtd-webpage-modern .vtd-card {
    background: #fff;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    padding: 42px 38px;
    box-shadow: 0 8px 26px rgba(0,0,0,.05);
    margin-bottom: 24px;
  }

  .vtd-webpage-modern .vtd-line {
    width: 72px;
    height: 6px;
    background: #eca721;
    border-radius: 99px;
    margin: 0 auto 28px;
  }

  .vtd-webpage-modern .vtd-anchor-section {
    scroll-margin-top: 140px;
  }

  html {
    scroll-behavior: smooth;
  }

  .vtd-webpage-modern .vtd-anchor-section::before {
    content: "";
    display: block;
    height: 120px;
    margin-top: -120px;
    visibility: hidden;
    pointer-events: none;
  }

  .vtd-webpage-modern .vtd-lead {
    color: #111;
    line-height: 1.75;
    font-size: 1.05rem;
    margin-bottom: 0;
  }

  .vtd-webpage-modern .vtd-benefit-eyebrow {
    display: inline-block;
    color: #eca721;
    font-size: .84rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 14px;
  }

  .vtd-webpage-modern .vtd-section-head {
    max-width: 980px;
    margin-bottom: 24px;
  }

  .vtd-webpage-modern .vtd-quick-packages {
    background: #f7f7f7;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    padding: 32px 26px 28px;
    box-shadow: 0 8px 22px rgba(0,0,0,.035);
    margin-bottom: 24px;
    text-align: center;
  }

  .vtd-webpage-modern .vtd-quick-packages-title {
    display: block;
    color: #111;
    font-size: 1.28rem;
    line-height: 1.35;
    font-weight: 900;
    margin-bottom: 8px;
  }

  .vtd-webpage-modern .vtd-quick-packages-text {
    color: #555;
    line-height: 1.65;
    margin: 0 auto 22px;
    max-width: 760px;
  }

  .vtd-webpage-modern .vtd-quick-package-card {
    height: 100%;
    background: #fff;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    padding: 24px 18px;
    box-shadow: 0 8px 22px rgba(0,0,0,.04);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  .vtd-webpage-modern .vtd-quick-package-card.vtd-quick-package-featured {
    border-color: rgba(236,167,33,.45);
    box-shadow: 0 14px 30px rgba(236,167,33,.12);
  }

  .vtd-webpage-modern .vtd-nav-brand {
    border-color: rgba(236,167,33,.45);
    box-shadow: 0 14px 30px rgba(236,167,33,.12);
  }

  .vtd-webpage-modern .vtd-nav-web {
    border-color: rgba(217,75,61,.38);
    box-shadow: 0 14px 30px rgba(217,75,61,.10);
  }

  .vtd-webpage-modern .vtd-nav-social {
    border-color: rgba(85,88,94,.38);
    box-shadow: 0 14px 30px rgba(85,88,94,.10);
  }

  .vtd-webpage-modern .vtd-nav-graphic {
    border-color: rgba(47,51,56,.38);
    box-shadow: 0 14px 30px rgba(47,51,56,.10);
  }


  .vtd-webpage-modern .vtd-quick-package-badge {
    display: inline-block;
    align-self: center;
    background: #eca721;
    color: #fff;
    font-size: .72rem;
    font-weight: 900;
    line-height: 1;
    padding: 8px 12px;
    border-radius: 999px;
    margin-bottom: 14px;
    text-transform: uppercase;
    letter-spacing: .03em;
  }

  .vtd-webpage-modern .vtd-quick-package-name {
    color: #111;
    font-size: 1.02rem;
    line-height: 1.25;
    font-weight: 900;
    margin-bottom: 8px;
  }

  .vtd-webpage-modern .vtd-quick-package-desc {
    color: #555;
    font-size: .9rem;
    line-height: 1.55;
    margin-bottom: 18px;
    flex: 1 1 auto;
  }

  .vtd-webpage-modern .vtd-quick-package-card .btn {
    width: 100%;
    text-align: center;
    padding-left: 12px;
    padding-right: 12px;
    margin-top: auto;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
  }

  .vtd-webpage-modern .vtd-quick-package-card .btn--primary {
    background: #eca721 !important;
    border-color: #eca721 !important;
    color: #fff !important;
    font-weight: 900;
  }

  .vtd-webpage-modern .vtd-quick-package-card .btn--primary:hover {
    background: #55585e !important;
    border-color: #55585e !important;
    color: #fff !important;
  }


  .vtd-webpage-modern .vtd-price-card {
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(0,0,0,.05);
    transition: transform .2s ease, box-shadow .2s ease;
    display: flex;
    flex-direction: column;
  }

  .vtd-webpage-modern .vtd-price-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 30px rgba(0,0,0,.08);
  }

  .vtd-webpage-modern .vtd-price-top {
    background: #eca721;
    padding: 26px 20px;
    text-align: center;
    min-height: 142px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .vtd-webpage-modern .vtd-price-category-brand .vtd-price-top {
    background: #eca721;
  }

  .vtd-webpage-modern .vtd-price-category-web .vtd-price-top {
    background: #d94b3d;
  }

  .vtd-webpage-modern .vtd-price-category-social .vtd-price-top {
    background: #55585e;
  }

  .vtd-webpage-modern .vtd-price-category-graphic .vtd-hour-bottom {
    background: #434343;
    border-color: #434343;
  }

  .vtd-webpage-modern .vtd-price-category-graphic .vtd-hour-bottom .vtd-hour-label,
  .vtd-webpage-modern .vtd-price-category-graphic .vtd-hour-bottom strong {
    color: #fff;
  }

  .vtd-webpage-modern .vtd-old-price {
    display: block;
    color: rgba(255,255,255,.78);
    font-size: .88rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: line-through;
    margin-bottom: 8px;
    text-shadow: 0 1px 5px rgba(0,0,0,.12);
  }

  .vtd-webpage-modern .vtd-price {
    display: block;
    color: #fff;
    font-size: 2rem;
    line-height: 1.05;
    font-weight: 900;
    letter-spacing: -0.04em;
    text-shadow: 0 2px 8px rgba(0,0,0,.16);
  }

  .vtd-webpage-modern .vtd-price small {
    font-size: .82rem;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 0;
  }

  .vtd-webpage-modern .vtd-price-body {
    padding: 24px 20px 20px;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: auto;
  }

  .vtd-webpage-modern .vtd-price-body h3 {
    font-size: 1.12rem;
    line-height: 1.3;
    font-weight: 900;
    color: #111;
    margin-bottom: 10px;
  }

  .vtd-webpage-modern .vtd-price-body p {
    color: #555;
    line-height: 1.65;
    margin-bottom: 16px;
    font-size: .96rem;
  }

  .vtd-webpage-modern .vtd-feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 18px;
  }

  .vtd-webpage-modern .vtd-feature-list li {
    position: relative;
    color: #555;
    line-height: 1.6;
    padding-left: 20px;
    margin-bottom: 8px;
    font-size: .94rem;
  }

  .vtd-webpage-modern .vtd-feature-list li:last-child {
    margin-bottom: 0;
  }

  .vtd-webpage-modern .vtd-feature-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #eca721;
  }

  .vtd-webpage-modern .vtd-price-bottom {
    margin-top: auto;
    display: flex;
    gap: 10px;
  }

  .vtd-webpage-modern .vtd-price-bottom .btn {
    flex: 1 1 0;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
  }

  .vtd-webpage-modern .vtd-price-yellow-btn {
    background: #eca721 !important;
    border: 2px solid #eca721 !important;
    color: #fff !important;
    font-weight: 900;
    box-shadow: none;
    min-height: 48px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    white-space: normal;
  }

  .vtd-webpage-modern .vtd-price-yellow-btn:hover {
    background: #c98512 !important;
    border-color: #c98512 !important;
    color: #fff !important;
  }

  .vtd-webpage-modern .vtd-hour-card {
    height: 100%;
    background: #fff;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    padding: 24px 22px;
    box-shadow: 0 8px 22px rgba(0,0,0,.04);
    display: flex;
    flex-direction: column;
  }

  .vtd-webpage-modern .vtd-hour-card h3 {
    color: #111;
    font-size: 1.08rem;
    line-height: 1.3;
    font-weight: 900;
    margin-bottom: 10px;
  }

  .vtd-webpage-modern .vtd-hour-card p {
    color: #555;
    line-height: 1.65;
    margin-bottom: 16px;
    font-size: .96rem;
  }

  .vtd-webpage-modern .vtd-hour-bottom {
    margin-top: auto;
    background: rgba(236,167,33,.08);
    border: 1px solid rgba(236,167,33,.18);
    border-radius: 10px;
    padding: 14px 16px;
  }

  .vtd-webpage-modern .vtd-hour-label {
    display: block;
    color: #555;
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 4px;
  }

  .vtd-webpage-modern .vtd-hour-bottom strong {
    display: block;
    color: #eca721;
    font-size: 1.45rem;
    line-height: 1.05;
    font-weight: 900;
    letter-spacing: -0.04em;
  }

  .vtd-webpage-modern .vtd-note-box {
    background: rgba(236,167,33,.08);
    border: 1px solid rgba(236,167,33,.18);
    border-radius: 10px;
    padding: 18px 20px;
    margin-top: 8px;
  }

  .vtd-webpage-modern .vtd-note-box p {
    color: #111;
    line-height: 1.65;
    margin-bottom: 0;
  }

  .vtd-webpage-modern .vtd-cta {
    background: #eca721;
    border-radius: 10px;
    padding: 34px 28px;
    margin: 40px 0 0;
    overflow: hidden;
    text-align: center;
  }

  .vtd-webpage-modern .vtd-cta-title {
    color: #fff;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 900;
    margin-bottom: 18px;
  }

  .vtd-webpage-modern .vtd-cta p {
    color: #fff;
    max-width: 880px;
    margin: 0 auto 22px;
    line-height: 1.7;
    font-size: 1.03rem;
  }

  @media (max-width: 767.98px) {
    .vtd-webpage-modern.section {
      margin-top: 24px;
    }

    .vtd-webpage-modern .vtd-card {
      padding: 28px 20px;
    }

    .vtd-webpage-modern .vtd-price-bottom {
      flex-direction: column;
    }

    .vtd-webpage-modern .vtd-price {
      font-size: 1.72rem;
    }

    .vtd-webpage-modern .vtd-hour-bottom strong {
      font-size: 1.3rem;
    }
  }



  /* ===== Árkategóriákhoz igazított gombszínek ===== */

  .vtd-webpage-modern .vtd-price-offer-btn,
  .vtd-webpage-modern .vtd-price-detail-btn {
    border: 2px solid transparent !important;
    color: #fff !important;
    font-weight: 900;
    box-shadow: none;
    min-height: 48px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    white-space: normal;
  }

  .vtd-webpage-modern .vtd-price-category-brand .vtd-price-offer-btn {
    background: #eca721 !important;
    border-color: #eca721 !important;
  }

  .vtd-webpage-modern .vtd-price-category-brand .vtd-price-offer-btn:hover {
    background: #c98512 !important;
    border-color: #c98512 !important;
  }

  .vtd-webpage-modern .vtd-price-category-web .vtd-price-offer-btn {
    background: #d94b3d !important;
    border-color: #d94b3d !important;
  }

  .vtd-webpage-modern .vtd-price-category-web .vtd-price-offer-btn:hover {
    background: #b93b30 !important;
    border-color: #b93b30 !important;
  }

  .vtd-webpage-modern .vtd-price-category-social .vtd-price-offer-btn {
    background: #55585e !important;
    border-color: #55585e !important;
  }

  .vtd-webpage-modern .vtd-price-category-social .vtd-price-offer-btn:hover {
    background: #2f3338 !important;
    border-color: #2f3338 !important;
  }

  .vtd-webpage-modern .vtd-price-detail-btn {
    background: #eeeeee !important;
    border-color: #eeeeee !important;
    color: #333333 !important;
  }

  .vtd-webpage-modern .vtd-price-detail-btn:hover {
    background: #55585e !important;
    border-color: #55585e !important;
    color: #ffffff !important;
  }


/* ===== ÁRAK OLDAL - AZ ELSŐ SÁRGA HERO CSILLOGÁSA AZ ARCULATTERVEZÉS ALOLDAL STÍLUSÁBAN ===== */

.vtd-webpage-modern.vtd-pricing-page .vtd-pricing-hero {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  padding: 64px 42px 58px;
  margin-bottom: 28px;
  text-align: center;
  color: #fff;
  border: 1px solid rgba(255,255,255,.34);
  background:
    radial-gradient(circle at 16% 18%, rgba(255,255,255,.30), transparent 30%),
    radial-gradient(circle at 82% 10%, rgba(255,255,255,.18), transparent 28%),
    linear-gradient(135deg, #eca721 0%, #f3b638 48%, #cf850d 100%);
  box-shadow:
    0 20px 52px rgba(236,167,33,.24),
    inset 0 1px 0 rgba(255,255,255,.36);
  isolation: isolate;
}

.vtd-webpage-modern.vtd-pricing-page .vtd-pricing-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(130,88,12,.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(130,88,12,.12) 1px, transparent 1px);
  background-size: 36px 36px;
  opacity: .44;
  pointer-events: none;
  z-index: 0;
}

.vtd-webpage-modern.vtd-pricing-page .vtd-pricing-hero::after {
  content: "";
  position: absolute;
  top: -24%;
  left: -56%;
  width: 58%;
  height: 170%;
  background: linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.002) 10%,
    rgba(255,255,255,0.008) 20%,
    rgba(255,255,255,0.022) 30%,
    rgba(255,255,255,0.07) 39%,
    rgba(255,255,255,0.17) 45%,
    rgba(255,255,255,0.34) 48.5%,
    rgba(255,255,255,0.72) 50%,
    rgba(255,255,255,0.44) 52.5%,
    rgba(255,255,255,0.24) 58%,
    rgba(255,255,255,0.12) 67%,
    rgba(255,255,255,0.05) 77%,
    rgba(255,255,255,0.012) 89%,
    rgba(255,255,255,0) 100%
  );
  filter: blur(18px);
  transform: skewX(-20deg);
  opacity: 0;
  pointer-events: none;
  animation: vtdHeroShineSoft 6.1s ease-in-out infinite;
  z-index: 1;
}

.vtd-webpage-modern.vtd-pricing-page .vtd-pricing-hero > * {
  position: relative;
  z-index: 2;
}


@keyframes vtdHeroShineSoft {
  0% {
    left: -56%;
    opacity: 0;
  }

  16% {
    opacity: 0;
  }

  27% {
    opacity: .98;
  }

  48% {
    left: 112%;
    opacity: 0;
  }

  100% {
    left: 112%;
    opacity: 0;
  }
}

.vtd-webpage-modern.vtd-pricing-page .vtd-pricing-hero .vtd-benefit-eyebrow {
  color: #fff !important;
  display: inline-block;
  font-size: .84rem;
  font-weight: 950;
  letter-spacing: .075em;
  text-transform: uppercase;
  margin-bottom: 18px;
  text-shadow: 0 2px 10px rgba(0,0,0,.12);
}

.vtd-webpage-modern.vtd-pricing-page .vtd-pricing-hero h1 {
  color: #fff;
  max-width: 960px;
  margin: 0 auto 22px;
  font-size: clamp(2.35rem, 4.3vw, 3.55rem);
  line-height: 1.03;
  font-weight: 950;
  letter-spacing: -.064em;
  text-transform: uppercase;
  text-shadow: 0 2px 15px rgba(0,0,0,.14);
}

.vtd-webpage-modern.vtd-pricing-page .vtd-pricing-hero .vtd-line {
  display: none;
}

.vtd-webpage-modern.vtd-pricing-page .vtd-pricing-hero p {
  color: #fff;
  font-size: 1.08rem;
  line-height: 1.8;
  max-width: 900px;
  margin: 0 auto 18px;
  text-shadow: 0 2px 12px rgba(0,0,0,.10);
}

.vtd-webpage-modern.vtd-pricing-page .vtd-pricing-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 30px auto 0;
}

.vtd-webpage-modern.vtd-pricing-page .vtd-pricing-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 17px;
  border-radius: 999px;
  background: #fff;
  color: #111;
  font-size: .9rem;
  font-weight: 900;
  line-height: 1.1;
  box-shadow: 0 10px 20px rgba(0,0,0,.08);
  border: 1px solid rgba(255,255,255,.82);
  transition: transform .24s ease, box-shadow .24s ease, background .24s ease, color .24s ease;
}

.vtd-webpage-modern.vtd-pricing-page .vtd-pricing-tag:hover {
  transform: translateY(-3px);
  background: #111;
  color: #fff;
  box-shadow: 0 16px 30px rgba(0,0,0,.16);
}



/* ===== KIK VAGYUNK JELLEGŰ FINOM BLOKK EFFEKTEK AZ ÁRAK OLDALON ===== */
/* Ebben a verzióban csak a legfelső sárga hero blokk csillog. A többi blokk nem kap csillogó sheen effektet. */

.vtd-webpage-modern.vtd-pricing-page .vtd-quick-packages,
.vtd-webpage-modern.vtd-pricing-page .vtd-card,
.vtd-webpage-modern.vtd-pricing-page .vtd-quick-package-card,
.vtd-webpage-modern.vtd-pricing-page .vtd-price-card,
.vtd-webpage-modern.vtd-pricing-page .vtd-hour-card,
.vtd-webpage-modern.vtd-pricing-page .vtd-note-box {
  position: relative;
  overflow: hidden;
}

.vtd-webpage-modern.vtd-pricing-page .vtd-quick-packages {
  border-radius: 18px;
  background:
    radial-gradient(circle at 12% 10%, rgba(236,167,33,.16), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f7f7f7 100%);
  box-shadow: 0 16px 42px rgba(0,0,0,.06);
}

.vtd-webpage-modern.vtd-pricing-page .vtd-quick-packages::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(17,17,17,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17,17,17,.035) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.55), transparent 82%);
  pointer-events: none;
}

.vtd-webpage-modern.vtd-pricing-page .vtd-quick-package-card,
.vtd-webpage-modern.vtd-pricing-page .vtd-price-card,
.vtd-webpage-modern.vtd-pricing-page .vtd-hour-card {
  border-radius: 16px;
  transition:
    transform .32s ease,
    box-shadow .32s ease,
    border-color .32s ease;
}







.vtd-webpage-modern.vtd-pricing-page .vtd-quick-package-card:hover,
.vtd-webpage-modern.vtd-pricing-page .vtd-price-card:hover,
.vtd-webpage-modern.vtd-pricing-page .vtd-hour-card:hover {
  transform: translateY(-7px);
  border-color: rgba(236,167,33,.42);
  box-shadow: 0 24px 58px rgba(0,0,0,.12);
}







.vtd-webpage-modern.vtd-pricing-page .vtd-price-top {
  position: relative;
  overflow: hidden;
}



.vtd-webpage-modern.vtd-pricing-page .vtd-price {
  display: inline-block;
  animation: vtdPricePulse 4.4s ease-in-out infinite;
}

@keyframes vtdPricePulse {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-1px) scale(1.018); }
}

@supports (animation-timeline: view()) {
  .vtd-webpage-modern.vtd-pricing-page .vtd-card,
  .vtd-webpage-modern.vtd-pricing-page .vtd-quick-packages {
    animation: vtdPricingReveal both ease-out;
    animation-timeline: view();
    animation-range: entry 8% cover 24%;
  }

  @keyframes vtdPricingReveal {
    from { opacity: .35; transform: translateY(26px) scale(.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
  }
}

.vtd-webpage-modern.vtd-pricing-page .btn {
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease;
}

.vtd-webpage-modern.vtd-pricing-page .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(0,0,0,.12);
}

@media (max-width: 767.98px) {
  .vtd-webpage-modern.vtd-pricing-page .vtd-pricing-hero {
    padding: 38px 22px 34px;
  }

  .vtd-webpage-modern.vtd-pricing-page .vtd-pricing-hero h1 {
    font-size: 2.25rem;
  }

  .vtd-webpage-modern.vtd-pricing-page .vtd-pricing-hero p {
    font-size: 1rem;
  }

  .vtd-webpage-modern.vtd-pricing-page .vtd-pricing-tags {
    gap: 8px;
  }

  .vtd-webpage-modern.vtd-pricing-page .vtd-pricing-tag {
    min-height: 38px;
    padding: 9px 13px;
    font-size: .82rem;
  }

  .vtd-webpage-modern.vtd-pricing-page .vtd-quick-package-card:hover,
  .vtd-webpage-modern.vtd-pricing-page .vtd-price-card:hover,
  .vtd-webpage-modern.vtd-pricing-page .vtd-hour-card:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .vtd-webpage-modern.vtd-pricing-page *,
  .vtd-webpage-modern.vtd-pricing-page *::before,
  .vtd-webpage-modern.vtd-pricing-page *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}
--></style>
<div class="vtd-pricing-hero"><span class="vtd-benefit-eyebrow">Vteamdesign / árak és csomagok</span>
<h1 class="section__title text-center mb-2">Árak és csomagok</h1>
<p>Az árak célja, hogy átlátható kiindulási pontot adjanak arculattervezéshez, weboldal készítéshez, közösségi média megjelenéshez és grafikai tervezéshez. A pontos ajánlat minden esetben az Ön vállalkozásának céljaihoz, a feladat összetettségéhez, a szükséges tartalomhoz és a megvalósítandó funkciókhoz igazodik.</p>
<div class="vtd-pricing-tags"><span class="vtd-pricing-tag">Arculattervezés</span> <span class="vtd-pricing-tag">Weboldal készítés</span> <span class="vtd-pricing-tag">Online arculat</span> <span class="vtd-pricing-tag">Grafikai óradíjak</span> <span class="vtd-pricing-tag">Átlátható csomagok</span></div>
</div>
<div class="vtd-quick-packages"><strong class="vtd-quick-packages-title">Melyik árkategória érdekli?</strong>
<p class="vtd-quick-packages-text">A szolgáltatásokat átlátható kategóriákba rendeztük, hogy könnyebben megtalálja az Ön vállalkozásához illő megoldást.</p>
<div class="row">
<div class="col-md-6 col-lg-3 mb-4" style="display: flex;">
<div class="vtd-quick-package-card vtd-quick-package-featured vtd-nav-brand"><span class="vtd-quick-package-badge">Márkaalap</span>
<div class="vtd-quick-package-name">Arculattervezés</div>
<div class="vtd-quick-package-desc">Logó, kisarculat és teljes arculati rendszer vállalkozásoknak.</div>
<a class="btn btn--primary btn-lg" href="/Araink#arculattervezes-arak" title="Arculattervezés árak">Megnézem</a></div>
</div>
<div class="col-md-6 col-lg-3 mb-4" style="display: flex;">
<div class="vtd-quick-package-card vtd-nav-web">
<div class="vtd-quick-package-name">Weboldal készítés</div>
<div class="vtd-quick-package-desc">Céges weboldal, összetettebb vállalati oldal és induló webáruház.</div>
<a class="btn btn--primary btn-lg" href="/Araink#weboldal-keszites-arak" title="Weboldal készítés árak">Megnézem</a></div>
</div>
<div class="col-md-6 col-lg-3 mb-4" style="display: flex;">
<div class="vtd-quick-package-card vtd-nav-social">
<div class="vtd-quick-package-name">Online arculat</div>
<div class="vtd-quick-package-desc">Közösségi média és digitális megjelenési csomagok havi díjjal.</div>
<a class="btn btn--primary btn-lg" href="/Araink#online-arculat-arak" title="Online arculati árak">Megnézem</a></div>
</div>
<div class="col-md-6 col-lg-3 mb-4" style="display: flex;">
<div class="vtd-quick-package-card vtd-nav-graphic">
<div class="vtd-quick-package-name">Grafikai óradíjak</div>
<div class="vtd-quick-package-desc">Offline és online grafikai anyagok óradíjas tervezése.</div>
<a class="btn btn--primary btn-lg" href="/Araink#grafikai-oradijak" title="Grafikai óradíjak">Megnézem</a></div>
</div>
</div>
</div>
<div class="vtd-card vtd-price-category-brand vtd-anchor-section" id="arculattervezes-arak">
<div class="vtd-section-head"><span class="vtd-benefit-eyebrow">Arculattervezés</span>
<h2 class="h3 mb-2">Arculattervezés árak</h2>
<p class="vtd-lead">Az arculattervezés ára a projekt összetettségétől, az elkészítendő arculati elemek számától és a felhasználási területektől függ. A cél, hogy vállalkozása egységes, felismerhető és hosszú távon használható vizuális alapot kapjon.</p>
</div>
<div class="row justify-content-center">
<div class="col-md-6 col-lg-4 mb-4" style="display: flex;">
<div class="vtd-price-card">
<div class="vtd-price-top"><span class="vtd-old-price">90.000 Ft</span> <span class="vtd-price">79.000 Ft <small>-tól</small></span></div>
<div class="vtd-price-body">
<h3>Logótervezés</h3>
<p>Logó és embléma tervezése több verzióban, módosítási lehetőséggel, nyomdai és webes formátumokkal.</p>
<ul class="vtd-feature-list">
<li>egyedi vizuális irány</li>
<li>több logóverzió</li>
<li>webes és nyomdai formátumok</li>
</ul>
<div class="vtd-price-bottom"><a class="btn btn--strong vtd-price-offer-btn" href="#arajanlat" data-vteam-quote-open="" title="Logótervezés ajánlatkérés">Ajánlatot kérek</a> <a class="btn btn--strong vtd-price-detail-btn" href="Szolgaltatasaink/Logo-tervezes" title="Logótervezés részletek">Részletek</a></div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-4" style="display: flex;">
<div class="vtd-price-card">
<div class="vtd-price-top"><span class="vtd-old-price">189.000 Ft</span> <span class="vtd-price">179.000 Ft <small>-tól</small></span></div>
<div class="vtd-price-body">
<h3>Kisarculattervezés</h3>
<p>Alap arculati elemek megtervezése, amelyek egységesebbé teszik vállalkozása online és offline megjelenését.</p>
<ul class="vtd-feature-list">
<li>logó</li>
<li>névjegykártya és levélpapír</li>
<li>e-mail aláírás</li>
<li>1 közösségi média arculati alap</li>
</ul>
<div class="vtd-price-bottom"><a class="btn btn--strong vtd-price-offer-btn" href="#arajanlat" data-vteam-quote-open="" title="Kisarculattervezés ajánlatkérés">Ajánlatot kérek</a> <a class="btn btn--strong vtd-price-detail-btn" href="Szolgaltatasaink/Arculattervezes" title="Arculattervezés részletek">Részletek</a></div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-4" style="display: flex;">
<div class="vtd-price-card">
<div class="vtd-price-top"><span class="vtd-old-price">399.000 Ft</span> <span class="vtd-price">349.000 Ft <small>-tól</small></span></div>
<div class="vtd-price-body">
<h3>Teljes arculattervezés</h3>
<p>Komplex arculati rendszer kialakítása a logótól a különböző hordozókon történő megjelenésig, arculati kézikönyvbe rendezve.</p>
<ul class="vtd-feature-list">
<li>logó és arculati alapok</li>
<li>színek, tipográfia, grafikai elemek</li>
<li>több arculati hordozó</li>
<li>arculati kézikönyv</li>
</ul>
<div class="vtd-price-bottom"><a class="btn btn--strong vtd-price-offer-btn" href="#arajanlat" data-vteam-quote-open="" title="Teljes arculattervezés ajánlatkérés">Ajánlatot kérek</a> <a class="btn btn--strong vtd-price-detail-btn" href="Szolgaltatasaink/Arculattervezes" title="Teljes arculattervezés részletek">Részletek</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="vtd-card vtd-price-category-web vtd-anchor-section" id="weboldal-keszites-arak">
<div class="vtd-section-head"><span class="vtd-benefit-eyebrow">Weboldal készítés</span>
<h2 class="h3 mb-2">Weboldal készítés árak</h2>
<p class="vtd-lead">A weboldal készítés ára az igényektől, a funkcióktól, a tartalom mennyiségétől és a technikai összetettségtől függ. Az alábbi csomagok irányadó induló árak.</p>
</div>
<div class="row justify-content-center">
<div class="col-md-6 col-lg-4 mb-4" style="display: flex;">
<div class="vtd-price-card">
<div class="vtd-price-top"><span class="vtd-old-price">400.000 Ft</span> <span class="vtd-price">289.000 Ft <small>-tól</small></span></div>
<div class="vtd-price-body">
<h3>Céges weboldal készítés</h3>
<p>Egyedi megjelenésű, modern céges weboldal Vteam vagy WordPress rendszerben.</p>
<ul class="vtd-feature-list">
<li>egyedi design</li>
<li>dinamikus weboldal</li>
<li>alap céges bemutatkozó struktúra</li>
</ul>
<div class="vtd-price-bottom"><a class="btn btn--strong vtd-price-offer-btn" href="#arajanlat" data-vteam-quote-open="" title="Céges weboldal készítés ajánlatkérés">Ajánlatot kérek</a> <a class="btn btn--strong vtd-price-detail-btn" href="Szolgaltatasaink/Weboldal-keszites" title="Céges weboldal készítés részletek">Részletek</a></div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-4" style="display: flex;">
<div class="vtd-price-card">
<div class="vtd-price-top"><span class="vtd-old-price">600.000 Ft</span> <span class="vtd-price">389.000 Ft <small>-tól</small></span></div>
<div class="vtd-price-body">
<h3>Összetett weboldal készítés</h3>
<p>Egyedi designnal készülő, több aloldalas vagy összetettebb vállalati weboldal, egyedi megoldásokkal.</p>
<ul class="vtd-feature-list">
<li>összetettebb tartalmi struktúra</li>
<li>egyedi megjelenés</li>
<li>bővíthető webes alap</li>
</ul>
<div class="vtd-price-bottom"><a class="btn btn--strong vtd-price-offer-btn" href="#arajanlat" data-vteam-quote-open="" title="Összetett weboldal készítés ajánlatkérés">Ajánlatot kérek</a> <a class="btn btn--strong vtd-price-detail-btn" href="Szolgaltatasaink/Weboldal-keszites" title="Összetett weboldal készítés részletek">Részletek</a></div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-4" style="display: flex;">
<div class="vtd-price-card">
<div class="vtd-price-top"><span class="vtd-old-price">900.000 Ft</span> <span class="vtd-price">789.000 Ft <small>-tól</small></span></div>
<div class="vtd-price-body">
<h3>Start webáruház készítés</h3>
<p>Modern megjelenésű induló webáruház, továbbfejlesztési lehetőséggel és egyedi vizuális iránnyal.</p>
<ul class="vtd-feature-list">
<li>webáruház alapstruktúra</li>
<li>egyedi design</li>
<li>későbbi bővítési lehetőség</li>
</ul>
<div class="vtd-price-bottom"><a class="btn btn--strong vtd-price-offer-btn" href="#arajanlat" data-vteam-quote-open="" title="Webáruház készítés ajánlatkérés">Ajánlatot kérek</a> <a class="btn btn--strong vtd-price-detail-btn" href="Szolgaltatasaink/Weboldal-keszites" title="Webáruház készítés részletek">Részletek</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="vtd-card vtd-price-category-social vtd-anchor-section" id="online-arculat-arak">
<div class="vtd-section-head"><span class="vtd-benefit-eyebrow">Online arculat és közösségi média</span>
<h2 class="h3 mb-2">Online arculati és közösségi média csomagok</h2>
<p class="vtd-lead">Az online arculati és közösségi média csomagok célja, hogy vállalkozása egységes, felismerhető és professzionális megjelenést kapjon a digitális felületeken.</p>
</div>
<div class="row justify-content-center">
<div class="col-md-6 col-lg-4 mb-4" style="display: flex;">
<div class="vtd-price-card">
<div class="vtd-price-top"><span class="vtd-price">19.000 Ft <small>/ hó -tól</small></span></div>
<div class="vtd-price-body">
<h3>Start csomag</h3>
<p>Alap közösségi média grafikai támogatás azoknak, akik rendszeresen szeretnének igényesebb posztképeket használni.</p>
<ul class="vtd-feature-list">
<li>képek szerkesztése közösségi oldalakra</li>
<li>heti maximum 1 posztkép</li>
<li>egységesebb vizuális megjelenés</li>
</ul>
<div class="vtd-price-bottom"><a class="btn btn--strong vtd-price-offer-btn" href="#arajanlat" data-vteam-quote-open="" title="Start közösségi média csomag ajánlatkérés">Ajánlatot kérek</a></div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-4" style="display: flex;">
<div class="vtd-price-card">
<div class="vtd-price-top"><span class="vtd-price">49.000 Ft <small>/ hó -tól</small></span></div>
<div class="vtd-price-body">
<h3>Lendületben csomag</h3>
<p>Rendszeresebb közösségi média jelenléthez, több posztképpel és alap hirdetési támogatással.</p>
<ul class="vtd-feature-list">
<li>heti maximum 2 posztkép</li>
<li>havi 1 reklám beállítással</li>
<li>folyamatosabb vizuális jelenlét</li>
</ul>
<div class="vtd-price-bottom"><a class="btn btn--strong vtd-price-offer-btn" href="#arajanlat" data-vteam-quote-open="" title="Lendületben közösségi média csomag ajánlatkérés">Ajánlatot kérek</a></div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-4" style="display: flex;">
<div class="vtd-price-card">
<div class="vtd-price-top"><span class="vtd-price">99.000 Ft <small>/ hó -tól</small></span></div>
<div class="vtd-price-body">
<h3>Márka csomag</h3>
<p>Komplexebb közösségi média menedzsment és grafikai támogatás, egyedi igényekhez igazítva.</p>
<ul class="vtd-feature-list">
<li>közösségi média menedzsment</li>
<li>posztok, hirdetések, grafikai anyagok</li>
<li>egyedi igényekhez igazított megoldás</li>
</ul>
<div class="vtd-price-bottom"><a class="btn btn--strong vtd-price-offer-btn" href="#arajanlat" data-vteam-quote-open="" title="Márka közösségi média csomag ajánlatkérés">Ajánlatot kérek</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="vtd-card vtd-price-category-graphic vtd-anchor-section" id="grafikai-oradijak">
<div class="vtd-section-head"><span class="vtd-benefit-eyebrow">Grafikai tervezés óradíjak</span>
<h2 class="h3 mb-2">Offline és online grafikai anyagok tervezése</h2>
<p class="vtd-lead">Az offline és online grafikai anyagok tervezése során teljes körű támogatást nyújtunk vállalkozások számára. A díjazás az elvégzendő munka összetettsége alapján alakul.</p>
</div>
<div class="row">
<div class="col-md-6 col-lg-3 mb-4" style="display: flex;">
<div class="vtd-hour-card">
<h3>Grafikai tervezés és kreatív anyagok</h3>
<p>Illusztráció, kreatív grafika, online és print vizuális anyagok készítése.</p>
<div class="vtd-hour-bottom"><span class="vtd-hour-label">Bruttó óradíj</span> <strong>9.900 Ft / óra</strong></div>
</div>
</div>
<div class="col-md-6 col-lg-3 mb-4" style="display: flex;">
<div class="vtd-hour-card">
<h3>Egyszerű tördelés</h3>
<p>Szövegalapú kiadványok, egyszerűbb dokumentumok és áttekinthető anyagok tördelése.</p>
<div class="vtd-hour-bottom"><span class="vtd-hour-label">Bruttó óradíj</span> <strong>8.400 Ft / óra</strong></div>
</div>
</div>
<div class="col-md-6 col-lg-3 mb-4" style="display: flex;">
<div class="vtd-hour-card">
<h3>Összetett tördelés</h3>
<p>Grafikailag összetettebb, strukturált, több elemből álló kiadványok tervezése és tördelése.</p>
<div class="vtd-hour-bottom"><span class="vtd-hour-label">Bruttó óradíj</span> <strong>9.900 Ft / óra</strong></div>
</div>
</div>
<div class="col-md-6 col-lg-3 mb-4" style="display: flex;">
<div class="vtd-hour-card">
<h3>Online grafikai tervezés képernyőmegosztással</h3>
<p>Közös, élő egyeztetéshez kötött grafikai munka például Teamsen vagy más online felületen.</p>
<div class="vtd-hour-bottom"><span class="vtd-hour-label">Bruttó óradíj</span> <strong>12.900 Ft / óra</strong></div>
</div>
</div>
</div>
<div class="vtd-note-box">
<p><strong>Fontos:</strong> az árak tájékoztató jellegű induló árak és bruttó díjak. A pontos díjazás az adott feladat tartalmától, határidejétől, módosítási igényétől, valamint a rendelkezésre álló anyagok előkészítettségétől függ.</p>
</div>
</div>
</section>"
  ["tartalom"]=>
  string(0) ""
  ["kep"]=>
  string(0) ""
  ["cimke"]=>
  string(0) ""
  ["title"]=>
  string(154) "Árak - Arculattervezés árak, Logótervezés árak, Weboldal készítés árak - Vteamdesign"
  ["description"]=>
  string(292) "Áraink nyilvánosak, mi megtervezzük arculatát, weboldalát vagy egyedi logóját. Kérjen ajánlatot árlistánk segítségével és dolgozzunk együtt cége arculattervezésén."
  ["keywords"]=>
  string(0) ""
  ["datum"]=>
  string(10) "2015-07-23"
  ["ora"]=>
  string(8) "09:48:11"
  ["pozicio"]=>
  string(0) ""
  ["megjelenes"]=>
  string(1) "8"
  ["aloldal"]=>
  string(1) "0"
  ["fooldal"]=>
  string(1) "0"
  ["cikk"]=>
  string(1) "0"
  ["sorrend"]=>
  string(1) "0"
  ["nyelv"]=>
  string(2) "hu"
  ["lathato"]=>
  string(1) "I"
  ["fejleckep"]=>
  NULL
  ["fejleckepalt"]=>
  NULL
  ["kod"]=>
  NULL
  ["lejarat"]=>
  NULL
  ["meta"]=>
  NULL
}
<!DOCTYPE html>
<html lang="hu">
    <head>
        <base href="https://mail.vteamdesign.hu/" />
        <meta charset="utf-8" />
        <meta name="description" content="Áraink nyilvánosak, mi megtervezzük arculatát, weboldalát vagy egyedi logóját. Kérjen ajánlatot árlistánk segítségével és dolgozzunk együtt cége arculattervezésén." />
        <meta http-equiv="x-ua-compatible" content="ie=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Árak - Arculattervezés árak, Logótervezés árak, Weboldal készítés árak - Vteamdesign</title>
        <link rel="stylesheet" href="css/bootstrap.min.css" />
        <link rel="stylesheet" href="css/jquery.fancybox.min.css" />
        <link rel="stylesheet" href="css/fontawesome.css" />
        <link rel="stylesheet" href="css/slick.css" />
        <link rel="stylesheet" href="css/style.css?v=1.0.13" />
        <link rel="stylesheet" href="css/style.mod.css?v=1.0.13" />
        <link rel="stylesheet" href="css/sweetalert.min.css" />
        <link rel="stylesheet" href="css/vteam-quote.css?v=1.0.13">
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-0C0JSR5D8K"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());
            gtag('config', 'G-0C0JSR5D8K');
        </script>
            </head>
    <body onload="">
        <header class="header">
            <div class="d-flex align-items-center justify-content-between container">
                <div class="header-left">
                    <a href="https://mail.vteamdesign.hu/" class="header__logo"><img src="images/logo.png" alt="" /></a>
                </div>
                <div class="header-right">
                    <a href="Arajanlat" class="btn btn--primary header__cta d-lg-none" data-vteam-quote-open>Ajánlatot kérek</a>
                    <a href="#" class="d-lg-none mobile-menu-button"><i class="fa fa-bars"></i><span class="sr-only">Menü</span></a>
                    <nav class="navigation">
                        <ul>
                            <li>
              <a href="Szolgaltatasaink">Szolgáltatásaink</a>
          <ul class="list-unstyled">
              <li>
                  <a href="Szolgaltatasaink/Weboldal-keszites">Weboldal készítés</a>
              </li>
              <li>
                  <a href="Szolgaltatasaink/Grafika-tervezes">Grafika tervezés</a>
              </li>
              <li>
                  <a href="Szolgaltatasaink/Arculattervezes">Arculattervezés</a>
              </li>
              <li>
                  <a href="Szolgaltatasaink/Logo-tervezes">Logó tervezés</a>
              </li>
          </ul>
          </li>
          <li>
              <a href="Referenciaink">Referenciáink</a>
          </li>
          <li class="active">
              <a href="Araink">Áraink</a>
          </li>
          <li>
              <a href="Cikkek">Cikkek</a>
          </li>
          <li>
              <a href="Kik-vagyunk">Kik vagyunk?</a>
          </li>
          <li>
              <a href="Kapcsolat">Kapcsolat</a>
          </li>
                            <li class="nav__label"><a href="Arajanlat" data-vteam-quote-open><strong>Kérjen</strong> ajánlatot</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </header>
        <section class="headline c--white" style="background-image: url('images/slide/aloldal/araink.jpg');">
            <div class="container">
            <h1 class="section__title">Miért várná meg? Hogy más előbb lépjen?</h1>
            <h3 class="section__subtitle mb-0">Dolgozzunk együtt a közös sikerért!</h3>
            </div>
        </section>
        <section class="section container vtd-webpage-modern vtd-pricing-page">
<style><!--
.vtd-webpage-modern {
    color: #111;
  }

  .vtd-webpage-modern.section {
    padding-top: 0 !important;
    margin-top: 56px;
  }

  .vtd-webpage-modern *,
  .vtd-webpage-modern *::before,
  .vtd-webpage-modern *::after {
    box-sizing: border-box;
  }

  .vtd-webpage-modern .vtd-card {
    background: #fff;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    padding: 42px 38px;
    box-shadow: 0 8px 26px rgba(0,0,0,.05);
    margin-bottom: 24px;
  }

  .vtd-webpage-modern .vtd-line {
    width: 72px;
    height: 6px;
    background: #eca721;
    border-radius: 99px;
    margin: 0 auto 28px;
  }

  .vtd-webpage-modern .vtd-anchor-section {
    scroll-margin-top: 140px;
  }

  html {
    scroll-behavior: smooth;
  }

  .vtd-webpage-modern .vtd-anchor-section::before {
    content: "";
    display: block;
    height: 120px;
    margin-top: -120px;
    visibility: hidden;
    pointer-events: none;
  }

  .vtd-webpage-modern .vtd-lead {
    color: #111;
    line-height: 1.75;
    font-size: 1.05rem;
    margin-bottom: 0;
  }

  .vtd-webpage-modern .vtd-benefit-eyebrow {
    display: inline-block;
    color: #eca721;
    font-size: .84rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 14px;
  }

  .vtd-webpage-modern .vtd-section-head {
    max-width: 980px;
    margin-bottom: 24px;
  }

  .vtd-webpage-modern .vtd-quick-packages {
    background: #f7f7f7;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    padding: 32px 26px 28px;
    box-shadow: 0 8px 22px rgba(0,0,0,.035);
    margin-bottom: 24px;
    text-align: center;
  }

  .vtd-webpage-modern .vtd-quick-packages-title {
    display: block;
    color: #111;
    font-size: 1.28rem;
    line-height: 1.35;
    font-weight: 900;
    margin-bottom: 8px;
  }

  .vtd-webpage-modern .vtd-quick-packages-text {
    color: #555;
    line-height: 1.65;
    margin: 0 auto 22px;
    max-width: 760px;
  }

  .vtd-webpage-modern .vtd-quick-package-card {
    height: 100%;
    background: #fff;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    padding: 24px 18px;
    box-shadow: 0 8px 22px rgba(0,0,0,.04);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  .vtd-webpage-modern .vtd-quick-package-card.vtd-quick-package-featured {
    border-color: rgba(236,167,33,.45);
    box-shadow: 0 14px 30px rgba(236,167,33,.12);
  }

  .vtd-webpage-modern .vtd-nav-brand {
    border-color: rgba(236,167,33,.45);
    box-shadow: 0 14px 30px rgba(236,167,33,.12);
  }

  .vtd-webpage-modern .vtd-nav-web {
    border-color: rgba(217,75,61,.38);
    box-shadow: 0 14px 30px rgba(217,75,61,.10);
  }

  .vtd-webpage-modern .vtd-nav-social {
    border-color: rgba(85,88,94,.38);
    box-shadow: 0 14px 30px rgba(85,88,94,.10);
  }

  .vtd-webpage-modern .vtd-nav-graphic {
    border-color: rgba(47,51,56,.38);
    box-shadow: 0 14px 30px rgba(47,51,56,.10);
  }


  .vtd-webpage-modern .vtd-quick-package-badge {
    display: inline-block;
    align-self: center;
    background: #eca721;
    color: #fff;
    font-size: .72rem;
    font-weight: 900;
    line-height: 1;
    padding: 8px 12px;
    border-radius: 999px;
    margin-bottom: 14px;
    text-transform: uppercase;
    letter-spacing: .03em;
  }

  .vtd-webpage-modern .vtd-quick-package-name {
    color: #111;
    font-size: 1.02rem;
    line-height: 1.25;
    font-weight: 900;
    margin-bottom: 8px;
  }

  .vtd-webpage-modern .vtd-quick-package-desc {
    color: #555;
    font-size: .9rem;
    line-height: 1.55;
    margin-bottom: 18px;
    flex: 1 1 auto;
  }

  .vtd-webpage-modern .vtd-quick-package-card .btn {
    width: 100%;
    text-align: center;
    padding-left: 12px;
    padding-right: 12px;
    margin-top: auto;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
  }

  .vtd-webpage-modern .vtd-quick-package-card .btn--primary {
    background: #eca721 !important;
    border-color: #eca721 !important;
    color: #fff !important;
    font-weight: 900;
  }

  .vtd-webpage-modern .vtd-quick-package-card .btn--primary:hover {
    background: #55585e !important;
    border-color: #55585e !important;
    color: #fff !important;
  }


  .vtd-webpage-modern .vtd-price-card {
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(0,0,0,.05);
    transition: transform .2s ease, box-shadow .2s ease;
    display: flex;
    flex-direction: column;
  }

  .vtd-webpage-modern .vtd-price-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 30px rgba(0,0,0,.08);
  }

  .vtd-webpage-modern .vtd-price-top {
    background: #eca721;
    padding: 26px 20px;
    text-align: center;
    min-height: 142px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .vtd-webpage-modern .vtd-price-category-brand .vtd-price-top {
    background: #eca721;
  }

  .vtd-webpage-modern .vtd-price-category-web .vtd-price-top {
    background: #d94b3d;
  }

  .vtd-webpage-modern .vtd-price-category-social .vtd-price-top {
    background: #55585e;
  }

  .vtd-webpage-modern .vtd-price-category-graphic .vtd-hour-bottom {
    background: #434343;
    border-color: #434343;
  }

  .vtd-webpage-modern .vtd-price-category-graphic .vtd-hour-bottom .vtd-hour-label,
  .vtd-webpage-modern .vtd-price-category-graphic .vtd-hour-bottom strong {
    color: #fff;
  }

  .vtd-webpage-modern .vtd-old-price {
    display: block;
    color: rgba(255,255,255,.78);
    font-size: .88rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: line-through;
    margin-bottom: 8px;
    text-shadow: 0 1px 5px rgba(0,0,0,.12);
  }

  .vtd-webpage-modern .vtd-price {
    display: block;
    color: #fff;
    font-size: 2rem;
    line-height: 1.05;
    font-weight: 900;
    letter-spacing: -0.04em;
    text-shadow: 0 2px 8px rgba(0,0,0,.16);
  }

  .vtd-webpage-modern .vtd-price small {
    font-size: .82rem;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 0;
  }

  .vtd-webpage-modern .vtd-price-body {
    padding: 24px 20px 20px;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: auto;
  }

  .vtd-webpage-modern .vtd-price-body h3 {
    font-size: 1.12rem;
    line-height: 1.3;
    font-weight: 900;
    color: #111;
    margin-bottom: 10px;
  }

  .vtd-webpage-modern .vtd-price-body p {
    color: #555;
    line-height: 1.65;
    margin-bottom: 16px;
    font-size: .96rem;
  }

  .vtd-webpage-modern .vtd-feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 18px;
  }

  .vtd-webpage-modern .vtd-feature-list li {
    position: relative;
    color: #555;
    line-height: 1.6;
    padding-left: 20px;
    margin-bottom: 8px;
    font-size: .94rem;
  }

  .vtd-webpage-modern .vtd-feature-list li:last-child {
    margin-bottom: 0;
  }

  .vtd-webpage-modern .vtd-feature-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #eca721;
  }

  .vtd-webpage-modern .vtd-price-bottom {
    margin-top: auto;
    display: flex;
    gap: 10px;
  }

  .vtd-webpage-modern .vtd-price-bottom .btn {
    flex: 1 1 0;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
  }

  .vtd-webpage-modern .vtd-price-yellow-btn {
    background: #eca721 !important;
    border: 2px solid #eca721 !important;
    color: #fff !important;
    font-weight: 900;
    box-shadow: none;
    min-height: 48px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    white-space: normal;
  }

  .vtd-webpage-modern .vtd-price-yellow-btn:hover {
    background: #c98512 !important;
    border-color: #c98512 !important;
    color: #fff !important;
  }

  .vtd-webpage-modern .vtd-hour-card {
    height: 100%;
    background: #fff;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    padding: 24px 22px;
    box-shadow: 0 8px 22px rgba(0,0,0,.04);
    display: flex;
    flex-direction: column;
  }

  .vtd-webpage-modern .vtd-hour-card h3 {
    color: #111;
    font-size: 1.08rem;
    line-height: 1.3;
    font-weight: 900;
    margin-bottom: 10px;
  }

  .vtd-webpage-modern .vtd-hour-card p {
    color: #555;
    line-height: 1.65;
    margin-bottom: 16px;
    font-size: .96rem;
  }

  .vtd-webpage-modern .vtd-hour-bottom {
    margin-top: auto;
    background: rgba(236,167,33,.08);
    border: 1px solid rgba(236,167,33,.18);
    border-radius: 10px;
    padding: 14px 16px;
  }

  .vtd-webpage-modern .vtd-hour-label {
    display: block;
    color: #555;
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 4px;
  }

  .vtd-webpage-modern .vtd-hour-bottom strong {
    display: block;
    color: #eca721;
    font-size: 1.45rem;
    line-height: 1.05;
    font-weight: 900;
    letter-spacing: -0.04em;
  }

  .vtd-webpage-modern .vtd-note-box {
    background: rgba(236,167,33,.08);
    border: 1px solid rgba(236,167,33,.18);
    border-radius: 10px;
    padding: 18px 20px;
    margin-top: 8px;
  }

  .vtd-webpage-modern .vtd-note-box p {
    color: #111;
    line-height: 1.65;
    margin-bottom: 0;
  }

  .vtd-webpage-modern .vtd-cta {
    background: #eca721;
    border-radius: 10px;
    padding: 34px 28px;
    margin: 40px 0 0;
    overflow: hidden;
    text-align: center;
  }

  .vtd-webpage-modern .vtd-cta-title {
    color: #fff;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 900;
    margin-bottom: 18px;
  }

  .vtd-webpage-modern .vtd-cta p {
    color: #fff;
    max-width: 880px;
    margin: 0 auto 22px;
    line-height: 1.7;
    font-size: 1.03rem;
  }

  @media (max-width: 767.98px) {
    .vtd-webpage-modern.section {
      margin-top: 24px;
    }

    .vtd-webpage-modern .vtd-card {
      padding: 28px 20px;
    }

    .vtd-webpage-modern .vtd-price-bottom {
      flex-direction: column;
    }

    .vtd-webpage-modern .vtd-price {
      font-size: 1.72rem;
    }

    .vtd-webpage-modern .vtd-hour-bottom strong {
      font-size: 1.3rem;
    }
  }



  /* ===== Árkategóriákhoz igazított gombszínek ===== */

  .vtd-webpage-modern .vtd-price-offer-btn,
  .vtd-webpage-modern .vtd-price-detail-btn {
    border: 2px solid transparent !important;
    color: #fff !important;
    font-weight: 900;
    box-shadow: none;
    min-height: 48px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    white-space: normal;
  }

  .vtd-webpage-modern .vtd-price-category-brand .vtd-price-offer-btn {
    background: #eca721 !important;
    border-color: #eca721 !important;
  }

  .vtd-webpage-modern .vtd-price-category-brand .vtd-price-offer-btn:hover {
    background: #c98512 !important;
    border-color: #c98512 !important;
  }

  .vtd-webpage-modern .vtd-price-category-web .vtd-price-offer-btn {
    background: #d94b3d !important;
    border-color: #d94b3d !important;
  }

  .vtd-webpage-modern .vtd-price-category-web .vtd-price-offer-btn:hover {
    background: #b93b30 !important;
    border-color: #b93b30 !important;
  }

  .vtd-webpage-modern .vtd-price-category-social .vtd-price-offer-btn {
    background: #55585e !important;
    border-color: #55585e !important;
  }

  .vtd-webpage-modern .vtd-price-category-social .vtd-price-offer-btn:hover {
    background: #2f3338 !important;
    border-color: #2f3338 !important;
  }

  .vtd-webpage-modern .vtd-price-detail-btn {
    background: #eeeeee !important;
    border-color: #eeeeee !important;
    color: #333333 !important;
  }

  .vtd-webpage-modern .vtd-price-detail-btn:hover {
    background: #55585e !important;
    border-color: #55585e !important;
    color: #ffffff !important;
  }


/* ===== ÁRAK OLDAL - AZ ELSŐ SÁRGA HERO CSILLOGÁSA AZ ARCULATTERVEZÉS ALOLDAL STÍLUSÁBAN ===== */

.vtd-webpage-modern.vtd-pricing-page .vtd-pricing-hero {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  padding: 64px 42px 58px;
  margin-bottom: 28px;
  text-align: center;
  color: #fff;
  border: 1px solid rgba(255,255,255,.34);
  background:
    radial-gradient(circle at 16% 18%, rgba(255,255,255,.30), transparent 30%),
    radial-gradient(circle at 82% 10%, rgba(255,255,255,.18), transparent 28%),
    linear-gradient(135deg, #eca721 0%, #f3b638 48%, #cf850d 100%);
  box-shadow:
    0 20px 52px rgba(236,167,33,.24),
    inset 0 1px 0 rgba(255,255,255,.36);
  isolation: isolate;
}

.vtd-webpage-modern.vtd-pricing-page .vtd-pricing-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(130,88,12,.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(130,88,12,.12) 1px, transparent 1px);
  background-size: 36px 36px;
  opacity: .44;
  pointer-events: none;
  z-index: 0;
}

.vtd-webpage-modern.vtd-pricing-page .vtd-pricing-hero::after {
  content: "";
  position: absolute;
  top: -24%;
  left: -56%;
  width: 58%;
  height: 170%;
  background: linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.002) 10%,
    rgba(255,255,255,0.008) 20%,
    rgba(255,255,255,0.022) 30%,
    rgba(255,255,255,0.07) 39%,
    rgba(255,255,255,0.17) 45%,
    rgba(255,255,255,0.34) 48.5%,
    rgba(255,255,255,0.72) 50%,
    rgba(255,255,255,0.44) 52.5%,
    rgba(255,255,255,0.24) 58%,
    rgba(255,255,255,0.12) 67%,
    rgba(255,255,255,0.05) 77%,
    rgba(255,255,255,0.012) 89%,
    rgba(255,255,255,0) 100%
  );
  filter: blur(18px);
  transform: skewX(-20deg);
  opacity: 0;
  pointer-events: none;
  animation: vtdHeroShineSoft 6.1s ease-in-out infinite;
  z-index: 1;
}

.vtd-webpage-modern.vtd-pricing-page .vtd-pricing-hero > * {
  position: relative;
  z-index: 2;
}


@keyframes vtdHeroShineSoft {
  0% {
    left: -56%;
    opacity: 0;
  }

  16% {
    opacity: 0;
  }

  27% {
    opacity: .98;
  }

  48% {
    left: 112%;
    opacity: 0;
  }

  100% {
    left: 112%;
    opacity: 0;
  }
}

.vtd-webpage-modern.vtd-pricing-page .vtd-pricing-hero .vtd-benefit-eyebrow {
  color: #fff !important;
  display: inline-block;
  font-size: .84rem;
  font-weight: 950;
  letter-spacing: .075em;
  text-transform: uppercase;
  margin-bottom: 18px;
  text-shadow: 0 2px 10px rgba(0,0,0,.12);
}

.vtd-webpage-modern.vtd-pricing-page .vtd-pricing-hero h1 {
  color: #fff;
  max-width: 960px;
  margin: 0 auto 22px;
  font-size: clamp(2.35rem, 4.3vw, 3.55rem);
  line-height: 1.03;
  font-weight: 950;
  letter-spacing: -.064em;
  text-transform: uppercase;
  text-shadow: 0 2px 15px rgba(0,0,0,.14);
}

.vtd-webpage-modern.vtd-pricing-page .vtd-pricing-hero .vtd-line {
  display: none;
}

.vtd-webpage-modern.vtd-pricing-page .vtd-pricing-hero p {
  color: #fff;
  font-size: 1.08rem;
  line-height: 1.8;
  max-width: 900px;
  margin: 0 auto 18px;
  text-shadow: 0 2px 12px rgba(0,0,0,.10);
}

.vtd-webpage-modern.vtd-pricing-page .vtd-pricing-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 30px auto 0;
}

.vtd-webpage-modern.vtd-pricing-page .vtd-pricing-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 17px;
  border-radius: 999px;
  background: #fff;
  color: #111;
  font-size: .9rem;
  font-weight: 900;
  line-height: 1.1;
  box-shadow: 0 10px 20px rgba(0,0,0,.08);
  border: 1px solid rgba(255,255,255,.82);
  transition: transform .24s ease, box-shadow .24s ease, background .24s ease, color .24s ease;
}

.vtd-webpage-modern.vtd-pricing-page .vtd-pricing-tag:hover {
  transform: translateY(-3px);
  background: #111;
  color: #fff;
  box-shadow: 0 16px 30px rgba(0,0,0,.16);
}



/* ===== KIK VAGYUNK JELLEGŰ FINOM BLOKK EFFEKTEK AZ ÁRAK OLDALON ===== */
/* Ebben a verzióban csak a legfelső sárga hero blokk csillog. A többi blokk nem kap csillogó sheen effektet. */

.vtd-webpage-modern.vtd-pricing-page .vtd-quick-packages,
.vtd-webpage-modern.vtd-pricing-page .vtd-card,
.vtd-webpage-modern.vtd-pricing-page .vtd-quick-package-card,
.vtd-webpage-modern.vtd-pricing-page .vtd-price-card,
.vtd-webpage-modern.vtd-pricing-page .vtd-hour-card,
.vtd-webpage-modern.vtd-pricing-page .vtd-note-box {
  position: relative;
  overflow: hidden;
}

.vtd-webpage-modern.vtd-pricing-page .vtd-quick-packages {
  border-radius: 18px;
  background:
    radial-gradient(circle at 12% 10%, rgba(236,167,33,.16), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f7f7f7 100%);
  box-shadow: 0 16px 42px rgba(0,0,0,.06);
}

.vtd-webpage-modern.vtd-pricing-page .vtd-quick-packages::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(17,17,17,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17,17,17,.035) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.55), transparent 82%);
  pointer-events: none;
}

.vtd-webpage-modern.vtd-pricing-page .vtd-quick-package-card,
.vtd-webpage-modern.vtd-pricing-page .vtd-price-card,
.vtd-webpage-modern.vtd-pricing-page .vtd-hour-card {
  border-radius: 16px;
  transition:
    transform .32s ease,
    box-shadow .32s ease,
    border-color .32s ease;
}







.vtd-webpage-modern.vtd-pricing-page .vtd-quick-package-card:hover,
.vtd-webpage-modern.vtd-pricing-page .vtd-price-card:hover,
.vtd-webpage-modern.vtd-pricing-page .vtd-hour-card:hover {
  transform: translateY(-7px);
  border-color: rgba(236,167,33,.42);
  box-shadow: 0 24px 58px rgba(0,0,0,.12);
}







.vtd-webpage-modern.vtd-pricing-page .vtd-price-top {
  position: relative;
  overflow: hidden;
}



.vtd-webpage-modern.vtd-pricing-page .vtd-price {
  display: inline-block;
  animation: vtdPricePulse 4.4s ease-in-out infinite;
}

@keyframes vtdPricePulse {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-1px) scale(1.018); }
}

@supports (animation-timeline: view()) {
  .vtd-webpage-modern.vtd-pricing-page .vtd-card,
  .vtd-webpage-modern.vtd-pricing-page .vtd-quick-packages {
    animation: vtdPricingReveal both ease-out;
    animation-timeline: view();
    animation-range: entry 8% cover 24%;
  }

  @keyframes vtdPricingReveal {
    from { opacity: .35; transform: translateY(26px) scale(.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
  }
}

.vtd-webpage-modern.vtd-pricing-page .btn {
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease;
}

.vtd-webpage-modern.vtd-pricing-page .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(0,0,0,.12);
}

@media (max-width: 767.98px) {
  .vtd-webpage-modern.vtd-pricing-page .vtd-pricing-hero {
    padding: 38px 22px 34px;
  }

  .vtd-webpage-modern.vtd-pricing-page .vtd-pricing-hero h1 {
    font-size: 2.25rem;
  }

  .vtd-webpage-modern.vtd-pricing-page .vtd-pricing-hero p {
    font-size: 1rem;
  }

  .vtd-webpage-modern.vtd-pricing-page .vtd-pricing-tags {
    gap: 8px;
  }

  .vtd-webpage-modern.vtd-pricing-page .vtd-pricing-tag {
    min-height: 38px;
    padding: 9px 13px;
    font-size: .82rem;
  }

  .vtd-webpage-modern.vtd-pricing-page .vtd-quick-package-card:hover,
  .vtd-webpage-modern.vtd-pricing-page .vtd-price-card:hover,
  .vtd-webpage-modern.vtd-pricing-page .vtd-hour-card:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .vtd-webpage-modern.vtd-pricing-page *,
  .vtd-webpage-modern.vtd-pricing-page *::before,
  .vtd-webpage-modern.vtd-pricing-page *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}
--></style>
<div class="vtd-pricing-hero"><span class="vtd-benefit-eyebrow">Vteamdesign / árak és csomagok</span>
<h1 class="section__title text-center mb-2">Árak és csomagok</h1>
<p>Az árak célja, hogy átlátható kiindulási pontot adjanak arculattervezéshez, weboldal készítéshez, közösségi média megjelenéshez és grafikai tervezéshez. A pontos ajánlat minden esetben az Ön vállalkozásának céljaihoz, a feladat összetettségéhez, a szükséges tartalomhoz és a megvalósítandó funkciókhoz igazodik.</p>
<div class="vtd-pricing-tags"><span class="vtd-pricing-tag">Arculattervezés</span> <span class="vtd-pricing-tag">Weboldal készítés</span> <span class="vtd-pricing-tag">Online arculat</span> <span class="vtd-pricing-tag">Grafikai óradíjak</span> <span class="vtd-pricing-tag">Átlátható csomagok</span></div>
</div>
<div class="vtd-quick-packages"><strong class="vtd-quick-packages-title">Melyik árkategória érdekli?</strong>
<p class="vtd-quick-packages-text">A szolgáltatásokat átlátható kategóriákba rendeztük, hogy könnyebben megtalálja az Ön vállalkozásához illő megoldást.</p>
<div class="row">
<div class="col-md-6 col-lg-3 mb-4" style="display: flex;">
<div class="vtd-quick-package-card vtd-quick-package-featured vtd-nav-brand"><span class="vtd-quick-package-badge">Márkaalap</span>
<div class="vtd-quick-package-name">Arculattervezés</div>
<div class="vtd-quick-package-desc">Logó, kisarculat és teljes arculati rendszer vállalkozásoknak.</div>
<a class="btn btn--primary btn-lg" href="/Araink#arculattervezes-arak" title="Arculattervezés árak">Megnézem</a></div>
</div>
<div class="col-md-6 col-lg-3 mb-4" style="display: flex;">
<div class="vtd-quick-package-card vtd-nav-web">
<div class="vtd-quick-package-name">Weboldal készítés</div>
<div class="vtd-quick-package-desc">Céges weboldal, összetettebb vállalati oldal és induló webáruház.</div>
<a class="btn btn--primary btn-lg" href="/Araink#weboldal-keszites-arak" title="Weboldal készítés árak">Megnézem</a></div>
</div>
<div class="col-md-6 col-lg-3 mb-4" style="display: flex;">
<div class="vtd-quick-package-card vtd-nav-social">
<div class="vtd-quick-package-name">Online arculat</div>
<div class="vtd-quick-package-desc">Közösségi média és digitális megjelenési csomagok havi díjjal.</div>
<a class="btn btn--primary btn-lg" href="/Araink#online-arculat-arak" title="Online arculati árak">Megnézem</a></div>
</div>
<div class="col-md-6 col-lg-3 mb-4" style="display: flex;">
<div class="vtd-quick-package-card vtd-nav-graphic">
<div class="vtd-quick-package-name">Grafikai óradíjak</div>
<div class="vtd-quick-package-desc">Offline és online grafikai anyagok óradíjas tervezése.</div>
<a class="btn btn--primary btn-lg" href="/Araink#grafikai-oradijak" title="Grafikai óradíjak">Megnézem</a></div>
</div>
</div>
</div>
<div class="vtd-card vtd-price-category-brand vtd-anchor-section" id="arculattervezes-arak">
<div class="vtd-section-head"><span class="vtd-benefit-eyebrow">Arculattervezés</span>
<h2 class="h3 mb-2">Arculattervezés árak</h2>
<p class="vtd-lead">Az arculattervezés ára a projekt összetettségétől, az elkészítendő arculati elemek számától és a felhasználási területektől függ. A cél, hogy vállalkozása egységes, felismerhető és hosszú távon használható vizuális alapot kapjon.</p>
</div>
<div class="row justify-content-center">
<div class="col-md-6 col-lg-4 mb-4" style="display: flex;">
<div class="vtd-price-card">
<div class="vtd-price-top"><span class="vtd-old-price">90.000 Ft</span> <span class="vtd-price">79.000 Ft <small>-tól</small></span></div>
<div class="vtd-price-body">
<h3>Logótervezés</h3>
<p>Logó és embléma tervezése több verzióban, módosítási lehetőséggel, nyomdai és webes formátumokkal.</p>
<ul class="vtd-feature-list">
<li>egyedi vizuális irány</li>
<li>több logóverzió</li>
<li>webes és nyomdai formátumok</li>
</ul>
<div class="vtd-price-bottom"><a class="btn btn--strong vtd-price-offer-btn" href="#arajanlat" data-vteam-quote-open="" title="Logótervezés ajánlatkérés">Ajánlatot kérek</a> <a class="btn btn--strong vtd-price-detail-btn" href="Szolgaltatasaink/Logo-tervezes" title="Logótervezés részletek">Részletek</a></div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-4" style="display: flex;">
<div class="vtd-price-card">
<div class="vtd-price-top"><span class="vtd-old-price">189.000 Ft</span> <span class="vtd-price">179.000 Ft <small>-tól</small></span></div>
<div class="vtd-price-body">
<h3>Kisarculattervezés</h3>
<p>Alap arculati elemek megtervezése, amelyek egységesebbé teszik vállalkozása online és offline megjelenését.</p>
<ul class="vtd-feature-list">
<li>logó</li>
<li>névjegykártya és levélpapír</li>
<li>e-mail aláírás</li>
<li>1 közösségi média arculati alap</li>
</ul>
<div class="vtd-price-bottom"><a class="btn btn--strong vtd-price-offer-btn" href="#arajanlat" data-vteam-quote-open="" title="Kisarculattervezés ajánlatkérés">Ajánlatot kérek</a> <a class="btn btn--strong vtd-price-detail-btn" href="Szolgaltatasaink/Arculattervezes" title="Arculattervezés részletek">Részletek</a></div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-4" style="display: flex;">
<div class="vtd-price-card">
<div class="vtd-price-top"><span class="vtd-old-price">399.000 Ft</span> <span class="vtd-price">349.000 Ft <small>-tól</small></span></div>
<div class="vtd-price-body">
<h3>Teljes arculattervezés</h3>
<p>Komplex arculati rendszer kialakítása a logótól a különböző hordozókon történő megjelenésig, arculati kézikönyvbe rendezve.</p>
<ul class="vtd-feature-list">
<li>logó és arculati alapok</li>
<li>színek, tipográfia, grafikai elemek</li>
<li>több arculati hordozó</li>
<li>arculati kézikönyv</li>
</ul>
<div class="vtd-price-bottom"><a class="btn btn--strong vtd-price-offer-btn" href="#arajanlat" data-vteam-quote-open="" title="Teljes arculattervezés ajánlatkérés">Ajánlatot kérek</a> <a class="btn btn--strong vtd-price-detail-btn" href="Szolgaltatasaink/Arculattervezes" title="Teljes arculattervezés részletek">Részletek</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="vtd-card vtd-price-category-web vtd-anchor-section" id="weboldal-keszites-arak">
<div class="vtd-section-head"><span class="vtd-benefit-eyebrow">Weboldal készítés</span>
<h2 class="h3 mb-2">Weboldal készítés árak</h2>
<p class="vtd-lead">A weboldal készítés ára az igényektől, a funkcióktól, a tartalom mennyiségétől és a technikai összetettségtől függ. Az alábbi csomagok irányadó induló árak.</p>
</div>
<div class="row justify-content-center">
<div class="col-md-6 col-lg-4 mb-4" style="display: flex;">
<div class="vtd-price-card">
<div class="vtd-price-top"><span class="vtd-old-price">400.000 Ft</span> <span class="vtd-price">289.000 Ft <small>-tól</small></span></div>
<div class="vtd-price-body">
<h3>Céges weboldal készítés</h3>
<p>Egyedi megjelenésű, modern céges weboldal Vteam vagy WordPress rendszerben.</p>
<ul class="vtd-feature-list">
<li>egyedi design</li>
<li>dinamikus weboldal</li>
<li>alap céges bemutatkozó struktúra</li>
</ul>
<div class="vtd-price-bottom"><a class="btn btn--strong vtd-price-offer-btn" href="#arajanlat" data-vteam-quote-open="" title="Céges weboldal készítés ajánlatkérés">Ajánlatot kérek</a> <a class="btn btn--strong vtd-price-detail-btn" href="Szolgaltatasaink/Weboldal-keszites" title="Céges weboldal készítés részletek">Részletek</a></div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-4" style="display: flex;">
<div class="vtd-price-card">
<div class="vtd-price-top"><span class="vtd-old-price">600.000 Ft</span> <span class="vtd-price">389.000 Ft <small>-tól</small></span></div>
<div class="vtd-price-body">
<h3>Összetett weboldal készítés</h3>
<p>Egyedi designnal készülő, több aloldalas vagy összetettebb vállalati weboldal, egyedi megoldásokkal.</p>
<ul class="vtd-feature-list">
<li>összetettebb tartalmi struktúra</li>
<li>egyedi megjelenés</li>
<li>bővíthető webes alap</li>
</ul>
<div class="vtd-price-bottom"><a class="btn btn--strong vtd-price-offer-btn" href="#arajanlat" data-vteam-quote-open="" title="Összetett weboldal készítés ajánlatkérés">Ajánlatot kérek</a> <a class="btn btn--strong vtd-price-detail-btn" href="Szolgaltatasaink/Weboldal-keszites" title="Összetett weboldal készítés részletek">Részletek</a></div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-4" style="display: flex;">
<div class="vtd-price-card">
<div class="vtd-price-top"><span class="vtd-old-price">900.000 Ft</span> <span class="vtd-price">789.000 Ft <small>-tól</small></span></div>
<div class="vtd-price-body">
<h3>Start webáruház készítés</h3>
<p>Modern megjelenésű induló webáruház, továbbfejlesztési lehetőséggel és egyedi vizuális iránnyal.</p>
<ul class="vtd-feature-list">
<li>webáruház alapstruktúra</li>
<li>egyedi design</li>
<li>későbbi bővítési lehetőség</li>
</ul>
<div class="vtd-price-bottom"><a class="btn btn--strong vtd-price-offer-btn" href="#arajanlat" data-vteam-quote-open="" title="Webáruház készítés ajánlatkérés">Ajánlatot kérek</a> <a class="btn btn--strong vtd-price-detail-btn" href="Szolgaltatasaink/Weboldal-keszites" title="Webáruház készítés részletek">Részletek</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="vtd-card vtd-price-category-social vtd-anchor-section" id="online-arculat-arak">
<div class="vtd-section-head"><span class="vtd-benefit-eyebrow">Online arculat és közösségi média</span>
<h2 class="h3 mb-2">Online arculati és közösségi média csomagok</h2>
<p class="vtd-lead">Az online arculati és közösségi média csomagok célja, hogy vállalkozása egységes, felismerhető és professzionális megjelenést kapjon a digitális felületeken.</p>
</div>
<div class="row justify-content-center">
<div class="col-md-6 col-lg-4 mb-4" style="display: flex;">
<div class="vtd-price-card">
<div class="vtd-price-top"><span class="vtd-price">19.000 Ft <small>/ hó -tól</small></span></div>
<div class="vtd-price-body">
<h3>Start csomag</h3>
<p>Alap közösségi média grafikai támogatás azoknak, akik rendszeresen szeretnének igényesebb posztképeket használni.</p>
<ul class="vtd-feature-list">
<li>képek szerkesztése közösségi oldalakra</li>
<li>heti maximum 1 posztkép</li>
<li>egységesebb vizuális megjelenés</li>
</ul>
<div class="vtd-price-bottom"><a class="btn btn--strong vtd-price-offer-btn" href="#arajanlat" data-vteam-quote-open="" title="Start közösségi média csomag ajánlatkérés">Ajánlatot kérek</a></div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-4" style="display: flex;">
<div class="vtd-price-card">
<div class="vtd-price-top"><span class="vtd-price">49.000 Ft <small>/ hó -tól</small></span></div>
<div class="vtd-price-body">
<h3>Lendületben csomag</h3>
<p>Rendszeresebb közösségi média jelenléthez, több posztképpel és alap hirdetési támogatással.</p>
<ul class="vtd-feature-list">
<li>heti maximum 2 posztkép</li>
<li>havi 1 reklám beállítással</li>
<li>folyamatosabb vizuális jelenlét</li>
</ul>
<div class="vtd-price-bottom"><a class="btn btn--strong vtd-price-offer-btn" href="#arajanlat" data-vteam-quote-open="" title="Lendületben közösségi média csomag ajánlatkérés">Ajánlatot kérek</a></div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-4" style="display: flex;">
<div class="vtd-price-card">
<div class="vtd-price-top"><span class="vtd-price">99.000 Ft <small>/ hó -tól</small></span></div>
<div class="vtd-price-body">
<h3>Márka csomag</h3>
<p>Komplexebb közösségi média menedzsment és grafikai támogatás, egyedi igényekhez igazítva.</p>
<ul class="vtd-feature-list">
<li>közösségi média menedzsment</li>
<li>posztok, hirdetések, grafikai anyagok</li>
<li>egyedi igényekhez igazított megoldás</li>
</ul>
<div class="vtd-price-bottom"><a class="btn btn--strong vtd-price-offer-btn" href="#arajanlat" data-vteam-quote-open="" title="Márka közösségi média csomag ajánlatkérés">Ajánlatot kérek</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="vtd-card vtd-price-category-graphic vtd-anchor-section" id="grafikai-oradijak">
<div class="vtd-section-head"><span class="vtd-benefit-eyebrow">Grafikai tervezés óradíjak</span>
<h2 class="h3 mb-2">Offline és online grafikai anyagok tervezése</h2>
<p class="vtd-lead">Az offline és online grafikai anyagok tervezése során teljes körű támogatást nyújtunk vállalkozások számára. A díjazás az elvégzendő munka összetettsége alapján alakul.</p>
</div>
<div class="row">
<div class="col-md-6 col-lg-3 mb-4" style="display: flex;">
<div class="vtd-hour-card">
<h3>Grafikai tervezés és kreatív anyagok</h3>
<p>Illusztráció, kreatív grafika, online és print vizuális anyagok készítése.</p>
<div class="vtd-hour-bottom"><span class="vtd-hour-label">Bruttó óradíj</span> <strong>9.900 Ft / óra</strong></div>
</div>
</div>
<div class="col-md-6 col-lg-3 mb-4" style="display: flex;">
<div class="vtd-hour-card">
<h3>Egyszerű tördelés</h3>
<p>Szövegalapú kiadványok, egyszerűbb dokumentumok és áttekinthető anyagok tördelése.</p>
<div class="vtd-hour-bottom"><span class="vtd-hour-label">Bruttó óradíj</span> <strong>8.400 Ft / óra</strong></div>
</div>
</div>
<div class="col-md-6 col-lg-3 mb-4" style="display: flex;">
<div class="vtd-hour-card">
<h3>Összetett tördelés</h3>
<p>Grafikailag összetettebb, strukturált, több elemből álló kiadványok tervezése és tördelése.</p>
<div class="vtd-hour-bottom"><span class="vtd-hour-label">Bruttó óradíj</span> <strong>9.900 Ft / óra</strong></div>
</div>
</div>
<div class="col-md-6 col-lg-3 mb-4" style="display: flex;">
<div class="vtd-hour-card">
<h3>Online grafikai tervezés képernyőmegosztással</h3>
<p>Közös, élő egyeztetéshez kötött grafikai munka például Teamsen vagy más online felületen.</p>
<div class="vtd-hour-bottom"><span class="vtd-hour-label">Bruttó óradíj</span> <strong>12.900 Ft / óra</strong></div>
</div>
</div>
</div>
<div class="vtd-note-box">
<p><strong>Fontos:</strong> az árak tájékoztató jellegű induló árak és bruttó díjak. A pontos díjazás az adott feladat tartalmától, határidejétől, módosítási igényétől, valamint a rendelkezésre álló anyagok előkészítettségétől függ.</p>
</div>
</div>
</section>
        <section class="section bg--layer bg--layer-black c--white" data-image-src="images/bg-office.jpg" data-parallax="scroll" data-speed=".6">
            <div class="container">
                <h2 class="section__title text-center">Tegye fel kérdését elérhetőségeink egyikén</h2>
                <h3 class="section__subtitle text-center">Egy kérdést megér, mi pedig a legjobb megoldást adjuk rá!</h3>
                <div class="row">
                    <div class="col-xl-10 m-auto">
                        <div class="row">
                            <div class="col-md-6 col-lg-3" data-animate="fadeInUp">
                                <a href="" class="iconbox teamsProtect">
                                    <span class="iconbox__icon">
                                        <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Réteg_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="50px" height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
<g>
	<path fill="#FFFFFF" d="M40.555,17.882c2.799,0,5.073-2.285,5.073-5.086c-0.276-6.748-9.867-6.748-10.146,0
		C35.482,15.597,37.758,17.882,40.555,17.882z"/>
	<g>
		<path fill="#FFFFFF" d="M36.934,21.869c0.028-1.183-0.909-2.108-2.095-2.232h-9.433v14.038c0,1.621-1.362,2.97-2.98,2.97h-7.906
			c1.35,4.916,5.802,8.48,11.02,8.613c6.2-0.157,11.141-5.157,11.386-11.266C36.948,33.376,36.925,22.19,36.934,21.869z"/>
		<path fill="#FFFFFF" d="M24.523,33.674c0-0.891,0-17.281,0-18.175c0-1.125-0.971-2.039-2.098-2.039c-0.799,0-17.219,0-18.179,0
			c-1.126,0-2.026,0.914-2.026,2.039v18.175c0,1.126,0.9,2.087,2.026,2.087c0.901,0,17.515,0,18.179,0
			C23.552,35.761,24.523,34.8,24.523,33.674z M18.979,20.437c0,0.62-0.44,1.086-1.061,1.086h-2.466v9.033
			c0,0.619-0.549,1.174-1.167,1.174H12.29c-0.618,0-1.123-0.555-1.123-1.174v-9.033H8.616c-0.62,0-1.102-0.467-1.102-1.086v-1.695
			c0-0.619,0.482-1.126,1.102-1.126h9.302c0.62,0,1.061,0.507,1.061,1.126V20.437z"/>
		<path fill="#FFFFFF" d="M25.406,15.499v1.606c3.779,0.463,7.252-2.558,7.252-6.458c0-3.585-2.928-6.501-6.513-6.501
			c-3.587,0-6.509,2.924-6.509,6.51c0,0.652,0.088,1.292,0.281,1.922h2.507C24.047,12.578,25.406,13.877,25.406,15.499z"/>
		<path fill="#FFFFFF" d="M46.071,31.626v-9.77c0-1.19-0.975-2.22-2.168-2.22h-6.966c0.575,0.627,0.941,1.432,0.941,2.277l0,0
			c0,0.064-0.024,11.349-0.024,11.338c0.041,1.846-0.334,3.689-1.098,5.403C41.261,39.998,46.195,36.396,46.071,31.626z"/>
	</g>
</g>
</svg>

                                    </span>
                                    <span class="iconbox__title">Teams</span>
                                    <span class="iconbox__text">vteamdesign</span>
                                </a>
                            </div>
                            <div class="col-md-6 col-lg-3" data-animate="fadeInUp">
                                <a href="https://m.me/Vteamdesign" class="iconbox">
                                    <span class="iconbox__icon">
                                        <svg version="1.1" id="Elkülönítés_mód" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
	 x="0px" y="0px" viewBox="0 0 33.7 34.6" style="enable-background:new 0 0 33.7 34.6;" xml:space="preserve">
<path class="st0" d="M16.9,0C7.5,0,0,7.1,0,15.9c0,4.9,2.3,9.2,6,12.2v6.6l6-3.5c1.5,0.4,3.2,0.7,4.9,0.7c9.3,0,16.9-7.1,16.9-15.9
	S26.2,0,16.9,0z M18.9,21.2l-4.2-4.6l-7.5,3.7l8.1-8.3l4.2,4.1l7.2-4.1L18.9,21.2z"/>
</svg>
                                    </span>
                                    <span class="iconbox__title">Messenger</span>
                                    <span class="iconbox__text">Vteamdesign</span>
                                </a>
                            </div>
                            <div class="col-md-6 col-lg-3" data-animate="fadeInUp">
                                <a href="tel:+36203140506" class="iconbox">
                                    <span class="iconbox__icon">
                                        <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Réteg_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="50px" height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
<g>
	<path d="M25.873,3.829c-1.008,0-1.872,0.865-1.872,1.874c0,1.01,0.864,1.875,1.872,1.875c8.939,0,16.293,7.353,16.293,16.291
		c0,1.154,0.867,2.021,2.02,2.021c1.009,0,1.874-0.868,1.874-1.877C46.06,12.912,36.976,3.829,25.873,3.829z"/>
	<path d="M35.679,24.013c0,1.009,0.865,1.877,1.876,1.877c1.008,0,1.871-0.868,1.871-1.877c0.146-7.496-6.054-13.696-13.694-13.696
		c-1.009,0-1.875,0.866-1.875,1.874c0,1.01,0.866,1.875,1.875,1.875C31.209,14.065,35.679,18.535,35.679,24.013z"/>
	<path d="M41.302,32.954l-2.162-1.733c-1.153-1.152-2.74-1.728-4.47-1.728c-1.874,0-3.605,0.865-4.903,2.162l-1.297,1.441
		c-0.431,0.576-0.864,1.154-1.153,1.729c-4.903-2.019-8.796-5.766-11.388-10.38c0.864-0.433,1.729-1.009,2.305-1.73l1.298-1.297
		c1.154-1.297,1.73-3.028,1.73-4.758c-0.145-1.731-0.864-3.317-2.162-4.614l-2.017-1.874c-1.298-1.01-2.885-1.73-4.472-1.73
		c-1.874,0-3.604,0.72-4.901,2.161l-1.298,1.442c-0.143,0.144-0.287,0.433-0.431,0.577c-1.443,1.297-2.451,3.893-1.875,7.208
		c2.739,14.274,14.851,25.087,29.268,26.385c0.287,0,0.575,0,1.01,0c1.729,0,3.316-0.433,4.47-1.154
		c0.574-0.288,1.152-0.721,1.586-1.297l1.298-1.441C44.186,39.585,43.896,35.403,41.302,32.954z M36.087,31.591
		c0.25,0.083,0.495,0.187,0.73,0.314L36.087,31.591z"/>
</g>
</svg>

                                    </span>
                                    <span class="iconbox__title">Telefon</span>
                                    <span class="iconbox__text">+36 20 / 314 05 06</span>
                                </a>
                            </div>
                            <div class="col-md-6 col-lg-3" data-animate="fadeInUp">
                                <a href="#" class="iconbox emailProtect">
                                    <span class="iconbox__icon">
                                        <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Réteg_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="50px" height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve">
<g>
	<g>
		<path d="M45.513,21.435c0-0.292-0.147-0.583-0.293-0.73L25.657,1.289c-0.438-0.438-1.167-0.438-1.46,0L4.782,20.705
			c-0.146,0.147-0.292,0.439-0.292,0.73c-0.584,0.584-0.876,1.46-0.876,2.482v21.021c0,2.191,1.751,3.943,3.941,3.943H8.14
			l0.146,0.145l0.146-0.145H41.57l0.146,0.145l0.146-0.145h0.583c2.19,0,3.942-1.752,3.942-3.943V23.917
			C46.389,23.041,46.096,22.165,45.513,21.435z M36.897,27.857l-11.97,11.972L13.249,28.15v-7.299h23.649V27.857z M24.927,3.479
			l17.812,17.956l-4.527,4.526V20.12c0-0.292-0.292-0.583-0.583-0.583H12.518c-0.292,0-0.583,0.291-0.583,0.583v6.133l-4.964-4.818
			L24.927,3.479z"/>
		<path d="M41.717,49.073l-0.161-0.159H8.446l-0.161,0.159l-0.159-0.159H7.556c-1.067,0-2.068-0.412-2.815-1.159
			c-0.747-0.749-1.16-1.748-1.16-2.816V23.917c0-1.053,0.303-1.917,0.875-2.496c0.005-0.306,0.16-0.597,0.302-0.739L24.175,1.264
			c0.141-0.212,0.398-0.337,0.699-0.337c0.298,0,0.594,0.124,0.807,0.337l19.563,19.418c0.144,0.144,0.299,0.435,0.303,0.742
			c0.564,0.71,0.875,1.595,0.875,2.493v21.021c0,1.068-0.41,2.067-1.159,2.816c-0.748,0.747-1.748,1.159-2.815,1.159h-0.57
			L41.717,49.073z M8.418,48.848h33.166l0.133,0.132l0.132-0.132h0.598c2.155,0,3.909-1.754,3.909-3.909V23.917
			c0-0.887-0.309-1.761-0.869-2.46l-0.007-0.011v-0.011c0-0.292-0.146-0.571-0.282-0.706L25.634,1.313
			c-0.203-0.203-0.479-0.319-0.76-0.319c-0.279,0-0.514,0.114-0.647,0.313L4.805,20.729c-0.135,0.134-0.283,0.414-0.283,0.706v0.013
			l-0.009,0.01c-0.567,0.566-0.866,1.417-0.866,2.458v21.021c0,2.155,1.754,3.909,3.908,3.909h0.597l0.133,0.132L8.418,48.848z
			 M24.927,39.876L13.216,28.164v-7.346h23.716v7.053L24.927,39.876z M13.282,28.137l11.645,11.646l11.938-11.937v-6.962H13.282
			V28.137z M11.968,26.332l-5.044-4.897L24.927,3.432l0.024,0.024l17.833,17.979l-0.022,0.023L38.18,26.04v-5.92
			c0-0.272-0.279-0.549-0.551-0.549H12.518c-0.272,0-0.55,0.276-0.55,0.549V26.332z M7.019,21.435l4.884,4.738V20.12
			c0-0.311,0.306-0.616,0.615-0.616h25.111c0.313,0,0.616,0.305,0.616,0.616v5.761l4.447-4.446L24.927,3.526L7.019,21.435z"/>
	</g>
	<g>
		<rect x="15.917" y="23.184" width="18.693" height="1.329"/>
		<path d="M34.645,24.546h-18.76v-1.396h18.76V24.546z M15.951,24.479h18.627v-1.261H15.951V24.479z"/>
	</g>
	<g>
		<rect x="15.917" y="26.352" width="11.584" height="1.33"/>
		<path d="M27.535,27.714H15.884v-1.396h11.651V27.714z M15.951,27.647H27.47v-1.263H15.951V27.647z"/>
	</g>
	<g>
		<rect x="17.956" y="29.171" width="9.546" height="1.095"/>
		<path d="M27.535,30.299h-9.613v-1.161h9.613V30.299z M17.988,30.232h9.481v-1.029h-9.481V30.232z"/>
	</g>
</g>
</svg>

                                    </span>
                                    <span class="iconbox__title">E-mail</span>
                                    <span class="iconbox__text emailProtect"></span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="section pb-0 container">
            <h2 class="section__title text-center">Ügyfeleink</h2>
            <h3 class="section__subtitle text-center">Akik már megbíztak bennünk</h3>
            <div class="row">
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/Dunakeszi-arculattervezes.png" alt="Dunakeszi-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/Fruhwald-logo-arculattervezes.png" alt="Fruhwald-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/Aquafizzy-logo-arculattervezes.png" alt="Aquafizzy-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/BioAligner-logo-arculattervezes.png" alt="BioAligner-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/Bio-vet-logo-arculattervezes.png" alt="Bio-vet-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/Campanari-logo-arculattervezes.png" alt="Campanari-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/Caparol-logo-arculattervezes.png" alt="Caparol-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/Cleaners-logo-arculattervezes.png" alt="Cleaners-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/dr-Vari-Zsolt-logo-arculattervezes.png" alt="dr-Vari-Zsolt-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/Esyspay-logo-arculattervezes.png" alt="Esyspay-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/Esystem-logo-arculattervezes.png" alt="Esystem-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/Alpina-logo-arculattervezes.png" alt="Alpina-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/Castle-apartments-logo-arculattervezes.png" alt="Castle-apartments-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/Eu-logo-arculattervezes.png" alt="Eu-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/Evocrm-logo-arculattervezes.png" alt="Evocrm-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/Flexi-book-logo-arculattervezes.png" alt="Flexi-book-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/Gazmodul-logo-arculattervezes.png" alt="Gazmodul-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/Gerecse-kapuja-logo-arculattervezes.png" alt="Gerecse-kapuja-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/HSZC-logo-arculattervezes.png" alt="HSZC-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/Itv-albatech-logo-arculattervezes.png" alt="Itv-albatech-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/Julia-malom-logo-arculattervezes.png" alt="Julia-malom-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/Kontur-plusz-arculattervezes.png" alt="Kontur-plusz-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/KRAUTOL-logo-arculattervezes.png" alt="KRAUTOL-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/MHN-logo-arculattervezes.png" alt="MHN-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/MH-team-logo-arculattervezes.png" alt="MH-team-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/MMBF-logo-arculattervezes.png" alt="MMBF-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/Net-ugyved-logo-arculattervezes.png" alt="Net-ugyved-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/NL-logo-arculattervezes.png" alt="NL-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/orosztony-onkormanyzat-logo-arculattervezes.png" alt="orosztony-onkormanyzat-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/Raklapgyartas-logo-arculattervezes.png" alt="Raklapgyartas-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/S-carp-logo-arculattervezes.png" alt="S-carp-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/Tatabanya_eromu-logo-arculattervezes.png" alt="Tatabanya_eromu-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/Tatabanya-eromu-akademia-logo-arculattervezes.png" alt="Tatabanya-eromu-akademia-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/Thury-Gyorgy-emlekev-logo-arculattervezes.png" alt="Thury-Gyorgy-emlekev-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/Varpalota-logo-arculattervezes.png" alt="Varpalota-logo-arculattervezes" /></div>
<div class="col-4 col-sm-3 col-md-2 d-flex align-items-center justify-content-center mb-4 img-gray" data-animate="fadeInUp"><img src="images/logo/Vet-pont-logo-arculattervezes.png" alt="Vet-pont-logo-arculattervezes" /></div>
            </div>
        </section>
<section class="section c--white bg--layer bg--layer-primary secion--plane" data-image-src="images/bg-screen.jpg" data-parallax="scroll" data-speed=".6">
            <div class="container text-center text-md-left">
                <div class="row align-items-center">
                    <div class="col-md-7 col-xl-6 offset-xl-1">
                        <h3>Kérjen ajánlatot, <strong>ingyenes konzultációval!</strong></h3>
                    </div>
                    <div class="col-md-5">
                        <p><a href="Arajanlat" class="btn btn--strong btn--border-white" data-vteam-quote-open>Ajánlatot kérek</a></p>
                    </div>
                </div>
            </div>
            <img src="images/plane-1.png" alt="" class="secion--plane__left" data-animate="fadeInLeft" />
            <img src="images/plane-2.png" alt="" class="secion--plane__right" data-animate="fadeInUp" />
        </section>
        <footer class="footer">
            <div class="footer__top d-none d-sm-block">
                <div class="container">
                    <div class="d-lg-flex align-items-center justify-content-between text-center">
                        <a href="https://mail.vteamdesign.hu/" class="footer__logo">
                            <img src="images/logo-light.png" alt="" />
                        </a>
                        <ul class="footer__menu">
                            <li><a href="Szolgaltatasaink">Szolgáltatásaink</a></li><li><a href="Referenciaink">Referenciáink</a></li><li><a href="Araink">Áraink</a></li><li><a href="Kik-vagyunk">Kik vagyunk?</a></li><li><a href="Kapcsolat">Kapcsolat</a></li>                        </ul>
                    </div>
                </div>
            </div>
            <div class="copyright">
                <div class="container">
                    <div class="row">
                        <div class="col-md-7 text-center text-md-left">
                            <p>2008 - 2026. © <a href="/Szolgaltatasaink/Weboldal-keszites" title="Weboldal készítés">Weboldal készítés</a> – <a href="/Szolgaltatasaink/Arculattervezes" title="Arculattervezés">Arculattervezés</a> – <a href="/Szolgaltatasaink/Logo-tervezes" title="Logótervezés">Logótervezés</a></p></p>
                        </div>
                        <div class="col-md-5 text-center text-md-right">
                            <p><a href="Adatvedelmi-szabalyzat">Adatvédelmi nyilatkozat</a></p>
                        </div>
                        <div class="col-12 text-center">
                            <div id="copyBadgeFooter"></div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- Egyszer, közvetlenül a </body> előtt illessze be. -->
<dialog id="vtquote" aria-label="Ajánlatkérés" lang="hu">
  <button type="button" class="vt-close" aria-label="Ablak bezárása">×</button>
  <div class="vtq-top">Ajánlatkérés</div>
  <div class="vtq-main">
    <div id="vt-progress" aria-live="polite"></div>
    <div id="vt-stage"></div>
    <p id="vt-error" role="alert" tabindex="-1"></p>
  </div>
</dialog>
        <script src="https://www.google.com/recaptcha/api.js?render=explicit&onload=onRecaptchaLoadCallback" async defer></script>
        <script src="js/jquery.min.js"></script>
        <script src="js/imagesloaded.pkgd.min.js"></script>
        <script src="js/popper.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/slick.min.js"></script>
        <script src="js/jquery.viewportchecker.min.js"></script>
        <script src="js/isotope.pkgd.min.js"></script>
        <script src="js/parallax.min.js"></script>
        <script src="js/jquery.fancybox.min.js"></script>
        <script src="js/script.js?v=1.0.13"></script>
        <script src="js/sweetalert.min.js"></script>
        <script>function onRecaptchaLoadCallback() {var clientId = grecaptcha.render('inline-badge', {'sitekey': '6Lf4ITMaAAAAAOByhr-I4FLE5F8GoDZcTUpfWX7h','badge': 'inline','size': 'invisible'});grecaptcha.ready(function() {grecaptcha.execute(clientId, {action: 'homepage'}).then(function(token) {$("input[name^='greCaptcha']").val(token);copyBadge(token);});});}</script><div class="d-none" id="removeableBadge"><div id="inline-badge"></div></div>
        <script src="js/vteam-quote.js?v=1.0.13" defer></script>
    </body>
</html>