<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<!-- CSS -->
<link rel="stylesheet" href="css/main.css">
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
<link rel="manifest" href="/favicon/site.webmanifest">
<link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#309420">
<link rel="shortcut icon" href="/favicon/favicon.ico">
<meta name="msapplication-TileColor" content="#00a300">
<meta name="msapplication-config" content="/favicon/browserconfig.xml">
<meta name="theme-color" content="#007e16">
<meta name="description" content="9000 SG – St.Gallen - Die Stadt St. Gallen">
<meta name="keywords" content="9000, SG">
<meta name="author" content="9000 SG">
<title>9000 SG – St.Gallen</title>
<!-- Google tag (gtag.js) -->
<script async defer src="https://www.googletagmanager.com/gtag/js?id=G-CZ7Z1C79TF"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-CZ7Z1C79TF');
</script>
</head>
<body>
<!-- header -->
<header>
<div class="logo">
<h1>9000 SG</h1></div>
<div class="toggle"></div>
<div class="navigation">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#work">Work</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</header>
<!-- home -->
<section class="home" id="home"> <img src="/img/sg.webp" class="home-img" alt="9000 SG" />
<div class="home-content">
<h2>
Wissenswertes über <br><span class="highlight">St. Gallen</span>
</h2>
<p> Entdecke feine Restaurants, Kosmetik Salons, Tattoo Studios, Kinos, Museen und vieles mehr in der Stadt St. Gallen! </p> <a href="#services" class="btn">Mehr erfahren</a> </div>
</section>
<!-- services -->
<section id="services">
<div class="title">
<h2>Einige Angebote</h2>
<p> Finden Sie heraus, was Sie als nächstes tun könnten! </p>
</div>
<div class="services">
<a href="essen.html" class="myurls">
<div class="service">
<div class="icon"> <img src="img/food.png" alt="Essen in SG" /> </div>
<h3>Essen</h3>
<p class="myurlz-blk">Restaurants in SG!</p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/disco.png" alt="Disco in SG" /> </div>
<h3>Party</h3>
<p class="myurlz-blk">Clubs & Bars in SG!</p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/bett.png" alt="Hotel in SG" /> </div>
<h3>Hotel</h3>
<p class="myurlz-blk">Schlafplatz in SG!</p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/museum.png" alt="Museum in SG" /> </div>
<h3>Museum</h3>
<p class="myurlz-blk">Museen in SG!</p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/shopping.png" alt="Einkaufen in SG" /> </div>
<h3>Shopping</h3>
<p class="myurlz-blk">Einkaufen in SG!</p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/arzt.png" alt="Arzt in SG" /> </div>
<h3>Arzt</h3>
<p class="myurlz-blk">Ärzte in SG!</p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/zahnarzt.png" alt="Zahnarzt in SG" /> </div>
<h3>Zahnarzt</h3>
<p class="myurlz-blk">Zahnarzt in SG!</p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/tierarzt.png" alt="Tierarzt in SG" /> </div>
<h3>Tierarzt</h3>
<p class="myurlz-blk">Tierarzt in SG!</p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/coiffeur.png" alt="Coiffeur in SG" /> </div>
<h3>Coiffeur</h3>
<p class="myurlz-blk">Coiffeur in SG!</p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/reinigung.png" alt="Reinigung in SG" /> </div>
<h3>Reinigung</h3>
<p class="myurlz-blk">Reinigung in SG!</p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/informatik.png" alt="Informatik in SG" /> </div>
<h3>Informatik</h3>
<p class="myurlz-blk">Informatik in SG!</p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/kosmetik.png" alt="Kosmetik in SG" /> </div>
<h3>Kosmetik</h3>
<p class="myurlz-blk"> Kosmetik in SG! </p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/taxi.png" alt="Taxi in SG" /> </div>
<h3>Taxi</h3>
<p class="myurlz-blk"> Taxi in SG! </p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/wohnen.png" alt="Wohnen in SG" /> </div>
<h3>Wohnen</h3>
<p class="myurlz-blk"> Wohnen in SG! </p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/baden.png" alt="Baden in SG" /> </div>
<h3>Schwimmen</h3>
<p class="myurlz-blk"> Schwimmen in SG! </p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/tattoo.png" alt="Tattoo/Piercing in SG" /> </div>
<h3>Tattoo/Piercing</h3>
<p class="myurlz-blk"> Tattoo/Piercings in SG! </p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/auto.png" alt="Garagen in SG" /> </div>
<h3>Garage</h3>
<p class="myurlz-blk"> Autogarage in SG! </p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/berater.png" alt="Beratung in SG" /> </div>
<h3>Beratung</h3>
<p class="myurlz-blk"> Berater in SG! </p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/fitness.png" alt="Fitness in SG" /> </div>
<h3>Fitness</h3>
<p class="myurlz-blk"> Gym's in SG! </p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/betreuung.png" alt="Betreuung in SG" /> </div>
<h3>Betreuung</h3>
<p class="myurlz-blk"> Betreuungen in SG! </p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/umzug.png" alt="Zügeln in SG" /> </div>
<h3>Zügeln</h3>
<p class="myurlz-blk"> Umzugsteam in SG! </p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/blumentopf.png" alt="Gartenbau in SG" /> </div>
<h3>Garten</h3>
<p class="myurlz-blk"> Gartenbau in SG! </p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/ausbildung.png" alt="Schulungen in SG" /> </div>
<h3>Schulung</h3>
<p class="myurlz-blk"> Schulungen in SG! </p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/aufpassen.png" alt="Nanny's in SG" /> </div>
<h3>Nanny</h3>
<p class="myurlz-blk"> Nanny's in SG! </p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/handewaschen.png" alt="Sanitär in SG" /> </div>
<h3>Sanitär</h3>
<p class="myurlz-blk"> Sanitäre in SG! </p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/elektriker.png" alt="Elektriker in SG" /> </div>
<h3>Elektriker</h3>
<p class="myurlz-blk"> Stromer in SG! </p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/schneider.png" alt="Schneider in SG" /> </div>
<h3>Schneider</h3>
<p class="myurlz-blk"> Schneider in SG! </p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/vermietung.png" alt="Vermietung in SG" /> </div>
<h3>Vermietung</h3>
<p class="myurlz-blk"> Vermietungen in SG! </p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/gitarre.png" alt="Musik in SG" /> </div>
<h3>Musik</h3>
<p class="myurlz-blk"> Musik in SG! </p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/reisen.png" alt="Reisen in SG" /> </div>
<h3>Reisen</h3>
<p class="myurlz-blk"> Reisen in SG! </p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/sicherheit.png" alt="Sicherheit in SG" /> </div>
<h3>Sicherheit</h3>
<p class="myurlz-blk"> Sicherheitsdienst in SG! </p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/maler.png" alt="Maler in SG" /> </div>
<h3>Maler</h3>
<p class="myurlz-blk"> Maler in SG! </p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/fahrschule.png" alt="Fahrschule in SG" /> </div>
<h3>Fahrschule</h3>
<p class="myurlz-blk"> Fahrschule in SG! </p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/drucken.png" alt="Druckereien in SG" /> </div>
<h3>Druckerei</h3>
<p class="myurlz-blk"> Druckereien in SG! </p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/reparatur.png" alt="Velos in SG" /> </div>
<h3>Velo</h3>
<p class="myurlz-blk"> Fahrräder in SG! </p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/tresor.png" alt="Schlüsseldienst in SG" /> </div>
<h3>Schlüssel</h3>
<p class="myurlz-blk"> Schlüsseldienst in SG! </p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/architekt.png" alt="Architekt in SG" /> </div>
<h3>Architekt</h3>
<p class="myurlz-blk"> Architekt in SG! </p>
</div>
</a>
<a href="#" class="myurls">
<div class="service">
<div class="icon"> <img src="img/juwelier.png" alt="Juwelier in SG" /> </div>
<h3>Juwelier</h3>
<p class="myurlz-blk"> Juwelier in SG! </p>
</div>
</a>
</div>
</section>
<!-- work -->
<section id="work">
<div class="title">
<h2>Empfohlen</h2>
<p> Das müssen Sie sehen! </p>
</div>
<div class="portfolio">
<div class="item"> <img src="img/naegel.jpg" alt="Nägel St. Gallen" />
<div class="action"> <a href="#">Ansehen</a> </div>
</div>
<div class="item"> <img src="img/malen.jpg" alt="Maler St. Gallen" />
<div class="action"> <a href="#">Ansehen</a> </div>
</div>
<div class="item"> <img src="img/itsg.webp" alt="Informatik St. Gallen" />
<div class="action"> <a href="#">Ansehen</a> </div>
</div>
<div class="item"> <img src="img/gyms.jpg" alt="Fitness St. Gallen" />
<div class="action"> <a href="#">Ansehen</a> </div>
</div>
<div class="item"> <img src="img/hunde.jpg" alt="Hundetraining St. Gallen" />
<div class="action"> <a href="#">Ansehen</a> </div>
</div>
<div class="item"> <img src="img/living.jpg" alt="Wohnen St. Gallen" />
<div class="action"> <a href="#">Ansehen</a> </div>
</div>
<div class="item"> <img src="img/tattooink.jpg" alt="Tattoo stechen St. Gallen" />
<div class="action"> <a href="#">Ansehen</a> </div>
</div>
<div class="item"> <img src="img/automech.webp" alt="Automech St. Gallen" />
<div class="action"> <a href="#">Ansehen</a> </div>
</div>
<div class="item"> <img src="img/drinks.webp" alt="Drinks St. Gallen" />
<div class="action"> <a href="#">Ansehen</a> </div>
</div>
<div class="item"> <img src="img/cleaning.jpg" alt="Reinigung St. Gallen" />
<div class="action"> <a href="#">Ansehen</a> </div>
</div>
<div class="item"> <img src="img/driverlession.webp" alt="Fahrschule St. Gallen" />
<div class="action"> <a href="#">Ansehen</a> </div>
</div>
<div class="item"> <img src="img/gaertner.jpg" alt="Gaertner St. Gallen" />
<div class="action"> <a href="#">Ansehen</a> </div>
</div>
<div class="item"> <img src="img/pflegeheim.jpg" alt="Pflegeheim St. Gallen" />
<div class="action"> <a href="#">Ansehen</a> </div>
</div>
<div class="item"> <img src="img/hotels.jpg" alt="Hotels St. Gallen" />
<div class="action"> <a href="#">Ansehen</a> </div>
</div>
<div class="item"> <img src="img/zahni.webp" alt="Zahni St. Gallen" />
<div class="action"> <a href="#">Ansehen</a> </div>
</div>
<div class="item"> <img src="img/swimming.jpg" alt="Badi St. Gallen" />
<div class="action"> <a href="#">Ansehen</a> </div>
</div>
</div>
</section>
<!-- contact -->
<section id="contact">
<div class="title">
<h2>Kontakt</h2>
<p> Für Fragen stehen wir gerne zur Verfügung! </p>
</div>
<div class="contact">
<div class="contact-form">
<form action="/php/kontakt.php" method="POST">
<!-- Vorname und Nachname -->
<div class="row">
<div class="input50">
<input type="text" name="vorname" placeholder="Vorname" required /> </div>
<div class="input50">
<input type="text" name="nachname" placeholder="Nachname" required /> </div>
</div>
<!-- Email und Titel -->
<div class="row">
<div class="input50">
<input type="email" name="email" placeholder="Email" required /> </div>
<div class="input50">
<input type="text" name="titel" placeholder="Titel" required /> </div>
</div>
<!-- Nachricht -->
<div class="row">
<div class="input100">
<textarea name="nachricht" placeholder="Nachricht" required></textarea>
</div>
</div>
<!-- Spam-Block -->
<div style="display:none;">
<label>Bitte leer lassen:</label>
<input type="text" name="spam" /> </div>
<!-- Submit-Button -->
<div class="row">
<div class="input100">
<input type="submit" value="Senden" /> </div>
</div>
</form>
</div>
<div class="contact-info">
<div class="info-box"> <img src="img/address.png" class="contact-icon" alt="Adresse" />
<div class="details">
<h4>Standort</h4>
<p>9000 SG, Schweiz</p>
</div>
</div>
</div>
</div>
</section>
<!-- end -->
<!-- copyrights -->
<section id="copyrights" class="copyrights">
<div class="title">
<br>
<h2>9000 SG</h2>
<p> Copyrights <span id="year"></span> @ 9000-sg.ch
<br>Alle Rechte vorbehalten </p> <a href="/datenschutz.html" class="copyblack">Datenschutz</a> <a href="/impressum.html" class="copyblack">Impressum</a> <a href="/agb.html" class="copyblack">AGB</a> <a href="/neuer-eintrag.html" class="copyblack">Neuer Eintrag</a> </div>
</section>
<!-- end -->
<div class="footer-fixed">
<footer class="red lighten-2">
<nav class="z-depth-0">
<div class="nav-wrapper">
<ul class="justify">
<li><a href="#!"><i class="material-icons">public</i></a></li>
<li><a class="active" href="https://9000-sg.ch"><i class="material-icons">home</i></a></li>
<li><a href="#!"><i class="material-icons">face</i></a></li>
</ul>
</div>
</nav>
</footer>
</div>
<!-- JS -->
<script>
const toggleButton = document.querySelector(".toggle");
const navigation = document.querySelector(".navigation");
toggleButton.addEventListener("click", () => {
toggleButton.classList.toggle("active");
navigation.classList.toggle("active");
});
navigation.addEventListener("click", () => {
toggleButton.classList.toggle("active");
navigation.classList.toggle("active");
});
</script>
<script>
document.getElementById("year").textContent = new Date().getFullYear();
</script>
</body>
</html>