Difference between revisions of "Team:Georgia State"
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | <style type="text/css"> | ||
+ | /* Banner */ | ||
+ | |||
+ | #banner { | ||
+ | background-color: #666666; | ||
+ | background-image: url("../images/banner.jpg"); | ||
+ | background-size: cover; | ||
+ | background-position: center center; | ||
+ | background-repeat: no-repeat; | ||
+ | color: #d8d8d8; | ||
+ | padding: 14em 0; | ||
+ | text-align: center; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #banner:before { | ||
+ | content: ''; | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | background: rgba(64, 72, 80, 0.25); | ||
+ | } | ||
+ | |||
+ | #banner .inner { | ||
+ | position: relative; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | #banner .inner :last-child { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | #banner h2, #banner h3, #banner h4, #banner h5, #banner h6 { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | #banner .button.alt { | ||
+ | box-shadow: inset 0 0 0 1px rgba(144, 144, 144, 0.75); | ||
+ | color: #ffffff !important; | ||
+ | } | ||
+ | |||
+ | #banner .button.alt:hover { | ||
+ | background-color: rgba(144, 144, 144, 0.275); | ||
+ | } | ||
+ | |||
+ | #banner .button.alt:active { | ||
+ | background-color: rgba(144, 144, 144, 0.4); | ||
+ | } | ||
+ | |||
+ | #banner .button.alt.icon:before { | ||
+ | color: #c1c1c1; | ||
+ | } | ||
+ | |||
+ | #banner .button { | ||
+ | min-width: 12em; | ||
+ | } | ||
+ | |||
+ | #banner h2 { | ||
+ | font-size: 3.5em; | ||
+ | line-height: 1em; | ||
+ | margin: 0 0 0.5em 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #banner p { | ||
+ | font-size: 1.5em; | ||
+ | margin-bottom: 2em; | ||
+ | } | ||
+ | |||
+ | #banner p a { | ||
+ | color: #ffffff; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | /* Footer */ | ||
+ | |||
+ | #footer { | ||
+ | background: #f8f8f8; | ||
+ | padding: 4em 0 6em 0; | ||
+ | } | ||
+ | |||
+ | #footer a { | ||
+ | color: inherit; | ||
+ | } | ||
+ | |||
+ | #footer .copyright { | ||
+ | color: #bbb; | ||
+ | font-size: 0.9em; | ||
+ | margin: 2em 0 0 0; | ||
+ | padding: 0; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #footer .copyright li { | ||
+ | border-left: solid 1px rgba(144, 144, 144, 0.25); | ||
+ | display: inline-block; | ||
+ | list-style: none; | ||
+ | margin-left: 1.5em; | ||
+ | padding-left: 1.5em; | ||
+ | } | ||
+ | |||
+ | #footer .copyright li:first-child { | ||
+ | border-left: 0; | ||
+ | margin-left: 0; | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | |||
+ | #footer .icons a { | ||
+ | color: #bbb; | ||
+ | } | ||
+ | </style> | ||
<head> | <head> | ||
<title>SUPER COOLNESS</title> | <title>SUPER COOLNESS</title> |
Revision as of 18:06, 29 June 2015
Ipsum feugiat consequat
Tempus adipiscing commodo ut aliquam blandit
Justo placerat
Eu non col commodo accumsan ante mi. Commodo consectetur sed mi adipiscing accumsan ac nunc tincidunt lobortis.
Blandit quis curae
Eu non col commodo accumsan ante mi. Commodo consectetur sed mi adipiscing accumsan ac nunc tincidunt lobortis.
Amet sed accumsan
Eu non col commodo accumsan ante mi. Commodo consectetur sed mi adipiscing accumsan ac nunc tincidunt lobortis.
Commodo accumsan aliquam
Amet nisi nunc lorem accumsan
Mollis adipiscing nisl
Eget mi ac magna cep lobortis faucibus accumsan enim lacinia adipiscing metus urna adipiscing cep commodo id. Ac quis arcu amet. Arcu nascetur lorem adipiscing non faucibus odio nullam arcu lobortis. Aliquet ante feugiat. Turpis aliquet ac posuere volutpat lorem arcu aliquam lorem.
Neque ornare adipiscing
Eget mi ac magna cep lobortis faucibus accumsan enim lacinia adipiscing metus urna adipiscing cep commodo id. Ac quis arcu amet. Arcu nascetur lorem adipiscing non faucibus odio nullam arcu lobortis. Aliquet ante feugiat. Turpis aliquet ac posuere volutpat lorem arcu aliquam lorem.