Difference between revisions of "project10:P3"
From 100ybp
(Replaced content with " Empty") |
|||
Line 1: | Line 1: | ||
+ | __NOTITLE__ __NOTOC__ | ||
+ | <html> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Roboto:300" rel="stylesheet"> | ||
+ | <style> | ||
− | + | div#headercontainer { | |
+ | width: 850px; | ||
+ | height: 30px; | ||
+ | margin: 0px; | ||
+ | margin-bottom: 0px; | ||
+ | margin-top: -20px; | ||
+ | padding: 0px; | ||
+ | border: 0px; | ||
+ | background: #514E4F;} | ||
+ | |||
+ | div#Namecontainer { | ||
+ | width: 846px; | ||
+ | height: 20px; | ||
+ | margin: 0px; | ||
+ | margin-top: -7px; | ||
+ | padding: 0px; | ||
+ | border: 0px; | ||
+ | background: #808284; | ||
+ | text-align:center; | ||
+ | font-family: 'Roboto', sans-serif; | ||
+ | font-size: 20px; | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | div#container { | ||
+ | width: 842px; | ||
+ | margin: 0px; | ||
+ | margin-top:-4px; | ||
+ | padding: 0px; | ||
+ | border: 4px; | ||
+ | border-style: solid; | ||
+ | border-color: #514E4F; | ||
+ | } | ||
+ | |||
+ | div#headline { | ||
+ | width: 846px; | ||
+ | height: 36px; | ||
+ | margin-top: 50px; | ||
+ | padding: 0px; | ||
+ | font-family: 'Roboto', sans-serif; | ||
+ | font-size: 50px; | ||
+ | color: #FFFFFF; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | div#button { | ||
+ | float: left; | ||
+ | width: 140px; | ||
+ | height: 40px; | ||
+ | margin-right: 0px; | ||
+ | margin-top: 10px; | ||
+ | opacity: 1; | ||
+ | background: #514E4F; | ||
+ | text-align:center; | ||
+ | font-family: 'Roboto', sans-serif; | ||
+ | font-size: 16px; | ||
+ | color:#FFFFFF; | ||
+ | } | ||
+ | |||
+ | div#buttonDarkBlue { | ||
+ | float: left; | ||
+ | width: 140px; | ||
+ | height: 40px; | ||
+ | margin-right: 0px; | ||
+ | margin-top: 10px; | ||
+ | opacity: 1; | ||
+ | background: #514E4F; | ||
+ | text-align:center; | ||
+ | font-family: 'Roboto', sans-serif; | ||
+ | font-size: 16px; | ||
+ | color:#FFFFFF; | ||
+ | } | ||
+ | |||
+ | div#buttonMediumBlue { | ||
+ | float: left; | ||
+ | width: 140px; | ||
+ | height: 40px; | ||
+ | margin-right: 0px; | ||
+ | margin-top: 10px; | ||
+ | opacity: 1; | ||
+ | background: #514E4F; | ||
+ | text-align:center; | ||
+ | font-family: 'Roboto', sans-serif; | ||
+ | font-size: 16px; | ||
+ | color:#FFFFFF; | ||
+ | } | ||
+ | |||
+ | div#buttonYellow { | ||
+ | float: left; | ||
+ | width: 140px; | ||
+ | height: 40px; | ||
+ | margin-right: 0px; | ||
+ | margin-top: 10px; | ||
+ | opacity: 1; | ||
+ | background: #514E4F; | ||
+ | text-align:center; | ||
+ | font-family: 'Roboto', sans-serif; | ||
+ | font-size: 16px; | ||
+ | color:#FFFFFF; | ||
+ | } | ||
+ | |||
+ | div#buttonMediumRed { | ||
+ | float: left; | ||
+ | width: 140px; | ||
+ | height: 40px; | ||
+ | margin-right: 0px; | ||
+ | margin-top: 10px; | ||
+ | opacity: 1; | ||
+ | background: #514E4F; | ||
+ | text-align:center; | ||
+ | font-family: 'Roboto', sans-serif; | ||
+ | font-size: 16px; | ||
+ | color:#FFFFFF; | ||
+ | } | ||
+ | |||
+ | div#buttonDarkRed { | ||
+ | float: left; | ||
+ | width: 145px; | ||
+ | height: 40px; | ||
+ | margin-right: 0px; | ||
+ | margin-top: 10px; | ||
+ | opacity: 1; | ||
+ | background: #514E4F; | ||
+ | text-align:center; | ||
+ | font-family: 'Roboto', sans-serif; | ||
+ | font-size: 16px; | ||
+ | color:#FFFFFF; | ||
+ | } | ||
+ | |||
+ | div#buttonDarkBlue a:link {color: #A7A9AB; text-decoration: none; opacity: 1;} | ||
+ | div#buttonDarkBlue a:visited {color: #A7A9AB; text-decoration: none; opacity: 1;} | ||
+ | div#buttonDarkBluen a:active {background: #617dc6;color: #000000; text-decoration: none; opacity: 1;} | ||
+ | div#buttonDarkBlue a:hover {color: #FFFFFF; text-decoration: none; opacity: 1; font-weight: bold;} | ||
+ | |||
+ | div#buttonMediumBlue a:link {color: #A7A9AB; text-decoration: none; opacity: 1;} | ||
+ | div#buttonMediumBlue a:visited {color: #A7A9AB; text-decoration: none; opacity: 1;} | ||
+ | div#buttonMediumBlue a:active {background: #01b9bb;color: #000000; text-decoration: none; opacity: 1;} | ||
+ | div#buttonMediumBlue a:hover {color: #FFFFFF; text-decoration: none; opacity: 1; font-weight: bold;} | ||
+ | |||
+ | div#buttonYellow a:link {color: #A7A9AB; text-decoration: none; opacity: 1;} | ||
+ | div#buttonYellow a:visited {color: #A7A9AB; text-decoration: none; opacity: 1;} | ||
+ | div#buttonYellow a:active {background: #f7d22b;color: #000000; text-decoration: none; opacity: 1;} | ||
+ | div#buttonYellow a:hover {color: #FFFFFF; text-decoration: none; opacity: 1; font-weight: bold;} | ||
+ | |||
+ | div#buttonMediumRed a:link {color: #A7A9AB; text-decoration: none; opacity: 1;} | ||
+ | div#buttonMediumRed a:visited {color: #A7A9AB; text-decoration: none; opacity: 1;} | ||
+ | div#buttonMediumRed a:active {background: #f25e42;color: #000000; text-decoration: none; opacity: 1;} | ||
+ | div#buttonMediumRed a:hover {color: #FFFFFF; text-decoration: none; opacity: 1; font-weight: bold;} | ||
+ | |||
+ | div#buttonDarkRed a:link {color: #A7A9AB; text-decoration: none; opacity: 1;} | ||
+ | div#buttonDarkRed a:visited {color: #A7A9AB; text-decoration: none; opacity: 1;} | ||
+ | div#buttonDarkRed a:active {background: #e26c7a;color: #000000; text-decoration: none; opacity: 1;} | ||
+ | div#buttonDarkRed a:hover {color: #FFFFFF; text-decoration: none; opacity: 1; font-weight: bold;} | ||
+ | |||
+ | </style> | ||
+ | </html> | ||
+ | |||
+ | [[File:Newcoverpage.jpg | 850px]] | ||
+ | <div id="headercontainer"> | ||
+ | <div id="buttonDarkBlue"> | ||
+ | [[Project10:Main|'''Main''']] | ||
+ | </div> | ||
+ | <div id="buttonMediumBlue"> | ||
+ | [[Project10:P1|'''P1''']] | ||
+ | </div> | ||
+ | <div id="buttonYellow"> | ||
+ | [[Project10:P2|'''P2''']] | ||
+ | </div> | ||
+ | <div id="buttonMediumRed"> | ||
+ | [[Project10:P3|'''P3''']] | ||
+ | </div> | ||
+ | <div id="buttonDarkRed"> | ||
+ | [[Project10:P4|'''P4''']] | ||
+ | </div> | ||
+ | <div id="buttonDarkRed"> | ||
+ | [[Project10:Documents|'''Documents''']] | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div id="container"> | ||
+ | |||
+ | [[File:P3.jpg| 842px]] | ||
+ | [[File:P32.jpg| 842px]] | ||
+ | [[File:P33.jpg| 842px]] | ||
+ | [[File:P34.jpg| 842px]] | ||
+ | [[File:P35.jpg| 842px]] | ||
+ | [[File:P36.jpg| 842px]] | ||
+ | [[File:P37.jpg| 842px]] | ||
+ | [[File:P38.jpg| 842px]] | ||
+ | [[File:P39.jpg| 842px]] | ||
+ | |||
+ | <html><iframe width="842" height="500" src="https://www.youtube.com/embed/MVFcr0n0ULU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> | ||
+ | <iframe width="842" height="500" src="https://www.youtube.com/embed/0z5tldCS2lg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></html> | ||
+ | |||
+ | [[File:P310.jpg| 842px]] | ||
+ | [[File:P311.jpg| 842px]] | ||
+ | [[File:P312.jpg| 842px]] | ||
+ | [[File:P313.jpg| 842px]] | ||
+ | [[File:P314.jpg| 842px]] | ||
+ | [[File:P315.jpg| 842px]] | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div id="headercontainer"> | ||
+ | <div id="buttonDarkBlue"> | ||
+ | [[Project10:Main|'''Main''']] | ||
+ | </div> | ||
+ | <div id="buttonMediumBlue"> | ||
+ | [[Project10:P1|'''P1''']] | ||
+ | </div> | ||
+ | <div id="buttonYellow"> | ||
+ | [[Project10:P2|'''P2''']] | ||
+ | </div> | ||
+ | <div id="buttonMediumRed"> | ||
+ | [[Project10:P3|'''P3''']] | ||
+ | </div> | ||
+ | <div id="buttonDarkRed"> | ||
+ | [[Project10:P4|'''P4''']] | ||
+ | </div> | ||
+ | <div id="buttonDarkRed"> | ||
+ | [[Project10:Documents|'''Documents''']] | ||
+ | </div> |
Revision as of 11:17, 12 June 2019