diff options
| -rw-r--r-- | button1.png | bin | 0 -> 4219 bytes | |||
| -rw-r--r-- | index.html | 27 | ||||
| -rw-r--r-- | mayura.gif | bin | 0 -> 100118 bytes | |||
| -rw-r--r-- | style.css | 41 |
4 files changed, 68 insertions, 0 deletions
diff --git a/button1.png b/button1.png Binary files differnew file mode 100644 index 0000000..a541000 --- /dev/null +++ b/button1.png diff --git a/index.html b/index.html new file mode 100644 index 0000000..96c9a95 --- /dev/null +++ b/index.html @@ -0,0 +1,27 @@ +<html> + + <head> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <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=Itim&display=swap" rel="stylesheet"> + <link rel="stylesheet" href="style.css"></link> + </head> + + <body> + <div class="mainflex"> + <img src="mayura.gif" class="mayura"></img> + <nav class="header-right"> + <a href="#default">Home</a> + <a href="https://git.0010440.xyz">Git</a> + <a href="#default">Contact</a> + </nav> + </div> + + <footer> + <br> + <a href="https://0010440.xyz"> <img src="button1.png"></img></a> + </footer> + </body> + +</html> diff --git a/mayura.gif b/mayura.gif Binary files differnew file mode 100644 index 0000000..2613425 --- /dev/null +++ b/mayura.gif diff --git a/style.css b/style.css new file mode 100644 index 0000000..cff8753 --- /dev/null +++ b/style.css @@ -0,0 +1,41 @@ + +body { + background-color: black; + font-size: 20; +} + +.mainflex { + + display: flex; + justify-content: center; + height: 90vh; + align-items: center; + flex-direction: column; + gap: 0.5%; + +} + +.mainflex img { + + margin-left: 110px; + +} + +a { + color: violet; + text-decoration: none; + text-shadow: indigo 2px 5px; +} + +a:hover { + color: slateblue; + text-decoration: none; + text-shadow: navy 2px 5px; +} + +footer { + border-top: 2px dashed grey; + display: flex; + justify-content: center; + padding: 2%; +} |
