Yönetim Paneli

Resimler

Türkçe Başlık

Türkçe İçerik

body {
overflow-y:hidden;
  margin: 0;
font-family: 'Century Gothic', sans-serif;
  font-size: 17px;
}

#myVideo {
  position: fixed;
	left: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}

/* Wrapper to Center the Typewriter */
.wrapper {
  background: rgba(255, 255, 255, 0.5);
  color: #f1f1f1;
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

.centeredBox {
	width: 100%;
	text-align: center;
    color:#000;
	font-size:35px;
	}

/* The Typewriter */

#typewriter  {
	
}

.cursor {
	border-left: 4px solid #000;
	box-shadow: 10px 1px 10px #fff;
}
	
@media screen and (max-width : 1920px){
	  #iletisim{
  visibility:visible;
  }
}
@media screen and (max-width : 906px){
	  #iletisim{
  visibility:hidden;
  }
}

.btn-contact {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  border:4px solid #000;
  color: #000;
  font-size:30px;
  padding-top:5px;
  margin-left:3px;
  margin-right:3px;
		box-shadow: 1px 1px 15px #fff;
	text-shadow: 1px 1px 15px #fff;
}

.btn-contact:hover {    
	color:	#000;
		text-shadow: 0px 0px 0px #fff;
}
</style>

<video id="myVideo" style="z-index:-1;" playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop">
  <source src="dosyalar/upload/video.mp4" type="video/mp4">
  <source src="dosyalar/upload/video.webm" type="video/webm">
  Your browser does not support HTML5 video.
</video>

<div class="wrapper">		
					  
	                  <div class="centeredBox"> 
					  <div style="height:120px;">	
					  <img src="dosyalar/upload/logo.png" style="height:100px;" alt="Yaşar Güroğlu" title="Yaşar Güroğlu">	
					     </div>
                       <div style="height:120px;">					  
		               <span id="typewriter" data-array="" style="text-shadow: 1px 1px 15px #fff;">E-Bel</span>
		               <span class="cursor"></span>
                       </div>			
				      <div class="text-center">
                          <a href="tel:+905325209367" class="btn-contact"><i class="fa-solid fa-phone"></i></a>     
                          <a href="mailto:y.guroglu@gmail.com" class="btn-contact"><i class="fa-solid fa-envelope"></i></a>   
		                  <a href="https://wa.me/+905325209367" target="_blank" class="btn-contact"><i class="fa-brands fa-whatsapp"></i></a>		   
			              <a href="https://www.instagram.com/yasar.guroglu/" target="_blank" class="btn-contact"><i class="fa-brands fa-instagram"></i></a>	
						  <a href="https://www.youtube.com/@yasar.guroglu" target="_blank" class="btn-contact"><i class="fa-brands fa-youtube"></i></a>	
						  			  <p id="iletisim" style="font-size:20px; margin-top:30px; text-shadow: 1px 1px 15px #fff;"><i class="fa-solid fa-phone"></i> 0532 520 93 67  <i class="fa-solid fa-envelope"></i> y.guroglu@gmail.com
                      </p></div>	              
                    </div>	   
					</div>
			
		<script>
// The typewriter element
var typeWriterElement = document.getElementById('typewriter');

// The TextArray: 
var textArray = ["Kurumsal Web Site", "E-Ticaret Sitesi", "Muhasebe Programı", "E-Belge Entegrasyonu", "Sanal Pos Entegrasyonu"];

// You can also do this by transfering it through a data-attribute
// var textArray = typeWriterElement.getAttribute('data-array');

// function to generate the backspace effect 
function delWriter(text, i, cb) {
	if (i >= 0 ) {
		typeWriterElement.innerHTML = text.substring(0, i--);
		// generate a random Number to emulate backspace hitting.
 		var rndBack = 10 + Math.random() * 100;
		setTimeout(function() {
			delWriter(text, i, cb);
		},rndBack); 
	} else if (typeof cb == 'function') {
		setTimeout(cb,1000);
	}
};

// function to generate the keyhitting effect
function typeWriter(text, i, cb) {
	if ( i < text.length+1 ) {
		typeWriterElement.innerHTML = text.substring(0, i++);
		// generate a random Number to emulate Typing on the Keyboard.
		var rndTyping = 250 - Math.random() * 100;
		setTimeout( function () { 
			typeWriter(text, i++, cb)
		},rndTyping);
	} else if (i === text.length+1) {
		setTimeout( function () {
			delWriter(text, i, cb)
		},1000);
	}
};

// the main writer function
function StartWriter(i) {
	if (typeof textArray[i] == "undefined") {
		setTimeout( function () {
			StartWriter(0)
		},1000);
	} else if(i < textArray[i].length+1) {
		typeWriter(textArray[i], 0, function () {
			StartWriter(i+1);
		});
	}  
};
// wait one second then start the typewriter
setTimeout( function () {
	StartWriter(0);
},1000);
	
</script>

Vitrin Ürünleri

Sil	Ürün	Sıralama