repl.it
@austinsanims/

chaosCreation-site

HTML, CSS, JS

No description

fork
loading
Files
  • index.html
  • austlogo.jpg
  • favicon.ico
  • logo.gif
  • script.js
  • style.css
index.html
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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<DOCTYPE html>
  <!-- take whatever you want idc -->
<html>
  <head>
    <style>
      .bodyDiv {
  animation-name: fadeIn;
  animation-duration: 2s;
      }
      .logo {
        animation-name: logospin;
        animation-duration: 20s;
        border-radius: 50%;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
      }
      .buttone {
        border-radius: 5px;
        border: none;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #2779f5;
        color: #ffffff;
        cursor: pointer;
        transition-duration: 0.4s;
      }
      .buttone span {
        transition-duration: 0.4s;
      }
      .buttone:hover {
        background-color: #406cff;
        box-shadow: 0 5px #666;
        transform: translateY(-4px);
      }

      .button:hover span {
        padding-right: 25px;
      }
      @keyframes fadeIn {
  from {
    opacity: 0;
    padding-top:60px;
  }
  to {
    opacity: 1;
    padding-top:0px;
  }
      }

      @keyframes logospin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }

      
}

    </style>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    <link rel="icon" href="/favicon.ico" type="image/x-icon">
    <title>chaosCreation's webiste.</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <div class="bodyDiv">
    <img src="/austlogo.jpg" class="logo"><br>
    <img src="/logo.gif" align="center" width=150>
    <h1>wHO IS HE!?</h1>
    <p>kid on his beepboop compute</p>
    <h1>wHY IS HE HERE!!?</h1>
    <p>mother</p>
    <h1>wHat does he do</h1>
    <p>i do cool code like html, javascript, css, mugen, vb.net, scratch and i do game like tf2, kof, svc and other cool</p>
    <h1>cool link(s)</h1>
    <a href="http://austinsanims.ml"><button class="buttone"><span>other site</span></button></a>
    <a href="http://youtube.com/austinsanimationsandmore"><button class="buttone"><span>youtube</span></button></a>
    <script src="script.js"></script>
    </div>
  </body>
</html>
result
console