Difference between revisions of "project01:P4"
From 100ybp
(29 intermediate revisions by one user not shown) | |||
Line 3: | Line 3: | ||
<html> | <html> | ||
<link href="https://fonts.googleapis.com/css?family=Courier%20New" rel="stylesheet"> | <link href="https://fonts.googleapis.com/css?family=Courier%20New" rel="stylesheet"> | ||
− | <link href="https://fonts.googleapis.com/css?family=Roboto | + | <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> |
<style> | <style> | ||
div#headercontainer { | div#headercontainer { | ||
width: 850px; | width: 850px; | ||
− | height: | + | height: 80px; |
margin: 0px; | margin: 0px; | ||
− | margin-bottom: - | + | margin-bottom: -7px; |
− | margin-top: - | + | margin-top: -7px; |
padding: 0px; | padding: 0px; | ||
− | border: | + | border: 2px; |
− | background: # | + | border-color: #414141; |
+ | background: #D7D7D7;} | ||
div#Namecontainer { | div#Namecontainer { | ||
Line 25: | Line 26: | ||
background: #A7A6A6; | background: #A7A6A6; | ||
text-align:center; | text-align:center; | ||
− | font-family: 'Roboto | + | font-family: 'Roboto', black; |
font-size: 14px; | font-size: 14px; | ||
color: #D5692F; | color: #D5692F; | ||
Line 33: | Line 34: | ||
width: 846px; | width: 846px; | ||
margin: 0px; | margin: 0px; | ||
− | margin-top: | + | margin-top: 0px; |
padding: 0px; | padding: 0px; | ||
border: 2px; | border: 2px; | ||
Line 45: | Line 46: | ||
margin-top: 50px; | margin-top: 50px; | ||
padding: 0px; | padding: 0px; | ||
− | font-family: 'Roboto | + | font-family: 'Roboto', black; |
font-size: 36px; | font-size: 36px; | ||
color: #D5692F; | color: #D5692F; | ||
Line 53: | Line 54: | ||
div#button { | div#button { | ||
float: left; | float: left; | ||
− | width: | + | width: 120px; |
height: 40px; | height: 40px; | ||
− | margin-right: | + | margin-right: 25px; |
− | margin-top: | + | margin-top: 20px; |
opacity: 1; | opacity: 1; | ||
− | background: # | + | background: #D7D7D7; |
text-align:center; | text-align:center; | ||
− | font-family: 'Roboto | + | font-family: 'Roboto', black; |
color:#D5692F; | color:#D5692F; | ||
} | } | ||
Line 66: | Line 67: | ||
div#buttonlast { | div#buttonlast { | ||
float: right; | float: right; | ||
− | width: | + | width: 120px; |
height: 40px; | height: 40px; | ||
margin-right: 0px; | margin-right: 0px; | ||
− | margin-top: | + | margin-top: 20px; |
opacity: 1; | opacity: 1; | ||
− | background: # | + | background: #D7D7D7; |
text-align:center; | text-align:center; | ||
− | font-family: 'Roboto', | + | font-family: 'Roboto', Black; |
color:#D5692F; | color:#D5692F; | ||
} | } | ||
div#button a:link {color: #8D4523; text-decoration: none; opacity: 1;} | div#button a:link {color: #8D4523; text-decoration: none; opacity: 1;} | ||
− | div#button a:visited {color: # | + | div#button a:visited {color: #414141; text-decoration: none; opacity: 1;} |
div#button a:active {background: #A7A6A6;color: #000000; text-decoration: none; opacity: 1;} | div#button a:active {background: #A7A6A6;color: #000000; text-decoration: none; opacity: 1;} | ||
div#button a:hover {color: #D5692F; text-decoration: none; opacity: 1; font-weight: bold;} | div#button a:hover {color: #D5692F; text-decoration: none; opacity: 1; font-weight: bold;} | ||
div#buttonlast a:link {color: #8D4523; text-decoration: none; opacity: 1;} | div#buttonlast a:link {color: #8D4523; text-decoration: none; opacity: 1;} | ||
− | div#buttonlast a:visited {color: # | + | div#buttonlast a:visited {color: #414141; text-decoration: none; opacity: 1;} |
div#buttonlast a:active {background: #A7A6A6; color: #000000; text-decoration: none; opacity: 1;} | div#buttonlast a:active {background: #A7A6A6; color: #000000; text-decoration: none; opacity: 1;} | ||
div#buttonlast a:hover {color: #D5692F; text-decoration: none; opacity: 1; font-weight: bold;} | div#buttonlast a:hover {color: #D5692F; text-decoration: none; opacity: 1; font-weight: bold;} | ||
Line 94: | Line 95: | ||
<div id="headercontainer"> | <div id="headercontainer"> | ||
<div id="button"> | <div id="button"> | ||
− | [[Project01:main|''' | + | [[Project01:main|'''P0 - INTRODUCTION''']] |
</div> | </div> | ||
<div id="button"> | <div id="button"> | ||
− | [[Project01:P1|''' | + | [[Project01:P1|'''SPACE EXPLORATION''']] |
</div> | </div> | ||
<div id="button"> | <div id="button"> | ||
− | [[Project01:P2|''' | + | [[Project01:P2|'''MARS''']] |
</div> | </div> | ||
<div id="button"> | <div id="button"> | ||
− | [[Project01: | + | [[Project01:P2context|'''CONTEXT''']] |
</div> | </div> | ||
<div id="button"> | <div id="button"> | ||
+ | [[Project01:P3|'''CASESTUDY''']] | ||
+ | </div> | ||
+ | <div id="buttonlast"> | ||
[[Project01:P4|'''P4''']] | [[Project01:P4|'''P4''']] | ||
</div> | </div> | ||
+ | </div> | ||
+ | |||
+ | [[File:P4x EdwinVermeer.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer2.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer27.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer29.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer30.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer31.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer32.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer33.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer34.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer35.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer36.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer37.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer38.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer39.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer40.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer41.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer42.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer43.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer44.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer45.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer46.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer47.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer48.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer49.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer50.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer51.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer52.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer53.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer54.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer55.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer56.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer57.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer58.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer59.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer60.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer61.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer62.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer63.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer64.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer65.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer66.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer67.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer69.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer70.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer71.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer72.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer73.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer74.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer75.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer76.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer77.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer78.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer79.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer80.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer81.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer82.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer83.jpg|850px]] | ||
+ | [[File:P4x EdwinVermeer84.jpg|850px]] |