Sample project

From Msc1
(Difference between revisions)
Jump to: navigation, search
 
(68 intermediate revisions by 2 users not shown)
Line 1: Line 1:
==project_name==
+
__NOTOC__ __NOTITLE__
 +
=project name=
 +
author:[[User:XXX|FULL NAME HERE]]
 +
<div style="height:70px; width: 850px; margin:0px; padding: 0px;">
  
Here the general idea of the project is described in a few sentences. It is only a very general description, a teaser for more detailed information contained in sub-pages.
+
<div style="float:left; width: 270px; height 70px; margin-right:20px; border:0px;" align="center">
 +
[[File:Button_challenge.jpg|270px|link=project01:Challenge]]
 +
</div>
  
<!-- start block of columns --> <div style="height:70px; width: 100%; margin:0px; padding: 0px;">
+
<div style="float:left; width: 270px; height 70px; margin-right:20px; border:0px;" align="center">
<!-- start first column --> <div style="float:left; width: 270px; height 70px; margin-right:17px; border:1px solid #aaa;" align="center">
+
[[File:Button_prototype.jpg|270px|link=project01:Prototype]]
 +
</div>
  
[[project01:concept|'''CONCEPT''']]
+
<div style="float:right; width: 270px; height 70px; border:0px;" align="center">
 +
[[File:Button_project.jpg|270px|link=project01:Project]]
 +
</div>
  
this can be replaced with an image
+
</div>
 +
<div style="width: 850px; height: 315px; margin: 0px; padding: 0px;  overflow: hidden;">
  
<!-- end first column --></div>
+
<div style="float:left; width: 560px; height: 315px; margin: 0; padding: 0px; overflow: hidden;">
 
+
[[File:Sample_image.png|560px]]
<!-- start second column --> <div style="float:left; width: 270px; height 70px; margin-right:0px; border:1px solid #aaa;" align="center">
+
</div>
 
+
[[project01:prototype|'''PROTOTYPE''']]
+
 
+
this can be replaced with an image
+
 
+
<!-- end second column --> </div>
+
 
+
<!-- start third column --> <div style="float:right; width: 270px; height 70px; border:1px solid #aaa;" align="center">
+
 
+
[[project01:project|'''PROJECT''']]
+
 
+
this can be replaced with an image
+
 
+
<!-- end third column --></div>
+
<!-- end block of columns --></div>
+
 
+
<!-- start top block --><div style="width: 850px; height: 340px; margin: 0;">
+
<!-- start prototag column --> <div style="float:right; width: 280px; height: 340px; margin: 0;">
+
  
 +
<div style="float:right; width: 278px; height: 315px; margin: 0px; padding: 0px; overflow: hidden;">
 
<html>
 
<html>
<iframe width="280" height="340" frameborder="0" scrolling="auto" marginheight="0" marginwidth="0"   
+
<iframe width="280" height="310" frameborder="0" scrolling="auto" marginheight="0" marginwidth="0"   
 
src="http://prototag.hyperbody.nl/prototag_m.php?id=2e3MB3SxBUShHK80Duy0aw"></iframe>
 
src="http://prototag.hyperbody.nl/prototag_m.php?id=2e3MB3SxBUShHK80Duy0aw"></iframe>
 
</html>
 
</html>
 +
</div>
  
<!-- end prototag column --> </div>
+
</div>
 
+
=summary=
<!-- start front image column--> <div style="float:left; width: 560px; height: 340px; margin: 0;">
+
 
+
[[File:Sample_image.png|560px]]
+
 
+
<!-- end front image column--></div>
+
  
<!-- end top block --></div>
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac lobortis nibh. Sed et lectus et dolor convallis sagittis id a sem. Nulla interdum nunc et urna hendrerit at pellentesque risus convallis. Proin a turpis nunc, eu tincidunt arcu. Etiam magna turpis, facilisis id placerat et, congue eu nisi. Vivamus euismod nulla id elit laoreet placerat eu eu nisi. Morbi id libero quam, nec rhoncus diam.
  
==special info==
+
Fusce cursus turpis feugiat odio consectetur consequat. Donec lacinia velit a orci posuere condimentum. Proin interdum sem sodales velit iaculis a consequat risus faucibus. Suspendisse quam odio, consequat a porta nec, varius eu arcu. Proin erat dui, vestibulum id rhoncus venenatis, porta ut eros. Pellentesque at libero nec turpis scelerisque feugiat id in risus. Proin sollicitudin dapibus nibh, quis adipiscing nisi aliquam id. Pellentesque habitant morbi.
  
here you can place important additional information or latest content.
+
Cras non dolor ipsum, commodo mattis velit. Duis a augue enim. Cras aliquet augue vitae libero rutrum congue bibendum urna cursus. Sed posuere felis sed ante suscipit consequat. Nullam pretium interdum ultricies. Morbi dignissim congue pulvinar. Mauris tincidunt, tellus at suscipit aliquam, nisl lacus pellentesque odio, pretium consectetur nisl neque in velit. Nunc hendrerit dolor at nibh porttitor eget faucibus augue malesuada. Ut venenatis consequat metus.
  
<youtube width="850" height="400">L1jC5W1cT5I</youtube>
+
<div style="height:180px; width: 850px; margin:0px; padding: 0px;">
 +
<div style="float:left; width: 270px; height 152px; margin-right:20px; border:0px;" align="center">
 +
[[File:Sample_image.png|270px]]
 +
</div>
 +
<div style="float:left; width: 270px; height 152px; margin-right:20px; border:0px;" align="center">
 +
[[File:Sample_image.png|270px]]
 +
</div>
 +
<div style="float:left; width: 270px; height 152px; border:0px;" align="center">
 +
[[File:Sample_image.png|270px]]
 +
</div>
 +
</div>
  
<!-- don't display page title on the top of the wiki-->__NOTITLE__
+
<div style="height:180px; width: 850px; margin:0px; padding: 0px;">
 +
<div style="float:left; width: 270px; height 152px; margin-right:20px; border:0px;" align="center">
 +
[[File:Sample_image.png|270px]]
 +
</div>
 +
<div style="float:left; width: 270px; height 152px; margin-right:20px; border:0px;" align="center">
 +
[[File:Sample_image.png|270px]]
 +
</div>
 +
</div>

Latest revision as of 21:54, 5 June 2012

project name

author:FULL NAME HERE

Button challenge.jpg

Button prototype.jpg

Button project.jpg

Sample image.png

summary

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac lobortis nibh. Sed et lectus et dolor convallis sagittis id a sem. Nulla interdum nunc et urna hendrerit at pellentesque risus convallis. Proin a turpis nunc, eu tincidunt arcu. Etiam magna turpis, facilisis id placerat et, congue eu nisi. Vivamus euismod nulla id elit laoreet placerat eu eu nisi. Morbi id libero quam, nec rhoncus diam.

Fusce cursus turpis feugiat odio consectetur consequat. Donec lacinia velit a orci posuere condimentum. Proin interdum sem sodales velit iaculis a consequat risus faucibus. Suspendisse quam odio, consequat a porta nec, varius eu arcu. Proin erat dui, vestibulum id rhoncus venenatis, porta ut eros. Pellentesque at libero nec turpis scelerisque feugiat id in risus. Proin sollicitudin dapibus nibh, quis adipiscing nisi aliquam id. Pellentesque habitant morbi.

Cras non dolor ipsum, commodo mattis velit. Duis a augue enim. Cras aliquet augue vitae libero rutrum congue bibendum urna cursus. Sed posuere felis sed ante suscipit consequat. Nullam pretium interdum ultricies. Morbi dignissim congue pulvinar. Mauris tincidunt, tellus at suscipit aliquam, nisl lacus pellentesque odio, pretium consectetur nisl neque in velit. Nunc hendrerit dolor at nibh porttitor eget faucibus augue malesuada. Ut venenatis consequat metus.

Sample image.png

Sample image.png

Sample image.png

Sample image.png

Sample image.png