<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>SF Food Specials</title>
<!-- Simple styling -->
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
background: #fafafa;
color: #222;
text-align: center;
}
.container {
max-width: 720px;
margin: 0 auto;
padding: 32px 16px 48px;
}
.logo {
width: 120px;
height: auto;
margin-bottom: 12px;
}
h1 {
font-size: 2.2rem;
margin: 8px 0 24px;
font-weight: 700;
}
.form-wrapper {
margin: 24px 0 40px;
}
.socials {
display: flex;
justify-content: center;
align-items: center;
gap: 14px;
font-size: 0.95rem;
}
.socials span {
margin-right: 6px;
font-weight: 500;
}
.socials a {
display: inline-flex;
align-items: center;
color: #222;
text-decoration: none;
}
.socials svg {
width: 20px;
height: 20px;
fill: currentColor;
}
.socials a:hover {
opacity: 0.7;
}
</style>
</head>
<body>
<div class="container">
<!-- Icon / Logo -->
<img src="IMG_4903.png" alt="SF Food Specials logo" class="logo" />
<!-- Title -->
<h1>SF Food Specials</h1>
<!-- Embedded Form -->
<div class="form-wrapper">
<iframe
width="540"
height="305"
src="https://84909f58.sibforms.com/serve/MUIFAKONMh1VNlUDW1wbS-zOdUHjV_2eYlqU-WVbP44eZqUXIjx3VVeW2M80f_Du7ydqRdr3msl-U02LwM5vz0TuwzRJCaMRevsJAsURn9xTTYRwqGaJ1AFwsWNC-Q1VZmgOTOyzLVLlZbU3meNyQzzstS2-6WSNbwrEnwMetXNd7EKaNQYdXN8fIVafL2LaAe_VotHJz8LSSuFwxA=="
frameborder="0"
scrolling="auto"
allowfullscreen
style="display: block; margin-left: auto; margin-right: auto; max-width: 100%;"
></iframe>
</div>
<!-- Social Links -->
<div class="socials">
<span>Follow us:</span>
<!-- Instagram -->
<a href="https://www.instagram.com/sf.specials" target="_blank" aria-label="Instagram">
<svg viewBox="0 0 24 24">
<path d="M7 2C4.24 2 2 4.24 2 7v10c0 2.76 2.24 5 5 5h10c2.76 0 5-2.24 5-5V7c0-2.76-2.24-5-5-5H7zm10 2a3 3 0 013 3v10a3 3 0 01-3 3H7a3 3 0 01-3-3V7a3 3 0 013-3h10zm-5 3.5A4.5 4.5 0 1016.5 12 4.5 4.5 0 0012 7.5zm0 7.4A2.9 2.9 0 1114.9 12 2.9 2.9 0 0112 14.9zM17.8 6.2a1 1 0 11-1-1 1 1 0 011 1z"/>
</svg>
</a>
<!-- TikTok -->
<a href="https://www.tiktok.com/@sf.specials" target="_blank" aria-label="TikTok">
<svg viewBox="0 0 24 24">
<path d="M12.94 2h2.19a5.84 5.84 0 001.66 3.72 6.07 6.07 0 003.57 1.66v2.21a8.23 8.23 0 01-5.23-1.77v6.51a5.88 5.88 0 11-5.88-5.88 6 6 0 011.47.18v2.34a3.64 3.64 0 10 2.23 3.35z"/>
</svg>
</a>
</div>
</div>
</body>
</html>