Menü üzerinden Site Yönetimi > Sayfalar > Yeni Sayfa Oluştur dedikten sora açılan text editörde sağ köşede bulunan <> işaretine tıklayarak html kısma istediğiniz içeriği girebilirsiniz. HTML olarak hazırlamış olduğunuz tüm içerikleri buradan ekleyip kaydederseniz şayet sorunsuz bir şekilde sayfanız görüntülenecektir. Size örnek bir sayfa html içeriği buradan paylaşıyoruz. Görseldeki gibi ekleyebilirsiniz.
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; padding: 20px; font-family: Arial, sans-serif; background-color: #ffffff;"><!-- Kampanya 1 -->
<div style="background-color: #f9f9f9; border: 2px solid #ddd; border-radius: 10px; padding: 20px; text-align: center; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);">
<h3 style="color: #1995ad; font-size: 22px; margin-bottom: 10px;">Hızlı Sanal Sunucular</h3>
<p style="font-size: 15px; color: #333; line-height: 1.5; margin-bottom: 20px;">Hız ve performans arayanlar için özel sunucu çözümleri!</p>
<div style="display: flex; justify-content: center; gap: 10px;"><a style="text-decoration: none;" href="/iletisim"> <button style="background-color: #1995ad; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 14px;"> İletişim </button> </a> <button style="background-color: #161e27; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 14px; position: relative; overflow: hidden;"> <span style="transition: opacity 0.3s ease-in-out;">Kupon Kodu</span> <span style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: #1995ad; color: white; font-size: 14px; transform: translateY(100%); transition: transform 0.3s ease-in-out;">KUPON123</span> </button></div>
</div>
<!-- Kampanya 2 -->
<div style="background-color: #f9f9f9; border: 2px solid #ddd; border-radius: 10px; padding: 20px; text-align: center; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);">
<h3 style="color: #1995ad; font-size: 22px; margin-bottom: 10px;">Esnek Bulut Çözümleri</h3>
<p style="font-size: 15px; color: #333; line-height: 1.5; margin-bottom: 20px;">Projelerinize özel kaynaklarla bulut esnekliği.</p>
<div style="display: flex; justify-content: center; gap: 10px;"><a style="text-decoration: none;" href="/iletisim"> <button style="background-color: #1995ad; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 14px;"> İletişim </button> </a> <button style="background-color: #161e27; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 14px; position: relative; overflow: hidden;"> <span style="transition: opacity 0.3s ease-in-out;">Kupon Kodu</span> <span style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: #1995ad; color: white; font-size: 14px; transform: translateY(100%); transition: transform 0.3s ease-in-out;">KUPON456</span> </button></div>
</div>
<!-- Kampanya 3 -->
<div style="background-color: #f9f9f9; border: 2px solid #ddd; border-radius: 10px; padding: 20px; text-align: center; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);">
<h3 style="color: #1995ad; font-size: 22px; margin-bottom: 10px;">Güvenli Sunucu Hizmetleri</h3>
<p style="font-size: 15px; color: #333; line-height: 1.5; margin-bottom: 20px;">Verileriniz için maksimum güvenlik ve koruma.</p>
<div style="display: flex; justify-content: center; gap: 10px;"><a style="text-decoration: none;" href="/iletisim"> <button style="background-color: #1995ad; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 14px;"> İletişim </button> </a> <button style="background-color: #161e27; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 14px; position: relative; overflow: hidden;"> <span style="transition: opacity 0.3s ease-in-out;">Kupon Kodu</span> <span style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: #1995ad; color: white; font-size: 14px; transform: translateY(100%); transition: transform 0.3s ease-in-out;">KUPON789</span> </button></div>
</div>
<!-- Kampanya 4 -->
<div style="background-color: #f9f9f9; border: 2px solid #ddd; border-radius: 10px; padding: 20px; text-align: center; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);">
<h3 style="color: #1995ad; font-size: 22px; margin-bottom: 10px;">Yüksek Kapasiteli Sunucular</h3>
<p style="font-size: 15px; color: #333; line-height: 1.5; margin-bottom: 20px;">Büyük projeler için yüksek kapasite ve dayanıklılık.</p>
<div style="display: flex; justify-content: center; gap: 10px;"><a style="text-decoration: none;" href="/iletisim"> <button style="background-color: #1995ad; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 14px;"> İletişim </button> </a> <button style="background-color: #161e27; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 14px; position: relative; overflow: hidden;"> <span style="transition: opacity 0.3s ease-in-out;">Kupon Kodu</span> <span style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: #1995ad; color: white; font-size: 14px; transform: translateY(100%); transition: transform 0.3s ease-in-out;">KUPON101</span> </button></div>
</div>
<!-- Kampanya 5 -->
<div style="background-color: #f9f9f9; border: 2px solid #ddd; border-radius: 10px; padding: 20px; text-align: center; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);">
<h3 style="color: #1995ad; font-size: 22px; margin-bottom: 10px;">Yazılım Hizmetleri</h3>
<p style="font-size: 15px; color: #333; line-height: 1.5; margin-bottom: 20px;">Büyük projeler için yüksek kapasite ve dayanıklılık.</p>
<div style="display: flex; justify-content: center; gap: 10px;"><a style="text-decoration: none;" href="/iletisim"> <button style="background-color: #1995ad; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 14px;"> İletişim </button> </a> <button style="background-color: #161e27; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 14px; position: relative; overflow: hidden;"> <span style="transition: opacity 0.3s ease-in-out;">Kupon Kodu</span> <span style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: #1995ad; color: white; font-size: 14px; transform: translateY(100%); transition: transform 0.3s ease-in-out;">KUPON101</span> </button></div>
</div>
<!-- Kampanya 6 -->
<div style="background-color: #f9f9f9; border: 2px solid #ddd; border-radius: 10px; padding: 20px; text-align: center; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);">
<h3 style="color: #1995ad; font-size: 22px; margin-bottom: 10px;">Ağ Çözümleri</h3>
<p style="font-size: 15px; color: #333; line-height: 1.5; margin-bottom: 20px;">Büyük projeler için yüksek kapasite ve dayanıklılık.</p>
<div style="display: flex; justify-content: center; gap: 10px;"><a style="text-decoration: none;" href="/iletisim"> <button style="background-color: #1995ad; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 14px;"> İletişim </button> </a> <button style="background-color: #161e27; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-size: 14px; position: relative; overflow: hidden;"> <span style="transition: opacity 0.3s ease-in-out;">Kupon Kodu</span> <span style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: #1995ad; color: white; font-size: 14px; transform: translateY(100%); transition: transform 0.3s ease-in-out;">KUPON101</span> </button></div>
</div>
</div>
