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="sVUhEOEjchmidxCbMM3ObICn6bwuOxGhGUlQBiwc"> <title>United Architects of the Philippines</title> <meta property="og:url" content="https://www.uaponline.org/public/news/show/90fefb32-4236-457f-ab9e-b95080019186" /> <link rel="canonical" href="https://www.uaponline.org/public/news/show/90fefb32-4236-457f-ab9e-b95080019186" /> <!-- 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/public-news.css"> <link rel="stylesheet" href="https://www.uaponline.org/assets/plugins/sweetalert2/sweetalert2.min.css"> <meta property="og:title" content="UAP NatCon 49: The Largest Gathering of Filipino Architects Ever" /> <meta name="twitter:card" content="summary" /> <meta property="og:url" content="https://www.uaponline.org/public/news/show/8" /> <meta property="og:image" content="https://d1hkkh7zmoz6rg.cloudfront.net/news-image/1714198681.jpg" /> <meta property="og:site_name" content="UAP National" /> <meta property="og:description" content="NatCon 49 amplifies the industry and sets a new standard with the biggest gathering of Filipino architects in history.&amp;nbsp;The 49th United Architects of the Philippines (UAP) National Convention (NatCon 49) concluded in Manila with resounding success, marking the largest assembly of architects in Philippine history. Over 7,500 delegates attended in person, with an additional 1,600 joining virtually, underscoring the event’s growing reach and significance. This year’s NatCon, themed “Amplify,” more than exceeded expectations, offering a unique blend of innovation, inspiration, and community." /> </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="{&quot;data&quot;:{&quot;id&quot;:&quot;90fefb32-4236-457f-ab9e-b95080019186&quot;,&quot;newsTitle&quot;:&quot;UAP NatCon 49: The Largest Gathering of Filipino Architects Ever&quot;,&quot;newsAuthor&quot;:&quot;bluprint-onemega.com&quot;,&quot;newsContents&quot;:&quot;&lt;h4&gt;&lt;a href=\&quot;https:\/\/bluprint-onemega.com\/uap-natcon-49-the-largest-gathering-of-filipino-architects-ever\/\&quot;&gt;&lt;strong&gt;NatCon 49 amplifies the industry and sets a new standard with the biggest gathering of Filipino architects in history.&lt;\/strong&gt;&lt;\/a&gt;&lt;\/h4&gt;&lt;p&gt;&amp;nbsp;&lt;\/p&gt;&lt;p&gt;The 49th United Architects of the Philippines (UAP) National Convention (NatCon 49) concluded in Manila with resounding success, marking the largest assembly of architects in Philippine history. Over 7,500 delegates attended in person, with an additional 1,600 joining virtually, underscoring the event\u2019s growing reach and significance. This year\u2019s NatCon, themed \u201cAmplify,\u201d more than exceeded expectations, offering a unique blend of innovation, inspiration, and community.&lt;\/p&gt;&quot;,&quot;newsDate&quot;:&quot;2024-04-20&quot;,&quot;newsImage&quot;:&quot;1714198681.jpg&quot;,&quot;allNews&quot;:null,&quot;sortDirection&quot;:&quot;desc&quot;,&quot;paginate&quot;:4,&quot;search&quot;:null,&quot;sortBy&quot;:&quot;created_at&quot;,&quot;newsCount&quot;:[null,{&quot;keys&quot;:[1,2,3,4,5,6,7,8],&quot;class&quot;:&quot;Illuminate\\Database\\Eloquent\\Collection&quot;,&quot;modelClass&quot;:&quot;App\\Models\\News&quot;,&quot;s&quot;:&quot;elcln&quot;}],&quot;facebookShareUrl&quot;:&quot;https:\/\/www.uaponline.org\/public\/news\/show\/90fefb32-4236-457f-ab9e-b95080019186&quot;,&quot;paginators&quot;:[{&quot;manual-page&quot;:1},{&quot;s&quot;:&quot;arr&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;QI9PmPAdi7R2ECYramzS&quot;,&quot;name&quot;:&quot;news-guest.show&quot;,&quot;path&quot;:&quot;public\/news\/show\/90fefb32-4236-457f-ab9e-b95080019186&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:{&quot;lw-3224302151-0&quot;:[&quot;div&quot;,&quot;4ATKAa6u9NKSOfdcKXOH&quot;]},&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;cd6d76ebc156de1d002f39bb3bb45ead9ef3b1ce1c4fbb326c766162ed1b9601&quot;}" wire:effects="{&quot;url&quot;:{&quot;paginators.manual-page&quot;:{&quot;as&quot;:&quot;manual-page&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null}}}" wire:id="QI9PmPAdi7R2ECYramzS"> <div class="container my-5 pt-5"> <div class="row"> <div class="col-lg-9 pe-5 left-container"> <div class="text-header"> UAP NatCon 49: The Largest Gathering of Filipino Architects Ever </div> <div class="sub-text mt-2 mb-4"> by bluprint-onemega.com </div> <div class="d-flex justify-content-between align-items-center"> <div class="date-text"> April 20, 2024 </div> <div class="d-flex gap-2 align-items-center"> Share this to: <div class="share-icon-container d-flex gap-2"> <a href="https://www.facebook.com/sharer/sharer.php?u=https://www.uaponline.org/public/news/show/90fefb32-4236-457f-ab9e-b95080019186" target="_blank"> <img src="/assets/images/fb-icon.png" class="" alt="Uap Logo" width="40" /> </a> <a href="https://twitter.com/intent/tweet?url=https://www.uaponline.org/public/news/show/90fefb32-4236-457f-ab9e-b95080019186&text=Check%20out%20this%20news!%0A" target="_blank"> <img src="/assets/images/twitter-gray.png" class="" alt="Uap Logo" width="40" /> </a> <a href="https://www.uaponline.org/public/news/show/90fefb32-4236-457f-ab9e-b95080019186" id="copyLink"> <img src="/assets/images/link-gray.png" class="" alt="Uap Logo" width="40" /> </a> </div> </div> </div> <div class="img-container mt-3"> <img src="https://d1hkkh7zmoz6rg.cloudfront.net/news-image/1714198681.jpg"> </div> <div class="text-description mt-4"> <h4><a href="https://bluprint-onemega.com/uap-natcon-49-the-largest-gathering-of-filipino-architects-ever/"><strong>NatCon 49 amplifies the industry and sets a new standard with the biggest gathering of Filipino architects in history.</strong></a></h4><p>&nbsp;</p><p>The 49th United Architects of the Philippines (UAP) National Convention (NatCon 49) concluded in Manila with resounding success, marking the largest assembly of architects in Philippine history. Over 7,500 delegates attended in person, with an additional 1,600 joining virtually, underscoring the event’s growing reach and significance. This year’s NatCon, themed “Amplify,” more than exceeded expectations, offering a unique blend of innovation, inspiration, and community.</p> </div> </div> <div class="col-lg-3 right-container ps-4"> <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" 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 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 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">𝐓𝐡𝐞 &quot;𝐂𝐀𝐋𝐋 𝐅𝐎𝐑 𝐄𝐍𝐓𝐑𝐈𝐄𝐒&quot; 𝐢𝐬 𝐧𝐨𝐰 𝐥𝐢𝐯𝐞 𝐟𝐨𝐫 𝐭𝐡𝐞 𝟑𝐫𝐝 𝐞𝐝𝐢𝐭𝐢𝐨𝐧 𝐨𝐟 𝐭𝐡𝐞 𝐩𝐫𝐞𝐬𝐭𝐢𝐠𝐢𝐨𝐮𝐬 𝐔𝐀𝐏 𝐃𝐄𝐒𝐈𝐆𝐍 𝐀𝐖𝐀𝐑𝐃𝐒 𝟐𝟎𝟐𝟒!</a> </div> <div class="link-container mt-3"> <a 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> <div class="link-container mt-3"> <a href="https://www.uaponline.org/public/news/show/148f7d8d-9212-4957-84ad-923687w22db2?title=Only%20licensed%20architects%20can%20sign%20and%20seal%20architecture%20documents%20%E2%80%93%20SC">Only licensed architects can sign and seal architecture documents – SC</a> </div> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <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="{&quot;data&quot;:{&quot;sideImages&quot;:[null,{&quot;keys&quot;:[31,32,33],&quot;class&quot;:&quot;Illuminate\\Database\\Eloquent\\Collection&quot;,&quot;modelClass&quot;:&quot;App\\Models\\Advertisement&quot;,&quot;s&quot;:&quot;elcln&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;4ATKAa6u9NKSOfdcKXOH&quot;,&quot;name&quot;:&quot;ads-side-guest&quot;,&quot;path&quot;:&quot;public\/news\/show\/90fefb32-4236-457f-ab9e-b95080019186&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;8bf1acb6b2bdac4142d3fb0200b0bf77089601a657b488059a773d280883fc42&quot;}" wire:effects="[]" wire:id="4ATKAa6u9NKSOfdcKXOH"> <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> </main> </div> <div class="d-md-block d-none my-4"> <div class="col-12"> <div wire:snapshot="{&quot;data&quot;:{&quot;footerImages1&quot;:[null,{&quot;keys&quot;:[22,23,24],&quot;class&quot;:&quot;Illuminate\\Database\\Eloquent\\Collection&quot;,&quot;modelClass&quot;:&quot;App\\Models\\Advertisement&quot;,&quot;s&quot;:&quot;elcln&quot;}],&quot;footerImages2&quot;:[null,{&quot;keys&quot;:[25,26,27],&quot;class&quot;:&quot;Illuminate\\Database\\Eloquent\\Collection&quot;,&quot;modelClass&quot;:&quot;App\\Models\\Advertisement&quot;,&quot;s&quot;:&quot;elcln&quot;}],&quot;footerImages3&quot;:[null,{&quot;keys&quot;:[28,29,30],&quot;class&quot;:&quot;Illuminate\\Database\\Eloquent\\Collection&quot;,&quot;modelClass&quot;:&quot;App\\Models\\Advertisement&quot;,&quot;s&quot;:&quot;elcln&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;jj2jwN7Z9YP5eDQQP5ay&quot;,&quot;name&quot;:&quot;ads-footer-guest&quot;,&quot;path&quot;:&quot;public\/news\/show\/90fefb32-4236-457f-ab9e-b95080019186&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;6a16938d487fdbb79bff82cd80e0ab012110f80d04f087f318ee3eb38c273f61&quot;}" wire:effects="[]" wire:id="jj2jwN7Z9YP5eDQQP5ay"> <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="{&quot;data&quot;:{&quot;footerImages1&quot;:[null,{&quot;keys&quot;:[22,23],&quot;class&quot;:&quot;Illuminate\\Database\\Eloquent\\Collection&quot;,&quot;modelClass&quot;:&quot;App\\Models\\Advertisement&quot;,&quot;s&quot;:&quot;elcln&quot;}],&quot;footerImages2&quot;:[null,{&quot;keys&quot;:[24,25],&quot;class&quot;:&quot;Illuminate\\Database\\Eloquent\\Collection&quot;,&quot;modelClass&quot;:&quot;App\\Models\\Advertisement&quot;,&quot;s&quot;:&quot;elcln&quot;}],&quot;footerImages3&quot;:[null,{&quot;keys&quot;:[26,27],&quot;class&quot;:&quot;Illuminate\\Database\\Eloquent\\Collection&quot;,&quot;modelClass&quot;:&quot;App\\Models\\Advertisement&quot;,&quot;s&quot;:&quot;elcln&quot;}],&quot;footerImages4&quot;:[null,{&quot;keys&quot;:[28,29],&quot;class&quot;:&quot;Illuminate\\Database\\Eloquent\\Collection&quot;,&quot;modelClass&quot;:&quot;App\\Models\\Advertisement&quot;,&quot;s&quot;:&quot;elcln&quot;}],&quot;footerImages5&quot;:[null,{&quot;keys&quot;:[30],&quot;class&quot;:&quot;Illuminate\\Database\\Eloquent\\Collection&quot;,&quot;modelClass&quot;:&quot;App\\Models\\Advertisement&quot;,&quot;s&quot;:&quot;elcln&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;eZ2TXy8FCJOvqJPmUkNk&quot;,&quot;name&quot;:&quot;mobile-ads-footer-guest&quot;,&quot;path&quot;:&quot;public\/news\/show\/90fefb32-4236-457f-ab9e-b95080019186&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;ea78e3e64ab0ba8af5b520f743b0cb6d9ab3c28496c9fced984f1e98be02c782&quot;}" wire:effects="[]" wire:id="eZ2TXy8FCJOvqJPmUkNk"> <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’s 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’s ANG SUSI Award (Community Service)</p> <p class="footer-p">2019 PCAAE’s ANG SUSI Award (Catalyst Change)</p> <p class="footer-p">2018 PCAAE’s ANG SUSI Award (Community Service)</p> <p class="footer-p">First-ever recipient of DTI-CIAP’s 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":"sVUhEOEjchmidxCbMM3ObICn6bwuOxGhGUlQBiwc","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/assets/plugins/sweetalert2/sweetalert2.all.min.js"></script> <script> document.getElementById('copyLink').addEventListener('click', function(event) { event.preventDefault(); // Prevent the default behavior (navigation) var linkToCopy = 'https://www.uaponline.org/public/news/show/90fefb32-4236-457f-ab9e-b95080019186'; var tempInput = document.createElement('input'); tempInput.value = linkToCopy; document.body.appendChild(tempInput); tempInput.select(); document.execCommand('copy'); document.body.removeChild(tempInput); // console.log('Link copied to clipboard'); // Show an alert after the link is copied // alert('Link Copied To Clipboard'); const Toast = Swal.mixin({ toast: true, position: "top", showConfirmButton: false, timer: 2000, timerProgressBar: true, didOpen: (toast) => { toast.onmouseenter = Swal.stopTimer; toast.onmouseleave = Swal.resumeTimer; } }); Toast.fire({ icon: "success", title: "Link Copied To Clipboard" }); }); </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>

Pages: 1 2 3 4 5 6 7 8 9 10