diff options
Diffstat (limited to 'pages')
| -rw-r--r-- | pages/css/style.css | 43 | ||||
| -rw-r--r-- | pages/index.html | 29 |
2 files changed, 72 insertions, 0 deletions
diff --git a/pages/css/style.css b/pages/css/style.css new file mode 100644 index 0000000..d3883fc --- /dev/null +++ b/pages/css/style.css @@ -0,0 +1,43 @@ +body { + background-color: #85CCDA; +} + +h1, .cta, .phone { + font-family: 'Bungee Shade', sans-serif; + text-align: center; + width: 75%; + margin: 0 auto; +} + +h1 { + font-size: 64pt; + color: #fff; + margin: 24px auto; +} + +p, ul { + font-size: 14pt; + font-family: 'Roboto', sans-serif; + margin: 0; + color: #4C5F65; +} + +.description { + text-align: center; + margin: 50px 0; +} + +.usage { + margin: 10px auto 50px; + width: 25%; +} + +.phone { + font-size: 48pt; +} + +.cta { + margin: 24px auto; + font-size: 48pt; + color: #fff; +} diff --git a/pages/index.html b/pages/index.html new file mode 100644 index 0000000..3b97c11 --- /dev/null +++ b/pages/index.html @@ -0,0 +1,29 @@ +<!doctype html> +<html> + <head> + <meta charset="utf-8"> + <meta name="description" content="A social network."> + + <title>ｄｅａｄ ｄｒｏｐ</title> + + <link href="https://fonts.googleapis.com/css?family=Bungee+Shade|Roboto:300" rel="stylesheet"> + <link href="css/style.css" rel="stylesheet"> + + </head> + <body> + <h1>DEAD DROP</h1> + <p class="description"> + Buzón de voz colaborativo. Deja un mensaje. Escucha un mensaje al azar. + </p> + <ul class="usage"> + <li>Guarda recordatorios</li> + <li>Comparte tus secretos más oscuros</li> + <li>Canta una canción</li> + <li>Di lo que estás pensando</li> + <li>Comparte tus secretos menos oscuros</li> + <li>Solo escucha</li> + </ul> + <p class="phone">(33) 4160-0915</p> + <p class="cta">Llama Ahora!</p> + </body> +</html> |