(Created page with "{{Template:Toronto/CSS}} <html> </html>") |
|||
Line 1: | Line 1: | ||
{{Template:Toronto/CSS}} | {{Template:Toronto/CSS}} | ||
<html> | <html> | ||
+ | <style> | ||
+ | .teamBanner{ | ||
+ | position: relative; | ||
+ | text-align: center; | ||
+ | padding-top:100px; | ||
+ | padding-bottom:100px; | ||
+ | list-style: none; | ||
+ | font-family: "Impact", "Charcoal", sans-serif; | ||
+ | margin-top: 0px; | ||
+ | font-size:44px; | ||
+ | width:100%; | ||
+ | background-color:#0B75AF; | ||
+ | color:#FFF; | ||
+ | background-image: linear-gradient(to right, black , yellow); | ||
+ | } | ||
+ | .teamBanner .content{ | ||
+ | position: absolute; | ||
+ | z-index:5; | ||
+ | text-align: center; | ||
+ | width: 100%; | ||
+ | } | ||
+ | .teamBanner::after{ | ||
+ | content: ""; | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | left: 0px; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | z-index:6; | ||
+ | background-image: url(https://i.stack.imgur.com/Hp53k.jpg); | ||
+ | background-size: cover; | ||
+ | opacity: 0.2; | ||
+ | } | ||
+ | |||
+ | .blackBackround{ | ||
+ | background-color: #000; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <body> | ||
+ | <div class="blackBackround"> | ||
+ | <h1 class="teamBanner">Wet Lab</h1> | ||
+ | </div> | ||
+ | <div> | ||
+ | <h1>Dry Lab</h1> | ||
+ | <h1>Content</h1> | ||
+ | <h1>Dry Lab</h1> | ||
+ | <h1>Content</h1> | ||
+ | <h1>Dry Lab</h1> | ||
+ | <h1>Content</h1> | ||
+ | <h1>Dry Lab</h1> | ||
+ | <h1>Content</h1> | ||
+ | <h1>Dry Lab</h1> | ||
+ | <h1>Content</h1> | ||
+ | <h1>Dry Lab</h1> | ||
+ | <h1>Content</h1> | ||
+ | <h1>Dry Lab</h1> | ||
+ | <h1>Content</h1> | ||
+ | <h1>Dry Lab</h1> | ||
+ | <h1>Content</h1> | ||
+ | <h1>Dry Lab</h1> | ||
+ | <h1>Content</h1> | ||
+ | <h1>Dry Lab</h1> | ||
+ | <h1>Content</h1> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 19:38, 21 August 2018