1<!DOCTYPE html> 2<html lang="en-US" class="no-js"> 3<head> 4 <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 4-5
4 5<script async src="https://www.googletagmanager.com/gtag/js?id=
5G-S9S1PYGQB6
vendor: 12 bytes, line 5
5"></script>
6<script> 7
vendor: 134 bytes, lines 7-11
7window.dataLayer = window.dataLayer || []; 8 function gtag(){dataLayer.push(arguments);} 9 gtag('js', new Date()); 10 11 gtag('config', '
11G-S9S1PYGQB6
vendor: 4 bytes, line 11
11');
12</script>
12 13 <!-- Google tag (gtag.js) closed here --> 14 <link rel="shortcut icon" href="upload/favicon.jpeg" type="image/jpeg"> 15 <meta charset="UTF-8"> 16 <meta name="viewport" content="width=device-width, initial-scale=1"> 17 18 <title>Blogs Directory - Universal College Lahore</title> 19 20 <link rel='stylesheet' href='plugins/goodlayers-core/plugins/combine/style.css' type='text/css' media='all' /> 21 <link rel='stylesheet' href='plugins/goodlayers-core/include/css/page-builder.css' type='text/css' media='all' /> 22 <link rel='stylesheet' href='plugins/revslider/public/assets/css/settings.css' type='text/css' media='all' /> 23 <link rel='stylesheet' href='css/style-core.css' type='text/css' media='all' /> 24 <link rel='stylesheet' href='css/ucl-style-custom.css' type='text/css' media='all' /> 25 26 <link href="https://fonts.googleapis.com/css?family=Playfair+Display:700%2C400" rel="stylesheet" property="stylesheet" type="text/css" media="all"> 27 <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Poppins%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CABeeZee%3Aregular%2Citalic&subset=latin%2Clatin-ext%2Cdevanagari&ver=5.0.3' type='text/css' media='all' /> 28</head> 29 30<body class="home page-template-default page page-id-2039 gdlr-core-body woocommerce-no-js tribe-no-js ucl-body ucl-body-front ucl-full ucl-with-sticky-navigation ucl-blockquote-style-1 gdlr-core-link-to-lightbox">
31 <div class="ucl-mobile-header-wrap"> 32 <div class="ucl-mobile-header ucl-header-background ucl-style-slide ucl-sticky-mobile-navigation " id="ucl-mobile-header"> 33 <div class="ucl-mobile-header-container ucl-container clearfix"> 34 <div class="ucl-logo ucl-item-pdlr"> 35 <div class="ucl-logo-inner"> 36 <a class="" href="index.html"><img src="images/logo.png" alt="" /></a> 37 </div> 38 </div> 39 <div class="ucl-mobile-menu-right"> 40 <div class="ucl-mobile-menu"><a class="ucl-mm-menu-button ucl-mobile-menu-button ucl-mobile-button-hamburger" href="#ucl-mobile-menu"><span></span></a> 41 <div class="ucl-mm-menu-wrap ucl-navigation-font" id="ucl-mobile-menu" data-slide="right"> 42 <ul id="menu-main-navigation" class="m-menu"> 43 <li class="menu-item menu-item-home"><a href="index.html">Home</a></li> 44 <li class="menu-item current-menu-item"><a href="blogs.html">Blogs</a></li> 45 <li class="menu-item"><a href="contact.html">Contact Us</a></li> 46 </ul> 47 </div> 48 </div> 49 </div> 50 </div> 51 </div> 52 </div> 53
54 <div class="ucl-body-outer-wrapper "> 55 <div class="ucl-body-wrapper clearfix ucl-with-frame"> 56 <div class="ucl-top-bar"> 57 <div class="ucl-top-bar-background"></div> 58 <div class="ucl-top-bar-container ucl-container "> 59 <div class="ucl-top-bar-container-inner clearfix"> 60 <div class="ucl-top-bar-left ucl-item-pdlr"><i class="fa fa-envelope-open-o" style="font-size: 15px ;color: #96a2b8 ;margin-right: 8px ;"></i> [email protected] <i class="fa fa-phone" style="font-size: 15px ;color: #96a2b8 ;margin-left: 18px ;margin-right: 6px ;"></i> +92 42 35963335-7</div> 61 <div class="ucl-top-bar-right ucl-item-pdlr"> 62 <ul id="ucl-top-bar-menu" class="sf-menu ucl-top-bar-menu ucl-top-bar-right-menu"> 63 <li class="menu-item ucl-normal-menu"><a href="alumni.html">Alumni</a></li> 64 <li class="menu-item ucl-normal-menu"><a href="calendar.html">Calendar</a></li> 65 <li class="menu-item ucl-normal-menu"><a href="https://lms.ucl.edu.pk/" target="_blank">Student Portal</a></li> 66 </ul> 67 </div> 68 </div> 69 </div> 70 </div> 71
72 <header class="ucl-header-wrap ucl-header-style-plain ucl-style-menu-right ucl-sticky-navigation ucl-style-fixed" data-navigation-offset="75px"> 73 <div class="ucl-header-background"></div> 74 <div class="ucl-header-container ucl-container"> 75 <div class="ucl-header-container-inner clearfix"> 76 <div class="ucl-logo ucl-item-pdlr"> 77 <div class="ucl-logo-inner"> 78 <a class="" href="index.html"><img src="images/logo.png" alt="" /></a> 79 </div> 80 </div> 81 <div class="ucl-navigation ucl-item-pdlr clearfix "> 82 <div class="ucl-main-menu" id="ucl-main-menu"> 83 <ul id="menu-main-navigation-1" class="sf-menu"> 84 <li class="menu-item menu-item-home"><a href="index.html">Home</a></li> 85 <li class="menu-item current-menu-item"><a href="blogs.html">Blogs</a></li> 86 <li class="menu-item"><a href="contact.html">Contact Us</a></li> 87 </ul> 88 </div> 89 </div> 90 </div> 91 </div> 92 </header> 93 94 <!-- Banner page title -->
95 <div class="ucl-page-title-wrap ucl-style-medium ucl-left-align" style="background-image: url(upload/about-title-bg.jpg) ;"> 96 <div class="ucl-header-transparent-substitute"></div> 97 <div class="ucl-page-title-overlay" style="opacity: 0.5; background-color: #000000;"></div> 98 <div class="ucl-page-title-container ucl-container"> 99 <div class="ucl-page-title-content ucl-item-pdlr" style="padding-top: 100px; padding-bottom: 80px;"> 100 <div class="ucl-page-caption" style="color: #D22B2B; font-weight: 600; font-size: 16px; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);">UCL Campus News</div> 101 <h1 class="ucl-page-title" style="color: #ffffff; text-shadow: 2px 2px 4px rgba(0,0,0,0.6);">Our Blogs & Updates</h1> 102 </div> 103 </div> 104 </div> 105 106 <!-- Main Content Grid --> 107 <div class="ucl-page-wrapper" id="ucl-page-wrapper" style="margin-top: 60px; margin-bottom: 80px;"> 108 <div class="gdlr-core-page-builder-body"> 109 <div class="gdlr-core-pbf-section"> 110 <div class="gdlr-core-pbf-section-container gdlr-core-container clearfix"> 111 112 <!-- Search & Category Filters --> 113 <div style="margin-bottom: 40px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 15px;" class="gdlr-core-item-pdlr"> 114 <!-- Search bar --> 115 <div> 116 <input type="text" id="blog-search" placeholder="Search blogs..." style="padding: 10px 20px; border: 1px solid #ddd; border-radius: 4px; font-size: 15px; width: 280px; outline: none; transition: border-color 0.2s;" /> 117 </div> 118 <!-- Category filter buttons --> 119 <div style="display: flex; gap: 10px; flex-wrap: wrap;" id="category-filters-container"> 120 <button class="filter-btn active" style="padding: 8px 18px; border: none; border-radius: 4px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.2s; background: #192f59; color: #fff;">All</button> 121 </div> 122 </div> 123 124 <!-- Tag Filters Container --> 125 <div id="tag-filters-container" class="gdlr-core-item-pdlr" style="margin-bottom: 40px; margin-top: -25px;"></div> 126 127 <!-- Dynamic Cards Container --> 128 <div class="gdlr-core-pbf-element"> 129 <div class="gdlr-core-blog-item gdlr-core-item-pdb clearfix gdlr-core-style-blog-image" style="padding-bottom: 40px ;"> 130 <div class="gdlr-core-blog-item-holder clearfix" id="blogs-grid-container"> 131 <!-- Javascript dynamic blog cards go here --> 132 <div style="text-align: center; padding: 40px; width: 100%;"> 133 <p style="font-size: 18px; color: #777;">Loading campus blogs, please wait...</p> 134 </div> 135 </div> 136 </div> 137 </div> 138 139 </div> 140 </div> 141 </div> 142 </div> 143 144 <!-- Global Footer --> 145 <footer>
146 <div class="ucl-footer-wrapper "> 147 <div class="ucl-footer-container ucl-container clearfix"> 148 <div class="ucl-footer-column ucl-item-pdlr ucl-column-15"> 149 <div class="widget widget_text ucl-widget"> 150 <div class="textwidget"> 151 <p><img src="upload/footer-logo.png" alt="" /> 152 <br /> <span class="gdlr-core-space-shortcode" style="margin-top: 5px ;"></span> 153 <br /> 1.5 km from Thokar Niaz Baig, 154 <br /> Raiwind Road, Lahore, Pakistan</p> 155 <p><span style="font-size: 15px; color: #ffffff;">+92 42 35963335-7</span> 156 <br /> <a style="font-size: 15px; color: #ffffff;" href="mailto:[email protected]">[email protected]</a></p> 157 </div> 158 </div> 159 </div>
160 <div class="ucl-footer-column ucl-item-pdlr ucl-column-15"> 161 <div class="widget widget_gdlr-core-custom-menu-widget ucl-widget"> 162 <h3 class="ucl-widget-title">Our Campus</h3><span class="clear"></span> 163 <div class="menu-our-campus-container"> 164 <ul class="gdlr-core-custom-menu-widget gdlr-core-menu-style-plain"> 165 <li class="menu-item"><a href="director-msg.html">Director's Message</a></li> 166 <li class="menu-item"><a href="our-campus.html#library">Libraries</a></li> 167 <li class="menu-item"><a href="our-campus.html#sports">Sports Facilities</a></li> 168 </ul> 169 </div> 170 </div> 171 </div> 172 <div class="ucl-footer-column ucl-item-pdlr ucl-column-15"> 173 <div class="widget widget_gdlr-core-custom-menu-widget ucl-widget">
174 <h3 class="ucl-widget-title">Academics</h3><span class="clear"></span> 175 <div class="menu-academics-container"> 176 <ul class="gdlr-core-custom-menu-widget gdlr-core-menu-style-plain"> 177 <li class="menu-item"><a href="timetables.html">Timetables</a></li> 178 <li class="menu-item"><a href="calendar.html">Calendar</a></li> 179 </ul> 180 </div> 181 </div> 182 </div> 183 <!-- Dynamic Blogs Column --> 184 <div class="ucl-footer-column ucl-item-pdlr ucl-column-15"> 185 <div class="widget widget_gdlr-core-custom-menu-widget ucl-widget"> 186 <h3 class="ucl-widget-title">Blogs</h3><span class="clear"></span> 187 <div class="menu-academics-container"> 188 <ul id="footer-dynamic-blogs" class="gdlr-core-custom-menu-widget gdlr-core-menu-style-plain"> 189 <li class="menu-item"><a href="blogs.html">Loading...</a></li> 190 </ul> 191 </div> 192 </div> 193 </div> 194 </div> 195 </div> 196
197 <div class="ucl-copyright-wrapper"> 198 <div class="ucl-copyright-container ucl-container clearfix"> 199 <div class="ucl-copyright-left ucl-item-pdlr">Copyright All Right Reserved 2026, Universal College Lahore</div> 200 </div> 201 </div> 202 </footer> 203 </div> 204 </div> 205 206 <!-- Scripts --> 207
207<script type='text/javascript' src='js/jquery/jquery.js'></script>
207 208
208<script type='text/javascript' src='js/jquery/jquery-migrate.min.js'></script>
208 209
209<script type='text/javascript' src='plugins/goodlayers-core/plugins/combine/script.js'></script>
209 210
210<script type='text/javascript' src='plugins/goodlayers-core/include/js/page-builder.js'></script>
210 211
211<script type='text/javascript' src='js/jquery/ui/effect.min.js'></script>
211 212
212<script type='text/javascript' src='js/plugins.min.js'></script>
212 213 214 <!-- UCL Blog System Core Scripts --> 215
215<script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2"></script>
215 216
216<script type='text/javascript' src='js/blog-config.js'></script>
216 217
217<script type='text/javascript' src='js/modules/supabase-client.js'></script>
217 218
218<script type='text/javascript' src='js/modules/blog-api.js'></script>
218 219
219<script type='text/javascript' src='js/ucl-footer-blogs.js'></script>
219 220
220<script type='text/javascript' src='js/modules/blog-list.js'></script>
220 221 222 <!-- Custom CSS styles for filtering --> 223 <style> 224 .filter-btn { 225 background: #f4f4f4; 226 color: #333; 227 border: 1px solid #ddd; 228 } 229 .filter-btn:hover { 230 background: #e5e5e5; 231 } 232 .filter-btn.active { 233 background: #192f59 !important; 234 color: #ffffff !important; 235 border-color: #192f59 !important; 236 } 237 .tag-pill-btn { 238 background: #f4f4f4; 239 color: #555; 240 border: 1px solid #ddd; 241 padding: 5px 14px; 242 border-radius: 15px; 243 font-size: 13px; 244 cursor: pointer; 245 font-weight: 500; 246 transition: all 0.2s; 247 } 248 .tag-pill-btn:hover { 249 background: #e5e5e5; 250 color: #192f59; 251 } 252 .tag-pill-btn.active { 253 background: #D22B2B !important; 254 color: #ffffff !important; 255 border-color: #D22B2B !important; 256 } 257 #blog-search:focus { 258 border-color: #192f59 !important; 259 } 260 .ucl-blog-card-col { 261 margin-bottom: 30px; 262 transition: all 0.3s ease; 263 } 264 .gdlr-core-blog-modern { 265 background: #fff; 266 border: 1px solid #eee; 267 border-radius: 6px; 268 overflow: hidden; 269 box-shadow: 0 4px 10px rgba(0,0,0,0.02); 270 transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); 271 } 272 .gdlr-core-blog-modern:hover { 273 transform: translateY(-8px); 274 box-shadow: 0 12px 24px rgba(0,0,0,0.08); 275 border-color: #192f59; 276 } 277 </style> 278 279</body> 280</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.