html/index.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <title>State of the Map</title>
   5     <link rel="stylesheet" href="style.css" />
   6   </head>
   7   <body>
   8     <div class="event">
   9       <a href="https://blog.openstreetmap.org/2022/02/16/announcing-sotm-2022-firenze-19-21-august-2022/">
  10         <img src="sotm.png" />
  11         <div class="description">
  12           <h1>State of the Map 2022</h1>
  13           <h2>Florence, Italy &amp; Online</h2>
  14           <h3>19th to 21st August 2022</h3>
  15         </div>
  16       </a>
  17     </div>
  18     <hr />
  19     <div class="event">
  20       <a href="https://2021.stateofthemap.org/">
  21         <img src="sotm2021.png" />
  22         <div class="description">
  23           <h1>State of the Map 2021</h1>
  24           <h2>Online</h2>
  25           <h3>9th to 11th July 2021</h3>
  26         </div>
  27       </a>
  28     </div>
  29     <div class="event">
  30       <a href="https://2020.stateofthemap.org/">
  31         <img src="sotm2020.png" />
  32         <div class="description">
  33           <h1>State of the Map 2020</h1>
  34           <h2><s>Cape Town, South Africa</s> Online</h2>
  35           <h3>4th to 5th July 2020</h3>
  36         </div>
  37       </a>
  38     </div>
  39     <div class="event">
  40       <a href="https://2019.stateofthemap.org/">
  41         <img src="sotm2019.png" />
  42         <div class="description">
  43           <h1>State of the Map 2019</h1>
  44           <h2>Heidelberg, Germany</h2>
  45           <h3>21st to 23rd September 2019</h3>
  46         </div>
  47       </a>
  48     </div>
  49      <div class="event">
  50       <a href="https://2018.stateofthemap.org/">
  51         <img src="sotm2018.png" />
  52         <div class="description">
  53           <h1>State of the Map 2018</h1>
  54           <h2>Milan, Italy</h2>
  55           <h3>28th to 30th July 2018</h3>
  56         </div>
  57       </a>
  58     </div>
  59     <div class="event">
  60       <a href="https://2017.stateofthemap.org/">
  61         <img src="sotm2017.png" />
  62         <div class="description">
  63           <h1>State of the Map 2017</h1>
  64           <h2>Aizu-Wakamatsu, Japan</h2>
  65           <h3>18th to 20th August 2017</h3>
  66         </div>
  67       </a>
  68     </div>
  69     <div class="event">
  70       <a href="https://2016.stateofthemap.org/">
  71         <img src="sotm2016.png" />
  72         <div class="description">
  73           <h1>State of the Map 2016</h1>
  74           <h2>Brussels, Belgium</h2>
  75           <h3>23rd to 25th September 2016</h3>
  76         </div>
  77       </a>
  78     </div>
  79     <div class="event">
  80       <img src="sotm2014.png" />
  81       <div class="description">
  82         <h1>State of the Map 2014</h1>
  83         <h2>Buenos Aires, Argentina</h2>
  84         <h3>7th to 9th November 2014</h3>
  85       </div>
  86     </div>
  87     <div class="event">
  88       <a href="https://2013.stateofthemap.org/">
  89         <img src="sotm2013.png" />
  90         <div class="description">
  91           <h1>State of the Map 2013</h1>
  92           <h2>Birmingham, United Kingdom</h2>
  93           <h3>6th to 8th September 2013</h3>
  94         </div>
  95       </a>
  96     </div>
  97     <div class="event">
  98       <a href="https://2012.stateofthemap.org/">
  99         <img src="sotm2012.png" />
 100         <div class="description">
 101           <h1>State of the Map 2012</h1>
 102           <h2>Tokyo, Japan</h2>
 103           <h3>6th to 8th September 2012</h3>
 104         </div>
 105       </a>
 106     </div>
 107     <div class="event">
 108       <a href="https://2011.stateofthemap.org/">
 109         <img src="sotm2011.png" />
 110         <div class="description">
 111           <h1>State of the Map 2011</h1>
 112           <h2>Denver, Colorado, USA</h2>
 113           <h3>9th to 11th September 2011</h3>
 114         </div>
 115       </a>
 116     </div>
 117     <div class="event">
 118       <a href="https://2010.stateofthemap.org/">
 119         <img src="sotm.png" />
 120         <div class="description">
 121           <h1>State of the Map 2010</h1>
 122           <h2>Girona, Spain</h2>
 123           <h3>9th to 11th July 2010</h3>
 124         </div>
 125       </a>
 126     </div>
 127     <div class="event">
 128       <a href="https://2009.stateofthemap.org/">
 129         <img src="sotm.png" />
 130         <div class="description">
 131           <h1>State of the Map 2009</h1>
 132           <h2>Amsterdam, Netherlands</h2>
 133           <h3>10th to 12th July 2009</h3>
 134         </div>
 135       </a>
 136     </div>
 137     <div class="event">
 138       <a href="https://2008.stateofthemap.org/">
 139         <img src="sotm2008.png" />
 140         <div class="description">
 141           <h1>State of the Map 2008</h1>
 142           <h2>Limerick, Ireland</h2>
 143           <h3>12th to 13th July 2008</h3>
 144         </div>
 145       </a>
 146     </div>
 147     <div class="event">
 148       <a href="https://2007.stateofthemap.org/">
 149         <img src="sotm2007.png" />
 150         <div class="description">
 151           <h1>State of the Map 2007</h1>
 152           <h2>Manchester, United Kingom</h2>
 153           <h3>14th to 15th July 2007</h3>
 154         </div>
 155       </a>
 156     </div>
 157   </body>
 158 </html>