Autobahn Leitplanke

by mrcl

HTML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 130" width="1000" height="130">
  <!-- White Background -->
  <rect width="100%" height="100%" fill="white" />

  <!-- Road -->
  <polygon points="200,130 800,130 600,10 400,10" fill="#564870" />

  <!-- Left Lane -->
  <polygon points="200,130 400,130 440,20 400,10" fill="#1d0b40" />

  <!-- Right Lane -->
  <polygon points="800,130 600,130 560,20 600,10" fill="#1d0b40" />

  <!-- Dashed Centerline -->
  <line x1="500" y1="130" x2="500" y2="10" stroke="white" stroke-width="10" stroke-dasharray="8,16" />

  <!-- Left Bumper -->
  <polygon points="190,130 200,130 400,10 390,10" fill="#808080" />

  <!-- Right Bumper -->
  <polygon points="810,130 800,130 600,10 610,10" fill="#808080" />
 
</svg>