
Vedubox SiteMaker ile kod yazmadan, logolu ve mobil uyumlu bir açılış sayfası oluşturun. Logo, tema renkleri, giriş ekranı ve menü yapısıyla platformu tamamen kurumunuzun kimliğine uyarlayın.

Kodsuz açılış sayfası

Logo ve tema renkleri

Sürükle-bırak bileşenler

Giriş ekranını özelleştirin
SiteMaker özelliğiyle öğrenme platformunuz için kodlama yapmadan, ek entegrasyon ve maliyet olmadan markalı bir açılış sayfası oluşturursunuz. Gelişmiş versiyonda menü, manşet gibi bileşenleri sürükleyip bırakır, önizleyip yayınlarsınız; HTML ve script modülleriyle sayfayı genişletebilirsiniz.
Görünüm ayarlarından kurumunuza özel logo ve tema renklerini, giriş ekranı duvar kağıdını ve konumunu belirlersiniz. White-label yapısıyla logo, alan adı, renkler, mobil uygulama ve e-posta şablonları kurumsal kimliğinize göre özelleştirilebilir.

Kullanıcılar platforma girdiklerinde başka bir markanın değil, kendi kurumlarının akademisini görür; eğitim portalı kurum kültürünün parçası olur.
Ücretli ve ücretsiz eğitimlerinizi açılış sayfasında sergiler, ayrı bir web sitesi projesine gerek duymadan eğitim portalınızı yayına alırsınız.

Marka ve açılış sayfası seçeneklerinin tümü, tek bakışta.
<style>.nk .nw-sar{flex-wrap:wrap;align-content:center;gap:6px}.nw-cip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:#f4f8fb;border:1px solid #e3ebf2;font-size:13px;font-weight:700;color:#5b6b80;white-space:nowrap}.nw-cip img{width:16px;height:16px}.nw-cip.nw-mavi{background:#eef8fe;border-color:#bfe3f4;color:#1581b3}.nk .nk-w{gap:12px}.nw-durum{display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.25;color:#1a1a2e}.nw-durum b{font-weight:700}.nw-durum em{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:12.5px;font-weight:700;color:#1581b3}.nw-durum em i{width:7px;height:7px;border-radius:50%;background:#28aae1;box-shadow:0 0 0 3px rgba(40,170,225,.2)}.nw-liste{display:flex;flex-direction:column;gap:6px;width:230px}.nw-liste div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 10px;border-radius:9px;background:#f5f8fb;border:1px solid #e8eef4;font-size:13px;font-weight:600;color:#475569}.nw-liste b{font-weight:800;color:#1581b3}.nw-buton{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1.5px solid #28aae1;background:#fff;font-size:14px;font-weight:700;color:#1581b3;transition:background-color .2s ease}.nw-buton img{width:18px;height:18px;transition:transform .3s ease}.nk-hucre:hover .nw-buton{background:#eef8fe}.nk-hucre:hover .nw-buton img{transform:translate(2px,-2px)}.nw-buton.nw-dolu{background:#28aae1;color:#fff}.nk-hucre:hover .nw-buton.nw-dolu{background:#1b95cc}.nw-surukle div{justify-content:flex-start;transition:transform .35s ease,box-shadow .35s ease}.nw-surukle span{display:flex;align-items:center;gap:6px}.nw-surukle img{width:16px;height:16px}.nw-surukle .nw-tasinan{background:#fff;border-color:#bfe3f4;box-shadow:0 8px 16px -10px rgba(15,50,90,.35);transform:translateX(10px) rotate(-1.5deg)}.nk-hucre:hover .nw-surukle .nw-tasinan{transform:none;box-shadow:none}.nk .nw-renkler label{position:relative;display:block;margin:0;cursor:pointer;font-weight:inherit}.nw-renkler input{position:absolute;opacity:0;pointer-events:none}.nw-kod{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;background:#0b1f3b;color:#e2f3fb;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12.5px;white-space:nowrap}.nw-kod b{font-weight:700;color:#5cc3ee}.nw-renkler{display:flex;gap:10px}.nw-renkler span{display:block;width:32px;height:32px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #dbe6ef;transition:box-shadow .2s ease}.nw-renkler input:checked+span{box-shadow:0 0 0 2px #fff,0 0 0 4px #28aae1}.nw-logo{flex:none;display:grid;place-items:center;width:62px;height:42px;border-radius:10px;border:1.5px dashed #9fb3c8;background:#f8fafc;font-size:11px;font-weight:800;letter-spacing:.1em;color:#64748b}</style><div class="nk-hucre"><div class="nk-w"><div class="nw-liste nw-surukle"><div><span><img src="https://cdn.prod.website-files.com/6a5e323b5d22707cf200b644/6aa8faf6e887a5d6d1b05db7_oz-marka-w-surukle.png" alt="">Menü bileşeni</span></div><div class="nw-tasinan"><span><img src="https://cdn.prod.website-files.com/6a5e323b5d22707cf200b644/6aa8faf6e887a5d6d1b05db7_oz-marka-w-surukle.png" alt="">Manşet bileşeni</span></div></div></div><h3>Sürükle-bırak bileşenler</h3><p>Menü, manşet gibi bileşenleri sürükleyip bırakarak açılış sayfanızı kurun.</p></div><div class="nk-hucre"><div class="nk-w"><div class="nw-renkler"><label><input type="radio" name="mk-renk" checked><span style="background:#28aae1"></span></label><label><input type="radio" name="mk-renk"><span style="background:#0b1f3b"></span></label><label><input type="radio" name="mk-renk"><span style="background:#7fcdef"></span></label><label><input type="radio" name="mk-renk"><span style="background:#f59e0b"></span></label><label><input type="radio" name="mk-renk"><span style="background:#64748b"></span></label></div></div><h3>Tema renkleri</h3><p>Platformun tema renklerini kurumsal kimliğinize göre ayarlayın.</p></div><div class="nk-hucre"><div class="nk-w"><span class="nw-logo">LOGO</span><span class="nw-durum"><b>Kurum logosu</b><em>Menüde ve açılış sayfasında</em></span></div><h3>Kurum logosu</h3><p>Logonuzu menüye ve açılış sayfasına ekleyin.</p></div><div class="nk-hucre"><div class="nk-w nw-sar"><span class="nw-buton">Önizle</span><span class="nw-buton nw-dolu">Yayınla</span></div><h3>Önizleyip yayınlayın</h3><p>Değişiklikleri önizleyin, hazır olduğunda tek tıkla yayına alın.</p></div><div class="nk-hucre"><div class="nk-w"><span class="nw-kod"><b></></b>HTML · Script modülü</span></div><h3>HTML ve script modülleri</h3><p>Gelişmiş sürümde HTML ve script modülleriyle açılış sayfasını genişletin.</p></div><div class="nk-hucre"><div class="nk-w nw-sar"><span class="nw-cip nw-mavi">Alan adı</span><span class="nw-cip">E-posta şablonu</span><span class="nw-cip">Mobil uygulama</span></div><h3>White-label</h3><p>Alan adı, e-posta şablonları ve mobil uygulama kurumunuzun kimliğini taşısın.</p></div>
Aynı platform, sizin markanızla.








Kodsuz açılış sayfası, logo, tema ve white-label.