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&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">×</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: ":" (= ":") / "@" (= "@") / "." (= ".") -->
901 <span class="email-contact"><a href="mailto:contact@pintry.co.za" data-user="sales" data-domain="pintry.co.za"></a></span> 902 <span class="email-support"><a href="mailto:support@pintry.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>© 2016 Pintry. All rights reserved. <a href="/T_Cs.html">Terms & 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&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.