Guest User

Untitled

a guest
Jan 22nd, 2018
69
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.11 KB | None | 0 0
  1. article {
  2. float: left;
  3. width: 540px;
  4. height: 500px;
  5. margin: 10px;
  6. margin-top: 30px;
  7. /* overflow: scroll; */
  8. padding: 0 5px 0 5px;
  9. border: solid 1px #ddd;
  10. background: -moz-linear-gradient(top, #94bae7 0%, #fff 100%);
  11. background: -webkit-gradient(linear, left top, left bottom, from(#94bae7), to(#fff));
  12. display: inline-block;
  13. }
  14. #article-container {
  15. display:inline-block;
  16. }
  17. .rondehoeken {
  18. border-radius: 10px;
  19. -moz-border-radius: 10px;
  20. -webkit-border-radius: 10px;
  21. display: inline-block;
  22. }
  23. aside {
  24. /* position: relative;
  25. top: -410px;
  26. left: 230px; */
  27. float: right;
  28. display: inline-block;
  29. width: 150px;
  30. margin: 10px;
  31. padding: 10px;
  32. border: 1px solid #ddd;
  33. }
  34.  
  35. <section id="content">
  36. <header>
  37. <hgroup>
  38. <h1>Antwerpen Marathon</h1>
  39. </hgroup>
  40. <nav>
  41. <ul>
  42. <li><a href="#top">Home</a></li>
  43. <li><a href="inschrijven.html">Inschrijven</a></li>
  44. <li><a href="nieuwsbrief.html">Nieuwsbrief</a></li>
  45. <li><a href="resultaten.html">Resultaten</a></li>
  46. </ul>
  47. </nav>
  48. <div id="intro">
  49. <div id="rodelogo" class="logo">
  50. <span id="iam">I An</span>twerpen</div>
  51. <div id="blauwelogo" class="logo">
  52. <span id="iam">I An</span>twerpen</div>
  53. <div id="groenelogo" class="logo">
  54. <span id="iam">I An</span>twerpen</div>
  55. </div>
  56. </header>
  57. <article class="rondehoeken">
  58. <header>
  59. <div class="streep1"></div>
  60. <div class="streep2"></div>
  61. <div class="streep3"></div>
  62. <div class="streep4"></div>
  63. <div class="streep5"></div>
  64. <h1>Titeltje dabei</h1>
  65. </header>
  66. <div id="artikel-container">
  67. <p id="item">
  68. Dit is een <i>faketekst</i>. Alles wat hier staat is slechts om een indruk te
  69. geven van het grafische effect van tekst op deze plek. Wat u hier leest is een
  70. <em>voorbeeldtekst</em>. Deze wordt later vervangen door de uiteindelijke tekst,
  71. die nu nog niet bekend <abbr title="Islamitische Staat">IS</abbr>. De <strong>faketekst</strong> is dus een tekst die eigenlijk
  72. nergens over gaat. Het grappige is, dat mensen deze toch vaak lezen.
  73. Zelfs als men weet dat het om een faketekst gaat, lezen ze toch door. <br />
  74. Dit is een <i>faketekst</i>. Alles wat hier staat is slechts om een indruk te
  75. geven van het grafische effect van tekst op deze plek. Wat u hier leest is een
  76. voorbeeldtekst. Deze wordt later vervangen door de uiteindelijke tekst,
  77. die nu nog niet bekend is. De <mark>faketekst</mark> is dus een tekst die eigenlijk
  78. nergens over gaat. Het grappige is, dat mensen deze toch vaak lezen.
  79. Zelfs als men weet dat het om een faketekst gaat, lezen ze toch door.
  80. Dit is een <i>faketekst</i>.
  81. </p>
  82. </div>
  83. <aside>
  84. <div id="video-container">
  85. <video controls width="150" height="250" preload id="videos" poster="images/download.png">
  86. <source src="images/dunk.mp4" type="video/mp4">
  87. </video>
  88. </div>
  89. <div id="advert1" class="rondehoeken">
  90. <a href="#"> <br /> <br />Recyclen!<br /> <br /></a>
  91. </div>
  92. <div id="advert2" class="rondehoeken">
  93. <a href="#"><img id="snickers" src="images/bar.png" width="150px" alt="muzieklogo"></a>
  94. </div>
  95. <footer>
  96. <ul class="galerij">
  97. <li><a href="#"><img src="images/finish1.jpg"></a></li>
  98. <li><a href="#"><img src="images/finish2.jpg"></a></li>
  99. <li><a href="#"><img src="images/finish3.jpg"></a></li>
  100. <li><a href="#"><img src="images/finish4.jpg"></a></li>
  101. </ul>
  102. <br /><br /><br /><br />
  103. <small>&copy; Marathon van Antwerpen</small>
  104. </footer>
  105. </aside>
  106. </article>
  107. </section>
Add Comment
Please, Sign In to add comment