Senin tarzın, senin sahan! İsimli, mesleklere özel ve tamamen senin zevkine göre kişiselleştirilebilir basketbol potası çeşitlerini keşfet.

Can's Art | Kişiselleştirilebilir Basketbol Potası Modelleri

Sliders

Desktop Image

Title

Subtitle

Button Link

Button Text

Show Overlay Background

Mobile Image

If you want the picture to be clicked, enter the link

Image Link

Secondary Button Link

Secondary Button Text

Button Background Color

Is External Links

Button Color

Button Hover Background Color

Texts Color

Button Hover Text Color

Is Video?

Please turn on silent start for the video to play automatically

Video

Is Mobile Video

Mobile Video

Title H Tag

Top Title

Top Title Color

Top Title Font Size Desktop

Top Title Font Size Mobile

Top Title Font Weight

Footer Links

Links

No Follow?

Image List

Category Images

Image

Sub Text

Text Color

Button Text Color

Top Title Font Size

Button Border Radius

Image Aspect Ratio

Image Aspect Ratio Mobile

Is Defult Aspect Ratio

Button Position

Button Position Mobile

Is Button Outside

Image List Flex

Category Images Flex

Is No Follow?

External Link Target Blank

Layout Images

Link

Is Image Contain

Link Text Color

Link Background Color

Button Font Weight

S.S.S

Question

Answer

Is Rich Text Question

Brand Image List

Image Border Radius

Text

Text Font Weight

Text Font Size

External Link Target

Aspect Ratio

Aspect Ratio Mobile

Is Image & Video Cover

Video Height

Text Position

Top Position

Remove Top Space

Button Show?

Button Background Color 

Button Text Color 

Button On Image

Cookie Info

Cookie Content

Cookie Button Text

Cookie Bar Show

Accept Text Left?

Show Close Button

Cookie Bar Position

Comments

Comment

Star

WritingBy & Date

Content

LookBook - Image

Sub Title

Hide Button

Is Image Cover

Title Color

Sub Title Color

Image List Grid

Category Images Grid

Title & Sub Title Color

İmage & Button Link

Content Position

ReadMoreButtonPosition

LogoPosition

SliderAutoSecond

AnnouncementText

Announcement

Color

Background Color

Mobile Font Size

Font Weight

Text UpperCase

BrandSliderItem

ProductDetailImageAspectRatio

Horizontal

Vertical

ColumnGrid

DescriptionPosition

AddBasketButtonPosition

Testimonial

Quote

Writer

Rating

Fill Stars?

FeaturesGrid

Features

New Tab?

Align

BorderStyle

Image Type

ButtonPosition

Collection List

CollectionList

External Link Target Blank?

BlogImageAspectRatio

ButtonLinks

Button Links

Border Color

Button Width

Button Width Mobile

Hover Background Color

Hover Text Color

Zoom Enable

MarqueeImageItem

Marquee Image Item

ARROWS

Video Link

Link Url

BlogLinkText

Blog & Text

Blog

Employee

Full Name

HeaderHelperBar

Show Bar

Bar Background Color

Bar Text & Icon Color

Show Mobile?

Link List

Facebook Link

Instagram Link

Twitter Link

Pinterest Link

Youtube Link

LinkedIn Link

Tiktok Link

Twitch Link

Discord Link

Is Centered Links

It works if there are no social media icons

Is Right Links

CustomModalAttr

Custom Modal Show

Icon

Is HTML?

Special Attr. (Only Image)

HTag

HelperBarIcons

Icon Width

Category Image Text List

Category Image Text

Border Radius

Header Mega Menu

Image Reverse

Image Cover

Bottom Top Padding

Min Height

Sub links & Title 

Sub Links & Title

Tag - Image

TagImage

Image Width

Image Height

Mobile Image Width

Mobile Image Height

Teams

Konumunuza özel içerikleri görmek ve online alışveriş yapmak için başka bir ülkeyi veya bölgeyi seçin.

<style>
.ca-team-page{--ca-orange:#ff4b0b;--ca-ink:#080d12;--ca-paper:#f4f3ef;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;color:#111820;font-family:Inter,"Segoe UI",Arial,Helvetica,sans-serif;line-height:1.55;background:var(--ca-paper)}
.ca-team-page *{box-sizing:border-box}
.ca-wrap{width:100%;max-width:none;margin:0 auto;padding-left:clamp(20px,4vw,64px);padding-right:clamp(20px,4vw,64px)}

.ca-btn{display:inline-block;padding:14px 22px;border-radius:28px;background:var(--ca-orange);color:#fff!important;font-weight:800;text-decoration:none!important;text-transform:uppercase;box-shadow:0 8px 24px #ff4b0b44}
.ca-benefits{background:#fff;border-bottom:1px solid #e5e2dc}
.ca-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 0}
.ca-benefit{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;font-weight:800;font-size:14px;line-height:1.2;text-transform:uppercase}
.ca-benefit i{width:54px;height:54px;border:2px solid var(--ca-orange);border-radius:50%;display:grid;place-items:center;color:var(--ca-orange);font-size:25px;font-style:normal;flex:none}.ca-benefit span{display:block;max-width:220px;min-height:2.4em;line-height:1.2}
.ca-section{padding:48px 0}
.ca-title-row{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}
.ca-title{margin:0;font-family:Inter,"Segoe UI",Arial,Helvetica,sans-serif!important;font-size:clamp(36px,4.5vw,58px)!important;font-style:normal;font-weight:850;letter-spacing:-.035em;line-height:1.12;text-transform:uppercase;color:#14264a}
.ca-title span{color:#ec4a13}
.ca-title:after{content:"";display:block;width:120px;height:4px;margin-top:10px;background:var(--ca-orange);transform:skew(-25deg)}
.ca-title-row p{max-width:500px;margin:0;color:#4e555d!important;font-size:clamp(18px,1.65vw,23px)!important;line-height:1.55}
.ca-banner{display:none}
.ca-marquee{width:100%;margin:18px 0 22px;overflow:hidden;background:#080d12;border-block:3px solid var(--ca-orange);color:#fff}.ca-marquee-track{display:flex;width:max-content;animation:ca-marquee-scroll 18s linear infinite;will-change:transform}.ca-marquee-group{display:flex;flex:none;min-width:100vw;align-items:center;justify-content:space-around;gap:34px;padding:12px 20px;white-space:nowrap;font-family:Inter,"Segoe UI",Arial,Helvetica,sans-serif;font-size:15px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}.ca-marquee-group span:after{content:"✦";margin-left:34px;color:var(--ca-orange)}@keyframes ca-marquee-scroll{to{transform:translateX(-50%)}}.ca-marquee:hover .ca-marquee-track{animation-play-state:paused}.ca-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ca-card{overflow:hidden;background:#fff;box-shadow:0 8px 24px #10182012;border:1px solid transparent;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.ca-card img{transition:transform .45s ease}.ca-card:hover,.ca-card:focus-within{transform:translateY(-10px);border-color:var(--ca-orange);box-shadow:0 20px 42px #10182035}.ca-card:hover img,.ca-card:focus-within img{transform:scale(1.06)}
.ca-card img{display:block;width:100%;height:auto;object-fit:cover;object-position:center;background:transparent}
.ca-card-body{padding:16px;text-align:center}
.ca-card-body blockquote{margin:0 0 10px;color:#1268ff;font-size:18px;font-weight:700;font-style:italic;line-height:1.2}
.ca-card:nth-child(2) blockquote{color:var(--ca-orange)}
.ca-card-body small{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}
.ca-how{background:#eeede9}
.ca-how-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}.ca-how-grid>div:first-child{display:flex;flex-direction:column}.ca-steps{flex:1;grid-template-rows:repeat(2,minmax(0,1fr))}.ca-step{min-height:100%;display:flex;flex-direction:column;justify-content:center}
.ca-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}
.ca-step{padding:28px 20px;background:#fff;border-radius:9px;text-align:center}
.ca-step b{display:grid;place-items:center;width:36px;height:36px;margin:0 auto 12px;border-radius:50%;background:var(--ca-orange);color:#fff;font-size:16px}
.ca-step strong{display:block;font-family:Inter,"Segoe UI",Arial,Helvetica,sans-serif;font-size:20px!important;font-weight:800;line-height:1.3;text-transform:uppercase}
.ca-step p{max-width:32ch;margin:12px auto 0;font-size:16px!important;line-height:1.55;color:#4e555d}
.ca-contact{overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 12px 34px #10182018}
.ca-contact h2{margin:0;padding:18px 22px;background:var(--ca-ink);color:#fff;font-family:Inter,"Segoe UI",Arial,Helvetica,sans-serif;font-size:21px;font-weight:800;line-height:1.3;text-transform:uppercase}
.ca-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:20px 22px;min-width:0}
.ca-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.ca-field.ca-full{grid-column:1/-1}
.ca-field label{font-size:13px;font-weight:700;color:#252b31}
.ca-field label span{color:var(--ca-orange)}
.ca-field input,.ca-field select,.ca-field textarea{width:100%;min-height:44px;padding:11px 12px;border:1px solid #d5dbe0;border-radius:5px;background:#fbfcfd;color:#222;font:inherit;font-size:13px}
.ca-field textarea{min-height:78px;resize:vertical}
.ca-form .ca-btn{grid-column:1/-1;width:100%;border:0;text-align:center;cursor:pointer;font:inherit;font-weight:800}
.ca-form-note{grid-column:1/-1;margin:0;color:#69727a;font-size:11px}
@media(max-width:1000px){.ca-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.ca-benefit-grid{grid-template-columns:repeat(2,1fr)}.ca-title-row{display:block}.ca-title-row p{margin-top:14px}.ca-gallery{grid-template-columns:1fr 1fr}.ca-card img{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}.ca-how-grid{grid-template-columns:1fr}.ca-step strong{font-size:17px!important}.ca-step p{font-size:15px!important}.ca-form{grid-template-columns:1fr}.ca-field.ca-full,.ca-form .ca-btn,.ca-form-note{grid-column:1}.ca-section{padding:36px 0}}
@media(max-width:500px){.ca-gallery{grid-template-columns:1fr}.ca-card img{aspect-ratio:auto}.ca-benefit{font-size:12px}.ca-benefit i{width:46px;height:46px;font-size:22px}.ca-benefit span{max-width:165px}.ca-steps{gap:8px}.ca-step{padding:20px 12px}.ca-step b{width:32px;height:32px}.ca-step strong{font-size:16px!important}.ca-step p{font-size:14px!important;line-height:1.45}.ca-title{font-size:clamp(30px,8.5vw,38px)!important}.ca-title-row p{font-size:17px!important}}
</style>
<div class="ca-team-page">
<section class="ca-benefits"><div class="ca-wrap ca-benefit-grid">
    <div class="ca-benefit"><i>♧</i><span>Kulübünüze özel<br>tema</span></div><div class="ca-benefit"><i>◉</i><span>Logo ve kulüp<br>renkleri</span></div><div class="ca-benefit"><i>♙</i><span>Fotoğraf, isim ve<br>forma numarası</span></div><div class="ca-benefit"><i>☆</i><span>Toplu sipariş<br>avantajı</span></div>
  </div></section>
  <section class="ca-section"><div class="ca-wrap">
    <div class="ca-title-row"><h2 class="ca-title">GERÇEK TAKIMLAR, <span>GERÇEK HİKÂYELER</span></h2><p>Basketbol okulları ve spor kulüpleri için tasarlanan kişiye özel takım koleksiyonları.</p></div>
    <div class="ca-gallery">
      <article class="ca-card"><img loading="lazy" src="https://cdn.myikas.com/images/77866b13-6ddb-4370-92da-9f66f65cdbd0/a2b8e25f-5985-4d06-b167-cf92023d66c5/image_1080.webp" alt="SAS Spor Kulübü için özel takım tasarımı"><div class="ca-card-body"><blockquote>“Spor sadece oyun değil,<br>daha iyi bir gelecek demek.”</blockquote><small>SAS Spor Kulübü · Bursa</small></div></article>
      <article class="ca-card"><img loading="lazy" src="https://cdn.myikas.com/images/77866b13-6ddb-4370-92da-9f66f65cdbd0/6834ab47-ac3d-4fb6-bb87-06799ce26c17/image_1080.webp" alt="Free Style Basketball takımına özel tasarım koleksiyonu"><div class="ca-card-body"><blockquote>“Aynı kulüp ruhu,<br>farklı hikâyeler.”</blockquote><small>Free Style Basketball</small></div></article>
      <article class="ca-card"><img loading="lazy" src="https://cdn.myikas.com/images/77866b13-6ddb-4370-92da-9f66f65cdbd0/d266b53a-63f5-44d8-9eda-34315a1a3ca0/image_1080.webp" alt="SAS Spor Kulübü grafik tasarımlı kapı potası"><div class="ca-card-body"><blockquote>Takım renkleri ve oyuncu hikâyesiyle<br>kişiye özel pota.</blockquote><small>Kişiye özel üretim</small></div></article>
      <article class="ca-card"><img loading="lazy" src="https://cdn.myikas.com/images/77866b13-6ddb-4370-92da-9f66f65cdbd0/423b433b-92ab-4222-a448-fb019538a781/image_1080.webp" alt="Free Style tasarımlı kapıya asılan mini basketbol potası"><div class="ca-card-body"><blockquote>Takımının renkleriyle<br>oyuncuya özel pota.</blockquote><small>Free Style Basketball</small></div></article>
    </div>
  </div></section>
  <section class="ca-section ca-how"><div class="ca-wrap ca-how-grid">
    <div><h2 class="ca-title">Nasıl çalışıyoruz?</h2><div class="ca-steps">
      <div class="ca-step"><b>1</b><strong>Bizimle iletişime geçin</strong><p>Kulübünüzü ve ihtiyaçlarınızı anlatın.</p></div><div class="ca-step"><b>2</b><strong>Özel temanızı tasarlayalım</strong><p>Logonuz ve renklerinizle tasarım hazırlayalım.</p></div><div class="ca-step"><b>3</b><strong>Sporcu bilgilerini paylaşın</strong><p>Fotoğraf, isim ve forma numaralarını iletin.</p></div><div class="ca-step"><b>4</b><strong>Takım potalarınız hazır</strong><p>Takım ruhunu oyuncuların odasına taşıyın.</p></div>
    </div></div>
    <div class="ca-contact" id="ca-iletisim"><h2>Kulübünüz için iletişime geçin</h2><div class="ca-form"><input type="hidden" name="_subject" value="Can's Art - Yeni takım iletişim formu"><input type="hidden" name="_template" value="table"><input type="hidden" name="_captcha" value="true"><div class="ca-field"><label>Kurum / Kulüp Adı <span>*</span></label><input type="text" name="Kurum veya Kulüp Adı" placeholder="Örn: SAS Spor Kulübü" required=""></div><div class="ca-field"><label>Yetkili Adı Soyadı <span>*</span></label><input type="text" name="Yetkili Adı Soyadı" placeholder="Ad Soyad" required=""></div><div class="ca-field"><label>Telefon <span>*</span></label><input type="tel" name="Telefon" placeholder="05XX XXX XX XX" required=""></div><div class="ca-field"><label>E-posta <span>*</span></label><input type="email" name="email" placeholder="ornek@kulup.com" required=""></div><div class="ca-field ca-full"><label>Yaklaşık sporcu sayısı <span>*</span></label><select name="Yaklaşık sporcu sayısı" required=""><option value="">Seçiniz</option><option>1–25 sporcu</option><option>26–50 sporcu</option><option>51–100 sporcu</option><option>100+ sporcu</option></select></div><div class="ca-field ca-full"><label>Eklemek istedikleriniz</label><textarea name="Mesaj" placeholder="Mesajınız..."></textarea></div><button class="ca-btn" type="submit">Gönder&nbsp; →</button><p class="ca-form-note">İlk gönderimden sonra gelen aktivasyon e-postasını onaylamanız gerekir.</p></div></div>
  </div></section>
</div>

<div class="rd-court">   <svg viewBox="0 0 900 220"        xmlns="http://www.w3.org/2000/svg"        preserveAspectRatio="xMidYMid meet">      <defs>       <radialGradient id="rdBasketball" cx="30%" cy="25%" r="75%">         <stop offset="0%" stop-color="#ffbd70"/>         <stop offset="50%" stop-color="#e98227"/>         <stop offset="100%" stop-color="#a94312"/>       </radialGradient>       <linearGradient id="rdBackboard" x1="0" y1="0" x2="1" y2="1">         <stop offset="0%" stop-color="#fff"/>         <stop offset="100%" stop-color="#d9e0e5"/>       </linearGradient>       <clipPath id="rdBallClip">         <circle r="19"/>       </clipPath>     </defs>           <path d="M15 192 H890" stroke="#aaa" opacity=".35"           stroke-width="1.5"/>           <path d="M830 0 V42 H786 L770 55"           fill="none" stroke="#41464b" stroke-width="12"           stroke-linejoin="round" stroke-linecap="round"/>     <path d="M830 0 V42 H786"           fill="none" stroke="#747b80" stroke-width="3"/>           <rect x="680" y="20" width="92" height="91" rx="3"           fill="url(#rdBackboard)"           stroke="#454a50" stroke-width="5"/>     <rect x="706" y="74" width="40" height="26"           fill="none" stroke="#df6928" stroke-width="3"/>           <ellipse cx="725" cy="117" rx="43" ry="9"              fill="none" stroke="#b84916" stroke-width="6"/>     <path d="M682 117 Q725 129 768 117"           fill="none" stroke="#f18a3a" stroke-width="2"/>           <g class="rd-net">       <path d="M687 121 L698 166 L752 166 L763 121"             fill="none" stroke="#adb5bb" stroke-width="2"/>       <path d="M695 123 L710 166 M707 124 L719 166                M719 125 L727 166 M731 125 L735 166                M743 124 L739 166 M755 123 L745 166"             fill="none" stroke="#b9c0c5" stroke-width="1.5"/>       <path d="M690 136 H760 M694 148 H756 M699 159 H751"             fill="none" stroke="#adb5bb" stroke-width="1.5"/>     </g>           <g class="rd-moving-ball">       <animateMotion dur="4s" repeatCount="indefinite"         path="M65 177               C95 177 108 111 145 111               C181 111 194 177 235 177               C271 177 286 139 325 139               C360 139 377 177 414 177               C453 177 476 104 520 104               C566 104 585 70 628 70               C665 70 684 87 699 99               C711 107 721 112 725 122               C730 138 725 155 725 174"/>       <g class="rd-ball-spin">         <circle r="19" fill="url(#rdBasketball)"                 stroke="#713718" stroke-width="1.2"/>         <g clip-path="url(#rdBallClip)" fill="none"            stroke="#542d19" stroke-width="2"            stroke-linecap="round">           <path d="M-7 -22 C8 -10 8 10 -7 22"/>           <path d="M7 -22 C-8 -10 -8 10 7 22"/>           <path d="M-22 -6 C-8 2 8 2 22 -6"/>           <path d="M-22 7 C-8 -1 8 -1 22 7"/>         </g>         <ellipse cx="-7" cy="-10" rx="5" ry="2.5"                  fill="#fff" opacity=".2"/>       </g>     </g>   </svg> </div>  <style> .rd-court {   width: 100%;   height: 220px;   margin: 0 auto;   overflow: hidden;   background: transparent;   position: relative; }  .rd-court svg {   display: block;   width: 100%;   height: 100%;   transform: scaleX(1.08);   transform-origin: left center; }  /* Topun dönüşü */ .rd-ball-spin {   transform-box: fill-box;   transform-origin: center;   animation: rd-spin .55s linear infinite; }  @keyframes rd-spin {   to { transform: rotate(360deg); } }  /* File hareketi */ .rd-net {   transform-box: fill-box;   transform-origin: top center;   animation: rd-net-move 4s ease-in-out infinite; }  @keyframes rd-net-move {   0%, 82% { transform: skewX(0deg) scaleX(1); }   87% { transform: skewX(-9deg) scaleX(1.12); }   93% { transform: skewX(7deg) scaleX(.94); }   100% { transform: skewX(0deg) scaleX(1); } }  /* Mobil görünüm korunur */ @media screen and (max-width: 600px) {   .rd-court {     width: 100%;     height: 150px;   }    .rd-court svg {     width: 100%;     height: 150px;     transform: none;   } }  /* Animasyonu azaltma tercihi */ @media (prefers-reduced-motion: reduce) {   .rd-ball-spin,   .rd-net {     animation: none;   } } </style>

GERÇEK TAKIMLAR, GERÇEK HİKÂYELER

Nasıl çalışıyoruz?

Kulübünüz için iletişime geçin