Difference between revisions of "Team:OLS Canmore Canada"

Line 1: Line 1:
 
{{OLS_Canmore_Canada}}
 
{{OLS_Canmore_Canada}}
 
<html>
 
<html>
 +
<style>
  
−
<body>
+
#content {
−
<p>HELLO?</p>
+
width: 100%;
−
</body>
+
overflow-x: hidden;
 +
margin-left: 100px;
 +
font-family: 'Lato', sans-serif;
 +
background-color: #262626;
 +
background: #000000 url(redbackground.jpeg) no-repeat;
 +
margin: 0px;
 +
top: 0;
 +
height: 100vh;
 +
overflow-y: hidden;
 +
}
 +
.headertext{
 +
font-size: 12vh;
 +
letter-spacing: 5px;
 +
font-weight: bold;
 +
margin: 0px;
 +
margin-top: 50px;
 +
text-align: center;
 +
line-height: 100px;
 +
vertical-align: middle;
 +
width: 100%;
 +
text-shadow: 2px 2px 10px #d9d9d9;
  
 +
-webkit-box-sizing: content-box;
 +
  -moz-box-sizing: content-box;
 +
  box-sizing: content-box;
 +
  border: none;
 +
  color:  #e80300;
 +
  text-align: center;
 +
  -o-text-overflow: clip;
 +
  text-overflow: clip;
 +
  text-shadow: 1px 1px 0 #d51919 , -1px -1px 0 #d51919 , 1px -1px 0 #d51919 , -1px 1px 0 #d51919 , 2px 2px 4px #632323 , -2px 2px 4px #632323 , 2px -2px 4px #632323 , -2px -2px 4px #632323;
  
  
 +
 +
}
 +
.subheadertext {
 +
font-size: 5vh;
 +
font-weight: normal;
 +
font-style: italic;
 +
color: #d51919;
 +
text-align: center;
 +
margin: 0px;
 +
margin-top: 1vw;
 +
line-height: 50px;
 +
vertical-align: middle;
 +
width: 100%;
 +
text-shadow: 2px 2px 4px #000000;
 +
}
 +
 +
</style>
 +
<!--style="background: url(plastic_texture1359.jpg) no-repeat fixed center;"-->
 +
<!--text-shadow: 2px 2px 4px #000000;-->
 +
<body>
 +
<p class="headertext">
 +
THE PET PEEVE PROJECT
 +
</p>
 +
<p class="subheadertext">
 +
SORTING PLASTIC INTO A CIRCULAR ECONOMY
 +
</p>
 +
<center>
 +
  <video src="indexvideo.mp4" style="margin-top: 5%; border: 5px solid #d51919;" width="auto" height="45%" autoplay loop controls></video>
 +
</center>
 +
</body>
 
</html>
 
</html>

Revision as of 21:24, 4 October 2018

THE PET PEEVE PROJECT

SORTING PLASTIC INTO A CIRCULAR ECONOMY