1<style> 2 .b-float{ 3 z-index: 999; 4 } 5</style> 6<!DOCTYPE html> 7<html lang="en"> 8 9<head> 10 <meta charset="utf-8" /> 11 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 12 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> 13 <meta name="description" content="" /> 14 <meta name="author" content="" /> 15 <meta name="csrf-token" content="oJ07ir4ZB6mI2M3xNBdt0C0x6N3UDTFGRT1ivcNY"> 16 <meta name="base-url" content="https://starbooks.ph"> 17 <title>Science and Technology Academic and Research-Based Openly Operated KioskS</title>
vendor: 69 bytes, lines 17-19
17 18 19 <script async src="https://www.googletagmanager.com/gtag/js?id=
19G-8JJHDGNK38
vendor: 16 bytes, lines 19-20
19"></script> 20
20<script> 21
vendor: 176 bytes, lines 21-28
21window.dataLayer = window.dataLayer || []; 22 23 function gtag() { 24 dataLayer.push(arguments); 25 } 26 gtag('js', new Date()); 27 28 gtag('config', '
28G-8JJHDGNK38
vendor: 9 bytes, lines 28-30
28'); 29 30
30</script>
30 31 32 <link href="https://cdn.jsdelivr.net/npm/simple-datatables@latest/dist/style.css" rel="stylesheet" /> 33 <link href="https://starbooks.ph/css/web/styles.css" rel="stylesheet" type="text/css"> 34 <link href="https://starbooks.ph/css/web/custom.css" rel="stylesheet" type="text/css"> 35 <link href="https://starbooks.ph/assets/img/favicon.png" rel="icon" type="image/x-icon"> 36
36<script data-search-pseudo-elements defer src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/js/all.min.js" crossorigin="anonymous"></script>
36 37
37<script src="https://cdnjs.cloudflare.com/ajax/libs/feather-icons/4.28.0/feather.min.js" crossorigin="anonymous"> 38 </script>
vendor: 73 bytes, lines 38-40
38 39 <script src="https://www.google.com/recaptcha/api.js"></script> 40
40</head> 41 42<body> 43 <div id="layoutDefault"> 44 <div id="layoutDefault_content" style="padding-bottom: 5vh;"> 45 <main> 46 <!-- changed the navbar --> 47 <!-- Nav Bar --> 48 <style> 49 .activeNav { 50 background-color: #0e74bc; 51 border-radius: 5px; 52 color: #ffffff; 53 } 54 55 .textColor { 56 color: white; 57 } 58 59 .nav-color { 60 background-color: #f5f5f5; 61 } 62 63 .navs { 64 width: 100% !important; 65 z-index: 99; 66 } 67 68 .navigation { 69 background-color: rgb(254, 255, 246); 70 } 71 body { 72 padding-top: 100px; /* Adjust to the height of your navbar */ 73 } 74 @media (max-width: 985px) { 75 body { 76 padding-top: 70px; 77 } 78 } 79 80 @media (max-width: 768px) { 81 body { 82 padding-top: 60px; 83 } 84 } 85</style> 86 87 88<nav class="navbar navbar-marketing navbar-expand-lg bg-light navbar-light nav-color border-bottom navs fixed-top"> 89 <div class="container"> 90 <a class="navbar-brand text-dark" href="https://starbooks.ph/home"><img 91 src="https://starbooks.ph/assets/img/logo-starbooks.png"></a> 92 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" 93 aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><i 94 data-feather="menu"></i></button> 95 <div class="collapse navbar-collapse" id="navbarSupportedContent"> 96 <ul class="navbar-nav ms-auto me-lg-5" id="navList"> 97 98 <li class="nav-item "><a 99 class="nav-link p-2" href="https://starbooks.ph/home">Home</a></li> 100 <li class="nav-item "><a 101 class="nav-link p-2" href="https://starbooks.ph/about">About</a></li> 102 <li class="nav-item "><a 103 class="nav-link p-2" href="https://starbooks.ph/news">News</a></li> 104 <li class="nav-item "><a 105 class="nav-link p-2" href="https://starbooks.ph/activities">Activities</a></li> 106 <li class="nav-item "><a 107 class="nav-link p-2" href="https://starbooks.ph/partners">Partners</a></li> 108 <li class="nav-item activeNav"><a 109 class="nav-link p-2" style="color:white;" href="https://starbooks.ph/contact">Contact</a></li> 110 </ul> 111 <a class="btn fw-500 ms-lg-4 btn-primary d-flex align-center text-white" href="https://starbooks.ph/login"> 112 Log In <i class="ms-2" data-feather="arrow-right"></i> 113 </a> 114 </div> 115 </div> 116</nav> 117 118 <!-- Header --> 119 <header class="page-header-ui page-header-ui-dark bg-img-cover overlay overlay-dark overlay-60 py-10" style="padding-top:100px; background-image: url(https://starbooks.ph/storage/uploads/1669086412_STARBOOKS%20PORTAL.png); background-position: center; object-fit: none; max-width: 100%; max-height: 100% "> 120 <div class="page-header-ui-content position-relative pt-10"> 121 <div class="container px-5 text-center"> 122 <div class="row gx-5 justify-content-center"> 123 <div class="col-lg-8"> 124 <h1 class="page-header-ui-title mb-3">Contact</h1> 125 <p class="page-header-ui-text mb-0">Keep in touch with us and know how we can work together</p> 126 </div> 127 </div> 128 </div> 129 </div> 130</header> 131 132 <!-- Content --> 133 <section class="bg-light py-5"> 134<div class="b-float"> 135 <a href="https://starbooks.ph/tickets" class="buttons" tooltip="Ticketing"><i class="text-white-50" data-feather="clipboard"></i></a> 136 <a href="#" data-bs-toggle="modal" data-bs-target="#modalFeedback" class="buttons" tooltip="User Feedback"><i class="text-white-50" data-feather="edit"></i></a> 137 <a href="https://starbooks.ph/home/profile" class="buttons" tooltip="My Profile"><i class="text-white-50" data-feather="user"></i></a> 138 <a class="buttons bg-primary" href="#"><i class="text-white-50" data-feather="plus"></i></a> 139</div> 140 141<!-- Modal Ticketing--> 142<div class="modal fade" id="modalTicketing" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true"> 143 <div class="modal-dialog"> 144 <div class="modal-content"> 145 <form method="POST" action="https://starbooks.ph/submit-ticket" accept-charset="UTF-8" id="ticket-form"><input name="_token" type="hidden" value="oJ07ir4ZB6mI2M3xNBdt0C0x6N3UDTFGRT1ivcNY"> 146 <div class="modal-header"> 147 <h5 class="modal-title" id="staticBackdropLabel">Create Ticket</h5> 148 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 149 </div> 150 <div class="modal-body"> 151 <div class="container-fluid"> 152 <div class="mb-3"> 153 <label for="category" class="form-label">Category</label> 154 <select required id="category" name="category" class="form-select"> 155 <option value="" disabled>Choose...</option> 156 <option value="General Inquiry">General Inquiry</option> 157 <option value="IT-Related">Technical Support </option> 158 </select> 159 </div> 160 <div class="mb-3"> 161 <label for="subject" class="form-label">Subject</label> 162 <input required type="text" class="form-control" name="subject" id="subject" placeholder=""> 163 </div> 164 <div class="mb-3"> 165 <label for="message" class="form-label">Message</label> 166 <textarea required class="form-control" name="message" id="message" rows="5"></textarea> 167 </div> 168 </div>
169 </div> 170 <div class="modal-footer"> 171 <button type="button" class="btn btn-outline-primary" data-bs-dismiss="modal">Close</button> 172 <button id="ticket-form-btn" type="submit" class="btn btn-primary">Submit</button> 173 </div> 174 <input type="hidden" name="_token" value="oJ07ir4ZB6mI2M3xNBdt0C0x6N3UDTFGRT1ivcNY"> </form> 175 </div> 176 </div> 177</div> 178<div class="modal fade" id="modalFeedback" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" 179 aria-labelledby="staticBackdropLabel" aria-hidden="true"> 180 <div class="modal-dialog modal-dialog-centered"> 181 <div class="modal-content"> 182 <form method="POST" action="https://starbooks.ph/testimonials/store" accept-charset="UTF-8"><input name="_token" type="hidden" value="oJ07ir4ZB6mI2M3xNBdt0C0x6N3UDTFGRT1ivcNY"> 183 <div class="modal-header"> 184 <h5 class="modal-title" id="staticBackdropLabel">User Feedback</h5> 185 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 186 </div> 187 <div class="modal-body"> 188 <div class="container-fluid"> 189 <div class="mb-7"> 190 <label for="" class="form-label small justify-text pa-2">Please rate your experience with the 191 <b>STARBOOKS Online</b> by clicking on the corresponding number of stars to indicate your 192 level of satisfaction or rate your experience. Your feedback is valuable in helping us 193 improve our services.</label> 194 <div class="clearfix"></div> 195 <div class="rate"> 196 <input type="radio" id="star5" name="rate" value="5" /> 197 <label for="star5" title="text">5 stars</label> 198 <input type="radio" id="star4" name="rate" value="4" /> 199 <label for="star4" title="text">4 stars</label> 200 <input type="radio" id="star3" name="rate" value="3" /> 201 <label for="star3" title="text">3 stars</label> 202 <input type="radio" id="star2" name="rate" value="2" /> 203 <label for="star2" title="text">2 stars</label> 204 <input type="radio" id="star1" name="rate" value="1" /> 205 <label for="star1" title="text">1 star</label> 206 </div> 207 </div> 208 <div class="clearfix"></div> 209 <div class="mb-3"> 210 <label for="" class="form-label">Feedback/Comment</label> 211 <textarea class="form-control" name="feedback" id="exampleFormControlTextarea1" 212 rows="5"></textarea> 213 <input type="hidden" name="online" value="1"> 214 </div> 215 <div class="container pa-2" style="text-align: center; font-size:smaller;"> 216 Thank you for taking the time to provide your valuable feedback. Your input will help us enhance 217 the STARBOOKS Online. 218 </div> 219 </div> 220 </div> 221 <div class="modal-footer"> 222 <button type="button" class="btn btn-outline-primary" data-bs-dismiss="modal">Close</button> 223 <button type="submit" class="btn btn-primary">Submit</button> 224 </div> 225 <input type="hidden" name="_token" value="oJ07ir4ZB6mI2M3xNBdt0C0x6N3UDTFGRT1ivcNY"> </form> 226 </div> 227 </div> 228</div> 229<style> 230 .justify-text { 231 text-align: justify; 232 font-size: smaller; 233 } 234 235 .modal-backdrop { 236 background-color: transparent !important; 237 } 238</style> <div class="container px-5"> 239 <div class="d-flex align-items-center justify-content-between"> 240 <h6 class="mb-0" style="font-size: x-large;">Contact Us</h6> 241 </div> 242 <hr class="mb-4" /> 243 244 <div class="row gx-5 pb-5"> 245 <div class="col-lg-5"> 246 247 248 <h5 class="mb-3">Department of Science and Technology (DOST)</h5> 249 <h6 class="mb-3">Science and Technology Information Institute (STII)</h6> 250 <div class="row mb-3"> 251 <div class="col-1 mt-1"> 252 <i class="ms-2" data-feather="map-pin"></i> 253 </div> 254 <div class="col-11"> 255 STII Bldg. DOST Compound, General Santos Ave., Bicutan, Taguig City 256 </div> 257 </div> 258 <div class="row mb-3"> 259 <div class="col-1 mt-1"> 260 <i class="ms-2" data-feather="phone-call"></i> 261 </div> 262 <div class="col-11"> 263 (+639) 568 711 864 264 </div> 265 </div> 266 <div class="row mb-3"> 267 <div class="col-1 mt-1"> 268 <i class="ms-2" data-feather="printer"></i> 269 </div> 270 <div class="col-11"> 271 (+632) 837 7528 272 </div> 273 </div> 274 <div class="row mb-3"> 275 <div class="col-1 mt-1"> 276 <i class="ms-2" data-feather="mail"></i> 277 </div> 278 <div class="col-11"> 279 <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="fd8e899c8f9f9292968ebd8e899494d399928e89d39a928bd38d95">[email protected]</a> 280 </div> 281 </div> 282 <div class="row mb-3"> 283 <div class="col-1 mt-1"> 284 <i class="ms-2" data-feather="globe"></i> 285 </div> 286 <div class="col-11"> 287 <a href="https://stii.dost.gov.ph/" target="_blank">https://stii.dost.gov.ph/</a> 288 289 <br /> 290 <a href="http://www.science.ph/" target="_blank">http://www.science.ph/</a> 291 292 <br /> 293 <a href="https://www.dost.gov.ph/" target="_blank">https://www.dost.gov.ph/</a> 294 </div> 295 </div> 296 </div> 297 <div class="col-lg-7"> 298 <div class="map-responsive"> 299 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3862.894077590678!2d121.04752421431897!3d14.490769583644884!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3397cf12326f4957%3A0xe269f8b3b850bc95!2sScience%20and%20Technology%20Information%20Institute!5e0!3m2!1sen!2smy!4v1623373075877!5m2!1sen!2smy" width="600" height="430" style="border:0;" allowfullscreen="" loading="lazy"></iframe> 300 </div> 301 </div> 302 </div> 303 304 </div> 305 <div class="svg-border-rounded text-white"> 306 <!-- Rounded SVG Border--> 307 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144.54 17.34" preserveAspectRatio="none" fill="currentColor"><path d="M144.54,17.34H0V0H144.54ZM0,0S32.36,17.34,72.27,17.34,144.54,0,144.54,0"></path></svg> 308 </div> 309</section> 310 </main> 311 </div> 312 <div id="layoutDefault_footer"> 313 <!-- Footer --> 314 <footer class="site-footer"> 315 <div class="container"> 316 <div class="row flex justify-space-between"> 317 <div class="col-sm-12 col-md-6"> 318 <h5>STARBOOKS</h5>
319 <p class="text-justify">(Science and Technology Academic 320 and Research-Based Openly-Operated KioskS) is a 321 stand-alone information source designed to reach those 322 with limited or no access to S&T information resources.</p> 323 </div> 324 <div class="col-xs-6 col-md-3 d-flex justify-content-center ml-auto"> 325 326 </div> 327 <div class="col-xs-6 col-md-3 d-flex justify-content-center align-items-center"> 328 <div class="footer-image"> 329 <span> 330 <a href="https://stii.dost.gov.ph/" target="_blank"> 331 <img src="https://starbooks.ph/assets/img/dost-stii.png" style="width: 50px;"> 332 </a> 333 </span> 334 <img src="https://starbooks.ph/assets/img/logo-starbooks-plain.png" style="width: 200px"> 335 </div> 336 </div> 337 </div> 338 <hr> 339 </div> 340 <div class="container"> 341 <div class="row"> 342 <div class="col-md-8 col-sm-6 col-xs-12"> 343 <a href="#!" class="text-decoration-none">Privacy Policy</a> / 344 <a href="#!" class="text-decoration-none">Terms & Conditions</a> 345 </div> 346 347 <div class="col-md-4 col-sm-6 col-xs-12"> 348 <ul class="social-icons"> 349 <li><a href="https://www.facebook.com/StarbooksPH" target="_blank" class="facebook d-flex align-items-center justify-content-center"><i class="fab fa-facebook-f"></i></a></li> 350 <li><a href="https://www.instagram.com/dost_starbooks/" class="instagram d-flex align-items-center justify-content-center" href="#"><i class="fab fa-instagram"></i></a></li> 351 <li><a class="tiktok d-flex align-items-center justify-content-center" href="https://www.tiktok.com/@dost_starbooks" target="_blank" clas><i class="fab fa-tiktok "></i></a></li> 352 <li><a class="youtube d-flex align-items-center justify-content-center" href="https://www.youtube.com/@doststarbooks" target="_blank"><i class="fab fa-youtube"></i></a></li> 353 </ul> 354 </div> 355 </div> 356 </div> 357</footer> 358<style> 359 360 i.fab, i.fa { 361 font-family: "Font Awesome 5 Free"; 362 font-weight: 900; 363 } 364 .site-footer { 365 background-color: #e4e4e4; 366 padding: 45px 0 20px; 367 font-size: 15px; 368 line-height: 24px; 369 color: #737373; 370 } 371 372 .site-footer hr { 373 border-top-color: #bbb; 374 opacity: 0.5 375 } 376 377 .site-footer hr.small { 378 margin: 20px 0 379 } 380 381 .site-footer h5 { 382 color: #000000; 383 font-size: 20px; 384 text-transform: uppercase; 385 margin-top: 5px; 386 letter-spacing: 2px 387 } 388 389 .site-footer a { 390 color: #737373; 391 } 392 393 .site-footer a:hover { 394 color: #3366cc; 395 text-decoration: none; 396 } 397 398 .footer-links { 399 padding-left: 0; 400 list-style: none 401 } 402 403 .footer-links li { 404 display: block 405 } 406 407 .footer-links a { 408 color: #737373 409 } 410 411 .footer-links a:active, 412 .footer-links a:focus, 413 .footer-links a:hover { 414 color: #3366cc; 415 text-decoration: none; 416 } 417 418 .footer-links.inline li { 419 display: inline-block 420 } 421 422 .site-footer .social-icons { 423 text-align: right 424 } 425 426 .site-footer .social-icons a { 427 width: 40px; 428 height: 40px; 429 line-height: 40px; 430 margin-left: 6px; 431 margin-right: 0; 432 padding-top: 10px; 433 border-radius: 100%; 434 color: white; 435 } 436 a.facebook{ 437 background-color: #3366cc !important; 438 } 439 440 a.instagram{ 441 background-color: #da0f9d !important; 442 443 } 444 a.tiktok{ 445 background-color: #070707 !important; 446 } 447 a.youtube{ 448 background-color: #aa0000 !important; 449 } 450 451 .copyright-text { 452 margin: 0 453 } 454 .fab{ 455 margin-top: -5px !important; 456 } 457 458 @media (max-width:991px) { 459 .site-footer [class^=col-] { 460 margin-bottom: 30px 461 } 462 } 463 464 @media (max-width:767px) { 465 .site-footer { 466 padding-bottom: 0 467 } 468 469 .site-footer .copyright-text, 470 .site-footer .social-icons { 471 text-align: center 472 } 473 } 474 475 .social-icons { 476 padding-left: 0; 477 margin-bottom: 0; 478 list-style: none 479 } 480 481 .social-icons li { 482 display: inline-block; 483 margin-bottom: 4px 484 } 485 486 .social-icons li.title { 487 margin-right: 15px; 488 text-transform: uppercase; 489 color: #96a2b2; 490 font-weight: 700; 491 font-size: 13px 492 } 493 494 .social-icons a { 495 background-color: #eceeef; 496 color: #818a91; 497 font-size: 16px; 498 display: inline-block; 499 line-height: 44px; 500 width: 44px; 501 height: 44px; 502 text-align: center; 503 margin-right: 8px; 504 border-radius: 100%; 505 -webkit-transition: all .2s linear; 506 -o-transition: all .2s linear; 507 transition: all .2s linear 508 } 509 510 .social-icons a:active, 511 .social-icons a:focus, 512 .social-icons a:hover { 513 color: #fff; 514 background-color: #29aafe !important; 515 } 516 517 .social-icons.size-sm a { 518 line-height: 34px; 519 height: 34px; 520 width: 34px; 521 font-size: 14px 522 } 523 524 .social-icons a.facebook:hover { 525 background-color: #3b5998 526 } 527 528 .social-icons a.twitter:hover { 529 background-color: #00aced 530 } 531 532 .social-icons a.linkedin:hover { 533 background-color: #007bb6 534 } 535 536 .social-icons a.dribbble:hover { 537 background-color: #ea4c89 538 } 539 540 @media (max-width:767px) { 541 .social-icons li.title { 542 display: block; 543 margin-right: 0; 544 font-weight: 600 545 } 546 } 547 548</style> 549 </div> 550 </div>
vendor: 109 bytes, lines 550-551
550 551<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
551<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"02e9dee6a7614c9dbef1fa92e2ce79a9","spa":2}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 551
551
552<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a40208d53f042881',t:'MTc5MDI1NTQ4MQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
552</body>
553<script> 554 feather.replace() 555 556</script>
556 557<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
558<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"> 559</script>
559 560
560<script type="text/javascript"> 561 console.log('Mounted') 562 </script>
562 563 564</html> 565<style> 566 body { 567 zoom: 75%; 568 } 569 570</style>
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.