Difference between revisions of "Team:Montpellier"
MariePeras (Talk | contribs) |
MariePeras (Talk | contribs) |
||
| Line 29: | Line 29: | ||
| + | *{padding: 0; margin: 0; box-sizing: border-box;} | ||
| + | body{height: 900px;} | ||
| + | header { | ||
| + | background: url('http://www.autodatz.com/wp-content/uploads/2017/05/Old-Car-Wallpapers-Hd-36-with-Old-Car-Wallpapers-Hd.jpg'); | ||
| + | text-align: center; | ||
| + | width: 100%; | ||
| + | height: auto; | ||
| + | background-size: cover; | ||
| + | background-attachment: fixed; | ||
| + | position: relative; | ||
| + | overflow: hidden; | ||
| + | border-radius: 0 0 85% 85% / 30%; | ||
| + | } | ||
| + | header .overlay{ | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | padding: 50px; | ||
| + | color: #FFF; | ||
| + | text-shadow: 1px 1px 1px #333; | ||
| + | background-image: linear-gradient( 135deg, #9f05ff69 10%, #fd5e086b 100%); | ||
| + | |||
| + | } | ||
| + | h1 { | ||
| + | font-family: 'Dancing Script', cursive; | ||
| + | font-size: 80px; | ||
| + | margin-bottom: 30px; | ||
| + | } | ||
| + | |||
| + | h3, p { | ||
| + | font-family: 'Open Sans', sans-serif; | ||
| + | margin-bottom: 30px; | ||
| + | } | ||
| + | |||
| + | button { | ||
| + | border: none; | ||
| + | outline: none; | ||
| + | padding: 10px 20px; | ||
| + | border-radius: 50px; | ||
| + | color: #333; | ||
| + | background: #fff; | ||
| + | margin-bottom: 50px; | ||
| + | box-shadow: 0 3px 20px 0 #0000003b; | ||
| + | } | ||
| + | button:hover{ | ||
| + | cursor: pointer; | ||
| + | } | ||
| Line 36: | Line 82: | ||
</style> | </style> | ||
</head> | </head> | ||
| + | <header> | ||
| + | <div class="overlay"> | ||
| + | <h1>Simply The Best</h1> | ||
| + | <h3>Reasons for Choosing US</h3> | ||
| + | <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vero nostrum quis, odio veniam itaque ullam debitis qui magnam consequatur ab. Vero nostrum quis, odio veniam itaque ullam debitis qui magnam consequatur ab.</p> | ||
| + | <br> | ||
| + | <button>READ MORE</button> | ||
| + | </div> | ||
| + | </header> | ||
<body> | <body> | ||
| Line 49: | Line 104: | ||
| − | |||
| − | |||
| − | |||
| − | |||
</body> | </body> | ||
Revision as of 18:08, 7 October 2018
