Line 11: | Line 11: | ||
margin: 5px; | margin: 5px; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
− | + | ||
+ | #cover { | ||
+ | background: url("https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-8/htmlcss1-img_bicycles.jpeg") no-repeat center bottom; | ||
+ | background-size: cover; | ||
+ | background-attachment: fixed; | ||
+ | height: 900px; | ||
+ | position: relative; | ||
+ | top: -55px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .cover-content { | ||
+ | box-sizing: border-box; | ||
+ | margin: 0 auto; | ||
+ | position: relative; | ||
+ | text-align: center; | ||
+ | top: 280px; | ||
+ | width: 70%; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | <div id="cover"> | ||
+ | <div class="cover-content"> | ||
+ | <h1>US AFRL Carroll HS</h1> | ||
+ | <h2>Welcome to Our Project</h2> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
</html> | </html> |
Revision as of 18:43, 7 July 2017