<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>KARPAR OTOMOTİV</title>
<style>
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
font-family: Arial, sans-serif;
}
#header {
position: absolute;
top: 20px;
text-align: center;
width: 100%;
}
</style>
</head>
<body>
<div id="header"></div>
<script>
const texts = [
'<h1>KARPAR OTOMOTİV</h1>',
'<h1 style="color: red;">KARPAR OTOMOTİV</h1>',
'<h1 style="font-style: italic;">KARPAR OTOMOTİV</h1>',
'<h1 style="text-decoration: underline;">KARPAR OTOMOTİV</h1>',
'<h1 style="font-size: 2em;">KARPAR OTOMOTİV</h1>',
'<h1 style="letter-spacing: 2px;">KARPAR OTOMOTİV</h1>',
'<h1 style="background-color: yellow;">KARPAR OTOMOTİV</h1>',
'<h1 style="border: 2px solid black; padding: 10px;">KARPAR OTOMOTİV</h1>',
'<h1 style="text-shadow: 2px 2px #ff0000;">KARPAR OTOMOTİV</h1>',
'<h1 style="font-family: 'Courier New', Courier, monospace;">KARPAR OTOMOTİV</h1>'
];
let currentIndex = 0;
function changeText() {
document.getElementById('header').innerHTML = texts[currentIndex];
currentIndex = (currentIndex + 1) % texts.length;
}
setInterval(changeText, 1000);
// Initial call to display the first text immediately
changeText();
</script>
</body>
</html>