Delta.co/index.html at main · MrFiscus/Delta.co · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <script src="./script.js"></script>
    <title>Delta.co</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,500;1,100&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Kanit:wght@100;300&display=swap" rel="stylesheet">
<link rel="shortcut icon" type="x-icon" href="./iconmonstr-building-20-24 (1).png">
</head>
<body>
    <div class="homepage">
<nav>
    <h1 class="logo">Delta.</h1>
        <ul>
            <li class="temp"> <a href="#">Home</a></li>
            <li> <a href="#">About Us</a></li>
            <li> <a href="#">Services</a></li>
            <li> <a href="#">Contact Us</a></li>
            <li> <a href="#">Downloads</a></li>
            <a href="loginpage.html">  <button data-text="Awesome" class="button">
                <span class="actual-text">&nbsp;signup&nbsp;</span>
                <span class="hover-text" aria-hidden="true">&nbsp;Signup&nbsp;</span>
            </button> </a>
</nav>

<div class="text-body">

<div class="container">
    <div class="text-body-main">Welcome To Delta</div>
<div>
    <span class="text first-text">We Make</span>
    <span class="text sec-text">&#160;Websites</span>
</div>
    <button class="cssbuttons-io-button"> Learn More
        <div class="icon">
          <svg height="24" width="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"></path><path d="M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z" fill="currentColor"></path></svg>
        </div>
      </button>
</div>
</div>

<script>
    const text = document.querySelector(".sec-text");

    const textLoad = () => {
        setTimeout(() => {
            text.textContent = " Websites";
        }, 0);
        setTimeout(() => {
            text.textContent = " Software";
        }, 4000);
        setTimeout(() => {
            text.textContent = " Games";
        }, 8000);
    }

    textLoad();
    setInterval(textLoad, 12000);
</script>
</body>
</html>