Coming Soon
Stay tuned, we're launching something awesome. Don't miss the big reveal!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UGK Burger - Best Smash Burgers in Town</title>
<style>
/* --- Basic Styling --- */
:root {
--primary-color: #A50000; /* Deep Red/Maroon */
--secondary-color: #FFD700; /* Gold/Yellow */
--background-dark: #1C1C1C; /* Dark Gray/Black */
--text-light: #F0F0F0;
--font-family: 'Arial', sans-serif;
}
body {
font-family: var(--font-family);
margin: 0;
padding: 0;
background-color: var(--background-dark);
color: var(--text-light);
line-height: 1.6;
}
/* --- Layout & Components --- */
.container {
width: 90%;
max-width: 1200px;
margin: auto;
overflow: hidden;
padding: 20px 0;
}
header {
background: var(--background-dark);
color: var(--text-light);
padding-top: 30px;
min-height: 70px;
border-bottom: 3px solid var(--primary-color);
}
header a {
color: var(--text-light);
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
}
header h1 {
text-align: center;
margin: 0 0 10px 0;
color: var(--secondary-color);
font-size: 2.5em;
}
.hero {
text-align: center;
padding: 60px 20px;
background: url('[PLACEHOLDER: BURGER BACKGROUND IMAGE URL]') no-repeat center center/cover;
color: var(--text-light);
text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
}
.hero h2 {
font-size: 3em;
margin: 0;
color: var(--secondary-color);
}
.hero p {
font-size: 1.2em;
margin-top: 10px;
}
section {
padding: 40px 0;
border-bottom: 1px solid #333;
}
section h2 {
text-align: center;
margin-bottom: 30px;
color: var(--primary-color);
text-transform: uppercase;
font-size: 2em;
}
/* --- Menu Specifics --- */
.menu-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
}
.menu-item {
background: #252525;
padding: 20px;
border-radius: 8px;
border: 2px solid var(--primary-color);
}
.menu-item h3 {
color: var(--secondary-color);
margin-top: 0;
display: flex;
justify-content: space-between;
}
.menu-item .price {
color: var(--text-light);
font-weight: bold;
}
/* --- Location & Contact --- */
.location-info {
text-align: center;
}
.map-placeholder {
height: 300px;
background-color: #333;
margin-top: 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
color: var(--text-light);
}
.social-links a {
display: inline-block;
margin: 0 10px;
color: var(--text-light);
font-size: 2em;
}
.social-links {
text-align: center;
margin-top: 20px;
}
/* --- Footer --- */
footer {
background: var(--background-dark);
color: var(--text-light);
text-align: center;
padding: 20px 0;
border-top: 3px solid var(--primary-color);
}
/* --- Responsiveness --- */
@media (max-width: 600px) {
.hero h2 {
font-size: 2.5em;
}
.menu-grid {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
<header>
<div class="container">
<h1>UGK BURGER</h1>
</div>
</header>
<div class="hero">
<div class="container">
<h2>The Only Smash Burger You Need.</h2>
<p>Southern-inspired quality. All Killer, No Filler.</p>
</div>
</div>
<section id="menu">
<div class="container">
<h2>Our Menu</h2>
<div class="menu-grid">
<div class="menu-item">
<h3>The Trill Smash <span class="price">$[PRICE]</span></h3>
<p>Two patties of premium beef, American cheese, house pickles, caramelized onions, and UGK sauce on a toasted potato bun.</p>
</div>
<div class="menu-item">
<h3>The H-Town Heat <span class="price">$[PRICE]</span></h3>
<p>Single patty, pepper jack cheese, crispy jalapeƱos, bacon, and spicy Bayou aioli. Fire in the booth.</p>
</div>
<div class="menu-item">
<h3>The Pimp C Patty <span class="price">$[PRICE]</span></h3>
<p>Juicy marinated grilled chicken breast with lettuce, tomato, and mayo on a brioche bun.</p>
</div>
<div class="menu-item">
<h3>Dirty South Fries <span class="price">$[PRICE]</span></h3>
<p>Crispy seasoned fries smothered in melted cheddar, chopped bacon, and chives.</p>
</div>
</div>
</div>
</section>
<section id="location">
<div class="container">
<h2>Location & Hours</h2>
<div class="location-info">
<p><strong>Address:</strong> [PLACEHOLDER: 3607 S Shepherd Dr, Houston, TX 77098]</p>
<p><strong>Phone:</strong> [PLACEHOLDER: (832) 555-5555]</p>
<p><strong>Hours:</strong> [PLACEHOLDER: Tues - Sun: 11:00 AM - 9:00 PM]</p>
<div class="map-placeholder">
[PLACEHOLDER: EMBED GOOGLE MAP HERE]
</div>
</div>
</div>
</section>
<section id="contact">
<div class="container">
<h2>Get Social</h2>
<div class="social-links">
<a href="https://www.facebook.com/UGKBurger/" target="_blank">
<img src="[PLACEHOLDER: FACEBOOK ICON URL]" alt="Facebook" style="width: 40px;">
</a>
<a href="[PLACEHOLDER: INSTAGRAM LINK]" target="_blank">
<img src="[PLACEHOLDER: INSTAGRAM ICON URL]" alt="Instagram" style="width: 40px;">
</a>
<p>Follow us for daily specials and updates!</p>
</div>
</div>
</section>
<footer>
<div class="container">
<p>© 2025 UGK Burger. All Rights Reserved. | Crafted with Pride.</p>
</div>
</footer>
</body>
</html>