| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <meta http-equiv="X-UA-Compatible" content="ie=edge"> |
| <title>A Trillion Thanks! | Apache</title> |
| |
| <style> |
| /* STYLE RESET */ |
| * { |
| box-sizing: border-box; |
| } |
| |
| html, body, div, span, applet, object, iframe, |
| h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
| a, abbr, acronym, address, big, cite, code, |
| del, dfn, em, img, ins, kbd, q, s, samp, |
| small, strike, strong, sub, sup, tt, var, |
| b, u, i, center, |
| dl, dt, dd, ol, ul, li, |
| fieldset, form, label, legend, |
| table, caption, tbody, tfoot, thead, tr, th, td, |
| article, aside, canvas, details, embed, |
| figure, figcaption, footer, header, hgroup, |
| menu, nav, output, ruby, section, summary, |
| time, mark, audio, video { |
| margin: 0; |
| padding: 0; |
| border: 0; |
| font-size: 100%; |
| font: inherit; |
| vertical-align: baseline; |
| } |
| /* HTML5 display-role reset for older browsers */ |
| article, aside, details, figcaption, figure, |
| footer, header, hgroup, menu, nav, section { |
| display: block; |
| } |
| body { |
| line-height: 1; |
| } |
| ol, ul { |
| list-style: none; |
| } |
| blockquote, q { |
| quotes: none; |
| } |
| blockquote:before, blockquote:after, |
| q:before, q:after { |
| content: ''; |
| content: none; |
| } |
| table { |
| border-collapse: collapse; |
| border-spacing: 0; |
| } |
| |
| /* Page Style */ |
| body { |
| background-color: #000; |
| color: #fff; |
| font-family: Arial, Helvetica, sans-serif; |
| } |
| |
| .container { |
| display: flex; |
| flex-direction: column; |
| width: 100%; |
| height: 100%; |
| max-width: 700px; |
| margin: 0 auto; |
| padding: 1em; |
| justify-content: center; |
| align-items: center; |
| } |
| |
| img { |
| max-width: 100%; |
| height: auto; |
| } |
| |
| h1 { |
| padding: 36px 0; |
| font-size: 24px; |
| text-transform: uppercase; |
| text-align: center; |
| } |
| </style> |
| </head> |
| <body> |
| <div class="container"> |
| <a href="http://apache.org"><img src="images/trillions-stills-main_thumb.jpg" alt="Trillions and Trillions"></a> |
| <h1>Thank you for your support!</h1> |
| <a href="http://apache.org"><img src="images/ASF20th-AnimatedSmoke.gif" alt="The Apache Software Foundat - apache.org"></a> |
| </div> |
| </body> |
| </html> |
