CINXE.COM
United Architects of the Philippines
<!doctype html> <html lang="en" prefix="og: http://ogp.me/ns#"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> <meta name="apple-mobile-web-app-status-bar-style" content="default"> <link rel="icon" type="image/x-icon" href="https://www.uaponline.org/assets/fav-icons/favicon-32x32.png"> <link rel="apple-touch-icon" href="https://www.uaponline.org/assets/fav-icons/apple-touch-icon.png"> <!-- PWA --> <meta name="theme-color" content="#FFFFFF" /> <link rel="apple-touch-icon" href="https://www.uaponline.org/logo.PNG"> <link rel="manifest" href="https://www.uaponline.org/manifest.json"> <!-- CSRF Token --> <meta name="csrf-token" content="EAgXcnmdajBcq0YSKvfcgwBpkuxOrONjbenBEU3s"> <title>United Architects of the Philippines</title> <meta property="og:url" content="https://www.uaponline.org/public/events/index" /> <link rel="canonical" href="https://www.uaponline.org/public/events/index" /> <!-- Fonts --> <link rel="dns-prefetch" href="//fonts.bunny.net"> <link href="https://fonts.bunny.net/css?family=Nunito" rel="stylesheet"> <!-- Scripts --> <link rel="preload" as="style" href="https://www.uaponline.org/build/assets/app-c79c982e.css" /><link rel="modulepreload" href="https://www.uaponline.org/build/assets/app-b78b0841.js" /><link rel="stylesheet" href="https://www.uaponline.org/build/assets/app-c79c982e.css" data-navigate-track="reload" /><script type="module" src="https://www.uaponline.org/build/assets/app-b78b0841.js" data-navigate-track="reload"></script> <link rel="stylesheet" href="https://www.uaponline.org/assets/css/global.css"> <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}</style> <link rel="stylesheet" href="https://www.uaponline.org/assets/css/loader.css"> <link rel="stylesheet" href="https://www.uaponline.org/assets/css/forgot-password.css"> <link rel="stylesheet" href="https://www.uaponline.org/assets/css/nominate-password.css"> <link rel="stylesheet" href="https://www.uaponline.org/assets/css/components/input.css"> <link rel="stylesheet" href="https://www.uaponline.org/assets/css/components/labels.css"> <link rel="stylesheet" href="https://www.uaponline.org/assets/css/components/buttons.css"> <link rel="stylesheet" href="https://www.uaponline.org/assets/css/components/heading.css"> <link rel="stylesheet" href="https://www.uaponline.org/assets/css/footer.css"> <link rel="stylesheet" href="https://www.uaponline.org/assets/css/ads.css"> <link rel="stylesheet" href="https://www.uaponline.org/assets/css/modules/header.css"> <link rel="stylesheet" href="https://www.uaponline.org/assets/css/modules/help-center.css"> <link rel="stylesheet" href="https://www.uaponline.org/assets/css/modules/carousel.css"> <link rel="stylesheet" href="https://www.uaponline.org/assets/icons/fontawesome/css/all.min.css"> <link rel="stylesheet" href="https://www.uaponline.org/assets/icons/bootstrap-icons/font/bootstrap-icons.min.css"> <link rel="stylesheet" href="https://www.uaponline.org/assets/css/components/input.css"> <link rel="stylesheet" href="https://www.uaponline.org/assets/css/components/buttons.css"> <link rel="stylesheet" href="https://www.uaponline.org/assets/css/components/labels.css"> <link rel="stylesheet" href="https://www.uaponline.org/assets/css/modules/register-form.css"> <link rel="stylesheet" href="https://www.uaponline.org/assets/css/homepage.css"> <link rel="stylesheet" href="https://www.uaponline.org/assets/css/public-events.css"> </head> <body> <div id="app" class="wrapper"> <div id="main-navbar"> <div class="row justify-content-lg-end justify-content-center align-items-center g-0"> <div class="col-sm-12 col-md-8 col-lg-8"> <a class="navbar-brand d-flex flex-column justify-content-center align-items-center mt-5" href="https://www.uaponline.org"> <img src="/assets/images/uap_logo.png" width="100" height="100"> <span class="ff-primary fw-bold fs-300 uap-mobile-responsive">UNITED ARCHITECTS OF THE PHILIPPINES</span> </a> </div> <div class="col-sm-4 col-md-3 col-lg-2"> <ul class="navbar-nav d-flex flex-row justify-content-center gap-3 ff-primary ff-400"> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="https://www.uaponline.org">Home</a> </li> <li class="nav-item"> <a class="nav-link active text-nowrap" aria-current="page" href="https://www.uaponline.org/contact-us">Contact Us</a> </li> </ul> </div> </div> <nav class="navbar nav navbar-expand-lg nav-underline flex-column flex-row pb-0"> <div class="container-fluid px-0"> <div class="w-100"> <div class="d-flex justify-content-end mb-3 mt-2"> <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup2" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> </div> </div> </div> <div class="container-fluid px-0"> <div class="collapse navbar-collapse" id="navbarNavAltMarkup2"> <div class="navbar-nav d-flex align-items-center w-100 mb-0 ff-primary fs-500 px-md-3 dropdown-header-custom"> <a class="flex-sm-fill text-sm-center nav-link cursor-pointer" role="tab" id="pills-about-tab" data-bs-toggle="dropdown" data-bs-target="#pills-about"aria-controls="pills-about" aria-selected="true">About</a> <div class="dropdown-menu p-0 flex-lg-row flex-column w-100" style="left: 5% !important; width: auto; max-height: 300px; overflow-y: auto;"> <ul class="list-unstyled"> <li><a href="#" class="dropdown-item">Governance</a></li> <li><a href="https://www.uaponline.org/public/about/national-president" class="dropdown-item">National President</a></li> <li><a href="https://www.uaponline.org/public/about/past-national-presidents" class="dropdown-item">Past National Presidents</a></li> <li><a href="https://www.uaponline.org/public/about/national-secretariat" class="dropdown-item">Secretariat</a></li> <li><a href="https://www.uaponline.org/public/about/current-officers" class="dropdown-item">Current Officers</a></li> <li><a href="https://www.uaponline.org/public/about/past-national-officers" class="dropdown-item">Past National Officers</a></li> </ul> <ul class="list-unstyled"> <li><a href="#" class="dropdown-item">Corporate</a></li> <li><a href="https://www.uaponline.org/public/about/history-of-uap" class="dropdown-item">History of UAP</a></li> <li><a href="https://www.uaponline.org/public/about/uap-logo" class="dropdown-item">UAP Logo</a></li> <li><a href="https://www.uaponline.org/public/about/uap-profile" class="dropdown-item">Profile</a></li> <li><a href="https://www.uaponline.org/public/about/objectives" class="dropdown-item">Objectives</a> </li> <li><a href="https://www.uaponline.org/public/about/vision-and-mission" class="dropdown-item">Vision and Mission</a></li> </ul> <ul class="list-unstyled"> <li><a href="#" class="dropdown-item">College of Fellows</a></li> <li><a href="https://www.uaponline.org/public/about/college-of-fellows-members" class="dropdown-item">Members</a></li> <li><a href="https://www.uaponline.org/public/about/fellow/current-officers" class="dropdown-item">Current Officers</a></li> <li><a href="https://www.uaponline.org/public/about/past-chancellors" class="dropdown-item">Past Chancellors</a></li> <li><a href="https://www.uaponline.org/public/about/past-officers" class="dropdown-item">Past Officers</a></li> </ul> </div> <a href="/public/news/index" class="flex-sm-fill text-sm-center nav-link" aria-selected="false">News</a> <a href="/public/events/index" class="flex-sm-fill text-sm-center nav-link" aria-selected="false">Events</a> <a href="https://www.uaponline.org/public/e-library" class="flex-sm-fill text-sm-center nav-link" aria-selected="false">E-Library</a> <a href="https://www.uaponline.org/public/merchandise/index" class="flex-sm-fill text-sm-center nav-link">Merchandise</a> <a href="https://www.uaponline.org/public/designers-directory/index" class="flex-sm-fill text-sm-center nav-link">Designers</a> </div> </div> </div> </nav> <hr> </div> <nav class="navbar navbar-expand-lg bg-white sticky-top p-0" id="sticky-navbar"> <div class="d-flex justify-content-between align-items-center mb-3 mx-3 my-3 pt-3"> <div class="d-lg-none d-block"> <img src="https://www.uaponline.org/assets/images/uap_logo.png" width="50" height="50" alt="UAP Logo"> </div> <button class="navbar-toggler text-end border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> </div> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav d-flex justify-content-between align-items-center me-auto mb-2 mb-lg-0 w-100"> <div class="w-100 text-center"> <li class="nav-item text-uppercase"> <a class="nav-link sticky-nav-link fw-semibold" href="https://www.uaponline.org">Home</a> </li> </div> <div class="w-100 text-center dropdown-header-custom"> <li class="nav-item"> <a class="nav-link sticky-nav-link fw-semibold cursor-pointer" role="tab" id="pills-about-tab" data-bs-toggle="dropdown" data-bs-target="#pills-about" aria-controls="pills-about" aria-selected="true">About</a> <div class="dropdown-menu p-0 flex-lg-row flex-column" style="left: 15% !important; width: auto; max-height: 300px; overflow-y: auto;"> <ul class="list-unstyled"> <li><a href="#" class="dropdown-item">Governance</a></li> <li><a href="https://www.uaponline.org/public/about/national-president" class="dropdown-item">National President</a></li> <li><a href="https://www.uaponline.org/public/about/past-national-presidents" class="dropdown-item">Past National Presidents</a></li> <li><a href="https://www.uaponline.org/public/about/national-secretariat" class="dropdown-item">Secretariat</a></li> <li><a href="https://www.uaponline.org/public/about/current-officers" class="dropdown-item">Current Officers</a></li> <li><a href="https://www.uaponline.org/public/about/past-national-officers" class="dropdown-item">Past National Officers</a></li> </ul> <ul class="list-unstyled"> <li><a href="#" class="dropdown-item">Corporate</a></li> <li><a href="https://www.uaponline.org/public/about/history-of-uap" class="dropdown-item">History of UAP</a></li> <li><a href="https://www.uaponline.org/public/about/uap-logo" class="dropdown-item">UAP Logo</a></li> <li><a href="https://www.uaponline.org/public/about/uap-profile" class="dropdown-item">Profile</a></li> <li><a href="https://www.uaponline.org/public/about/objectives" class="dropdown-item">Objectives</a> </li> <li><a href="https://www.uaponline.org/public/about/vision-and-mission" class="dropdown-item">Vision and Mission</a></li> </ul> <ul class="list-unstyled"> <li><a href="#" class="dropdown-item">College of Fellows</a></li> <li><a href="https://www.uaponline.org/public/about/college-of-fellows-members" class="dropdown-item">Members</a></li> <li><a href="https://www.uaponline.org/public/about/fellow/current-officers" class="dropdown-item">Current Officers</a></li> <li><a href="https://www.uaponline.org/public/about/past-chancellors" class="dropdown-item">Past Chancellors</a></li> <li><a href="https://www.uaponline.org/public/about/past-officers" class="dropdown-item">Past Officers</a></li> </ul> </div> </li> </div> <div class="w-100 text-center"> <li class="nav-item"> <a class="nav-link sticky-nav-link fw-semibold" href="/public/news/index">News</a> </li> </div> <div class="w-100 text-center"> <li class="nav-item"> <a class="nav-link sticky-nav-link fw-semibold" href="/public/events/index">Events</a> </li> </div> <div class="w-100 text-center"> <li class="nav-item"> <a class="nav-link sticky-nav-link fw-semibold" href="https://www.uaponline.org/public/e-library">E-Library</a> </li> </div> <div class="w-100 text-center"> <li class="nav-item"> <a class="nav-link sticky-nav-link fw-semibold" href="https://www.uaponline.org/public/merchandise/index">Merchandise</a> </li> </div> <div class="w-100 text-center"> <li class="nav-item"> <a class="nav-link sticky-nav-link fw-semibold" href="https://www.uaponline.org/public/designers-directory/index">Designers</a> </li> </div> <div class="w-100 text-center px-2 py-1"> <li class="nav-item bg-black rounded"> <a class="nav-link fw-semibold text-white" href="https://www.uaponline.org">Member Login</a> </li> </div> </ul> </div> </nav> <main class=""> <div class="loader-container" id="loader-container"> <div class=""> <div class="loading mb-3" > <span></span> <span></span> <span></span> <span></span> </div> <p class="text-center text-uppercase loading-text" id="loader-text">Loading Contents</p> </div> </div> <div> <div wire:snapshot="{"data":{"sortDirection":"desc","paginate":5,"search":null,"sortBy":"created_at","eventCount":[null,{"keys":[1,2,4,5],"class":"Illuminate\\Database\\Eloquent\\Collection","modelClass":"App\\Models\\Event","s":"elcln"}],"currentDate":"2024-11-27 09:00:48"},"memo":{"id":"3LsfdpO9bEbxuQ3zkRuW","name":"events-guest","path":"public\/events\/index","method":"GET","children":{"lw-1527233410-0":["div","8zTJgajMs5ySmuUadbM0"],"lw-1527233410-1":["div","1G555b0ef5WpEcSz3D48"]},"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"96016a0dbc0f391a75a72e359f542dce1964cc562642b7e2c4205d5e172aa7ef"}" wire:effects="[]" wire:id="3LsfdpO9bEbxuQ3zkRuW"> <div class="container"> <h1 class="fs-600 text-center my-3">Events</h1> <div class="row"> <div class="col-sm-12 col-lg-9 left-container"> <div class="row"> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div class="col-sm-12 col-md-6 col-lg-4"> <div class="border-custom py-3 px-2 mb-4"> <div class="card border-0 "> <img src="https://d1hkkh7zmoz6rg.cloudfront.net/event-images/event1.jpg" class="card-img-top rounded-0"> <div class="pt-3"> <p class="card-title fw-regular">National Architecture Week Philippine Architecture Festival 2023</p> <p class="card-text fw-regular m-0">Date: <span> December 04-09, 2023</span> </p> <p class="card-text fw-regular m-0">Time: <span>6:00 AM</span> </p> <p class="card-text fw-regular m-0 mb-4">Venue: <span>Baguio City</span> </p> <a href="https://www.uaponline.org/public/events/show/158f7d8d-9212-4957-84ad-923687w22db2?title=National%20Architecture%20Week%20Philippine%20Architecture%20Festival%202023" class="card-text fw-semibold">See Details ></a> </div> </div> </div> </div> <div class="col-sm-12 col-md-6 col-lg-4"> <div class="border-custom py-3 px-2 mb-4"> <div class="card border-0 "> <img src="https://d1hkkh7zmoz6rg.cloudfront.net/event-images/event3.jpg" class="card-img-top rounded-0"> <div class="pt-3"> <p class="card-title fw-regular">RUN. SNAP. REPEAT.</p> <p class="card-text fw-regular m-0">Date: <span> December 03-03, 2023</span> </p> <p class="card-text fw-regular m-0">Time: <span>1:00 AM</span> </p> <p class="card-text fw-regular m-0 mb-4">Venue: <span>Ayala Avenue</span> </p> <a href="https://www.uaponline.org/public/events/show/345y7d8d-9212-4957-84ad-923687w22db2?title=RUN.%20SNAP.%20REPEAT." class="card-text fw-semibold">See Details ></a> </div> </div> </div> </div> <div class="col-sm-12 col-md-6 col-lg-4"> <div class="border-custom py-3 px-2 mb-4"> <div class="card border-0 "> <img src="https://d1hkkh7zmoz6rg.cloudfront.net/event-images/event2.jpg" class="card-img-top rounded-0"> <div class="pt-3"> <p class="card-title fw-regular">Bamboo Art and Campaign Exhibit</p> <p class="card-text fw-regular m-0">Date: <span> November 30-06, 2023</span> </p> <p class="card-text fw-regular m-0">Time: <span>1:00 AM</span> </p> <p class="card-text fw-regular m-0 mb-4">Venue: <span>SM Center Tuguegarao Downtown</span> </p> <a href="https://www.uaponline.org/public/events/show/905f7d8d-9212-4957-84ad-923687w22db2?title=Bamboo%20Art%20and%20Campaign%20Exhibit" class="card-text fw-semibold">See Details ></a> </div> </div> </div> </div> <div class="col-sm-12 col-md-6 col-lg-4"> <div class="border-custom py-3 px-2 mb-4"> <div class="card border-0 "> <img src="https://d1hkkh7zmoz6rg.cloudfront.net/event-images/event4.jpg" class="card-img-top rounded-0"> <div class="pt-3"> <p class="card-title fw-regular">Unlocking Tomorrow.</p> <p class="card-text fw-regular m-0">Date: <span> November 25-25, 2023</span> </p> <p class="card-text fw-regular m-0">Time: <span>1:00 AM</span> </p> <p class="card-text fw-regular m-0 mb-4">Venue: <span>Zoom</span> </p> <a href="https://www.uaponline.org/public/events/show/248fud8d-9212-4957-84ad-923687w22db2?title=Unlocking%20Tomorrow." class="card-text fw-semibold">See Details ></a> </div> </div> </div> </div> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div> </div> <div class="col-sm-12 col-lg-3 right-container ps-4"> <div wire:snapshot="{"data":{"paginate":4,"search":null,"newsCount":[null,{"keys":[1,2,3,4,5,6,7,8],"class":"Illuminate\\Database\\Eloquent\\Collection","modelClass":"App\\Models\\News","s":"elcln"}],"paginators":[{"manual-page":1},{"s":"arr"}]},"memo":{"id":"8zTJgajMs5ySmuUadbM0","name":"news-guest.recent-news","path":"public\/events\/index","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"bc1b0fa4497560fbd9c867d9dc686acdd5b5668d557a768d12cb4dc041d62054"}" wire:effects="{"url":{"paginators.manual-page":{"as":"manual-page","use":"push","alwaysShow":false,"except":null}}}" wire:id="8zTJgajMs5ySmuUadbM0"> <form wire:submit.prevent="searchNews"> <div class="input-group mb-3"> <input type="text" class="form-control text-field-input input-search" placeholder="Search..." wire:model='search' wire:click='searchNews' aria-label="Example text with button addon" aria-describedby="button-addon1"> <button class="btn go-btn py-1 blue-go-button" type="submit" id="button-addon1">Go</button> </div> </form> <div class="second-text-header"> Recent News </div> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div class="link-container mt-3"> <a target="_blank" class="" href="https://www.uaponline.org/public/news/show/90fefb32-4236-457f-ab9e-b95080019186?title=UAP%20NatCon%2049%3A%20The%20Largest%20Gathering%20of%20Filipino%20Architects%20Ever">UAP NatCon 49: The Largest Gathering of Filipino Architects Ever</a> </div> <div class="link-container mt-3"> <a target="_blank" class="" href="https://www.uaponline.org/public/news/show/88260eb0-a850-4e33-86b7-c4885fe1597a?title=UAP%20NatCon%2049%3A%20The%20Largest%20Gathering%20of%20Filipino%20Architects%20Ever">UAP NatCon 49: The Largest Gathering of Filipino Architects Ever</a> </div> <div class="link-container mt-3"> <a target="_blank" class="" href="https://www.uaponline.org/public/news/show/d5cfa8bb-c702-4bf0-8991-ff7186aa72eb?title=%F0%9D%90%93%F0%9D%90%A1%F0%9D%90%9E%20%22%F0%9D%90%82%F0%9D%90%80%F0%9D%90%8B%F0%9D%90%8B%20%F0%9D%90%85%F0%9D%90%8E%F0%9D%90%91%20%F0%9D%90%84%F0%9D%90%8D%F0%9D%90%93%F0%9D%90%91%F0%9D%90%88%F0%9D%90%84%F0%9D%90%92%22%20%F0%9D%90%A2%F0%9D%90%AC%20%F0%9D%90%A7%F0%9D%90%A8%F0%9D%90%B0%20%F0%9D%90%A5%F0%9D%90%A2%F0%9D%90%AF%F0%9D%90%9E%20%F0%9D%90%9F%F0%9D%90%A8%F0%9D%90%AB%20%F0%9D%90%AD%F0%9D%90%A1%F0%9D%90%9E%20%F0%9D%9F%91%F0%9D%90%AB%F0%9D%90%9D%20%F0%9D%90%9E%F0%9D%90%9D%F0%9D%90%A2%F0%9D%90%AD%F0%9D%90%A2%F0%9D%90%A8%F0%9D%90%A7%20%F0%9D%90%A8%F0%9D%90%9F%20%F0%9D%90%AD%F0%9D%90%A1%F0%9D%90%9E%20%F0%9D%90%A9%F0%9D%90%AB%F0%9D%90%9E%F0%9D%90%AC%F0%9D%90%AD%F0%9D%90%A2%F0%9D%90%A0%F0%9D%90%A2%F0%9D%90%A8%F0%9D%90%AE%F0%9D%90%AC%20%F0%9D%90%94%F0%9D%90%80%F0%9D%90%8F%20%F0%9D%90%83%F0%9D%90%84%F0%9D%90%92%F0%9D%90%88%F0%9D%90%86%F0%9D%90%8D%20%F0%9D%90%80%F0%9D%90%96%F0%9D%90%80%F0%9D%90%91%F0%9D%90%83%F0%9D%90%92%20%F0%9D%9F%90%F0%9D%9F%8E%F0%9D%9F%90%F0%9D%9F%92%21">饾悡饾悺饾悶 "饾悅饾悁饾悑饾悑 饾悈饾悗饾悜 饾悇饾悕饾悡饾悜饾悎饾悇饾悞" 饾悽饾惉 饾惂饾惃饾惏 饾惀饾悽饾惎饾悶 饾悷饾惃饾惈 饾惌饾悺饾悶 饾煈饾惈饾悵 饾悶饾悵饾悽饾惌饾悽饾惃饾惂 饾惃饾悷 饾惌饾悺饾悶 饾惄饾惈饾悶饾惉饾惌饾悽饾悹饾悽饾惃饾惍饾惉 饾悢饾悁饾悘 饾悆饾悇饾悞饾悎饾悊饾悕 饾悁饾悥饾悁饾悜饾悆饾悞 饾煇饾煄饾煇饾煉!</a> </div> <div class="link-container mt-3"> <a target="_blank" class="" href="https://www.uaponline.org/public/news/show/bad0dc65-4543-4c90-9a7f-7edb746eaaba?title=NCA%202023%20%2B%20Area%20Assemblies%3A%20Celebrating%20Architectural%20Excellence%20and%20PANAGHIUSA%20in%20Palawan">NCA 2023 + Area Assemblies: Celebrating Architectural Excellence and PANAGHIUSA in Palawan</a> </div> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div> <div class="d-flex flex-column justify-content-center align-items-lg-start align-items-center mt-lg-0 mt-5 ps-2 pt-3"> <div wire:snapshot="{"data":{"sideImages":[null,{"keys":[31,32,33],"class":"Illuminate\\Database\\Eloquent\\Collection","modelClass":"App\\Models\\Advertisement","s":"elcln"}]},"memo":{"id":"1G555b0ef5WpEcSz3D48","name":"ads-side-guest","path":"public\/events\/index","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"256c78e455096924beefd8710d4878bc1f42ea6745c108604cadfa1295090cd9"}" wire:effects="[]" wire:id="1G555b0ef5WpEcSz3D48"> <div class="d-flex flex-column justify-content-center align-items-center mt-lg-0 mt-5 ps-2 pt-3"> <!--[if BLOCK]><![endif]--> <a href="https://daviespaints.com.ph/" target="_blank"> <div class="ads-image-container mb-5 pb-5"> <img src="https://d1hkkh7zmoz6rg.cloudfront.net/advertisement-images/1711407996.jpg" alt="Ads Image" width="200" /> </div> </a> <a href="https://wilcon.com.ph/" target="_blank"> <div class="ads-image-container mb-5 pb-5"> <img src="https://d1hkkh7zmoz6rg.cloudfront.net/advertisement-images/1711408041.png" alt="Ads Image" width="200" /> </div> </a> <a href="https://www.dutchboy.com.ph/" target="_blank"> <div class="ads-image-container mb-5 pb-5"> <img src="https://d1hkkh7zmoz6rg.cloudfront.net/advertisement-images/1711408069.png" alt="Ads Image" width="200" /> </div> </a> <!--[if ENDBLOCK]><![endif]--> </div> </div> </div> </div> </div> </div> </div> </div> <hr class="mt-5"> <div class="pb-5"> <section class="container mt-3 mb-5 ff-primary"> <div class="heading-events text-center mb-5"> <h1 class="fs-600">Partners</h1> </div> <div class="container"> <div class="partners-logo px-4 mx-4"> <a href="https://www.prc.gov.ph/architecture" target="_blank"> <img src="https://assets-global.website-files.com/6522abfcd7cd843a5d064c21/652419631882db56f2a06c33_boa.png" loading="lazy" width="90" alt="" class="image-7"> </a> <a href="https://www.dpwh.gov.ph/dpwh/" target="_blank"> <img src="https://assets-global.website-files.com/6522abfcd7cd843a5d064c21/65241963845a835106035757_5b6911ddc168f.png" loading="lazy" width="100" alt="" class="image-8"> </a> <a href="https://www.prc.gov.ph/" target="_blank"> <img src="https://assets-global.website-files.com/6522abfcd7cd843a5d064c21/65241963845a835106035771_prc.png" loading="lazy" width="90" alt="" class="image-9"> </a> <a href="https://www.uia-architectes.org/en/" target="_blank"> <img src="https://assets-global.website-files.com/6522abfcd7cd843a5d064c21/6524196467e5ed848f60298d_OIP.jpg" loading="lazy" width="80.5" alt="" class="image-10"> </a> <a href="http://www.arcasia.org/" target="_blank"> <img src="https://assets-global.website-files.com/6522abfcd7cd843a5d064c21/65241964e7ab22a834da7290_OIP%20(2).jpg" loading="lazy" width="78" alt="" class="image-11"> </a> <a href="https://www.apec.org/" target="_blank"> <img src="https://assets-global.website-files.com/6522abfcd7cd843a5d064c21/65241964502580e165485af3_apec.png" loading="lazy" width="90" alt="" class="image-12"> </a> </div> <div class="partners-logo px-4 mx-4"> <a href="https://ncca.gov.ph/" target="_blank"> <img src="https://assets-global.website-files.com/6522abfcd7cd843a5d064c21/6524196332cc62fc1f889be8_OIP%20(1).jpg" loading="lazy" width="75" alt="" class="image-13"> </a> <a href="https://earoph.org/" target="_blank"> <img src="https://assets-global.website-files.com/6522abfcd7cd843a5d064c21/652419639019980245c98619_earoph.png" loading="lazy" alt="" width="90" class="image-14"> </a> <a href="https://www.greenbuilding.ph/" target="_blank"> <img src="https://www.uaponline.org/assets/images/partners-pgbi.png" loading="lazy" width="183" alt="" class="image-15"> </a> <a href="https://www.pcaae.org/" target="_blank"> <img src="https://assets-global.website-files.com/6522abfcd7cd843a5d064c21/65241e9486ba77b94d27cd96_PCAAE-re-brand.jpg" loading="lazy" width="159" sizes="(max-width: 479px) 33vw, 159px" alt="" srcset="https://assets-global.website-files.com/6522abfcd7cd843a5d064c21/65241e9486ba77b94d27cd96_PCAAE-re-brand-p-500.jpg 500w, https://assets-global.website-files.com/6522abfcd7cd843a5d064c21/65241e9486ba77b94d27cd96_PCAAE-re-brand.jpg 750w" class="image-16"> </a> <a href="https://aseanarchitectcouncil.net/" target="_blank"> <img src="https://assets-global.website-files.com/6522abfcd7cd843a5d064c21/65241e94b655eafbced5271c_n360----asean_architect_logo.jpg" loading="lazy" width="91" sizes="(max-width: 479px) 32vw, 91px" alt="" srcset="https://assets-global.website-files.com/6522abfcd7cd843a5d064c21/65241e94b655eafbced5271c_n360----asean_architect_logo-p-500.jpg 500w, https://assets-global.website-files.com/6522abfcd7cd843a5d064c21/65241e94b655eafbced5271c_n360----asean_architect_logo.jpg 562w" class="image-17"> </a> <a href="http://construction.gov.ph/" target="_blank"> <img src="https://assets-global.website-files.com/6522abfcd7cd843a5d064c21/6561cbbfe79197d7d7e2f473_Construction_Industry_Authority_of_the_Philippines_(CIAP).svg-p-500.png" loading="lazy" width="91" sizes="(max-width: 479px) 32vw, 91px" alt="" srcset="https://assets-global.website-files.com/6522abfcd7cd843a5d064c21/6561cbbfe79197d7d7e2f473_Construction_Industry_Authority_of_the_Philippines_(CIAP).svg-p-500.png 500w, https://assets-global.website-files.com/6522abfcd7cd843a5d064c21/6561cbbfe79197d7d7e2f473_Construction_Industry_Authority_of_the_Philippines_(CIAP).svg-p-500.png 562w" class="image-18"> </a> </div> </div> </section> </div> </main> </div> <div class="d-md-block d-none my-4"> <div class="col-12"> <div wire:snapshot="{"data":{"footerImages1":[null,{"keys":[22,23,24],"class":"Illuminate\\Database\\Eloquent\\Collection","modelClass":"App\\Models\\Advertisement","s":"elcln"}],"footerImages2":[null,{"keys":[25,26,27],"class":"Illuminate\\Database\\Eloquent\\Collection","modelClass":"App\\Models\\Advertisement","s":"elcln"}],"footerImages3":[null,{"keys":[28,29,30],"class":"Illuminate\\Database\\Eloquent\\Collection","modelClass":"App\\Models\\Advertisement","s":"elcln"}]},"memo":{"id":"1RcmuuKTfQbWsZQpZbMB","name":"ads-footer-guest","path":"public\/events\/index","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"7bbf32e10fabd12478959e90bbaa7e0536bce9c8ff871864b386b2dfb8587b16"}" wire:effects="[]" wire:id="1RcmuuKTfQbWsZQpZbMB"> <div id="carouselExampleIndicators-bottom" class="carousel slide" data-bs-ride="carousel" data-bs-interval="3000"> <div class="carousel-indicators"> <li data-bs-target="#carouselExampleIndicators-bottom" data-bs-slide-to="0" class="custom-indicator active bg-secondary carousel-btn-indicator"></li> <li data-bs-target="#carouselExampleIndicators-bottom" data-bs-slide-to="1" class="custom-indicator bg-secondary carousel-btn-indicator"> </li> <li data-bs-target="#carouselExampleIndicators-bottom" data-bs-slide-to="2" class="custom-indicator bg-secondary carousel-btn-indicator"> </li> </div> <div class="carousel-inner" id="carousel-inner" role="listbox"> <div class="carousel-item active" id="carousel-item"> <div class="row justify-content-center align-items-center"> <!--[if BLOCK]><![endif]--> <div class="col-md-4 d-flex justify-content-center align-items-center"> <a href="https://wilcon.com.ph/" target="_blank" class="me-2"> <img src="https://d1hkkh7zmoz6rg.cloudfront.net/advertisement-images/1702688486.jpg" class="carousel-img1" alt="Section 1 - Image 1" style="max-width: 100%; max-height: 300px; object-fit: contain;"> </a> </div> <div class="col-md-4 d-flex justify-content-center align-items-center"> <a href="https://wilcon.com.ph/" target="_blank" class="me-2"> <img src="https://d1hkkh7zmoz6rg.cloudfront.net/advertisement-images/1702688503.png" class="carousel-img1" alt="Section 1 - Image 1" style="max-width: 100%; max-height: 300px; object-fit: contain;"> </a> </div> <div class="col-md-4 d-flex justify-content-center align-items-center"> <a href="https://wilcon.com.ph/" target="_blank" class="me-2"> <img src="https://d1hkkh7zmoz6rg.cloudfront.net/advertisement-images/1702688529.png" class="carousel-img1" alt="Section 1 - Image 1" style="max-width: 100%; max-height: 300px; object-fit: contain;"> </a> </div> <!--[if ENDBLOCK]><![endif]--> </div> </div> <div class="carousel-item" id="carousel-item"> <div class="row justity-content-center align-items-center"> <!--[if BLOCK]><![endif]--> <div class="col-md-4 d-flex justify-content-center align-items-center"> <a href="https://daviespaints.com.ph/" target="_blank" class="me-2"> <img src="https://d1hkkh7zmoz6rg.cloudfront.net/advertisement-images/1711408416.jpg" class="carousel-img1" alt="Section 1 - Image 1" style="max-width: 100%; max-height: 300px; object-fit: contain;"> </a> </div> <div class="col-md-4 d-flex justify-content-center align-items-center"> <a href="https://daviespaints.com.ph/" target="_blank" class="me-2"> <img src="https://d1hkkh7zmoz6rg.cloudfront.net/advertisement-images/1711408495.jpg" class="carousel-img1" alt="Section 1 - Image 1" style="max-width: 100%; max-height: 300px; object-fit: contain;"> </a> </div> <div class="col-md-4 d-flex justify-content-center align-items-center"> <a href="https://daviespaints.com.ph/" target="_blank" class="me-2"> <img src="https://d1hkkh7zmoz6rg.cloudfront.net/advertisement-images/1711408579.jpg" class="carousel-img1" alt="Section 1 - Image 1" style="max-width: 100%; max-height: 300px; object-fit: contain;"> </a> </div> <!--[if ENDBLOCK]><![endif]--> </div> </div> <div class="carousel-item" id="carousel-item"> <div class="row justify-content-center align-items-center"> <!--[if BLOCK]><![endif]--> <div class="col-md-4 d-flex justify-content-center align-items-center"> <a href="https://www.dutchboy.com.ph/" target="_blank" class="me-2"> <img src="https://d1hkkh7zmoz6rg.cloudfront.net/advertisement-images/1711408665.jpg" class="carousel-img1" alt="Section 1 - Image 1" style="max-width: 100%; max-height: 300px; object-fit: contain;"> </a> </div> <div class="col-md-4 d-flex justify-content-center align-items-center"> <a href="https://www.dutchboy.com.ph/" target="_blank" class="me-2"> <img src="https://d1hkkh7zmoz6rg.cloudfront.net/advertisement-images/1711408716.jpg" class="carousel-img1" alt="Section 1 - Image 1" style="max-width: 100%; max-height: 300px; object-fit: contain;"> </a> </div> <div class="col-md-4 d-flex justify-content-center align-items-center"> <a href="https://www.dutchboy.com.ph/" target="_blank" class="me-2"> <img src="https://d1hkkh7zmoz6rg.cloudfront.net/advertisement-images/1711408832.png" class="carousel-img1" alt="Section 1 - Image 1" style="max-width: 100%; max-height: 300px; object-fit: contain;"> </a> </div> <!--[if ENDBLOCK]><![endif]--> </div> </div> </div> <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators-bottom" data-bs-slide="prev"> <span class="carousel-control-prev-icon bg-dark" aria-hidden="true"></span> <span class="visually-hidden">Previous</span> </button> <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators-bottom" data-bs-slide="next"> <span class="carousel-control-next-icon bg-dark" aria-hidden="true"></span> <span class="visually-hidden">Next</span> </button> </div> </div> </div> </div> <div class="d-md-none d-block my-4"> <div class="col-12"> <div wire:snapshot="{"data":{"footerImages1":[null,{"keys":[22,23],"class":"Illuminate\\Database\\Eloquent\\Collection","modelClass":"App\\Models\\Advertisement","s":"elcln"}],"footerImages2":[null,{"keys":[24,25],"class":"Illuminate\\Database\\Eloquent\\Collection","modelClass":"App\\Models\\Advertisement","s":"elcln"}],"footerImages3":[null,{"keys":[26,27],"class":"Illuminate\\Database\\Eloquent\\Collection","modelClass":"App\\Models\\Advertisement","s":"elcln"}],"footerImages4":[null,{"keys":[28,29],"class":"Illuminate\\Database\\Eloquent\\Collection","modelClass":"App\\Models\\Advertisement","s":"elcln"}],"footerImages5":[null,{"keys":[30],"class":"Illuminate\\Database\\Eloquent\\Collection","modelClass":"App\\Models\\Advertisement","s":"elcln"}]},"memo":{"id":"P87FF2vk90ekykb73C14","name":"mobile-ads-footer-guest","path":"public\/events\/index","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"e9e4415e91d493935bdadb5a8b7bc405623951bf1ff266ae7776c34949816a9b"}" wire:effects="[]" wire:id="P87FF2vk90ekykb73C14"> <div id="carouselExampleIndicators-bottom1" class="carousel slide" data-bs-ride="carousel" data-bs-interval="3000"> <div class="carousel-indicators d-none"> <li data-bs-target="#carouselExampleIndicators-bottom1" data-bs-slide-to="0" class="custom-indicator active bg-secondary carousel-btn-indicator"></li> <li data-bs-target="#carouselExampleIndicators-bottom1" data-bs-slide-to="1" class="custom-indicator bg-secondary carousel-btn-indicator"> </li> <li data-bs-target="#carouselExampleIndicators-bottom1" data-bs-slide-to="2" class="custom-indicator bg-secondary carousel-btn-indicator"> </li> <li data-bs-target="#carouselExampleIndicators-bottom1" data-bs-slide-to="3" class="custom-indicator bg-secondary carousel-btn-indicator"> </li> <li data-bs-target="#carouselExampleIndicators-bottom1" data-bs-slide-to="4" class="custom-indicator bg-secondary carousel-btn-indicator"> </li> </div> <div class="carousel-inner" id="carousel-inner" role="listbox"> <div class="carousel-item active" id="carousel-item"> <div class="row justify-content-center align-items-center"> <!--[if BLOCK]><![endif]--> <div class="col-6 d-flex justify-content-center align-items-center"> <a href="https://wilcon.com.ph/" target="_blank" class="me-2"> <img src="https://d1hkkh7zmoz6rg.cloudfront.net/advertisement-images/1702688486.jpg" class="carousel-img1" alt="Section 1 - Image 1" style="max-width: 100%; max-height: 300px; object-fit: contain;"> </a> </div> <div class="col-6 d-flex justify-content-center align-items-center"> <a href="https://wilcon.com.ph/" target="_blank" class="me-2"> <img src="https://d1hkkh7zmoz6rg.cloudfront.net/advertisement-images/1702688503.png" class="carousel-img1" alt="Section 1 - Image 1" style="max-width: 100%; max-height: 300px; object-fit: contain;"> </a> </div> <!--[if ENDBLOCK]><![endif]--> </div> </div> <div class="carousel-item" id="carousel-item"> <div class="row justity-content-center align-items-center"> <!--[if BLOCK]><![endif]--> <div class="col-6 d-flex justify-content-center align-items-center"> <a href="https://wilcon.com.ph/" target="_blank" class="me-2"> <img src="https://d1hkkh7zmoz6rg.cloudfront.net/advertisement-images/1702688529.png" class="carousel-img1" alt="Section 1 - Image 1" style="max-width: 100%; max-height: 300px; object-fit: contain;"> </a> </div> <div class="col-6 d-flex justify-content-center align-items-center"> <a href="https://daviespaints.com.ph/" target="_blank" class="me-2"> <img src="https://d1hkkh7zmoz6rg.cloudfront.net/advertisement-images/1711408416.jpg" class="carousel-img1" alt="Section 1 - Image 1" style="max-width: 100%; max-height: 300px; object-fit: contain;"> </a> </div> <!--[if ENDBLOCK]><![endif]--> </div> </div> <div class="carousel-item" id="carousel-item"> <div class="row justify-content-center align-items-center"> <!--[if BLOCK]><![endif]--> <div class="col-6 d-flex justify-content-center align-items-center"> <a href="https://daviespaints.com.ph/" target="_blank" class="me-2"> <img src="https://d1hkkh7zmoz6rg.cloudfront.net/advertisement-images/1711408495.jpg" class="carousel-img1" alt="Section 1 - Image 1" style="max-width: 100%; max-height: 300px; object-fit: contain;"> </a> </div> <div class="col-6 d-flex justify-content-center align-items-center"> <a href="https://daviespaints.com.ph/" target="_blank" class="me-2"> <img src="https://d1hkkh7zmoz6rg.cloudfront.net/advertisement-images/1711408579.jpg" class="carousel-img1" alt="Section 1 - Image 1" style="max-width: 100%; max-height: 300px; object-fit: contain;"> </a> </div> <!--[if ENDBLOCK]><![endif]--> </div> </div> <div class="carousel-item" id="carousel-item"> <div class="row justify-content-center align-items-center"> <!--[if BLOCK]><![endif]--> <div class="col-6 d-flex justify-content-center align-items-center"> <a href="https://www.dutchboy.com.ph/" target="_blank" class="me-2"> <img src="https://d1hkkh7zmoz6rg.cloudfront.net/advertisement-images/1711408665.jpg" class="carousel-img1" alt="Section 1 - Image 1" style="max-width: 100%; max-height: 300px; object-fit: contain;"> </a> </div> <div class="col-6 d-flex justify-content-center align-items-center"> <a href="https://www.dutchboy.com.ph/" target="_blank" class="me-2"> <img src="https://d1hkkh7zmoz6rg.cloudfront.net/advertisement-images/1711408716.jpg" class="carousel-img1" alt="Section 1 - Image 1" style="max-width: 100%; max-height: 300px; object-fit: contain;"> </a> </div> <!--[if ENDBLOCK]><![endif]--> </div> </div> <div class="carousel-item" id="carousel-item"> <div class="row justify-content-center align-items-center"> <!--[if BLOCK]><![endif]--> <div class="col-6 d-flex justify-content-center align-items-center"> <a href="https://www.dutchboy.com.ph/" target="_blank" class="me-2"> <img src="https://d1hkkh7zmoz6rg.cloudfront.net/advertisement-images/1711408832.png" class="carousel-img1" alt="Section 1 - Image 1" style="max-width: 100%; max-height: 300px; object-fit: contain;"> </a> </div> <!--[if ENDBLOCK]><![endif]--> </div> </div> </div> <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators-bottom1" data-bs-slide="prev"> <span class="carousel-control-prev-icon bg-dark" aria-hidden="true"></span> <span class="visually-hidden">Previous</span> </button> <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators-bottom1" data-bs-slide="next"> <span class="carousel-control-next-icon bg-dark" aria-hidden="true"></span> <span class="visually-hidden">Next</span> </button> </div> </div> </div> </div> <footer> <div class="container"> <div class="row d-flex align-items-start mb-5 px-md-5"> <div class="col-md-2 d-flex justify-content-center justify-content-md-end mb-5 img-logo-container"> <img src="/assets/images/uap_logo.png" class="rounded-circle" alt="Uap Logo" /> </div> <div class="col-md-5 mb-3 pe-md-5"> <div class="row text-md-start text-center lh-sm"> <div class="title lh-3 mb-1"> AWARDS </div> <p class="mt-3 footer-p">11-Time PRC鈥檚 Outstanding Accredited Professional Organization of the Year (2002, 2007, 2008, 2011, 2014, 2017, 2018, 2019, 2020, 2021, 2022)</p> <p class="footer-p">2019 APAC Association Awards</p> <p class="footer-p">The International Achievements Award 2019 by the Europe Business Assembly (EBA), United Kingdom</p> <p class="footer-p">2020 PCAAE鈥檚 ANG SUSI Award (Community Service)</p> <p class="footer-p">2019 PCAAE鈥檚 ANG SUSI Award (Catalyst Change)</p> <p class="footer-p">2018 PCAAE鈥檚 ANG SUSI Award (Community Service)</p> <p class="footer-p">First-ever recipient of DTI-CIAP鈥檚 Outstanding Accredited Professional Organization (2017)</p> <p class="footer-p">2010 EAROPH 50th Golden Jubilee Award</p> <p class="footer-p">2009 Father Neri Satur Award for Environmental Heroism</p> </div> </div> <div class="col-md-3 mb-3"> <div class="row lh-lg text-md-start text-center"> <div class="title lh-3 mb-1"> RESOURCES </div> <a class="text-decoration-none mb-1 footer-a" href="https://www.uaponline.org/public/news/index">NEWS</a> <a class="text-decoration-none mb-1 footer-a" href="https://www.uaponline.org/public/events/index">EVENTS</a> <a class="text-decoration-none mb-1 footer-a" href="#">E-LIBRARY</a> <a class="text-decoration-none mb-1 footer-a" href="https://www.uaponline.org/public/merchandise/index">MERCHANDISE</a> <a class="text-decoration-none mb-1 footer-a" href="#">DESIGNER'S DIRECTORY</a> </div> </div> <div class="col-md-2 mb-3"> <div class="row lh-lg text-md-start text-center"> <div class="title lh-3 mb-2">ABOUT</div> <a class="text-decoration-none footer-a lh-sm mb-2 national-txt" href="https://www.uaponline.org/public/about/current-officers">NATIONAL BOARD OF DIRECTORS</a> <a class="text-decoration-none footer-a mb-1" href="https://www.uaponline.org/public/about/national-secretariat">SECRETARIAT</a> <a class="text-decoration-none footer-a" href="https://www.uaponline.org/contact-us">CONTACT US</a> <div class="row mt-2 mx-auto"> <div class="col icon-container"> <a class="footer-a me-3" href="https://www.instagram.com/unitedarchitectsph/" target="_blank"> <i class="fa-brands fa-instagram"></i> </a> <a class="footer-a" href="https://www.facebook.com/UnitedArchitects.ph" target="_blank"> <i class="fa-brands fa-facebook-f"></i> </a> </div> </div> </div> </div> </div> </div> <div class="px-5"> <hr /> <p class="text-center mt-3 copy-right"> Copyright 漏 2023 United Architects of the Philippines </p> </div> </footer> <script src="https://www.uaponline.org/assets/js/global.js"></script> <script data-navigate-once="true">window.livewireScriptConfig = {"csrf":"EAgXcnmdajBcq0YSKvfcgwBpkuxOrONjbenBEU3s","uri":"\/livewire\/update","progressBar":"","nonce":""};</script> <script src="https://www.uaponline.org/assets/plugins/jquery3.6.0.js"></script> <script src="https://www.uaponline.org/assets/js/loader.js"></script> <script src="https://www.uaponline.org/sw.js"></script> <script> window.addEventListener('scroll', function() { var mainNavbar = document.getElementById('main-navbar'); var stickyNavbar = document.getElementById('sticky-navbar'); if (window.scrollY > window.innerHeight * 0.33 && window.scrollY < document.body.scrollHeight - window .innerHeight * 0.1) { stickyNavbar.style.display = 'block'; } else { mainNavbar.style.display = 'block'; stickyNavbar.style.display = 'none'; } }); </script> <script> window.addEventListener('scroll', function() { var mainNavbar = document.getElementById('main-navbar'); var stickyNavbar = document.getElementById('sticky-navbar'); if (window.scrollY > window.innerHeight * 0.32 && window.scrollY < document.body.scrollHeight - window .innerHeight * 0.1) { mainNavbar.classList.remove('top'); mainNavbar.classList.add('bottom'); stickyNavbar.classList.remove('bottom'); stickyNavbar.classList.add('top'); } else { mainNavbar.classList.remove('bottom'); mainNavbar.classList.add('top'); stickyNavbar.classList.remove('top'); stickyNavbar.classList.add('bottom'); } }); </script> <script> // JavaScript to add active class to the clicked link and remove it from others var links = document.querySelectorAll('.navbar-nav .sticky-nav-link'); links.forEach(function(link) { link.addEventListener('click', function() { links.forEach(function(l) { l.classList.remove('sticky-nav-active-link'); }); this.classList.add('sticky-nav-active-link'); }); }); // JavaScript to add active class to the link corresponding to the current page document.addEventListener('DOMContentLoaded', function() { var currentUrl = window.location.href; links.forEach(function(link) { if (link.href === currentUrl) { link.classList.add('sticky-nav-active-link'); } }); }); </script> </body> </html>