Sample project

From Msc1
(Difference between revisions)
Jump to: navigation, search
(Created page with "<!-- start top block --><div style="width: 850px; height: 340px; margin: 0;"> <!-- start prototag column --> <div style="float:right; width: 280px; height: 340px; margin: 0;">...")
 
 
(71 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>
==test==
+
</html>
 
+
</div>
<!-- start block of columns --> <div style="float:left; width: 100%; margin:0px;">
+
<!-- start first column --> <div style="float:left; width: 270px; margin-right:20px;">
+
 
+
'''Info for [[first]] column'''
+
 
+
Sed iaculis facilisis metus vel rhoncus. Aliquam luctus dolor quis arcu placerat nec varius lorem gravida. Curabitur eleifend tristique erat non convallis. Mauris in ligula dui. Nunc in lacus vitae turpis placerat iaculis eget ut est. Donec quis eros ante. Donec eget neque mauris, ac molestie ipsum.
+
 
+
Integer vehicula purus ac nisl venenatis accumsan in in neque. Etiam tincidunt lorem lorem. Donec vitae sapien sem. In sit amet nisi velit. Vivamus tincidunt nunc sit amet dolor tincidunt vel congue eros adipiscing. Donec tincidunt est nibh. Nam luctus urna eget leo faucibus pretium. Etiam laoreet, tellus quis blandit euismod, odio felis tempor ante, eget rutrum orci massa nec eros. Pellentesque venenatis metus in felis convallis sed gravida quam scelerisque.
+
<!-- end first column --></div>
+
 
+
<!-- start second column --> <div style="float:left; width: 270px;">
+
 
+
'''Info for second column'''
+
 
+
Etiam blandit sollicitudin massa id dictum. Aenean aliquet nulla nec ipsum egestas quis aliquet eros ultrices. Curabitur ut risus sapien. Morbi sit amet nisl eu erat aliquet sagittis ut nec dui. Proin vulputate cursus mollis. Sed quis lacus eget odio venenatis consectetur id id ante. Maecenas vulputate facilisis congue.
+
 
+
<youtube width="270" height="150">L1jC5W1cT5I</youtube>
+
 
+
Aliquam ac aliquet nibh. Aenean quis facilisis orci. Nulla et malesuada magna. Praesent a diam et lacus accumsan bibendum vitae at nisi. Nunc blandit nisl ac ante dignissim hendrerit. Vivamus vitae auctor mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo, mauris non faucibus tempus, lorem massa aliquet neque, et suscipit ligula dolor nec neque. Etiam sed sem metus, a egestas ipsum. Curabitur in tortor felis, in condimentum lacus. Nulla sagittis tortor vel dui malesuada nec pretium lorem sodales. Donec porttitor eleifend vehicula. Phasellus non urna vitae ante dignissim interdum. Cras ut mauris purus, sit amet accumsan eros. Donec egestas justo ultricies odio sagittis vehicula.
+
 
+
<!-- end second column --> </div>
+
 
+
<!-- start third column --> <div style="float:right; width: 270px;">
+
  
'''Info for third column'''
+
</div>
 +
=summary=
  
Curabitur laoreet dapibus dolor, vitae convallis ipsum ultricies nec. Nullam aliquam, lectus quis sagittis feugiat, lectus tellus rhoncus dolor, in tempor ante quam quis ipsum. Nullam blandit accumsan dolor, nec ultrices dolor condimentum sed. Nunc viverra malesuada rutrum. Nam venenatis porttitor congue. Phasellus nibh lectus, mattis nec consequat id, congue non nunc. Donec semper erat ut nibh gravida pellentesque. Aenean eget luctus diam. Fusce viverra congue mi convallis mollis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque rutrum erat in risus varius ut convallis nunc auctor.
+
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 third column --></div>
+
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.
<!-- end block of columns --></div>
+
  
Aliquam ac aliquet nibh. Aenean quis facilisis orci. Nulla et malesuada magna. Praesent a diam et lacus accumsan bibendum vitae at nisi. Nunc blandit nisl ac ante dignissim hendrerit. Vivamus vitae auctor mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo, mauris non faucibus tempus, lorem massa aliquet neque, et suscipit ligula dolor nec neque. Etiam sed sem metus, a egestas ipsum. Curabitur in tortor felis, in condimentum lacus. Nulla sagittis tortor vel dui malesuada nec pretium lorem sodales. Donec porttitor eleifend vehicula. Phasellus non urna vitae ante dignissim interdum. Cras ut mauris purus, sit amet accumsan eros. Donec egestas justo ultricies odio sagittis vehicula.
+
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 -->__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