https://phothaisiouxfalls.com/index.php

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="utf-8">
5  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6  <meta name="viewport" content="width=device-width, initial-scale=1">
7  <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
8  <meta name="description" content="WELCOME TO PHO THAI. We strived to put together the most authentic, healthy, and fresh ingredients that you would find at the local grocery store. Our main ingredients are rice noodle, egg noodle, Rice Paper, lemongrass, chili paste, lime leave, seafoods, and other vegetables.
9">
10  <meta name="author" content="">
11  <link rel="icon" href="../../favicon.ico">
12
13  <title>Pho Thai Sioux falls</title>
14
15  <!-- Bootstrap core CSS -->
16  <link href="css/bootstrap.css" rel="stylesheet">
17  

17<script src="https://www.fbgcdn.com/embedder/js/ewm2.js" defer async></script>

17
18  <!-- Main core CSS -->
19  <link href="css/main.css?v=1.10" rel="stylesheet">
20  <link href="style.css" rel="stylesheet">
21  <!-- Font Awesome -->
22  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css"
23        integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
24
25</head>
26
27<body>
28
29<!-- Fixed navbar -->
30<nav class="navbar navbar-default navbar-fixed-top">
31  <div class="container">
32    <div class="navbar-header">
33      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
34              aria-expanded="false" aria-controls="navbar">
35        <span class="sr-only">Toggle navigation</span>
36        <span class="icon-bar"></span>
37        <span class="icon-bar"></span>
38        <span class="icon-bar"></span>
39      </button>
40      <a class="navbar-brand" href="#"><img src="images/logo.png" width="130" alt="logo"></a>
41    </div>
42    <div id="navbar" class="navbar-collapse collapse">
43      <ul class="nav navbar-nav navbar-right">
44        <li><a href="index.php">HOME</a></li>
45        <li><a href="/order.php"    >ONLINE ORDER</a></li>
46        <li><a href="gallery.php">GALLERY</a></li>
47        <li><a href="location.php">LOCATION</a></li>
48        <li><a href="contact.php">FEEDBACK</a></li>
49        <li class="mobile-social"><a href="#" aria-label="Facebook"><i class="fab fa-facebook" aria-hidden="true"></i></a>
50        </li>
51        <li class="mobile-social"><a href="#" aria-label="Twitter"><i class="fab fa-twitter" aria-hidden="true"></i></i></a></li>
52        <li class="mobile-social"><a href="#" aria-label="Google Plus"><i class="fab fa-google-plus" aria-hidden="true"></i></a></li>
53      </ul>
54    </div><!--/.nav-collapse -->
55  </div>
56</nav>
57
58<section class="hp-main">
59  <div class="container">
60    <div class="top-title">
61      <div class="top-title-con">
62        <div class="text-center">
63          <p class="hp-title">Welcome to <span class="ve-global-color"> Pho Thai Sioux Falls</span></p>
64          <p><a href="/order.php"   class="online-btn">Online Order</a></p>
65        </div>
66      </div>
67    </div>
68  </div>
69</section>
70
71<section id="startchange" class="hp-about">
72  <div class="container">
73    <div class="col-md-5 pl-center">
74      <h1 class="ve-global-color">Discover</h1>
75      <p class="bold-text">ABOUT US</p>
76      <p class="p-global">WELCOME TO PHO THAI. We strived to put together the most authentic, healthy, and fresh
77        ingredients that you would find at the local grocery store. Our main ingredients are rice noodle, egg noodle,
78        Rice Paper, lemongrass, chili paste, lime leave, seafoods, and other vegetables.
79      </p>
80
81
82      </p>
83      <!-- <p><a href="#" class="hp-subtitle">About us</a></p> -->
84    </div>
85
86    <div class="col-md-6  col-md-offset-1">
87      <img src="images/vertical-photo-1.jpg" class="img-full" alt="Phothai vertical photo">
88    </div>
89
90    <div style="clear:both"></div>
91  </div>
92</section>
93
94<section class="hp-3rd">
95  <div class="container  pl-center">
96    <div class="col-md-4 col-md-offset-4">
97      <div class="mid-text-con">
98        <h1 class="ve-global-color">Tasteful</h1>
99        <p class="bold-text ve-global-white">RECIPES</p>
100      </div>
101    </div>
102  </div>
103</section>
104
105<section class="hp-4th">
106  <div class="container">
107    <div class="col-md-3   ">
108      <img src="images/menu-thumb-1.jpg" class="img-full" alt="Menu item 1"> <br>
109
110      <img src="images/menu-thumb-2.jpg" class="img-full" alt="Menu item 2">
111    </div>
112    <div class="col-md-3">
113      <img src="images/menu-thumb-3.jpg" class="img-full" alt="Menu item 3"> <br>
114
115      <img src="images/menu-thumb-4.jpg" class="img-full" alt="Menu item 4">
116    </div>
117
118    <div class="col-md-6 pl-center">
119      <h1 class="ve-global-color">Discover</h1>
120      <p class="bold-text">MENU</p>
121      <p class="p-global">Thai cooking places emphasis on lightly prepared dishes with strong aromatic components and a
122        spicy edge. Traditional Thai cuisine loosely falls into four categories: tom (boiled dishes) yam (spicy
123        salads), tam (pounded foods), and gaeng (curries). Deep-fries, stir-fries, and steamed dis

123hes derive from
124        Chinese cooking.</p>
125      <p><a href="javascript:;" data-glf-cuid="d04d28cb-6793-4d93-9882-03493ebb77b8" data-glf-ruid="788c881d-19b9-455a-9009-db9b7558dfe1"   class="hp-subtitle">VIEW MENU</a></p>
126    </div>
127    <div style="clear:both"></div>
128  </div>
129</section>
130
131<footer>
132  <div class="container">
133    <div class="col-md-6 pl-left">
134      Pho Thai Sioux falls &copy; Power By <a style="color: white" href="https://www.joyopos.com">Joyopos</a>
135    </div>
136    <div class="col-md-6">
137      <ul class="ft-social pull-right">
138        <li><a href="#" aria-label="Facebook"><i class="fab fa-facebook" aria-hidden="true"></i></a></li>
139        <li><a href="#" aria-label="Twitter"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
140        <li><a href="#" aria-label="Google Plus"><i class="fab fa-google-plus" aria-hidden="true"></i></a></li>
141      </ul>
142    </div>
143  </div>
144  <a href="#" class="scrollup" style="display: block;" aria-label="Scroll to top"><img src="images/arrow-up.png" alt="Scroll to top"></a>
145</footer>
146
147
148
149<!-- Bootstrap core JavaScript
150================================================== -->
151<!-- Placed at the end of the document so the pages load faster -->

152<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

152

153<script src="js/bootstrap.min.js"></script>

153

154<script>
155    $(document).ready(function () {
156        var scroll_start = 0;
157        var startchange = $('#startchange');
158        var offset = startchange.offset();
159        if (startchange.length) {
160            $(document).scroll(function () {
161                scroll_start = $(this).scrollTop();
162                if (scroll_start > offset.top) {
163                    $(".navbar-default").css('background-color', '#273750');
164                } else {
165                    $('.navbar-default').css('background-color', 'transparent');
166                }
167            });
168        }
169    });
170
171    $(document).ready(function () {
172
173        $(window).scroll(function () {
174            if ($(this).scrollTop() > 100) {
175                $('.scrollup').fadeIn();
176            } else {
177                $('.scrollup').fadeOut();
178            }
179        });
180
181        $('.scrollup').click(function () {
182            $("html, body").animate({
183                scrollTop: 0
184            }, 600);
185            return false;
186        });
187
188    });
189
190</script>

190
191
192
193
194<div id="imgPopup" class="popup-overlay" style="display:none;">
195  <div class="popup-box">
196    <span class="close-btn" onclick="closePopup()">×</span>
197	
198	<!-- ⭐ Banner goes here -->
199    <div class="popup-banner">
200      Only available for downtown location! See store for discount.
201    </div>
202	
203    <img src="images/downtown-popup.jpg" alt="Popup Image" class="popup-img">
204  </div>
205</div>
206
207
208<style>
209  .popup-overlay {
210    position: fixed;
211    top: 0; left: 0;
212    width: 100%; height: 100%;
213    background: rgba(0,0,0,0.7);
214    display: flex;
215    justify-content: center;
216    align-items: center;
217    z-index: 9999;
218  }
219  .popup-box {
220    position: relative;
221    background: #fff;
222    padding: 10px;
223    border-radius: 6px;
224    max-width: 90%;
225    max-height: 90%;
226  }
227.popup-img {
228  max-width: 80vw;   /* 80% of viewport width */
229  max-height: 80vh;  /* 80% of viewport height */
230  width: auto;
231  height: auto;
232}
233  .close-btn {
234    position: absolute;
235    top: -10px;
236    right: -10px;
237    background: #000;
238    color: #fff;
239    padding: 5px 10px;
240    border-radius: 50%;
241    cursor: pointer;
242    font-size: 20px;
243  }
244  .popup-banner {
245  background: #ffefc2;
246  color: #8a4b00;
247  padding: 10px 15px;
248  text-align: center;
249  font-size: 22px;
250  font-weight: bold;
251  margin-bottom: 10px;
252  border-radius: 4px;
253}
254
255</style>
256

257<script>
258  function openPopup() {
259    document.getElementById('imgPopup').style.display = 'flex';
260  }
261  function closePopup() {
262    document.getElementById('imgPopup').style.display = 'none';
263  }
264  
265  window.onload = function() {
266    openPopup();
267  };
268
269
270</script>

270
271
272</body>
273</html>