Sample project

From Msc1
(Difference between revisions)
Jump to: navigation, search
 
(69 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<!-- start top block --><div style="width: 850px; height: 340px; margin: 0;">
+
__NOTOC__ __NOTITLE__
<!-- start prototag column --> <div style="float:right; width: 280px; height: 340px; margin: 0;">
+
=project name=
 +
author:[[User:XXX|FULL NAME HERE]]
 +
<div style="height:70px; width: 850px; margin:0px; padding: 0px;">
  
<html>
+
<div style="float:left; width: 270px; height 70px; margin-right:20px; border:0px;" align="center">
<iframe width="280" height="340" frameborder="0" scrolling="auto" marginheight="0" marginwidth="0" 
+
[[File:Button_challenge.jpg|270px|link=project01:Challenge]]
src="http://prototag.hyperbody.nl/prototag_m.php?id=2e3MB3SxBUShHK80Duy0aw"></iframe>
+
</div>
</html>
+
  
<!-- end prototag column --> </div>
+
<div style="float:left; width: 270px; height 70px; margin-right:20px; border:0px;" align="center">
 +
[[File:Button_prototype.jpg|270px|link=project01:Prototype]]
 +
</div>
  
<!-- start front image column--> <div style="float:left; width: 560px; height: 340px; margin: 0;">
+
<div style="float:right; width: 270px; height 70px; border:0px;" align="center">
 +
[[File:Button_project.jpg|270px|link=project01:Project]]
 +
</div>
  
 +
</div>
 +
<div style="width: 850px; height: 315px; margin: 0px; padding: 0px;  overflow: hidden;">
 +
 +
<div style="float:left; width: 560px; height: 315px; margin: 0; padding: 0px; overflow: hidden;">
 
[[File:Sample_image.png|560px]]
 
[[File:Sample_image.png|560px]]
 +
</div>
  
<!-- end front image column--></div>
+
<div style="float:right; width: 278px; height: 315px; margin: 0px; padding: 0px; overflow: hidden;">
 
+
<html>
<!-- end top block --></div>
+
<iframe width="280" height="310" frameborder="0" scrolling="auto" marginheight="0" marginwidth="0" 
 
+
src="http://prototag.hyperbody.nl/prototag_m.php?id=2e3MB3SxBUShHK80Duy0aw"></iframe>
==project_name==
+
</html>
 
+
</div>
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.
+
 
+
<!-- start block of columns --> <div style="height:100px; width: 100%; margin:0px; padding: 0px;">
+
<!-- start first column --> <div style="float:left; width: 270px; height 100px; margin-right:17px; border:1px solid #aaa;" align="center">
+
 
+
[[project01:concept|'''CONCEPT''']]
+
 
+
this can be replaced with an image
+
 
+
<!-- end first column --></div>
+
 
+
<!-- start second column --> <div style="float:left; width: 270px; height 100px; margin-right:0px; border:1px solid #aaa;" align="center">
+
 
+
[[project01:prototype|'''PROTOTYPE''']]
+
 
+
this can be replaced with an image
+
 
+
<!-- end second column --> </div>
+
 
+
<!-- start third column --> <div style="float:right; width: 270px; height 100px; border:1px solid #aaa;" align="center">
+
 
+
[[project01:project|'''PROJECT''']]
+
  
this can be replaced with an image
+
</div>
 +
=summary=
  
<!-- end third column --></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.
<!-- end block of columns --></div>
+
  
==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