diff --git a/img/.htaccess b/img/.htaccess new file mode 100644 index 0000000..9f68372 --- /dev/null +++ b/img/.htaccess @@ -0,0 +1 @@ +Redirect http://tronax.xyz \ No newline at end of file diff --git a/img/Thumbs.db b/img/Thumbs.db new file mode 100644 index 0000000..3bd1403 Binary files /dev/null and b/img/Thumbs.db differ diff --git a/img/bg.png b/img/bg.png new file mode 100644 index 0000000..5e0c90c Binary files /dev/null and b/img/bg.png differ diff --git a/img/discordlogo.png b/img/discordlogo.png new file mode 100644 index 0000000..41073aa Binary files /dev/null and b/img/discordlogo.png differ diff --git a/img/instagramlogo.png b/img/instagramlogo.png new file mode 100644 index 0000000..7a9c712 Binary files /dev/null and b/img/instagramlogo.png differ diff --git a/img/logo.ico b/img/logo.ico new file mode 100644 index 0000000..851de80 Binary files /dev/null and b/img/logo.ico differ diff --git a/img/logo.png b/img/logo.png new file mode 100644 index 0000000..34307eb Binary files /dev/null and b/img/logo.png differ diff --git a/img/twitchlogo.png b/img/twitchlogo.png new file mode 100644 index 0000000..46fc684 Binary files /dev/null and b/img/twitchlogo.png differ diff --git a/img/twitterlogo.png b/img/twitterlogo.png new file mode 100644 index 0000000..42a12a0 Binary files /dev/null and b/img/twitterlogo.png differ diff --git a/impressum.html b/impressum.html new file mode 100644 index 0000000..aaa47f0 --- /dev/null +++ b/impressum.html @@ -0,0 +1,57 @@ + + + + + + + Tronax + + + + + + + + + + + +
+ + + + +
+ + + +
+

ANGABEN GEMÄSS § 5 TMG

+

Janik Dietz

+

Am Steigfeld 7

+

93343 Essing

+ +

KONTAKT

+

E-Mail: info@janikdietz.de

+
+ + + + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..6e42898 --- /dev/null +++ b/index.html @@ -0,0 +1,55 @@ + + + + + + + Tronax + + + + + + + + + + + +
+ + + + +
+ + + +
+ + + +
+ + + + + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..32ec343 --- /dev/null +++ b/style.css @@ -0,0 +1,128 @@ +html, body { + margin: 0; + padding: 0; + height: 100%; + text-align: center; +} +section { +height: 100%; +} +a { + text-decoration: none; +} +li { + list-style-type: none; +} +h1, h2, h3, a { + font-family: 'Ubuntu', sans-serif; + font-weight: 500; + color: #494949 + text-transform: uppercase; +} +#logo { transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms;} +#biglogo { position: absolute; left: 50%; top:50%; transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; + transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); + } +body { + background: rgb(63,94,251); +background: -moz-radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%); +background: -webkit-radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%); +background: radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%); +filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3f5efb",endColorstr="#fc466b",GradientType=1); +background-repeat: no-repeat; +overflow: hidden +} + +header { + width: 100%; + height: 65px; + position: fixed; + top: 0; + left: 0; + box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); + z-index: 1; + background: rgba(0,0,0,0); +} +#logo { + width: 65px; + float: left; + margin: 9px 0 0 10px; +} +#logo:hover { + opacity: 0.5; +} +#logo img { + width: 100%; +} +header nav { + float: right; + margin: 10px 20px 0 0; +} +header nav ul li a { + padding: 12px 11px 12px 11px; +} +header nav ul li { + width: 40px; + height: 40px; + margin: -12.5px 0px 0px 15px; + float: left; + transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; +} +header nav ul li:hover { + border-radius: 4px; + background: rgba(0, 0, 0, 0.5); +} +header nav ul li a img { + width: 20px; + margin-top: 10px; +} + +#biglogo img { + width: 75%; + transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; +} +#biglogo img:hover { + +transform: scale(1.2); + +} +footer { + width: 100%; + margin-bottom: 0; + font-family: 'Ubuntu', sans-serif; + font-size: 16px; + font-weight: bold; + position: fixed; + bottom: 0; + left: auto; + box-shadow: 0px -3px 4px rgba(0, 0, 0, 0.2); + z-index: 1; + background: rgba(0,0,0,0); +} +footer a { + text-decoration: none; + text-decoration-color: black; +} +footer a:hover { + text-decoration: underline; +} +#biglogo:hover { + +} +#imprint h1 { + font-family: 'Ubuntu', sans-serif; + font-weight: bold; + font-size: 30px; +} +#imprint p { + font-family: 'Ubuntu', sans-serif; + font-weight: bold; + font-size: 15px; +} +#imprint { + padding-top: 10% +} +.container { + height: 300px; + position: relative; +}