Skip to content

Instantly share code, notes, and snippets.

@vjeuel

vjeuel/gist:f63b83c8222a5acf6efff57500665d6e

Created April 22, 2017 03:57
Show Gist options
  • Save vjeuel/f63b83c8222a5acf6efff57500665d6e to your computer and use it in GitHub Desktop.
Save vjeuel/f63b83c8222a5acf6efff57500665d6e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Tony's Pizza and Pasta</title>
<link href="https://fonts.googleapis.com/css?family=Lobster|Raleway:400,600" rel="stylesheet">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/query.css">
</head>
<body>
<div class="wrapper">
<header>
<!------------------ FLOATIES ------------------>
<div id="truck-floatie">
<a class="truck-oo" href="http://deliveryzones.bigholler.com/?SURL=tonyspizzapasta" target="_blank">Order Online</a><br>
<a href="http://deliveryzones.bigholler.com/?SURL=tonyspizzapasta" target="_blank"><img class="truck" src="img/truck.png"></a>
</div>
<div id="totop">
<a href="#wrapper-top"><img src="img/totop.png"></a>
</div>
<script>
// When the user scrolls down 300px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 300 || document.documentElement.scrollTop > 300) {
document.getElementById("truck-floatie").style.display = "block";
document.getElementById("totop").style.display = "block";
} else {
document.getElementById("truck-floatie").style.display = "none";
document.getElementById("totop").style.display = "none";
}
}
</script>
<!------------------ LOGO / ADDRESS / SOCIAL ------------------>
<div id="wrapper-top">
<div class="container clearfix">
<div id="social-top">
<a href="https://www.facebook.com/TonysPizzaPastaDallas/?ref=aymt_homepage_panel" target="_blank"><img src="img/facebook.png" style="width:35px"></a>
<a href="https://twitter.com/tonys_pizza" target="_blank"><img src="img/twitter.png" style="width:35px"></a>
</div>
<div id="logo-box">
<a href="http://deliveryzones.bigholler.com/?SURL=tonyspizzapasta" target="_blank">
<img id="logo" src="img/logo.png">
<img id="online-button" src="img/orderonline.png">
</a>
</div>
<div id="top-address">
<a class="address" href="https://www.google.com/maps/place/Tonys+Pizza+and+Pasta/@33.0090601,-96.8429613,17z/data=!4m5!3m4!1s0x0000000000000000:0x835f8d0dd8943604!8m2!3d33.0090601!4d-96.8429613" target="_blank">18918 Midway Rd<br>Dallas, TX 75287</a>
<a id="g-icon" href="https://www.google.com/maps/place/Tonys+Pizza+and+Pasta/@33.0090601,-96.8429613,17z/data=!4m5!3m4!1s0x0000000000000000:0x835f8d0dd8943604!8m2!3d33.0090601!4d-96.8429613" target="_blank"><img src="img/googlemaps.png"></a>
<a class="phone" href="tel:9722679180">972 267-9180</a>
</div>
</div>
</div>
<!------------------ TOP NAV ------------------>
<div id="top-box">
<a class="nav-top" href="#menu">menu</a>
<a class="nav-top" href="#spec-backg">specials</a>
<a class="nav-top" href="http://deliveryzones.bigholler.com/?SURL=tonyspizzapasta" target="_blank"></a>
<a class="nav-top" href="#catering">catering</a>
<a class="nav-top" href="#say-hello">contact</a>
</div>
<!------------------ ADS ON PICTURE ------------------>
<div id="options">dine in, take-out and delivery</div>
<div id="ads" class="clearfix">
<div id="margh-ad">
<a class="margherita-ad" href="#margh-pic">Margherita</a>
<a class="tuesday-ad" href="#margh-pic">Tuesday</a>
<a class="margh-free-ad" href="#margh-pic">FREE 10" MARGHERITA PIZZA with any purchase of $20 or more on Tuesdays.</a>
</div>
<div id="lunch-ad">
<a class="lunch-lets-ad" href="#ls-bkg">Let's do Lunch</a><br>
<div class="lunch-rules-ad" >starting at $5.99</div>
<div class="lunch-rules-ad" >Monday - Friday</div><br>
<a class="lunch-click-ad" href="#ls-bkg">click here if you are hungry</a>
</div>
<div id="spacer"></div>
<div id="square-mail" class="wrapper">
<p>Join our mailing list for specials and birtday gifts!</p>
<form action="http://squareup.com/outreach/kAfPIG/subscribe" method="POST" target="_blank">
<input type="email" name="email_address" placeholder="Your Email Address">
<button type="submit">Join Now</button></form>
</div>
</div>
<div id="catering-box">
<div id=catering-bb>
<a id="catering-w" href="#catering">Catering</a>
<a id="relax" href="#catering">Relax, let us cater<br>your next event</a>
</div>
</div>
<div class="container" id="since2000">
<a>Serving <span style="color:#63FFD2">New York Style</span> Pizza since 2000</a>
</div>
</header>
<!------------------ SPECIALS ------------------>
<section>
<!------------------ PIZZA SPECIALS ------------------>
<div id="spec-backg">
<div class="specials">
<div class="spec-spec">Specials</div>
<div class="spec-box">
<div class="spec-title">16" Specialty</div>
<div class="spec-descr">NY Style Pizza</div>
<div class="spec-price">$17.99</div>
</div>
<div class="spec-box">
<div class="spec-title">16" 2 Toppings</div>
<div class="spec-descr">NY Style Pizza</div>
<div class="spec-price">$14.99</div>
</div>
<div class="spec-box">
<div class="spec-title">16" 2 Toppings</div>
<div class="spec-descr">Sicilian</div>
<div class="spec-price">$17.99</div>
</div>
<div class="spec-box">
<div class="spec-title">20" Specialty</div>
<div class="spec-descr">NY Style Pizza</div>
<div class="spec-price">$22.49</div>
</div>
<div class="spec-box">
<div class="spec-title">20" 2 Toppings</div>
<div class="spec-descr">NY Style Pizza</div>
<div class="spec-price">$17.99</div>
</div>
<div class="spec-box">
<div class="spec-title">2 Homemade<br>Pastas</div>
<div class="spec-price">$14.49</div>
</div>
<div>
<div class="spec-rules">Not valid with any other offer. Must mention special while ordering. Pick-up, DIne-in and Delivery. Gourmet toppings are extra.</div>
</div>
</div>
</div>
<!------------------ MARGHERITA SPECIALS ------------------>
<div id="margh-pic">
<div class="container">
<div id="margh-margh">Margherita</div>
<div id="margh-tue">Tuesday</div>
<div id="margh-free">FREE 10" MARGHERITA PIZZA with any purchase of $20 or more on Tuesdays.</div>
<div id="margh-rules">Not valid with any other offer. Must mention special while ordering. Pick-up, DIne-in and Delivery. Available all day, every Tuesday.</div>
</div>
</div>
<!------------------ LUNCH SPECIALS ------------------>
<div id="ls-bkg">
<div class="container">
<div class="specials">
<div id="ls-title"><span style="margin-top: 50px">Lunch Specials</span></div>
<div class="ls-rules">11am to 3pm</div>
<div class="ls-rules">Specials valid for dine-in or pick-up</div>
<div class="ls-special-box">
<div class="ls-number">1</div>
<div class="ls-info">1 Slice<br>with<br>1 topping<br> Dinner Salad<br>and<br>Soft Drink</div>
<div class="ls-price">5.99</div>
</div>
<div class="ls-special-box">
<div class="ls-number">2</div>
<div class="ls-info">2 Slices<br>with<br>1 topping<br> Dinner Salad<br>and<br>Soft Drink</div>
<div class="ls-price">7.49</div>
</div>
<div class="ls-special-box">
<div class="ls-number">3</div>
<div class="ls-info">1 Slice<br><span>specialty slice or up to 5 toppings</span><br> Dinner Salad<br>and<br>Soft Drink</div>
<div class="ls-price">6.79</div>
</div>
<div class="ls-special-box">
<div class="ls-number">4</div>
<div class="ls-info">Salad<br><span>Antipasto,<br>Chef<br>or Greek</span><br> Garlic Knots <br>and<br>Soft Drink</div>
<div class="ls-price">7.49</div>
</div>
<div class="ls-special-box">
<div class="ls-number">5</div>
<div class="ls-info">Pasta<br><span>Spag. Meatballs,<br> Spag. Meat Sauce,<br> Spag. Italian Sausage,<br> Baked Ziti or Lasagna</span><br> Garlic Knots<br> and Soft Drink</div>
<div class="ls-price">7.99</div>
</div>
</div>
</div>
</div>
</section>
<!------------------ MENU ------------------>
<section id="menu">
<div class="menu-cater-backg">
<img class="menucater" src="/img/menufront.jpg">
<img class="menucater" src="/img/menuback.jpg">
<a class="pdfbutton" href="img/menu.pdf" target="_blank">click here for pdf menu</a>
<p id="warm-pizza">There's no better <span style="color:aquamarine">feeling</span> in the <span style="color:aquamarine">world</span> than a warm <span style="color:aquamarine">pizza</span> box on your lap</p>
</div>
</section>
<!------------------ CATERING ------------------>
<section id="catering">
<div class="menu-cater-backg">
<img class="menucater" src="/img/cateringfront.jpg">
<img class="menucater" src="/img/cateringback.jpg">
<a class="pdfbutton" href="img/catering.pdf" target="_blank">click here for pdf menu</a>
</div>
</section>
<!------------------ FOOTER ------------------>
<footer>
<div class="container">
<div id="say-hello">Say hello.</div>
<div id="say-hello-2">We'd love to hear from you.</div>
<div>
<form id="form-box" action="mailto:vjeuel@gmail.com" method="post" enctype="text/plain">
<ul>
<li class="name-email">
<input type="text" name="firstname" placeholder="your name">
<input type="email" name="email" placeholder="your e-mail">
</li>
</ul>
<ul>
<li>
<textarea name="comment" form="usrform" placeholder="enter text here"></textarea>
</li>
<li>
<input id="submit" type="submit" value="send">
</li>
</ul>
</form>
</div>
<div id="info-bottom">
<div id="info-hours-b"><span style="font-family: 'Lobster', cursive; font-size: 2.25em; font-weight: normal">Pizzas are baking</span><br><br>Monday - Thursday<br>11am to 10pm<br><br>Friday and Saturday<br>11am to 11pm<br><br>Sunday<br>12pm to 9:30pm</div>
<div id="info-services-b">dine-in<br>take-out<br>delivery</div>
<div id="info-address-b">
<a href="tel:9722679180" style="font-size: 2em; text-decoration: none; color: white;">972 267-9180</a><br><br>
<a>tony@tonyspizzapasta.com</a><br><br>
<a href="https://www.google.com/maps/place/Tonys+Pizza+and+Pasta/@33.0090601,-96.8429613,17z/data=!4m5!3m4!1s0x0000000000000000:0x835f8d0dd8943604!8m2!3d33.0090601!4d-96.8429613" target="_blank" style="text-decoration: none; color: white;">18918 Midway Rd, Ste 100<br>Dallas, TX 75287</a><br><br><br>
<a href="https://www.facebook.com/TonysPizzaPastaDallas/?ref=aymt_homepage_panel" target="_blank"><img src="img/facebook.png" style="width:35px; padding: 0 20px"></a>
<a href="https://twitter.com/tonys_pizza" target="_blank"><img src="img/twitter.png" style="width:35px; padding: 0 20px"></a>
</div>
</div>
<div id="signature">2017 - Jeuel Viveros</div>
</div>
<!------------------ GOOGLE MAP ------------------>
<iframe
width="100%"
height="250"
frameborder="0" style="border:0"
src="https://www.google.com/maps/embed/v1/place?key=AIzaSyA7WArAvh8glqAumf4kI-6oJ0-lZMw_Ldo
&q=Tony's+Pizza+and+Pasta,Dallas+TX/@33.0090601,-96.8429613,17z" allowfullscreen>
</iframe>
<div class="wrapper-bottom" style="border-bottom:15px darkred solid"></div>
<!--
Google API Key
AIzaSyA7WArAvh8glqAumf4kI-6oJ0-lZMw_Ldo-->
<!------------------ BOTTOM NAV ------------------>
<div class="container">
<div id="bottom-box">
<a class="nav-bottom" href="#menu">menu</a>
<a class="nav-bottom" href="#spec-backg">specials</a>
<a class="nav-bottom" href="#catering">catering</a>
<a class="nav-bottom" href="#say-hello">contact</a>
<a class="nav-bottom" href="http://deliveryzones.bigholler.com/?SURL=tonyspizzapasta" target="_blank">order online</a>
</div>
</div>
</footer>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment