You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

114 lines
4.3 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Goths Tonight Mpls</title>
<!-- The style.css file allows you to change the look of your web pages.
If you include the next line in all your web pages, they will all share the same look.
This makes it easier to make new pages for your site. -->
<link href='style.css' rel='stylesheet' type="text/css" media="all">
</head>
<body>
<center>
<a href="./index.html">Home</a>
<h1>Goths Tonight Minneapolis</h1>
<nav>
<ul>
<li><a href="#introduction">Home</a></li>
<li><a href="#blog">Blog</a></li>
<li><a href="#social-media">Social Media</a></li>
<li><a href="#helpful-links">Helpful links</a></li>
<li><a href="#calendar">Calendar</a></li>
</ul>
</nav>
<div id="introduction">
<p>Welcome to the <strong>Goths Tonight</strong> website, <br>home to our <em>digital calendar and zine</em></p>
<p>For the Goths, Gays, and Spookily Inclined.</p>
</div>
<img src="GothTonight_Stacked.jpg" width="320" height="240" alt="Goths Tonight Logo">
<div id="blog">
</div>
<div id="social-media">
<a href="https://www.instagram.com/goths_tonight.mpls/?ref=clublink.to" target="_blank">Instagram</a>
</div>
<div id="helpful-links">
<p>Featuring regular events like:</p>
<div class="table-container">
<table>
<thead>
<tr>
<th scope="col">Event or Place</th>
<th scope="col">Description</th>
<th scope="col">Location</th>
</tr>
</thead>
<tbody>
<tr>
<td> <a href="https://groundzeromn.com/">Ground Zero</a> </td>
<td>Goth Night Club</td>
<td>Northeast Mpls</td>
</tr>
<tr>
<td> <a href="https://www.instagram.com/gothessmpls/">Gothess </a> </td>
<td>Monthly Goth Event</td>
<td>Mortimer's and other venues </td>
</tr>
<tr>
<td> <a href="https://www.instagram.com/goths_tonight.mpls/?ref=clublink.to/">Goths Tonight Pinball </a> </td>
<td>Monthly Goth Pinball Night</td>
<td>LITT Pinball Bar</td>
</tr>
<tr>
<td>Industrial Strength</td>
<td>Weekly industrial goth event</td>
<td>Terminal Bar</td>
</tr>
<tr>
<td>Transmission</td>
<td>Weekly alternative event</td>
<td>Uptown VFW</td>
</tr>
<tr>
<td>Dead Star Nation</td>
<td>Monthly Trad Goth/Post Punk event</td>
<td>Mortimer's</td>
</tr>
<tr>
<td>Cinema of the Macabre</td>
<td>Weekly horror screening</td>
<td>Emagine Willow Creek</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="calendar" class="table-container">
<iframe height="1000" width="1200" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQ5G5kI-E6VIliq8KAPhXxR1OVeN2PjnHiFpHPBD1VrJQTkJNcyKVAwK6siWPuP8BKcgxyN3zk1yIMd/pubhtml?gid=1160599980&amp;single=true&amp;widget=true&amp;headers=false"></iframe>
</div>
<section>
<h1>Submit Events</h1>
<p>Use form to submit goth or goth adjacent events for me to consider</p>
<form action="/practice.html" method="POST">
<label for="event">Submit an event here!</label>
<br>
<input type="text" name="event" id="event">
</form>
<p><a href="https://forms.gle/Rs1N8GEW4o29UrCy7">Link to Google Form </a></p>
</section>
<a href="http://www.zwani.com/graphics/gothic/"><img src="http://images.zwani.com/graphics/gothic/images/gh543.gif" alt="zwani.com myspace graphic comments"></a>
<br>
<a href="http://www.zwani.com/graphics/gothic/" target="_blank">Gothic comments</a>
<a href="https://www.cursors-4u.com/cursor/2005/10/31/hol62.html" target="_blank" title="Black Bat">Cursor</a>
</center>
</body>
</html>