diff options
| author | Alee <alee14498@gmail.com> | 2018-03-07 16:33:03 -0500 |
|---|---|---|
| committer | Alee <alee14498@gmail.com> | 2018-03-07 16:33:03 -0500 |
| commit | 675ec5d8507e06be9f60bb8960ad8f62ed84f6ea (patch) | |
| tree | 4a58e6d142898ab10d34c23611e0c31b4fbda0a6 | |
| parent | 7e839e52c0d56ca2f73bfd9c0fda1da2255c3832 (diff) | |
| download | pokeworld-website-675ec5d8507e06be9f60bb8960ad8f62ed84f6ea.tar.gz pokeworld-website-675ec5d8507e06be9f60bb8960ad8f62ed84f6ea.tar.bz2 pokeworld-website-675ec5d8507e06be9f60bb8960ad8f62ed84f6ea.zip | |
Added source files
| -rwxr-xr-x | css/style.css | 68 | ||||
| -rwxr-xr-x | index.html | 38 |
2 files changed, 106 insertions, 0 deletions
diff --git a/css/style.css b/css/style.css new file mode 100755 index 0000000..c8bef67 --- /dev/null +++ b/css/style.css @@ -0,0 +1,68 @@ +body { + font-family: Segoe UI, Helvetica, Arial; + padding:0; + margin:0; + background-color:#3e443e; + color:white; +} + +.container { + width:80%; + margin:auto; + overflow:hidden; +} + +header { + background-color:#262627; + color:white; + padding-top:30px; + min-height:70px; + border-bottom:#0ab12e 3px solid; +} + +header a { + color:white; + text-decoration:none; + font-size:16px; +} + +header ul { + margin:0; + padding:0; +} + +header li { + display:inline; + padding: 0 20px 0 20px; +} + +header #branding { + float:left; +} + +header #branding h1 { + margin:0; +} + +header nav { + float:right; + margin-top:10px; +} + +header .current a { + color:#0ab12e; + font-weight:bold; +} + +header a:hover { + color:#2f773d; + font-weight:Bold; +} + +footer { + padding:20px; + margin-top:20px; + color:white; + background-color: #0ab120; + text-align: center; +}
\ No newline at end of file diff --git a/index.html b/index.html new file mode 100755 index 0000000..c341662 --- /dev/null +++ b/index.html @@ -0,0 +1,38 @@ +<!DOCTYPE HTML> +<!-- The style is based from the ACN website !--> +<html> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width"> + <title>PokeWorld | Home</title> + <link rel="stylesheet" href="./css/style.css"> + </head> + <body> + <header> + <div class="container"> + <div id="branding"> + <h1>PokeWorld</h1> + </div> + <nav> + <ul> + <li class="current"><a href="#">Home</a></li> + <li><a href="#">Pokebot</a></li> + <li><a href="#">Typer</a></li> + <li><a href="#">About</a></li> + </ul> + </nav> + </div> + </header> + <div class="container"> + <h1>Header 1</h1> + <h2>Header 2</h2> + <h3>Header 3</h3> + <h4>Header 4</h4> + <h5>Header 5</h5> + <h6>Header 6</h6> + </div> + <footer> + <p>AleeCorp Network, Copyright © 2017</p> + </footer> + </body> +</html> |