project12:Frontpage

From Msc1
(Difference between revisions)
Jump to: navigation, search
Line 1: Line 1:
 +
=project_name=
  
 +
<!-- start block of columns --> <div style="height:70px; width: 100%; margin:0px; padding: 0px;">
 +
<!-- start first column --> <div style="float:left; width: 270px; height 70px; margin-right:17px; border:1px solid #aaa;" align="center">
  
 +
[[project12:challenge|'''CHALLENGE''']]
  
 +
Challenge
  
 +
<!-- end first column --></div>
  
 +
<!-- start second column --> <div style="float:left; width: 270px; height 70px; margin-right:0px; border:1px solid #aaa;" align="center">
 +
 +
[[project12:prototype|'''PROTOTYPE''']]
 +
 +
Prototype
 +
 +
<!-- end second column --> </div>
 +
 +
<!-- start third column --> <div style="float:right; width: 270px; height 80px; border:1px solid #aaa;" align="center">
 +
 +
[[project12:response|'''RESPONSE''']]
 +
 +
Reponse
 +
 +
<!-- end third column --></div>
 +
<!-- end block of columns --></div>
 +
 +
<!-- start top block --><div style="width: 850px; height: 400px; margin: 0px; padding: 0px;  overflow: hidden;">
 +
<!-- start prototag column -->
 +
 +
<div style="float:right; width: 280px; height: 345px; margin: 0px; padding: 0px; overflow: hidden;">
 +
 +
<html>
 +
<iframe width="280" height="340" frameborder="0" scrolling="auto" marginheight="0" marginwidth="0"  border="1px solid green"
 +
  src="http://prototag.hyperbody.nl/prototag_m.php?id=uDHNF8MhEYTtX5WM8h6DjQ"></iframe>
 +
</html>
 +
 +
<!-- end prototag column --> </div>
 +
 +
<!-- start front image column--> <div style="float:left; width: 560px; height: 340px; margin: 0;">
  
 
{{#slideshow:
 
{{#slideshow:
<div>[[Image:Project12_Final_Cover_Page.jpg|850px|link=project12:Response]]</div>
+
<div>[[Image:Project12_Final_Cover_Page.jpg|560px]]</div>
<div>[[Image:Project12_Final_Cover_Page_02.jpg|850px|link=project12:Response]]</div>
+
<div>[[Image:Project12_Final_Cover_Page_02.jpg|560px]]</div>
<div>[[Image:Project12_Final_Cover_Page_04.jpg|850px|link=project12:Response]]</div>
+
<div>[[Image:Project12_Final_Cover_Page_04.jpg|560px]]</div>
<div>[[Image:Project12_Final_Cover_Page_05.jpg|850px|link=project12:Response]]</div>
+
<div>[[Image:Project12_Final_Cover_Page_05.jpg|560px]]</div>
<div>[[Image:Project12_Final_Cover_Page_06.jpg|850px|link=project12:Response]]</div>
+
<div>[[Image:Project12_Final_Cover_Page_06.jpg|560px]]</div>
|id=bar1 sequence=forward transition=fade refresh=4000
+
|id=bar1 sequence=forward transition=fade refresh=3000
 
}}
 
}}
  
<!-- start top block -->
+
<!-- end front image column--></div>
<div style="width: 850px; height: 360px; margin-top:20px;">
+
  
  <!-- start first column -->  
+
<!-- end top block --></div>
  <div style="float:left; width: 271px; height: 360px; margin-right:18px;">
+
    <div style="float:left; width: 270px; height: 170px; border:0px;" align="center">[[File:Project12_Buttons_-_Challenge.jpg|270px|link=project12:Challenge]]
+
    </div>
+
  
    <div style="float:left; width: 270px; height: 170px; border:0px; margin-top:20px;" align="center">[[File:Project12_Buttons_-_Prototype.jpg|270px|link=project12:Prototype]]
+
=Project Description=
    </div>
+
  </div>
+
  <!-- end first column -->
+
  
  <!-- start second column -->
+
200 word description of
  <div style="float:left; width: 271px; height: 360px; margin-right:18px;">
+
<br>- challenge
    <div style="float:left; width: 270px; height: 170px; border:1px solid #aaa;" align="center">
+
<br>- process
[[project12:response|'''PROJECT''']]
+
<br>- project itself
  
this can be replaced with an image
+
=Photo Gallery=
    </div>
+
    <div style="float:left; width: 270px; height: 170px; border:1px solid #aaa; margin-top:20px;" align="center">
+
[[project12:connection|'''CONNECTION''']]
+
  
this can be replaced with an image
+
<!-- start block of columns --> <div style="height:270px; width: 100%; margin:0px; padding: 0px;">
    </div>
+
<!-- start first column --> <div style="float:left; width: 270px; height: 270px; margin-right:17px; border:1px solid #aaa;" align="center">
  </div>
+
  <!-- end second column -->  
+
  
  <!-- start prototag column -->
+
IMAGE ONE (AERIAL VIEW)
  <div style="float:right; width: 270px; height: 362px; padding:0; margin: 0; border:0px;"><html><iframe width="270" height="360" frameborder="0" scrolling="auto" marginheight="0" marginwidth="0"  border="1px solid green"
+
 
  src="http://prototag.hyperbody.nl/prototag_m.php?id=uDHNF8MhEYTtX5WM8h6DjQ"></iframe>
+
<!-- end first column --></div>
  </html>
+
<!-- start second column --> <div style="float:left; width: 270px; height: 270px; margin-right:17px; border:1px solid #aaa;" align="center">
  </div><!-- end prototag column -->
+
 
</div><!-- end top block -->
+
IMAGE TWO
 +
 
 +
<!-- end second column --></div>
 +
<!-- start third column --> <div style="float:right; width: 270px; height: 270px; border:1px solid #aaa;" align="center">
 +
 
 +
IMAGE THREE
 +
 
 +
<!-- end third column --></div>
 +
<!-- end block of columns --></div>
  
 
__NOTITLE__
 
__NOTITLE__

Revision as of 14:39, 5 June 2012

project_name

CHALLENGE

Challenge

PROTOTYPE

Prototype

RESPONSE

Reponse

Project12 Final Cover Page.jpg
Project12 Final Cover Page 02.jpg
Project12 Final Cover Page 04.jpg
Project12 Final Cover Page 05.jpg
Project12 Final Cover Page 06.jpg

Project Description

200 word description of
- challenge
- process
- project itself

Photo Gallery

IMAGE ONE (AERIAL VIEW)

IMAGE TWO

IMAGE THREE


Personal tools