Oscarliu117 (Talk | contribs) |
Oscarliu117 (Talk | contribs) |
||
Line 8: | Line 8: | ||
<body data-spy="scroll" data-target=".navbar-example"> | <body data-spy="scroll" data-target=".navbar-example"> | ||
+ | |||
+ | <header> | ||
+ | <div class="carousel-inner" role="listbox"> | ||
+ | <div class="carousel-item active" style="background-image: url('http://placehold.it/1900x1080')"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </header> | ||
+ | |||
<div class="container content"> | <div class="container content"> | ||
<h1 class="head">Integrated Human Practices</h1> | <h1 class="head">Integrated Human Practices</h1> | ||
Line 109: | Line 117: | ||
</div> | </div> | ||
<style> | <style> | ||
− | body { | + | |
+ | /*header*/ | ||
+ | .carousel-item { | ||
+ | height: 100vh; | ||
+ | min-height: 300px; | ||
+ | background: no-repeat center center scroll; | ||
+ | -webkit-background-size: cover; | ||
+ | -moz-background-size: cover; | ||
+ | -o-background-size: cover; | ||
+ | background-size: cover; | ||
+ | } | ||
+ | |||
+ | |||
+ | body { | ||
background-color: #272625; | background-color: #272625; | ||
font-family: 'Noto Sans',"微軟雅黑","Microsoft YaHei",Helvetica,sans-serif; | font-family: 'Noto Sans',"微軟雅黑","Microsoft YaHei",Helvetica,sans-serif; | ||
− | + | } | |
− | h3 { | + | h3 { |
− | + | color: white; | |
− | + | font-size: 35px; | |
− | } | + | } |
− | p { | + | p { |
− | + | color: white; | |
− | + | font-size: 20px; | |
− | } | + | } |
− | /* Button */ | + | |
− | .animate | + | /* Button */ |
− | { | + | .animate{ |
transition: all 0.1s; | transition: all 0.1s; | ||
-webkit-transition: all 0.1s; | -webkit-transition: all 0.1s; | ||
− | } | + | } |
− | .action-button | + | .action-button{ |
− | { | + | position: relative; |
− | + | padding: 10px 40px; | |
− | + | margin: 0px 10px 10px 0px; | |
− | + | float: right; | |
− | + | margin-right: 20px; | |
− | + | margin-bottom: 20px; | |
− | + | margin-bottom: 20px; | |
− | + | margin-right: 20px; | |
− | + | ||
border-radius: 10px; | border-radius: 10px; | ||
font-family: 'Pacifico', cursive; | font-family: 'Pacifico', cursive; | ||
Line 145: | Line 165: | ||
color: #FFF; | color: #FFF; | ||
text-decoration: none; | text-decoration: none; | ||
− | } | + | } |
− | .blue:hover | + | .blue:hover{ |
− | { | + | |
background-color: #46a3ff; | background-color: #46a3ff; | ||
− | } | + | } |
− | .blue | + | .blue{ |
− | { | + | |
background-color: #3498DB; | background-color: #3498DB; | ||
border-bottom: 5px solid #2980B9; | border-bottom: 5px solid #2980B9; | ||
text-shadow: 0px -2px #2980B9; | text-shadow: 0px -2px #2980B9; | ||
− | } | + | } |
/* The card */ | /* The card */ |
Revision as of 07:34, 9 September 2018