PageSourceSearch

https://pintry.co.za/

html pintry.co.za collected 2026-10-02 01:10:16 UTC 49,999 bytes, 1,080 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5  <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
6  <meta charset="utf-8">
7  <meta name="viewport" content="width=device-width, initial-scale=1">
8  <meta name="description" content="PINTRY - Pin Entry Application">
9  <meta name="author" content="TemplatesPRO.com.br">
10  <meta name="robots" content="index,follow">
11  <meta name="mobile-web-app-capable" content="yes">
12  <meta name="apple-mobile-web-app-capable" content="yes">
13  <meta name="apple-mobile-web-app-title" content="PINTRY - Pin Entry Application">
14  <meta name="apple-mobile-web-app-status-bar-style" content="black">
15  <meta name="theme-color" content="#db5945">
16  <title>PINTRY - Pin Entry Application</title>
17
18  <!-- Facebook -->
19  <meta property="og:locale" content="en_GB">
20  <meta property="og:url" content="http://www.templatespro.com.br/mos7/">
21  <meta property="og:title" content="Mos7">
22  <meta property="og:site_name" content="Templates PRO">
23  <meta property="og:description" content="Mos7 - Responsive Bootstrap 3 App Landing Page Template">
24  <meta property="og:image" content="http://www.templatespro.com.br/images/mos7.png">
25  <meta property="og:image:type" content="image/png">
26  <meta property="og:image:width" content="80">
27  <meta property="og:image:height" content="80">
28  <meta property="og:type" content="website">
29
30  <!-- Fav and Touch Icons -->
31  <meta name="msapplication-TileColor" content="#d9534f">
32  <meta name="msapplication-TileImage" content="images/favicons/mstile-144x144.png">
33  <meta name="msapplication-config" content="images/favicons/browserconfig.xml">
34  <meta name="theme-color" content="#ffffff">
35  <link rel="apple-touch-icon" sizes="57x57" href="images/favicons/apple-touch-icon-57x57.png">
36  <link rel="apple-touch-icon" sizes="60x60" href="images/favicons/apple-touch-icon-60x60.png">
37  <link rel="apple-touch-icon" sizes="72x72" href="images/favicons/apple-touch-icon-72x72.png">
38  <link rel="apple-touch-icon" sizes="76x76" href="images/favicons/apple-touch-icon-76x76.png">
39  <link rel="apple-touch-icon" sizes="114x114" href="images/favicons/apple-touch-icon-114x114.png">
40  <link rel="apple-touch-icon" sizes="120x120" href="images/favicons/apple-touch-icon-120x120.png">
41  <link rel="apple-touch-icon" sizes="144x144" href="images/favicons/apple-touch-icon-144x144.png">
42  <link rel="apple-touch-icon" sizes="152x152" href="images/favicons/apple-touch-icon-152x152.png">
43  <link rel="apple-touch-icon" sizes="180x180" href="images/favicons/apple-touch-icon-180x180.png">
44  <link rel="icon" type="image/png" href="images/favicons/favicon-32x32.png" sizes="32x32">
45  <link rel="icon" type="image/png" href="images/favicons/android-chrome-192x192.png" sizes="192x192">
46  <link rel="icon" type="image/png" href="images/favicons/favicon-96x96.png" sizes="96x96">
47  <link rel="icon" type="image/png" href="images/favicons/favicon-16x16.png" sizes="16x16">
48  <link rel="manifest" href="images/favicons/manifest.json">
49  <link rel="shortcut icon" href="images/favicons/favicon.ico">
50
51  <!-- Bootstrap 3.3.5 -->
52  <link href="css/bootstrap.min.css" rel="stylesheet">
53
54  <!--=== FONT ICONS ===-->
55    <!-- Font Awesome 4.3.0 -->
56    <link href="assets/font-awesome/css/font-awesome.min.css" rel="stylesheet">
57
58    <!-- IonIcons 2.0.1 -->
59    <link href="assets/ionicons/css/ionicons.min.css" rel="stylesheet">
60
61    <!-- Elegant Icons -->
62    <link href="assets/elegant-icons/css/elegant-icons.min.css" rel="stylesheet">
63    <!--[if lte IE 7]>
63<script src="assets/elegant-icons/js/elegant-icons-lte-ie7.min.js"></script>
63<![endif]-->
64
65  <!--=== VENDORS ===-->
66    <!-- Slick Carousel -->
67    <link href="css/vendor/slick.min.css" rel="stylesheet">
68    <link href="css/vendor/slick-theme.min.css" rel="stylesheet">
69
70    <!-- Blueimp Gallery Lightbox -->
71    <link href="css/vendor/blueimp-gallery.min.css" rel="stylesheet">
72
73    <!-- LightBox for youtube -->
74    <link href="css/lightbox/ekko-lightbox.min.css" rel="stylesheet">
75
76  <!-- Custom -->
77  <link href="css/main.min.css" rel="stylesheet">
78  <link href="css/all_components.min.css" rel="stylesheet">
79
80  <!-- Google Fonts -->
81  <link href="http://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
82
83  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
84  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
85  <!--[if lt IE 9]>
86      
86<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
86
87      
87<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
87
88    <![endif]-->
89  <!--[if gt IE 8]>
90      <link href="css/ie9.min.css" rel="stylesheet">
91    <![endif]-->
92</head>
93
94<body class="btn-circle" id="anch-top" data-spy="scroll" data-target=".navbar">
95
96  <!-- Preloader -->
97  <div class="preloader">
98    <div class="status"></div>
99  </div>
100  <!-- End Preloader -->
101
102
103  <!-- LAYOUT -->
104  <div class="layout">
105
106    <!-- HEADER -->
107    <header>
108      <!-- SLIDESHOW -->
109      <section class="slideshow">
110        <div class="container-fluid">
111          <div class="r1 row">
112            <div class="c1 col-md-12">
113              <div class="carousel slide" id="slideshow-carousel-1" data-ride="carousel">
114
115                <!-- Wrapper for Slides -->
116                <div class="carousel-inner" role="listbox">
117
118                  <!-- Slide 3 -->
119                  <div class="item item-3 slide-image active">
120                    <img class="img-responsive bg-item parallax" data-speed="1" src="images/slideshow/slide_3.jpg" alt="Slide 3 Background">
121                    <div class="carousel-caption">
122                      <div class="c4 col-sm-5 col-md-5">
123                        <img class="img-responsive center-block" src="images/slideshow/phone.png" alt="Image">
124                      </div>
125                      <div class="c5 col-xs-12 col-sm-7 col-md-7">
126                        <h1 class="title">There are many ways to secure your property, </br>but only one way to<br><strong><em>BE IN CONTROL</em></strong></h1>
127                        <a class="btn btn-lg btn-danger btn-blue" href="https://www.youtube.com/embed/Xytpvo0K7jk?rel=0&amp;showinfo=0?ecver=1" data-toggle="lightbox"><span class="fa fa-youtube-play"></span>Play Video</a>
128                        <a class="btn btn-lg btn-danger btn-blue" href="/form.html"><span class="fa fa-check-circle"></span>Order</a>
129                        <br/> <a class="btn btn-lg btn-danger btn-download" href="https://itunes.apple.com/us/app/pintry/id1152943019?ls=1&mt=8" target="_blank"><span class="fa fa-apple"></span>App Store</a>
130                        <a class="btn btn-lg btn-danger btn-download" href="https://play.google.com/store/apps/details?id=com.openitemapp.pintry" target="_blank"><span class="fa fa-android"></span>Google Play</a>
131                        <h4>Prov. Pat. No: 2016/06961</h4>
132                      </div>
133                    </div>
134                  </div>
135                  <!-- End Slide 3 -->
136
137                </div>
138                <!-- End Wrapper for Slides -->
139
140              </div>
141            </div>
142          </div>
143        </div>
144      </section>
145      <!-- END SLIDESHOW -->
146
147      <!-- NAVBAR -->
148      <nav class="navbar navbar-default">
149        <div class="container-fluid">
150          <!-- Brand and Toggle -->
151          <div class="navbar-header">
152            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
153              <span class="sr-only">Toggle navigation</span>
154              <span class="icon-bar"></span>
155              <span class="icon-bar"></span>
156              <span class="icon-bar"></span>
157            </button>
158            <a class="navbar-brand" href="#anch-top">
159            <img class="img-responsive" src="images/pintrylogo.jpg" alt="Image">
160				<!--strong>PIN
161					<span>TRY</span>
162				</strong-->
163			</a>
164          </div>
165          <!-- End Brand and Toggle -->
166          <!-- Menu -->
167          <div class="collapse navbar-collapse" id="navbar-collapse-1">
168            <ul class="nav navbar-nav">
169              <li class="active" data-toggle="collapse" data-target="#navbar-collapse-1">
170                <a href="#anch-top">Home</a>
171              </li>
172              <li data-toggle="collapse" data-target="#navbar-collapse-1">
173                <a href="#anch-overview">Overview</a>
174              </li>
175              <li data-toggle="collapse" data-target="#navbar-collapse-1">
176                <a href="#anch-lookandfeel">Look & Feel</a>
177              </li>
178              <li data-toggle="collapse" data-target="#navbar-collapse-1">
179                <a href="#anch-partners">Partners</a>
180              </li>
181              <li data-toggle="collapse" data-target="#navbar-collapse-1">
182                <a href="#anch-pricing">Pricing</a>
183              </li>
184              <li data-toggle="collapse" data-target="#navbar-collapse-1">
185                <a href="#anch-download">Download</a>
186              </li>
187              <li data-toggle="collapse" data-target="#navbar-collapse-1">
188                <a href="#anch-contact">Contact</a>
189              </li>
190              <li data-toggle="collapse" data-target="#navbar-collapse-1" class="liPlayVideo">
191                <a href="https://www.youtube.com/watch?v=Xytpvo0K7jk" data-toggle="lightbox">Play Video</a>
192              </li>
193              <li data-toggle="collapse" data-target="#navbar-collapse-1" class="liOrderNow">
194                <a href="/form.html">Order Now</a>
195              </li>
196            </ul>
197          </div>
198          <!-- End Menu -->
199        </div>
200      </nav>
201      <!-- END NAVBAR -->
202
203    </header>
204    <!-- END HEADER -->
205
206
207    <!-- MAIN -->
208    <div class="main">
209
210      <!-- FEATURES -->
211      <section class="features" id="anch-features">
212        <div class="container">
213          <!-- Section Header -->
214          <div class="section-header">
215            <h2 class="section-title">Pintry</h2>
216            <h3 class="section-subtitle">Pintry is an application used to allow or prohibit your security company from gaining access to your property</h3>
217          </div>
218          <!-- End Section Header -->
219          <!-- Section Content -->
220          <div class="r1 row">
221            <!-- Block 1 -->
222            <div class="c1 col-sm-6 col-md-3 animateblock ltr-2 speed-2">
223              <div class="features-wrapper">
224                <div class="features-icon"><span class="icon_like"></span>
225                </div>
226                <div class="features-content">
227                  <h3 class="title">Clean and <br>
228                  simple to use</h3>
229                  <p class="description">The mobile app is extremely<br>  easy to use and the clean<br> and simple design make<br> for an enjoyable experience</p>
230                </div>
231              </div>
232            </div>
233            <!-- End Block 1 -->
234            <!-- Block 2 -->
235            <div class="c2 col-sm-6 col-md-3 animateblock ltr-1 speed-1">
236              <div class="features-wrapper">
237                <div class="features-icon"><span class="icon_check_alt2"></span>
238                </div>
239                <div class="features-content">
240                  <h3 class="title">Apple and <br>
241                  Android</h3>
242                  <p class="description">The app is free to download <br> and is available on both <br>  Apple iStore and Google Play store</p>
243                </div>
244              </div>
245            </div>
246            <!-- End Block 2 -->
247            <!-- Block 3 -->
248            <div class="c3 col-sm-6 col-md-3 animateblock rtl-1 speed-1">
249              <div class="features-wrapper">
250                <div class="features-icon"><span class="icon_key_alt"></span>
251                </div>
252                <div class="features-content">
253                  <h3 class="title">Remote<br>
254                  access</h3>
255                  <p class="description">Be in control from<br>
255 anywhere in the world with<br> an internet connection
256                </div>
257              </div>
258            </div>
259            <!-- End Block 3 -->
260            <!-- Block 4 -->
261            <div class="c4 col-sm-6 col-md-3 animateblock rtl-2 speed-2">
262              <div class="features-wrapper">
263                <div class="features-icon"><span class="icon_house_alt"></span>
264                </div>
265                <div class="features-content">
266                  <h3 class="title">Compatible </br>with all alarm systems</h3>
267                  <p class="description">Pintry is compatible with all alarm makes and models</p>
268                </div>
269              </div>
270            </div>
271            <!-- End Block 4 -->
272          </div>
273          <!-- End Section Content -->
274        </div>
275      </section>
276      <!-- END FEATURES -->
277
278      <!-- OVERVIEW -->
279      <section class="overview" id="anch-overview">
280        <div class="container">
281          <!-- Section Header -->
282          <div class="section-header">
283            <h2 class="section-title">Overview</h2>
284            <h3 class="section-subtitle">Your security in your control</h3>
285          </div>
286          <!-- End Section Header -->
287          <!-- Section Content -->
288          <div class="r1 row">
289            <div class="c1 col-md-12">
290              <!-- Nav Tabs -->
291              <ul class="nav nav-justified nav-tabs" role="tablist">
292                <li class="active">
293                  <a class="btn-lg" data-toggle="tab" href="#overview-tab-1">Why</a>
294                </li>
295                <li>
296                  <a class="btn-lg" data-toggle="tab" href="#overview-tab-2">Features</a>
297                </li>
298                <li>
299                  <a class="btn-lg" data-toggle="tab" href="#overview-tab-3">How</a>
300                </li>
301                <!--li>
302                  <a class="btn-lg"> </a>
303                </li-->
304              </ul>
305              <!-- End Nav Tabs -->
306              <!-- Tab Panes -->
307              <div class="tab-content">
308                <!-- Tab Pane 1 -->
309                <div class="tab-pane fade in active" id="overview-tab-1">
310                  <div class="r1 row">
311                    <!-- Block 1 -->
312                    <div class="c1 col-sm-6 col-md-6 col-sm-push-6">
313                      <div class="img-perspective">
314                        <img class="img-responsive center-block img-1" src="images/overview/overview_left_3.png" alt="Image">
315                        <img class="img-responsive center-block img-2" src="images/overview/overview_left_2.png" alt="Image">
316                        <img class="img-responsive center-block img-3" src="images/overview/overview_left_1.png" alt="Image">
317                      </div>
318                    </div>
319                    <!-- End Block 1 -->
320                    <!-- Block 2 -->
321                    <div class="c2 col-sm-6 col-md-6 col-sm-pull-6">
322                      <div class="overview-wrapper">
323                        <div class="overview-content">
324                          <h3 class="title">OUR VISION:<br></h3>
325                          <p>To become the company known for changing the security sector into a trustworthy and valued industry that the public can rely on once more.
326</p>
327                          <h3 class="title">OUR MISSION:<br></h3>
328                          <p>To change the way the public values security products and services.</p>
329                          <h3 class="title">OUR STRATEGY:<br></h3>
330                          <p>To develop products and solutions that will exceed our customers’ expectations, add value, and evolve to meet the demands and trends of the security industry
331
332Gibbor Security CC has developed a product that will change the way the public perceives security services. It’s going to revolutionise the industry! The security industry has become an insurance requirement rather than a security necessity. This is due to numerous factors from inside the industry but also due to South Africa’s uncertain economic and social climate. This is about to change!
333
334</p>
335                        </div>
336                      </div>
337                    </div>
338                    <!-- End Block 2 -->
339                  </div>
340                </div>
341                <!-- End Tab Pane 1 -->
342                <!-- Tab Pane 2 -->
343                <div class="tab-pane fade in" id="overview-tab-2">
344                  <div class="r1 row">
345                    <!-- Block 1 -->
346                    <div class="c1 col-sm-4 col-md-4 col-sm-push-4 animateblock size-img speed-2">
347                      <div class="img-wireframe">
348                        <img class="img-responsive center-block img-4" src="images/overview/overview_center_1.png" alt="Image">
349                        <img class="img-responsive center-block img-5" src="images/overview/overview_center_2.png" alt="Image">
350                      </div>
351                    </div>
352                    <!-- End Block 1 -->
353                    <!-- Block 2 -->
354                    <div class="c2 col-sm-4 col-md-4 col-sm-pull-4 animateblock ltr-3 speed-3">
355                      <div class="overview-wrapper">
356                        <div class="hidden-sm overview-icon"><span class="icon_blocked"></span>
357                        </div>
358                        <div class="overview-content">
359                          <h3 class="title">Allow or Deny</h3>
360                          <p class="description">Get notified immediately of an intrusion alarm and make an instant decision to allow or deny access to your security company.</p>
361                        </div>
362                      </div>
363                      <div class="overview-wrapper">
364                        <div class="hidden-sm overview-icon"><span class="glyphicon arrow_carrot-2right_alt2"></span>
365                        </div>
366                        <div class="overview-content">
367                          <h3 class="title">Community Notifications</h3>
368                          <p class="description">Receive important messages directly on your app</p>
369                        </div>
370                      </div>
371                      <div class="overview-wrapper">
372                        <div class="hidden-sm overview-icon"><span class="glyphicon icon_chat_alt"></span>
373                        </div>
374                        <div class="overview-content">
375                          <h3 class="title">Live feedback</h3>
376                          <p class="description">Receive live event, entry/exit notifications with checkpoints and photos taken.</p>
377                        </div>
378                      </div>
379                    </div>
380                    <!-- End Block 2 -->
381                    <!-- Block 3 -->
382                    <div class="c3 col-sm-4 col-md-4 animateblock rtl-2 speed-3">
383                      <div class="overview-wrapper">
384                        <div class="hidden-sm overview-icon"><span class="icon_star_alt"></span>
385                        </div>
386                        <div class="overview-content">
387                          <h3 class="title">Send visitor Pin</h3>
388                          <p class="description">Send PIN codes to your visitors/contractors, and even domestic workers to access your premises.</p>
389                        </div>
390                      </div>
391
392                      <div class="overview-wrapper">
393                        <div class="hidden-sm overview-icon"><span class="glyphicon icon_documents_alt"></span>
394                        </div>
395                        <div class="overview-content">
396                          <h3 class="title">Review events</h3>
397                          <p class="description">View previous events, response times, and premises visit details.</p>
398                        </div>
399                      </div>
400                      <div class="overview-wrapper">
401                        <div class="hidden-sm overview-icon"><span class="glyphicon icon_error-circle_alt"></span>
402                        </div>
403                        <div class="overview-content">
404                          <h3 class="title">Send Panic</h3>
405                          <p class="description">Send an immediate access code to your security company when the panic button is pressed, together with an automatically recorded phone call to the control room with GPS location.</p>
406                        </div>
407                      </div>
408                    </div>
409                    <!-- End Block 3 -->
410                  </div>
411                </div>
412                <!-- End Tab Pane 2 -->
413                <!-- Tab Pane 3 -->
414                <div class="tab-pane fade" id="overview-tab-3">
415                  <div class="r1 row">
416                    <!-- Block 1 -->
417                    <div class="c1 col-sm-6 col-md-6">
418                      <div class="img-slide">
419                        <img class="img-responsive center-block img-6" src="images/overview/overview_right_1.png" alt="Image">
420                        <img class="img-responsive center-block img-7" src="images/overview/overview_right_2.png" alt="Image">
421                      </div>
422                    </div>
423                    <!-- End Block 1 -->
424                    <!-- Block 2 -->
425                    <div class="c2 col-sm-6 col-md-6">
426                      <div class="overview-content">
427                        <h3 class="title">Enquire about Pintry from your security company:<br></h3>
428                        <br>
429                        <br>
430                        <p>1. Contact Us or enquire from your security company</p>
431                        <br>
432                          <p>2. Arrange installation of the hardware</p>
433                          <br>
434                          <p>3. Download Pintry for free</p>
435                          <br>
436                          <p>4. Register your devices and set perimeters</p>
437                          <br>
438                          <p>5. Test the system</p>
439                          <br>
440                          <p>6. Enjoy security the way it is meant to be</p>
441
442                      </div>
443                    </div>
444                    <!-- End Block 2 -->
445                  </div>
446                </div>
447                <!-- End Tab Pane 3 -->
448              </div>
449              <!-- End Tab Panes -->
450            </div>
451          </div>
452          <!-- End Section Content -->
453        </div>
454      </section>
455      <!-- END OVERVIEW -->
456
457
458
459      <!-- GALLERY -->
460      <section class="gallery" id="anch-lookandfeel">
461        <div class="container">
462          <!-- Section Header -->
463          <div class="section-header">
464            <h2 class="section-title">Look and Feel</h2>
465            <h3 class="section-subtitle">Sleek and modern design for everyday use</h3>
466          </div>
467          <!-- End Section Header -->
468          <!-- Section Content -->
469          <div class="r1 row animateblock btt speed-1">
470            <div class="c1 col-md-12" id="gallery-carousel-1">
471              <div class="thumb-overlay">
472                <a class="link-modal" data-gallery href="images/gallery/img_1.jpg">
473                  <img class="img-responsive thumb" src="images/gallery/img_1.jpg" alt="Screenshot 1">
474                </a>
475              </div>
476              <div class="thumb-overlay">
477                <a class="link-modal" data-gallery href="images/gallery/img_2.jpg">
478                  <img class="img-responsive thumb" src="images/gallery/img_2.jpg" alt="Screenshot 2">
479                </a>
480              </div>
481              <div class="thumb-overlay">
482                <a class="link-modal" data-gallery href="images/gallery/img_3.jpg">
483                  <img class="img-responsive thumb" src="images/gallery/img_3.jpg" alt="Screenshot 3">
484                </a>
485              </div>
486              <div class="thumb-overlay">
487                <a class="link-modal" data-gallery href="images/gallery/img_4.jpg">
488                  <img class="img-responsive thumb" src="images/gallery/img_4.jpg" alt="Screenshot 4">
489                </a>
490              </div>
491              <div class="thumb-overlay">
492                <a class="link-modal" data-gallery href="images/gallery/img_5.jpg">
493                  <img class="img-responsive thumb" src="images/gallery/img_5.jpg" alt="Screenshot 5">
494                </a>
495              </div>
496              <div class="thumb-overlay">
497                <a class="link-modal" data-gallery href="images/gallery/img_6.jpg">
498                  <img class="img-responsive thumb" src="images/gallery/img_6.jpg" alt="Screenshot 6">
499                </a>
500              </div>
501              <div class="thumb-overlay">
502                <a class="link-modal" data-gallery href="images/gallery/img_7.jpg">
503                  <img class="img-responsive thumb" src="images/gallery/img_7.jpg" alt="Screenshot 7">
504                </a>
505              </div>
506              <div class="thumb-overlay">
507                <a class="link-modal" data-gallery href="images/gallery/img_8.jpg">
508                  <img class="img-responsive thumb" src="images/gallery/img_8.jpg" alt="Screenshot 8">
509                </a>
510              </div>
511            </div>
512          </div>
513          <!-- End Section Content -->
514          <!-- Modal -->
515          <div class="blueimp-gallery blueimp-gallery-controls" id="blueimp-gallery">
516            <div class="slides"></div>
517            <a class="prev"><span class="fa fa-angle-left"></span></a>
518            <a class="next"><span class="fa fa-angle-right"></span></a>
519            <a class="close">×</a>
520          </div>
521          <!-- End Modal -->
522        </div>
523      </section>
524      <!-- END GALLERY -->
525
526      <!-- TESTIMONIALS -->
527      <section class="testimonials" id="anch-partners">
528        <div class="container">
529          <!-- Section Header -->
530          <div class="section-header">
531            <h2 class="section-title">Partners</h2>
532            <h3 class="section-subtitle">Unique patented solution</h3>
533          </div>
534          <!-- End Section Header -->
535          <!-- Section Content -->
536          <div class="r1 row animateblock btt speed-1">
537            <div class="c1 col-md-12">
538              <div class="carousel slide fade" id="testimonials-carousel-1" data-ride="carousel">
539                <!-- Controls -->
540                <div class="testimonials-controls">
541                  <a class="arrow-left" data-slide="prev" href="#testimonials-carousel-1" role="button"><span class="fa fa-angle-left"></span></a>
542                  <a class="arrow-right" data-slide="next" href="#testimonials-carousel-1" role="button"><span class="fa fa-angle-right"></span></a>
543                </div>
544                <!-- End Controls -->
545                <!-- Wrapper for Slides -->
546                <div class="carousel-inner" role="listbox">
547                  <!-- Testimonial 1 -->
548                  <div class="item active">
549                    <div class="testimonials-photo">
550                      <img src="images/testimonials/testimonial_1.jpg" alt="Testimonial 1">
551                    </div>
552                    <div class="testimonials-info">
553                      <cite class="author" title="Source Title 1">Danie Bruwer
554                      <a class="link-company" href="#" target="_blank">Wyobi</a>
555                    </div>
556
557                  </div>
558
559                </div>
560                <!-- End Wrapper for Slides -->
561              </div>
562            </div>
563          </div>
564          <!-- End Section Content -->
565        </div>
566      </section>
567      <!-- END TESTIMONIALS -->
568
569      <!-- Pricing -->
570      <section class="pricing" id="anch-pricing">
571        <div class="container">
572          <!-- Section Header -->
573          <div class="section-header">
574            <h2 class="section-title">Pricing</h2>
575          </div>
576          <!-- End Section Header -->
577          <!-- Section Content -->
578          <div class="r1 row">
579            <div class="col-md-4 pr-leftpane">
580              <!-- Image  -->
581              <div class="row">
582                <div class="col-xs-12 pr-icon">
583                  <img src="./images/pricing/Pricing-24.png"></img>
584                </div>
585              </div>
586              <!-- Title  -->
587              <div class="row">
588                <div class="col-xs-12 pr-title">
589                  <h4>24 Month Contract</h4>
590                </div>
591              </div>
592              <!-- Prices  -->
593              <div class="row">
594                <div class="col-xs-6 pr-prices-left">
595                  <p>/ Monthly</p>
596                  <h5>R 59 <span class="pr-red-text">*</span></h5>
597                </div>
598                <div class="col-xs-6 pr-prices-right">
599                  <p>/ annually</p>
600                  <h5>R 708</h5>
601                </div>
602              </div>
603              <div class="pr-Space"></div>
604              <!-- Description  -->
605              <div class="row">
606                <div class="col-xs-12 pr-description">
607                  <h6>Pintry Annual License Fee</h6><br/>
608                  <p class="pr-BottomRemove">Monthly mobile application licensee, Panic<br/>and medical assistance feature and full<br/>Pintry customer support.<br/>Valid for 24 months</p>
609                  <p class="pr-red-text pr-TopRemove">*No annual increases for 1<sup>st</sup> 24 months</p>
610                </div>
611		    <!-- Sign Up  --> 
612              </div>
613			<div class="row">
614                <div class="col-xs-12 pr-signup">
615                  <a class="btn btn-lg btn-danger" href="/form24.html"><span class="fa fa-check-circle"></span>Sign Up</a>
616                </div>
617              </div>
618              <!-- Prices2  -->
619              <div class="row">
620                <div class="col-xs-6 pr-prices-left">
621                  <p>/ once off</p>
622                  <h5>R 3500</h5>
623                </div>
624                <div class="col-xs-6 pr-prices-right">
625                  <p>/ once-off</p>
626                  <h5>R 580</h5>
627                </div>
628              </div>
629              <div class="pr-Space"></div>
630              <!-- Description  -->
631              <div class="row">
632                <div class="col-xs-12 pr-description">
633                  <h6>Hardware Cost</h6>
634                </div>
635              </div>
636              <!-- Smaller Description  -->
637              <br/>
638              <div class="row">
639                <div class="col-xs-6 pr-description-left">
640                  <p>Pintry gate controller, 2 x outdoor keypads and installation</p>
641                </div>
642                <div class="col-xs-6 pr-description-right">
643                  <p>Wireless Alarm Link if<br/>needed.</p>
644                </div>
645              </div>
646              <br/>
647              <!-- Sign Up  -->
648              <div class="row">
649                <div class="col-xs-12 pr-signup">
650                  <a class="btn btn-lg btn-danger" href="/form24.html"><span class="fa fa-check-circle"></span>Sign Up</a>
651                </div>
652              </div>
653            </div>
654            <div class="col-md-4 pr-middlepane">
655              <!-- SECOND COLUMN-->
656              <!-- Image  -->
657              <div class="row">
658                <div class="col-xs-12 pr-icon">
659                  <img src="./images/pricing/Pricing-12.png"></img>
660                </div>
661              </div>
662              <!-- Title  -->
663
664              <div class="row">
665                <div class="col-xs-12 pr-title">
666                  <h4>12 Month Contract</h4>
667                </div>
668              </div>
669              <!-- Prices  -->
670              <div class="row">
671                <div class="col-xs-6 pr-prices-left">
672                  <p>/ Monthly</p>
673                  <h5>R 69</h5>
674                </div>
675                <div class="col-xs-6 pr-prices-right">
676                  <p>/ annually</p>
677                  <h5>R 838</h5>
678                </div>
679              </div>
680              <div class="pr-Space"></div>
681     
682              <!-- Description  -->
683              <div class="row">
684                <div class="col-xs-12 pr-description">
685                  <h6>Pintry Annual License Fee</h6><br/>
686                  <p>Monthly mobile application licensee, Panic<br/>and medical assistance feature and full<br/>Pintry customer support.<br/>Valid for 12 months</p><br/>
687                </div>
688		    <!-- Sign Up  --> 
689              </div>
690			<div class="row">
691                <div class="col-xs-12 pr-signup">
692                  <a class="btn btn-lg btn-danger" href="/form24.html"><span class="fa fa-check-circle"></span>Sign Up</a>
693                </div>
694              </div>
695              <!-- Prices2  -->
696              <div class="row">
697                <div class="col-xs-6 pr-prices-left">
698                  <p>/ once off</p>
699                  <h5>R 3500</h5>
700                </div>
701                <div class="col-xs-6 pr-prices-right">
702			<p>/ once off</p>
703                  <h5>R 580</h5>
704                </div>
705              </div>
706              <div class="pr-Space"></div>
707              <!-- Description  -->
708              <div class="row">
709                <div class="col-xs-12 pr-description">
710                  <h6>Hardware Cost</h6>
711                </div>
712              </div>                      
713              <!-- Smaller Description  -->
714              <br/>
715              <div class="row">
716                <div class="col-xs-6 pr-description-left">
717                  <p>Pintry gate controller, 2 x outdoor keypads and installation</p>
718                </div>
719                <div class="col-xs-6 pr-description-right">
720                  <p>Wireless Alarm Link if<br/>needed.</p>
721                </div>
722              </div>
723              <br/>
724              <!-- Sign Up  -->
725              <div class="row">
726                <div class="col-xs-12 pr-signup">
727                  <a class="btn btn-lg btn-danger" href="/form12.html"><span class="fa fa-check-circle"></span>Sign Up</a>
728                </div>
729              </div>
730            </div>
731            <div class="col-md-4 pr-rightpane">
732              <!-- THIRD COLUMN-->
733              <!-- Image  -->
734              <div class="row">
735                <div class="col-xs-12 pr-icon">
736                  <img src="./images/pricing/Pricing-6.png"></img>
737                </div>
738              </div>
739              <!-- Title  -->
740              <div class="row">
741                <div class="col-xs-12 pr-title">
742                  <h4>Month to Month Contract</h4>
743                </div>
744              </div>
745              <!-- Prices  -->
746              <div class="row">
747                <div class="col-xs-6 pr-prices-left">
748                  <p>/ Monthly</p>
749                  <h5>R 79</h5>
750                </div>
751                <div class="col-xs-6 pr-prices-right">
752                  <p>/ annually</p>
753                  <h5>R 949</h5>
754                </div>
755              </div>
756              <div class="pr-Space"></div>
757     
758              <!-- Description  -->
759              <div class="row">
760                <div class="col-xs-12 pr-description">
761                  <h6>Pintry Monthly License Fee</h6><br/>
762                  <p>Monthly mobile application licensee, Panic<br/>and medical assistance feature and full<br/>Pintry customer support.</p><br/><br/>
763                </div>
764		    <!-- Sign Up  --> 
765              </div>
766			<div class="row">
767                <div class="col-xs-12 pr-signup">
768                  <a class="btn btn-lg btn-danger" href="/form24.html"><span class="fa fa-check-circle"></span>Sign Up</a>
769                </div>
770              </div>
771                <!-- Prices2  -->
772              <div class="row">
773                <div class="col-xs-6 pr-prices-left">
774			          <p>/ once off</p>
775                  <h5>R 3500</h5>
776                </div>
777                <div class="col-xs-6 pr-prices-right">
778			          <p>/ once off</p>
779                  <h5>R 580</h5>
780                </div>
781              </div>
782              <div class="pr-Space"></div>
783              <!-- Description  -->
784              <div class="row">
785                <div class="col-xs-12 pr-description">
786                 <h6>Hardware Cost</h6>
787               </div>
788              </div>                
789              <!-- Smaller Description  -->
790              <br/>
791              <div class="row">
792                <div class="col-xs-6 pr-description-left">
793                  <p>Pintry gate controller, 2 x outdoor keypads and installation</p>
794                </div>
795                <div class="col-xs-6 pr-description-right">
796                  <p>Wireless Alarm Link if<br/>needed.</p>
797                </div>
798              </div>
799              <br/>
800              <!-- Sign Up  -->
801              <div class="row">
802                <div class="col-xs-12 pr-signup">
803                  <a class="btn btn-lg btn-danger" href="/form6.html"><span class="fa fa-check-circle"></span>Sign Up</a>
804                </div>
805              </div>
806            </div>
807          </div>
808          <!-- End Section Content -->
809        </div>
810      </section>
811      <!-- END CALL TO ACTION -->
812
813      <!-- CALL TO ACTION - Download / Newsletter -->
814      <section class="calltoaction" id="anch-download">
815        <div class="bg-section">
816          <img src="images/bg_2.jpg" alt="Call To Action Section Backgroun
816d">
817        </div>
818        <div class="container">
819          <!-- Section Header -->
820          <div class="section-header">
821            <h2 class="section-title">Get it</h2>
822            <h3 class="section-subtitle">Small and free download</h3>
823          </div>
824          <!-- End Section Header -->
825          <!-- Section Content -->
826          <div class="r1 row">
827            <div class="c1 col-md-12">
828              <!-- Download Buttons -->
829              <div class="download-buttons animateblock ltr-2 speed-1">
830                <a class="btn btn-lg btn-danger" href="#" target="_blank"><span class="fa fa-apple"></span>App Store</a>
831                <a class="btn btn-lg btn-danger" href="#" target="_blank"><span class="fa fa-android"></span>Google Play</a>
832              </div>
833
834              <!-- Mailchimp Newsletter -->
835              <div class="newsletter-wrapper animateblock rtl-2 speed-1">
836                <h3>Do you want to know more?</h3>
837                <form class="form-inline subscription-mailchimp">
838                  <div class="form-group input-group input-newsletter">
839                    <label class="sr-only" for="newsletter-email">Email address</label>
840                    <input class="form-control" id="newsletter-email" type="email" placeholder="Enter email">
841                    <div class="input-group-btn">
842                      <button class="btn btn-danger" type="submit">Sign Up</button>
843                    </div>
844                  </div>
845                  <small class="help-block">Don't worry. We won’t spam you :)</small>
846                </form>
847                <div class="alerts alerts-newsletter"></div>
848              </div>
849              <!-- End Mailchimp Newsletter -->
850
851            </div>
852          </div>
853          <!-- End Section Content -->
854        </div>
855      </section>
856      <!-- END CALL TO ACTION -->
857
858      <!-- CONTACT -->
859      <section class="contact" id="anch-contact">
860                <div class="container-fluid">
861          <!-- Section Header -->
862          <div class="section-header">
863            <h2 class="section-title">Contact Us</h2>
864            <h3 class="section-subtitle">Skilled and helpful support</h3>
865          </div>
866          <!-- End Section Header -->
867          <!-- Section Content -->
868          <div class="r1 row">
869            <div class="c1 col-md-12">
870              <!-- Map accordion -->
871              <div class="panel-group" id="contact-accordion-1">
872                <div class="panel panel-default">
873                  <h3 class="map-title">
874                      <a data-toggle="collapse" data-parent="#contact-accordion-1" href="#contact-collapse-1" aria-expanded="true" aria-controls="contact-collapse-1"><span class="glyphicon glyphicon-map-marker"></span><br>Where</a>
875                    </h3>
876                  <div class="panel-collapse collapse in" id="contact-collapse-1">
877                    <div class="panel-body">
878                      <!-- Map -->
879                      <div class="map-wrapper">
880                        <!-- Here is where the map will be rendered -->
881                        <div id="map-canvas"></div>
882                        <!-- Address over the map -->
883                        <address class="alert vcard">
884                          <button class="close" data-dismiss="alert" type="button"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
885                          </button>
886                          <div class="org">
887                            <strong>PINTRY</strong>
888                          </div>
889                          <div class="adr">
890                            <span class="street-address">2 Bruton Road</span>
891                            <span class="locality">Bryanston, 2191</span>,
892                            <span class="region">Gauteng</span> -
893                            <span class="country-name">SA</span>
894                          </div>
895                          <div class="tel">
896                            <span class="tel-1">+27 82 564 3068</span>
897
898                          </div>
899                          <div class="email">
900                            <!-- Anti spam protection. Keep the codes: "&#x3a;" (= ":") / "&#x40;" (= "@") / "&#x2e;" (= ".") -->
901                            <span class="email-contact"><a href="mailto&#x3a;contact&#x40;pintry&#x2e;co.za" data-user="sales" data-domain="pintry.co.za"></a></span>
902                            <span class="email-support"><a href="mailto&#x3a;support&#x40;pintry&#x2e;co.za" data-user="support" data-domain="pintry.co.za"></a></span>
903                          </div>
904                        </address>
905                        <!-- End Address over the map -->
906                      </div>
907                      <!-- End Map -->
908                    </div>
909                  </div>
910                </div>
911              </div>
912              <!-- End Map accordion -->
913            </div>
914          </div>
915        </div>
916        <div class="container">
917          <div class="r1 row">
918            <div class="c1 col-md-10 col-md-offset-1">
919              <div class="alerts hidden-xs alerts-contact"></div>
920              <!-- Contact form -->
921              <div class="form-horizontal contact-form" role="form">
922                <fieldset>
923                  <legend>Contact</legend>
924                  <div class="r1 row form-group">
925                    <div class="c1 col-sm-6 col-md-6">
926                      <input class="form-control" id="fname" name="fname" type="text" placeholder="First Name *" required>
927                    </div>
928                    <div class="c2 col-sm-6 col-md-6">
929                      <input class="form-control" id="lname" name="lname" type="text" placeholder="Last Name *" required>
930                    </div>
931                  </div>
932                  <div class="r2 row form-group">
933                    <div class="c1 col-sm-6 col-md-6">
934                      <input class="form-control" id="email" name="email" type="email" placeholder="Email *" required>
935                    </div>
936                    <div class="c2 col-sm-6 col-md-6">
937                      <input class="form-control" id="phone" name="phone" type="tel" placeholder="Phone">
938                    </div>
939                  </div>
940                  <div class="r3 row form-group">
941                    <div class="c1 col-sm-6 col-md-6">
942                      <input class="form-control" id="company" name="company" type="text" placeholder="Company">
943                    </div>
944                    <div class="c2 col-sm-6 col-md-6">
945                      <input class="form-control" id="website" name="website" type="url" placeholder="Website">
946                    </div>
947                  </div>
948                  <div class="r4 row form-group">
949                    <div class="c1 col-md-12">
950                      <input class="form-control" id="subject" name="subject" type="text" placeholder="Subject *" required>
951                    </div>
952                  </div>
953                  <div class="r5 row form-group">
954                    <div class="c1 col-md-12">
955                      <textarea class="form-control" id="message" name="message" rows="10" placeholder="Message *" required></textarea>
956                    </div>
957                  </div>
958                  <div class="r6 row form-group">
959                    <div class="c1 col-md-12">
960                      <button class="btn btn-lg btn-danger submit-form-contact" type="submit">Send Message</button>
961                    </div>
962                  </div>
963                </fieldset>
964              </div>
965              <!-- End Contact form -->
966              <div class="alerts alerts-xs hidden-sm hidden-md hidden-lg alerts-contact"></div>
967            </div>
968          </div>
969        </div>
970        <!-- End Section Content -->
971      </section>
972      <!-- END CONTACT -->
973
974    </div>
975    <!-- END MAIN -->
976
977
978    <!-- FOOTER -->
979    <footer class="footer">
980
981      <div class="copyright">
982        <div class="container-fluid">
983          <div class="jh350 r1 row">
984            <div class=" c1 col-md-12">
985              <p>&copy; 2016 Pintry. All rights reserved. <a href="/T_Cs.html">Terms &amp; Conditions.</a></p>
986
987            </div>
988
989          </div>
990          <div class="  pull-right-social social-icons ">
991              <h3 class="hide">Social Buttons</h3>
992              <a class="btn-social facebook" data-toggle="tooltip" data-placement="top" data-original-title="Facebook" href="#" title=""><span class="fa fa-facebook"></span></a>
993              <a class="btn-social twitter" data-toggle="tooltip" data-placement="top" data-original-title="Twitter" href="#" title=""><span class="fa fa-twitter"></span></a>
994              <a class="btn-social google-plus" data-toggle="tooltip" data-placement="top" data-original-title="Google+" href="#" title=""><span class="fa fa-google-plus"></span></a>
995              <a class="btn-social youtube" data-toggle="tooltip" data-placement="top" data-original-title="Youtube" href="#" title=""><span class="fa fa-youtube"></span></a>
996              <a class="btn-social instagram" data-toggle="tooltip" data-placement="top" data-original-title="Instagram" href="#" title=""><span class="fa fa-instagram"></span></a>
997              <a class="btn-social email" data-toggle="tooltip" data-placement="top" data-original-title="Email" href="#" title=""><span class="fa fa-envelope"></span></a>
998              <a class="btn-social rss" data-toggle="tooltip" data-placement="top" data-original-title="RSS" href="#" title=""><span class="fa fa-rss"></span></a>
999            </div>
1000        </div>
1001
1002      </div>
1003
1004    </footer>
1005    <!-- END FOOTER -->
1006
1007    <a class="go-top" href="#anch-top"><span class="fa fa-chevron-up"></span></a>
1008
1009  </div>
1010  <!-- END LAYOUT -->
1011
1012  <!-- jQuery -->
1013  
1013<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
1013
1014  
1014<script>
1015    window.jQuery || document.write('
1015<script src="js/jquery.min.js"><\/script>')
1016  </script>
1016
1017
1018  <!-- Bootstrap 3.3.5 -->
1019  
1019<script src="js/bootstrap.min.js"></script>
1019
1020
1021  <!-- Retina Graphics -->
1022  
1022<script src="js/vendor/retina.min.js"></script>
1022
1023
1024  <!-- Nicescroll Scrollbars -->
1025  
1025<script src="js/vendor/jquery.nicescroll.min.js"></script>
1025
1026
1027  <!-- Countdown -->
1028  
1028<script src="js/vendor/jquery.countdown.min.js"></script>
1028
1029
1030  <!-- Circliful Circle Statistics -->
1031  
1031<script src="js/vendor/circles.min.js"></script>
1031
1032
1033  <!-- Slick Carousel -->
1034  
1034<script src="js/vendor/slick.min.js"></script>
1034
1035
1036  <!-- BlueImp Gallery Lightbox -->
1037  
1037<script src="js/vendor/jquery.blueimp-gallery.min.js"></script>
1037
1038
1039  <!-- Mailchimp Ajax Subscription -->
1040  
1040<script src="js/vendor/jquery.ajaxchimp.min.js"></script>
1040
1041
1042  <!-- Google Map -->
1043  
1043<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false"></script>
1043
1044  
1044<script src="js/google_map.min.js"></script>
1044
1045
1046  <!-- Placeholder Polyfill IE9 -->
1047  
1047<script src="js/vendor/simple.min.js"></script>
1047
1048
1049  <!-- Default General Settings -->
1050  
1050<script src="js/main.min.js"></script>
1050
1051
1052  <!-- Lightbox for youtube -->
1053  
1053<script src="js/lightbox/ekko-lightbox.js"></script>
1053
1054
1055  
1055<script>
1056    $(document).on('click', '[data-toggle="lightbox"]', function(event) {
1057      event.preventDefault();
1058      $(this).ekkoLightbox();
1059  });
1060
1061
1062  $(document).ready(function(){
1063    $(window).load(function(){
1064      // Remove the # from the hash, as different browsers may or may not include it
1065      var hash = location.hash;
1066      if(hash != ''){
1067         // Clear the hash in the URL
1068          $('html, body').animate({ scrollTop: $(hash).offset().top}, 1000);
1069         }
1070     });
1071  });
1072
1073  </script>
1073
1074
1075
1076
1077
1078</body>
1079
1080</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.