index.html

---
layout: home
search_exclude: true
image: images/logo.png
---

<div style="display: flex; justify-content: center; width: 100%; "> 
  <img src="https://github.com/paravsalaniwal/firstrepo/assets/111609656/ebead97a-f2cb-4378-a35e-7a8522502be5">
</div>

<body>

  <div style="display: flex; flex-direction: column; width: 100%; justify-content: center; align-items: center;">
    <h1 id="typewriter" style="text-align: center;">
  </div>

</body>
<script>
  var i = 0;
  var txt = "Welcome to the best franchise in APCS history.";

  var speed = 50;
  function typeWriter(x) {

    if (i <= txt.length) {
      document.getElementById("typewriter").innerHTML = txt.substring(0, i)
      i++;
      setTimeout(typeWriter, speed);
    }

  }

  typeWriter();

</script>