JSFiddle - React, Tailwind, and code Playground

by mxxxl

HTML

<!DOCTYPE html>
<!-- saved from url=(0023)http://www.clubreal.de/ -->
<html lang="en-us"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Jenseits der Natur_Volksherrschaft im Garten - 2. Parlamentssitzung</title>


<body style="background-color:#b9d692; background-image: url(http://jdn.clubreal.de/infografik_640.jpg); text-align: center;">




	
<br>
<h3 style="background-color:#b9d692; color:red; font-family:Sans-serif; padding: 15px">
Hier findet am 6. Mai 2020 von 21.00h die Premiere des Hörspiels "OSLOWER STRASSE"
von David Lindemann statt.
</h3>
<br>
	
<div class="centered" style=>


<div style="float: left;">
<img src="karte300.png" usemap="#image-map" style="padding: 15px">
</div>

<div style="float: right;">

<h3 style="background-color:#b9d692; color:red; font-family:Sans-serif; padding: 15px">
Folge 1: Gel&auml;ndesicherheit
</h3>

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<br>
<br>


<h3 style="background-color:#b9d692; color:red; font-family:Sans-serif; padding: 15px">
Folge 2: Serve and Protect
</h3>

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<br>
<br>

<h3 style="background-color:#b9d692; color:red; font-family:Sans-serif; padding: 15px">
Folge 3: Fox Knowledge
</h3>

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

</div>




</div>


</body></html>