OK
https://www.qatarliving.com/
Websites
Runtime: 1s
On September 27, 2025, 01:50 AM UTC, https://www.qatarliving.com/ was accessible when tested on 8781 in Qatar.
Failures
HTTP Experiment
null
DNS Experiment
null
Control
null
DNS Queries
Resolver:
82.148.100.130
Query:
IN A www.qatarliving.com
Engine:
system
Name
Class
TTL
Type
DATA
@
IN
A
172.66.163.79
@
IN
A
104.20.44.111
Query:
IN AAAA www.qatarliving.com
Engine:
system
Name
Class
TTL
Type
DATA
@
IN
AAAA
2606:4700:10::6814:2c6f
@
IN
AAAA
2606:4700:10::ac42:a34f
TCP Connections
Connection to 104.20.44.111:443 succeeded.
Connection to 172.66.163.79:443 succeeded.
Connection to 2606:4700:10::6814:2c6f:443 succeeded.
Connection to 2606:4700:10::ac42:a34f:443 succeeded.
HTTP Requests
URL
GET https://www.qatarliving.com/content/daily
Response Headers
Blazor-Enhanced-Nav:allowCache-Control:no-cache, no-store, max-age=0Cf-Cache-Status:DYNAMICCf-Ray:985759140d7eb0a7-DOHContent-Security-Policy:frame-ancestors 'self'Content-Type:text/html; charset=utf-8Date:Sat, 27 Sep 2025 01:50:03 GMTPragma:no-cacheServer:cloudflareSet-Cookie:.AspNetCore.Antiforgery.VyLW6ORzMgk=CfDJ8HQjPEZIVY9Ok-xQ1gxeqAvLI0ZHtDJAItwFGTxRw-GSi-GLcbnVSF47wpffcoYCfRwvjlyjcQfCk8SRsezGZq-FoOE_XaymMR-BO4IP6Wg5WaD_NpcTRDB1hidf8zKgvSxJVxxA-xOSXlSIGB4Li4o; HttpOnly; SameSite=Strict; Path=/Vary:Accept-EncodingX-Frame-Options:SAMEORIGINX-Hostname:web-live-1
Response Body
<!DOCTYPE html>
<html lang="en"><head><meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="/">
<link rel="preload" href="/qln-images/qatar-living-logo-sized.png" as="image" type="image/webp">
<link href="_content/CodeBeam.MudBlazor.Extensions/MudExtensions.min.css" rel="stylesheet">
<link rel="stylesheet" href="_content/QLN.Web.Shared/bootstrap/bootstrap.min.bpk8xqwxhs.css" as="style" />
<link rel="stylesheet" href="QLN.Blazor.Base.8feees90wc.styles.css" as="style" type="text/css" />
<link rel="stylesheet" href="_content/QLN.Web.Shared/css/app.i6zwvl15db.css" as="style" />
<link rel="stylesheet" href="_content/QLN.Web.Shared/css/site.4ou5v4m2i5.css" as="style" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet" as="style">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css" media="print" onload="this.media='all'">
<link href="_content/MudBlazor/MudBlazor.min.qmvjbof2tn.css" rel="stylesheet" media="print" onload="this.media='all'" as="style" />
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin>
<link rel="icon" type="image/svg+xml" href="fav-icon.svg">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css">
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-L8G5Y1WPNH"></script>
<script>window.dataLayer = window.dataLayer || []; function gtag(){ dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-L8G5Y1WPNH');</script>
<title>Qatar Living | The go-to place for lifestyle, news, and events</title>
<script type="importmap">{
"imports": {
"./_content/AuralizeBlazor/js/auralize.min.js": "./_content/AuralizeBlazor/js/auralize.min.41c6kdndrr.js",
"./_content/AuralizeBlazor/js/components/auralizer.js": "./_content/AuralizeBlazor/js/components/auralizer.g9uc5uyjni.js",
"./_content/AuralizeBlazor/js/features/baseFeatures.js": "./_content/AuralizeBlazor/js/features/baseFeatures.b33xjabh4x.js",
"./_content/AuralizeBlazor/js/features/energyMeterFeature.js": "./_content/AuralizeBlazor/js/features/energyMeterFeature.y5q93ac80o.js",
"./_content/AuralizeBlazor/js/features/lyricDisplayFeature.js": "./_content/AuralizeBlazor/js/features/lyricDisplayFeature.o0kmjtfnuf.js",
"./_content/AuralizeBlazor/js/features/radialRadiusFeature.js": "./_content/AuralizeBlazor/js/features/radialRadiusFeature.8pe0o0pxdo.js",
"./_content/AuralizeBlazor/js/features/showLogoFeature.js": "./_content/AuralizeBlazor/js/features/showLogoFeature.b6uxisma2k.js",
"./_content/AuralizeBlazor/js/features/switchPresetFeature.js": "./_content/AuralizeBlazor/js/features/switchPresetFeature.gz40keu9cs.js",
"./_content/AuralizeBlazor/js/features/waveNodeFeature.js": "./_content/AuralizeBlazor/js/features/waveNodeFeature.65yj8vk56s.js",
"./_content/AuralizeBlazor/js/lib/audioMotion4.4.0.min.js": "./_content/AuralizeBlazor/js/lib/audioMotion4.4.0.min.xt6mxz1zrj.js",
"./_content/BlazorJS/BlazorJS.lib.browserDetect.js": "./_content/BlazorJS/BlazorJS.lib.browserDetect.6ml5dwhult.js",
"./_content/BlazorJS/BlazorJS.lib.eventHelper.js": "./_content/BlazorJS/BlazorJS.lib.eventHelper.i6t2zollmx.js",
"./_content/BlazorJS/BlazorJS.lib.module.js": "./_content/BlazorJS/BlazorJS.o5pk8zvhtc.lib.module.js",
"./_content/CodeBeam.MudBlazor.Extensions/MudExtensions.min.js": "./_content/CodeBeam.MudBlazor.Extensions/MudExtensions.min.g1x2ayen6w.js",
"./_content/MudBlazor.Markdown/MudBlazor.Markdown.MathJax.min.js": "./_content/MudBlazor.Markdown/MudBlazor.Markdown.MathJax.min.o64s4n8ltk.js",
"./_content/MudBlazor.Markdown/MudBlazor.Markdown.min.js": "./_content/MudBlazor.Markdown/MudBlazor.Markdown.min.jnj2lw4nf2.js",
"./_content/MudBlazor/MudBlazor.min.js": "./_content/MudBlazor/MudBlazor.min.jrqzp895hu.js",
"./_content/MudExRichTextEditor/js/components/MudExRichTextEdit.js": "./_content/MudExRichTextEditor/js/components/MudExRichTextEdit.0nv94v0dmu.js",
"./_content/MudExRichTextEditor/js/components/MudExRichTextEdit.min.js": "./_content/MudExRichTextEditor/js/components/MudExRichTextEdit.min.z57t3kloj7.js",
"./_content/MudExRichTextEditor/lib/quill/quill.core.js": "./_content/MudExRichTextEditor/lib/quill/quill.core.4yh8wvwvs1.js",
"./_content/MudExRichTextEditor/lib/quill/quill.core.min.js": "./_content/MudExRichTextEditor/lib/quill/quill.core.min.4if5oagocr.js",
"./_content/MudExRichTextEditor/lib/quill/quill.js": "./_content/MudExRichTextEditor/lib/quill/quill.dqsbkks2s9.js",
"./_content/MudExRichTextEditor/lib/quill/quill.min.js": "./_content/MudExRichTextEditor/lib/quill/quill.min.4p8vuf98vu.js",
"./_content/MudExRichTextEditor/modules/quill-better-table.min.js": "./_content/MudExRichTextEditor/modules/quill-better-table.min.fj3edyqs0v.js",
"./_content/MudExRichTextEditor/modules/quill-blot-formatter.min.js": "./_content/MudExRichTextEditor/modules/quill-blot-formatter.min.06wjpxauos.js",
"./_content/MudExRichTextEditor/modules/quill.imageCompressor.min.js": "./_content/MudExRichTextEditor/modules/quill.imageCompressor.min.gg93kq467g.js",
"./_content/MudExRichTextEditor/modules/quill.mention.min.js": "./_content/MudExRichTextEditor/modules/quill.mention.min.059v5u8jp5.js",
"./_content/MudExRichTextEditor/modules/quill.mention.module.min.js": "./_content/MudExRichTextEditor/modules/quill.mention.module.min.etx6s6ik6v.js",
"./_content/MudExRichTextEditor/modules/quill.mention.module.js": "./_content/MudExRichTextEditor/modules/quill.mention.module.nk0s4xeqxo.js",
"./_content/Nextended.Blazor/exampleJsInterop.js": "./_content/Nextended.Blazor/exampleJsInterop.6pqz8bsss0.js",
"./_content/QLN.Web.Shared/leafletMap.js": "./_content/QLN.Web.Shared/leafletMap.bt3pjcctpq.js",
"./js/boot.js": "./js/boot.gbd9frjgdz.js"
},
"integrity": {
"./_content/AuralizeBlazor/js/auralize.min.41c6kdndrr.js": "sha256-aBrKaQBdTCg/mYkml6LIOIWRc7utYzajclRoGg4bwjw=",
"./_content/AuralizeBlazor/js/auralize.min.js": "sha256-aBrKaQBdTCg/mYkml6LIOIWRc7utYzajclRoGg4bwjw=",
"./_content/AuralizeBlazor/js/components/auralizer.g9uc5uyjni.js": "sha256-zJ7JcUe76MjUUIsa1j1HsVKlT/b+VapenSPmrvUHd6I=",
"./_content/AuralizeBlazor/js/components/auralizer.js": "sha256-zJ7JcUe76MjUUIsa1j1HsVKlT/b+VapenSPmrvUHd6I=",
"./_content/AuralizeBlazor/js/features/baseFeatures.b33xjabh4x.js": "sha256-GSf3dgERSRv0ztoZ51RsBmRA6oMMBftq1hYv8i2KVZk=",
"./_content/AuralizeBlazor/js/features/baseFeatures.js": "sha256-GSf3dgERSRv0ztoZ51RsBmRA6oMMBftq1hYv8i2KVZk=",
"./_content/AuralizeBlazor/js/features/energyMeterFeature.js": "sha256-Sgi7Qz25jEfa6IQdIjVj2DREjVALuUxUaBoydWY8elQ=",
"./_content/AuralizeBlazor/js/features/energyMeterFeature.y5q93ac80o.js": "sha256-Sgi7Qz25jEfa6IQdIjVj2DREjVALuUxUaBoydWY8elQ=",
"./_content/AuralizeBlazor/js/features/lyricDisplayFeature.js": "sha256-2EWfUId6SNcbEUcVXSbPkxHsp/NlVzAagkbEtAfxeqg=",
"./_content/AuralizeBlazor/js/features/lyricDisplayFeature.o0kmjtfnuf.js": "sha256-2EWfUId6SNcbEUcVXSbPkxHsp/NlVzAagkbEtAfxeqg=",
"./_content/AuralizeBlazor/js/features/radialRadiusFeature.8pe0o0pxdo.js": "sha256-lM1cHu+KVLrX73wi3zBtRDiA5Yh4prjirYE4I0BXppM=",
"./_content/AuralizeBlazor/js/features/radialRadiusFeature.js": "sha256-lM1cHu+KVLrX73wi3zBtRDiA5Yh4prjirYE4I0BXppM=",
"./_content/AuralizeBlazor/js/features/showLogoFeature.b6uxisma2k.js": "sha256-Azk7aEO7TqJ9oMGV8KREK45wSXeoVgOnHRQOo93GH+Y=",
"./_content/AuralizeBlazor/js/features/showLogoFeature.js": "sha256-Azk7aEO7TqJ9oMGV8KREK45wSXeoVgOnHRQOo93GH+Y=",
"./_content/AuralizeBlazor/js/features/switchPresetFeature.gz40keu9cs.js": "sha256-PMVl845GletPGHqhhyKnWmPLb/vKv5dO3fUJPnKU0DA=",
"./_content/AuralizeBlazor/js/features/switchPresetFeature.js": "sha256-PMVl845GletPGHqhhyKnWmPLb/vKv5dO3fUJPnKU0DA=",
"./_content/AuralizeBlazor/js/features/waveNodeFeature.65yj8vk56s.js": "sha256-mpePGA7m0ChlgepEKtKRqg2wK5rV3HzVBJXr5H3vTCw=",
"./_content/AuralizeBlazor/js/features/waveNodeFeature.js": "sha256-mpePGA7m0ChlgepEKtKRqg2wK5rV3HzVBJXr5H3vTCw=",
"./_content/AuralizeBlazor/js/lib/audioMotion4.4.0.min.js": "sha256-Fcn6b/ouR8UydKRUl8rvcRR89SHGbckIz6aDRWcnMoM=",
"./_content/AuralizeBlazor/js/lib/audioMotion4.4.0.min.xt6mxz1zrj.js": "sha256-Fcn6b/ouR8UydKRUl8rvcRR89SHGbckIz6aDRWcnMoM=",
"./_content/BlazorJS/BlazorJS.lib.browserDetect.6ml5dwhult.js": "sha256-rjlaxk6OmQFYFb/tcuOFwHLr7bv3Ms7LZlkB15Hiils=",
"./_content/BlazorJS/BlazorJS.lib.browserDetect.js": "sha256-rjlaxk6OmQFYFb/tcuOFwHLr7bv3Ms7LZlkB15Hiils=",
"./_content/BlazorJS/BlazorJS.lib.eventHelper.i6t2zollmx.js": "sha256-xgwMa4koDmSAXaZMfTZMHC7WaDwaGr9U/Aj9f0/+ajs=",
"./_content/BlazorJS/BlazorJS.lib.eventHelper.js": "sha256-xgwMa4koDmSAXaZMfTZMHC7WaDwaGr9U/Aj9f0/+ajs=",
"./_content/BlazorJS/BlazorJS.lib.module.js": "sha256-pJ9th4xzJ1OMZjS4dv7BMz2u879ku+Hu3qkTZk+1LGw=",
"./_content/BlazorJS/BlazorJS.o5pk8zvhtc.lib.module.js": "sha256-pJ9th4xzJ1OMZjS4dv7BMz2u879ku+Hu3qkTZk+1LGw=",
"./_content/CodeBeam.MudBlazor.Extensions/MudExtensions.min.g1x2ayen6w.js": "sha256-PDrTwptwN1LMCMh9gFmN0gwdQFXI7gU07aR2u1lfRqs=",
"./_content/CodeBeam.MudBlazor.Extensions/MudExtensions.min.js": "sha256-PDrTwptwN1LMCMh9gFmN0gwdQFXI7gU07aR2u1lfRqs=",
"./_content/MudBlazor.Extensions/MudBlazor.Extensions.lib.module.js": "sha256-Io4NJfEA9FrXtf1150ExKqZ/yQDD03oDm1ocd5vg8FI=",
"./_content/MudBlazor.Extensions/MudBlazor.Extensions.lib.module.min.js": "sha256-0nFQWtn6J7PkE6EBy/DWjnRYmGj6qmh6WYT8IMu8/tA=",
"./_content/MudBlazor.Extensions/js/components/MoveContent.js": "sha256-w6RtZAP3toM6WjHt4HjzTLYxtb8REGccBtdit30GAZs=",
"./_content/MudBlazor.Extensions/js/components/MoveContent.min.js": "sha256-2syqdkR09NcVm+hjd/G2z7AODcKCxk+JwulXe9q8tiQ=",
"./_content/MudBlazor.Extensions/js/components/MudExAppLoader.js": "sha256-9AbYk4kduvMt4EmKpcwloYKJNS9UPxwl6lm8eM4BOxk=",
"./_content/MudBlazor.Extensions/js/components/MudExAppLoader.min.js": "sha256-6frJobtYpfxSVkwuJhkNM4zAgudT8SXFj7MHOIEpSWc=",
"./_content/MudBlazor.Extensions/js/components/MudExCardList.js": "sha256-SWkfDTd2X8ceJFU6E26hY8nzlKvbkyd7rzNMmzryGfk=",
"./_content/MudBlazor.Extensions/js/components/MudExCardList.min.js": "sha256-dcZPNLNoCO9o9kC+uxz+LnqZAeovsVn30wtoDey3HLg=",
"./_content/MudBlazor.Extensions/js/components/MudExColorBubble.js": "sha256-xBYmKk9kUVHhk6ihZCJrL/SJ+EYK6c/7NjB0wp6Qqnk=",
"./_content/MudBlazor.Extensions/js/components/MudExColorBubble.min.js": "sha256-ljck8Kut/AiXvlTRp/vCcus4g4Jv60suwvt2rDt9dgw=",
"./_content/MudBlazor.Extensions/js/components/MudExDropBoxFilePicker.js": "sha256-gwPVSn9i+PsuFh7aMnDVGWN2+y+Qk/Pl94pX3qMiApo=",
"./_content/MudBlazor.Extensions/js/components/MudExDropBoxFilePicker.min.js": "sha256-UqDjkrQLz9/qxQc8O8LoFrSyrjS3EvfgjzvaPi7lksI=",
"./_content/MudBlazor.Extensions/js/components/MudExExternalFilePickerBase.js": "sha256-iQQrH9Nroc1yoA1dQd4NePfS94aZxmbeJMgnw0C8B+w=",
"./_content/MudBlazor.Extensions/js/components/MudExExternalFilePickerBase.min.js": "sha256-qwi1dcKbfkZsRzmjvgRQDur4SwP+57K60Wm4Qj8zkLA=",
"./_content/MudBlazor.Extensions/js/components/MudExFileDisplay.js": "sha256-PxuACcZd1nwYMq5LI4bvMqEHPb2tlhYNpId3mW/qa1k=",
"./_content/MudBlazor.Extensions/js/components/MudExFileDisplay.min.js": "sha256-O8aB+7wb4iFO/46DqoyDT9irD0TGnamZjOOdiZBE4G4=",
"./_content/MudBlazor.Extensions/js/components/MudExGoogleFilePicker.js": "sha256-WSpNCgwuoQyQKztteEstyyypp+ukaVhOFwFZX+58ycc=",
"./_content/MudBlazor.Extensions/js/components/MudExGoogleFilePicker.min.js": "sha256-C4ZT8+IALr90Rplnkp49SgORWvckMsps2Lw/oolZcjg=",
"./_content/MudBlazor.Extensions/js/components/MudExImageViewer.js": "sha256-HhzVVUA3VOczfn+ohKNJ2b6LIJO2ai6X7//5Xx2U/vE=",
"./_content/MudBlazor.Extensions/js/components/MudExImageViewer.min.js": "sha256-JbavT46vopo79bCn7TCHgZrBJ3tK2cNp67CGNkh+8+k=",
"./_content/MudBlazor.Extensions/js/components/MudExOneDriveFilePicker.js": "sha256-eze9uD55lVME/WgHFYq59yr+fVWgGCa68yy1aTAds1I=",
"./_content/MudBlazor.Extensions/js/components/MudExOneDriveFilePicker.min.js": "sha256-X3iErYSGxyNaAQAWymejyR1NBfmiQBYsNwhu/VqQ35k=",
"./_content/MudBlazor.Extensions/js/components/MudExSplitter.js": "sha256-VbNJ/Y2qAJ7XyXPWtAs8k4UsoP0AXry+7xZeGvPgLHs=",
"./_content/MudBlazor.Extensions/js/components/MudExSplitter.min.js": "sha256-WDWF8e5N7S59LSrcuejkkX21lzZJFE25sFVR+Sg3wfo=",
"./_content/MudBlazor.Extensions/js/components/MudExUploadEdit.js": "sha256-aFQbdO/CMcIu7CkpKbFJQZnLF6Qb1VZNf/a+87PFncI=",
"./_content/MudBlazor.Extensions/js/components/MudExUploadEdit.min.js": "sha256-9f3QYkaRU17g+5UAQB0qVH0HaFKCJpEcfWmIWm6kpi4=",
"./_content/MudBlazor.Extensions/js/libs/MudExImageView.min.js": "sha256-xpAB8TcsmuqiYQiYSj/9Za1DOXWfFjCZKdQhWzzQylU=",
"./_content/MudBlazor.Extensions/js/libs/audioMotion-analyzer.min.js": "sha256-pF2tr11fjxKrqq0w6xLJukrsQrx3F4Vu+aeAx1xrH+k=",
"./_content/MudBlazor.Extensions/js/mudBlazorExtensions.all.js": "sha256-zIvRd/2Ec3pHbbOcFd5/gIPxcY7yHRmODVkYJlH1HqM=",
"./_content/MudBlazor.Extensions/js/mudBlazorExtensions.all.min.js": "sha256-Io4NJfEA9FrXtf1150ExKqZ/yQDD03oDm1ocd5vg8FI=",
"./_content/MudBlazor.Extensions/js/mudBlazorExtensions.js": "sha256-PQSGx3SX4PQyW1cMzsNOtvUT/th4xbi/j6z6Zzi1Pkc=",
"./_content/MudBlazor.Extensions/js/utils/capture.js": "sha256-vwkRA/I/a5KXiyTczQDrVhhr2ofjsubgMHnskEFfi0U=",
"./_content/MudBlazor.Extensions/js/utils/colorHelper.js": "sha256-R+/c49qhzbqr/e4xY1uOafhWnKFZy8v9/d3B98xA5w0=",
"./_content/MudBlazor.Extensions/js/utils/cssHelper.js": "sha256-aQFeA2BYlHfpaeMzaHWFQj1dunZw7m1zuNLDUVwyanA=",
"./_content/MudBlazor.Extensions/js/utils/dialogExt/baseDialogExtensionHandler.js": "sha256-6FC0b7rGMELt/KL6HRjEM8upcXYoJtXmwWjsZRdvAS4=",
"./_content/MudBlazor.Extensions/js/utils/dialogExt/dialogAnimationHandler.js": "sha256-GSqgr7hYLzbP7qlQ29FB2QCwaWF+A0L5iWM2RhU3VZs=",
"./_content/MudBlazor.Extensions/js/utils/dialogExt/dialogButtonHandler.js": "sha256-r4uNDR1fk9ARBkA4+b2z/+gQ8CBJv44WMqmk2jCJOHE=",
"./_content/MudBlazor.Extensions/js/utils/dialogExt/dialogDragHandler.js": "sha256-rSxpFVqwE/UGu0TQuLV5Dzrlk/VNFF0QT9XQle8L/3M=",
"./_content/MudBlazor.Extensions/js/utils/dialogExt/dialogFinder.js": "sha256-yI8prRP+rcs7tK6sGg537Hz//Sa2CUwQHVsnUq5KJVs=",
"./_content/MudBlazor.Extensions/js/utils/dialogExt/dialogHandler.js": "sha256-K5+kfByKuEDmSM6Wix5RFVSPeAfDbIu1h1wRBhTutNE=",
"./_content/MudBlazor.Extensions/js/utils/dialogExt/dialogNoModalHandler.js": "sha256-IpRo/vyQQmVPOGxfdUjsK5CSzIHqO9rXolVVKy3xtR0=",
"./_content/MudBlazor.Extensions/js/utils/dialogExt/dialogPositionHandler.js": "sha256-StzS9qD3hHQuhHEnFtLwswk6IorqaDLjGr18BDllJbQ=",
"./_content/MudBlazor.Extensions/js/utils/dialogExt/dialogResizeHandler.js": "sha256-EJVvLsDEE2rzdKTtJI64pUIC9P6lKInACl+oIKvqslE=",
"./_content/MudBlazor.Extensions/js/utils/domHelper.js": "sha256-W1z77ewTWE8mKKrBbM7jTQdt9x+5zREywK83AMgaOYM=",
"./_content/MudBlazor.Extensions/js/utils/eventHelper.js": "sha256-4lqnxOUadSZkya62waHtrQYLNBEpufZIshOC/ETmrhk=",
"./_content/MudBlazor.Extensions/js/utils/number.js": "sha256-TBQ/j6fmylrCbCYii50i2zVnioWPA9h+FbGGkcSZ4qo=",
"./_content/MudBlazor.Extensions/js/utils/observeHelper.js": "sha256-sFEWuwss4iwxklOmc5WR40zuY/0KvfcOw2v0Qryp9F4=",
"./_content/MudBlazor.Extensions/js/utils/speechRecognition.js": "sha256-BQGIp6CFoClinSuTFZvY78cgox5c1lZwKQY4xBLvsHg=",
"./_content/MudBlazor.Extensions/js/utils/uriHelper.js": "sha256-xQ5PVuCrlCPy3+kOeUGZU/N4yhtVY70+u4mGrYclYig=",
"./_content/MudBlazor.Markdown/MudBlazor.Markdown.MathJax.min.js": "sha256-MASABpB4tYktI2Oitl4t+78w/lyA+D7b/s9GEP0JOGI=",
"./_content/MudBlazor.Markdown/MudBlazor.Markdown.MathJax.min.o64s4n8ltk.js": "sha256-MASABpB4tYktI2Oitl4t+78w/lyA+D7b/s9GEP0JOGI=",
"./_content/MudBlazor.Markdown/MudBlazor.Markdown.min.jnj2lw4nf2.js": "sha256-AXvkEoptcMqk/tXvHCGcGdfsHfWDq/lQNrEC/yMPsdM=",
"./_content/MudBlazor.Markdown/MudBlazor.Markdown.min.js": "sha256-AXvkEoptcMqk/tXvHCGcGdfsHfWDq/lQNrEC/yMPsdM=",
"./_content/MudBlazor/MudBlazor.min.jrqzp895hu.js": "sha256-weSY1+xC2IWsc4ncUHtQhWp3H5eek/LVHZEDlWdgryY=",
"./_content/MudBlazor/MudBlazor.min.js": "sha256-weSY1+xC2IWsc4ncUHtQhWp3H5eek/LVHZEDlWdgryY=",
"./_content/MudExRichTextEditor/js/components/MudExRichTextEdit.0nv94v0dmu.js": "sha256-bKjO7IMDRKo+HbWH9QLKxRkV006hTEJ8KP/W3Kc/fJ0=",
"./_content/MudExRichTextEditor/js/components/MudExRichTextEdit.js": "sha256-bKjO7IMDRKo+HbWH9QLKxRkV006hTEJ8KP/W3Kc/fJ0=",
"./_content/MudExRichTextEditor/js/components/MudExRichTextEdit.min.js": "sha256-eTNYcRbXGHyKwNO9sKpIFQ1I9dbQyhZcrfle7dyPfLE=",
"./_content/MudExRichTextEditor/js/components/MudExRichTextEdit.min.z57t3kloj7.js": "sha256-eTNYcRbXGHyKwNO9sKpIFQ1I9dbQyhZcrfle7dyPfLE=",
"./_content/MudExRichTextEditor/lib/quill/quill.core.4yh8wvwvs1.js": "sha256-3Mi/GJ6F39lsjkwC7yiOKbWTM3zl9NhHWR+z+TqfYP4=",
"./_content/MudExRichTextEditor/lib/quill/quill.core.js": "sha256-3Mi/GJ6F39lsjkwC7yiOKbWTM3zl9NhHWR+z+TqfYP4=",
"./_content/MudExRichTextEditor/lib/quill/quill.core.min.4if5oagocr.js": "sha256-RKKb/kw+xt6E1BnP/w1ewdo31dpEdtZENotgpaSZr8Q=",
"./_content/MudExRichTextEditor/lib/quill/quill.core.min.js": "sha256-RKKb/kw+xt6E1BnP/w1ewdo31dpEdtZENotgpaSZr8Q=",
"./_content/MudExRichTextEditor/lib/quill/quill.dqsbkks2s9.js": "sha256-y/V/O3FqLIHPEfk/m7wXFVTFrsRpKl6lFFKBe8bU46M=",
"./_content/MudExRichTextEditor/lib/quill/quill.js": "sha256-y/V/O3FqLIHPEfk/m7wXFVTFrsRpKl6lFFKBe8bU46M=",
"./_content/MudExRichTextEditor/lib/quill/quill.min.4p8vuf98vu.js": "sha256-yEfXmR0EKmA6CVFDME+f9fumKON6vMUsQuJwiivuNkA=",
"./_content/MudExRichTextEditor/lib/quill/quill.min.js": "sha256-yEfXmR0EKmA6CVFDME+f9fumKON6vMUsQuJwiivuNkA=",
"./_content/MudExRichTextEditor/modules/quill-better-table.min.fj3edyqs0v.js": "sha256-a57TBCfrDSZubHy+U7E2t4YXxyGcBdtxVueU1Gz0wyo=",
"./_content/MudExRichTextEditor/modules/quill-better-table.min.js": "sha256-a57TBCfrDSZubHy+U7E2t4YXxyGcBdtxVueU1Gz0wyo=",
"./_content/MudExRichTextEditor/modules/quill-blot-formatter.min.06wjpxauos.js": "sha256-aNk36zfXB+ixZlkufdUvWaoJNMMNVB0nqx7xVe0YdAA=",
"./_content/MudExRichTextEditor/modules/quill-blot-formatter.min.js": "sha256-aNk36zfXB+ixZlkufdUvWaoJNMMNVB0nqx7xVe0YdAA=",
"./_content/MudExRichTextEditor/modules/quill.imageCompressor.min.gg93kq467g.js": "sha256-oE6Q67XgeLtwEE8nhpA/3hZZv0r03CEV7yGUJIwAo4k=",
"./_content/MudExRichTextEditor/modules/quill.imageCompressor.min.js": "sha256-oE6Q67XgeLtwEE8nhpA/3hZZv0r03CEV7yGUJIwAo4k=",
"./_content/MudExRichTextEditor/modules/quill.mention.min.059v5u8jp5.js": "sha256-BN35b1IGjSQUXK2ZcTKjDgCTKRJ0h6OfT5ll1jHeiqM=",
"./_content/MudExRichTextEditor/modules/quill.mention.min.js": "sha256-BN35b1IGjSQUXK2ZcTKjDgCTKRJ0h6OfT5ll1jHeiqM=",
"./_content/MudExRichTextEditor/modules/quill.mention.module.js": "sha256-GQYgNjyxKySvDSVg48TEjsr6MFwVzAnjlbhhmzVHOno=",
"./_content/MudExRichTextEditor/modules/quill.mention.module.min.etx6s6ik6v.js": "sha256-soRgHEyPlJYsrbH5p0OFjBJ1PtXdAbKBTmELxkgY9ZM=",
"./_content/MudExRichTextEditor/modules/quill.mention.module.min.js": "sha256-soRgHEyPlJYsrbH5p0OFjBJ1PtXdAbKBTmELxkgY9ZM=",
"./_content/MudExRichTextEditor/modules/quill.mention.module.nk0s4xeqxo.js": "sha256-GQYgNjyxKySvDSVg48TEjsr6MFwVzAnjlbhhmzVHOno=",
"./_content/Nextended.Blazor/exampleJsInterop.6pqz8bsss0.js": "sha256-FrrTtczTUEHjkhc/zWRPC7CmxeXI0JCZGc1+76qQ8B4=",
"./_content/Nextended.Blazor/exampleJsInterop.js": "sha256-FrrTtczTUEHjkhc/zWRPC7CmxeXI0JCZGc1+76qQ8B4=",
"./_content/QLN.Web.Shared/leafletMap.bt3pjcctpq.js": "sha256-j4J7Tjrk+ctHCJXhRYhwpxJwONZe3VV/9GvgBMuZ5TI=",
"./_content/QLN.Web.Shared/leafletMap.js": "sha256-j4J7Tjrk+ctHCJXhRYhwpxJwONZe3VV/9GvgBMuZ5TI=",
"./js/boot.gbd9frjgdz.js": "sha256-rJZxH1TAmIghy3+PPVmmXTeUgpPz7heKZP12siT7N/M=",
"./js/boot.js": "sha256-rJZxH1TAmIghy3+PPVmmXTeUgpPz7heKZP12siT7N/M="
}
}</script></head>
<body><!--Blazor:{"type":"server","prerenderId":"23fc94ae95b44dc7a9205567bde6a4c6","key":{"locationHash":"DF51872B79996290325ACE07AC75E3EB80710DB94CE11DBD5A6D07A0252964B0:39","formattedComponentKey":""},"sequence":0,"descriptor":"CfDJ8HQjPEZIVY9Ok\u002BxQ1gxeqAtVh0JgK124t/NHj5wUEWj0tWVhs5Rtn8ynHCR5s\u002BLCwFKSJxiyuDHencPWolt2JGt\u002BW/hdaXTuB3gyUKnfYrL6b29AMgsg5n8bs19Oq7G6v4QEESvMPpOd6Jt6lVd0/zTF67s3I4Z372\u002Be9WwosxJImwq03ap9myhLV\u002Bzhs\u002BGcvgoFJCXH6khnRuCYgHElHr/xOsmi6attIcc4sN\u002B4dHPGMBanxbOHFur/sO6mMelhfsfphll2WYwFTOAXj4/DzCw4EFn4mJMTDA1YNbNOSAZL8k1/u6DKzMLx2dXsJ\u002Buv/APtcZE1vPN5rXlLb21aOsDvKc3AMXgADclVAjcvHH2HRPYydDkl2LnD3HAQ7rTx6Tw3mnxN2ME5D8jZG5bdMiu6Z6m4jA4QISjaGuYR9yv7xHC5nI76QeVamw6eISL5XGm00DzHcfRwCWA\u002BvTUH209qu5eEqq18Z8SvqE0VQPhFIlA2ryW7rquar5EFukjtJ23eBfwdkjMArBKiXofm20A="}--><style>
[scrubbed]-webkit-scrollbar {width: 8px;height: 8px;z-index: 1;}
[scrubbed]-webkit-scrollbar-track {background: transparent;}
[scrubbed]-webkit-scrollbar-thumb {background: #c4c4c4;border-radius: 1px;}
[scrubbed]-webkit-scrollbar-thumb:hover {background: #a6a6a6;}
html, body * {scrollbar-color: #c4c4c4 transparent;scrollbar-width: thin;}
</style>
<style>
.mud-chart-serie:hover {
filter: url(#lighten);
}
.mud-chart-serie-hovered
{
filter: url(#lighten);
}
</style>
<style class='mud-theme-provider'>
:root{
--mud-palette-black: rgba(39,44,52,1);
--mud-palette-white: rgba(255,255,255,1);
--mud-palette-primary: rgba(255,127,56,1);
--mud-palette-primary-rgb: 255,127,56;
--mud-palette-primary-text: rgba(255,255,255,1);
--mud-palette-primary-darken: rgb(255,103,20);
--mud-palette-primary-lighten: rgb(255,149,92);
--mud-palette-primary-hover: rgba(255,127,56,0.058823529411764705);
--mud-palette-secondary: rgba(255,64,129,1);
--mud-palette-secondary-rgb: 255,64,129;
--mud-palette-secondary-text: rgba(255,255,255,1);
--mud-palette-secondary-darken: rgb(255,31,105);
--mud-palette-secondary-lighten: rgb(255,102,153);
--mud-palette-secondary-hover: rgba(255,64,129,0.058823529411764705);
--mud-palette-tertiary: rgba(30,200,165,1);
--mud-palette-tertiary-rgb: 30,200,165;
--mud-palette-tertiary-text: rgba(255,255,255,1);
--mud-palette-tertiary-darken: rgb(25,169,140);
--mud-palette-tertiary-lighten: rgb(42,223,187);
--mud-palette-tertiary-hover: rgba(30,200,165,0.058823529411764705);
--mud-palette-info: rgba(33,150,243,1);
--mud-palette-info-rgb: 33,150,243;
--mud-palette-info-text: rgba(255,255,255,1);
--mud-palette-info-darken: rgb(12,128,223);
--mud-palette-info-lighten: rgb(71,167,245);
--mud-palette-info-hover: rgba(33,150,243,0.058823529411764705);
--mud-palette-success: rgba(0,200,83,1);
--mud-palette-success-rgb: 0,200,83;
--mud-palette-success-text: rgba(255,255,255,1);
--mud-palette-success-darken: rgb(0,163,68);
--mud-palette-success-lighten: rgb(0,235,98);
--mud-palette-success-hover: rgba(0,200,83,0.058823529411764705);
--mud-palette-warning: rgba(255,152,0,1);
--mud-palette-warning-rgb: 255,152,0;
--mud-palette-warning-text: rgba(255,255,255,1);
--mud-palette-warning-darken: rgb(214,129,0);
--mud-palette-warning-lighten: rgb(255,167,36);
--mud-palette-warning-hover: rgba(255,152,0,0.058823529411764705);
--mud-palette-error: rgba(244,67,54,1);
--mud-palette-error-rgb: 244,67,54;
--mud-palette-error-text: rgba(255,255,255,1);
--mud-palette-error-darken: rgb(242,28,13);
--mud-palette-error-lighten: rgb(246,96,85);
--mud-palette-error-hover: rgba(244,67,54,0.058823529411764705);
--mud-palette-dark: rgba(66,66,66,1);
--mud-palette-dark-rgb: 66,66,66;
--mud-palette-dark-text: rgba(255,255,255,1);
--mud-palette-dark-darken: rgb(46,46,46);
--mud-palette-dark-lighten: rgb(87,87,87);
--mud-palette-dark-hover: rgba(66,66,66,0.058823529411764705);
--mud-palette-text-primary: rgba(66,66,66,1);
--mud-palette-text-secondary: rgba(0,0,0,0.5372549019607843);
--mud-palette-text-disabled: rgba(0,0,0,0.3764705882352941);
--mud-palette-action-default: rgba(0,0,0,0.5372549019607843);
--mud-palette-action-default-hover: rgba(0,0,0,0.058823529411764705);
--mud-palette-action-disabled: rgba(0,0,0,0.25882352941176473);
--mud-palette-action-disabled-background: rgba(0,0,0,0.11764705882352941);
--mud-palette-surface: rgba(255,255,255,1);
--mud-palette-background: rgba(255,255,255,1);
--mud-palette-background-gray: rgba(245,245,245,1);
--mud-palette-drawer-background: rgba(255,255,255,1);
--mud-palette-drawer-text: rgba(66,66,66,1);
--mud-palette-drawer-icon: rgba(97,97,97,1);
--mud-palette-appbar-background: rgba(89,74,226,1);
--mud-palette-appbar-text: rgba(255,255,255,1);
--mud-palette-lines-default: rgba(0,0,0,0.11764705882352941);
--mud-palette-lines-inputs: rgba(189,189,189,1);
--mud-palette-table-lines: rgba(224,224,224,1);
--mud-palette-table-striped: rgba(0,0,0,0.0196078431372549);
--mud-palette-table-hover: rgba(0,0,0,0.0392156862745098);
--mud-palette-divider: rgba(224,224,224,1);
--mud-palette-divider-light: rgba(0,0,0,0.8);
--mud-palette-skeleton: rgba(0,0,0,0.10980392156862745);
--mud-palette-gray-default: #9E9E9E;
--mud-palette-gray-light: #BDBDBD;
--mud-palette-gray-lighter: #E0E0E0;
--mud-palette-gray-dark: #757575;
--mud-palette-gray-darker: #616161;
--mud-palette-overlay-dark: rgba(33,33,33,0.4980392156862745);
--mud-palette-overlay-light: rgba(255,255,255,0.4980392156862745);
--mud-ripple-color: var(--mud-palette-text-primary);
--mud-ripple-opacity: 0.1;
--mud-ripple-opacity-secondary: 0.2;
--mud-elevation-0: none;
--mud-elevation-1: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);
--mud-elevation-2: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
--mud-elevation-3: 0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12);
--mud-elevation-4: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
--mud-elevation-5: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12);
--mud-elevation-6: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
--mud-elevation-7: 0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12);
--mud-elevation-8: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
--mud-elevation-9: 0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12);
--mud-elevation-10: 0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12);
--mud-elevation-11: 0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12);
--mud-elevation-12: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12);
--mud-elevation-13: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12);
--mud-elevation-14: 0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12);
--mud-elevation-15: 0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12);
--mud-elevation-16: 0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12);
--mud-elevation-17: 0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12);
--mud-elevation-18: 0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12);
--mud-elevation-19: 0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12);
--mud-elevation-20: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12);
--mud-elevation-21: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12);
--mud-elevation-22: 0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12);
--mud-elevation-23: 0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12);
--mud-elevation-24: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12);
--mud-elevation-25: 0 5px 5px -3px rgba(0,0,0,.06), 0 8px 10px 1px rgba(0,0,0,.042), 0 3px 14px 2px rgba(0,0,0,.036);
--mud-default-borderradius: 4px;
--mud-drawer-width-left: 240px;
--mud-drawer-width-right: 240px;
--mud-drawer-width-mini-left: 56px;
--mud-drawer-width-mini-right: 56px;
--mud-appbar-height: 64px;
--mud-typography-default-family: Roboto, Helvetica, Arial, sans-serif;
--mud-typography-default-size: .875rem;
--mud-typography-default-weight: 400;
--mud-typography-default-lineheight: 1.43;
--mud-typography-default-letterspacing: .01071em;
--mud-typography-default-text-transform: none;
--mud-typography-h1-family: Roboto, Helvetica, Arial, sans-serif;
--mud-typography-h1-size: 6rem;
--mud-typography-h1-weight: 300;
--mud-typography-h1-lineheight: 1.167;
--mud-typography-h1-letterspacing: -.01562em;
--mud-typography-h1-text-transform: none;
--mud-typography-h2-family: Roboto, Helvetica, Arial, sans-serif;
--mud-typography-h2-size: 3.75rem;
--mud-typography-h2-weight: 300;
--mud-typography-h2-lineheight: 1.2;
--mud-typography-h2-letterspacing: -.00833em;
--mud-typography-h2-text-transform: none;
--mud-typography-h3-family: Roboto, Helvetica, Arial, sans-serif;
--mud-typography-h3-size: 3rem;
--mud-typography-h3-weight: 400;
--mud-typography-h3-lineheight: 1.167;
--mud-typography-h3-letterspacing: 0;
--mud-typography-h3-text-transform: none;
--mud-typography-h4-family: Roboto, Helvetica, Arial, sans-serif;
--mud-typography-h4-size: 2.125rem;
--mud-typography-h4-weight: 400;
--mud-typography-h4-lineheight: 1.235;
--mud-typography-h4-letterspacing: .00735em;
--mud-typography-h4-text-transform: none;
--mud-typography-h5-family: Roboto, Helvetica, Arial, sans-serif;
--mud-typography-h5-size: 1.5rem;
--mud-typography-h5-weight: 400;
--mud-typography-h5-lineheight: 1.334;
--mud-typography-h5-letterspacing: 0;
--mud-typography-h5-text-transform: none;
--mud-typography-h6-family: Roboto, Helvetica, Arial, sans-serif;
--mud-typography-h6-size: 1.25rem;
--mud-typography-h6-weight: 500;
--mud-typography-h6-lineheight: 1.6;
--mud-typography-h6-letterspacing: .0075em;
--mud-typography-h6-text-transform: none;
--mud-typography-subtitle1-family: Roboto, Helvetica, Arial, sans-serif;
--mud-typography-subtitle1-size: 1rem;
--mud-typography-subtitle1-weight: 400;
--mud-typography-subtitle1-lineheight: 1.75;
--mud-typography-subtitle1-letterspacing: .00938em;
--mud-typography-subtitle1-text-transform: none;
--mud-typography-subtitle2-family: Roboto, Helvetica, Arial, sans-serif;
--mud-typography-subtitle2-size: .875rem;
--mud-typography-subtitle2-weight: 500;
--mud-typography-subtitle2-lineheight: 1.57;
--mud-typography-subtitle2-letterspacing: .00714em;
--mud-typography-subtitle2-text-transform: none;
--mud-typography-body1-family: Roboto, Helvetica, Arial, sans-serif;
--mud-typography-body1-size: 1rem;
--mud-typography-body1-weight: 400;
--mud-typography-body1-lineheight: 1.5;
--mud-typography-body1-letterspacing: .00938em;
--mud-typography-body1-text-transform: none;
--mud-typography-body2-family: Roboto, Helvetica, Arial, sans-serif;
--mud-typography-body2-size: .875rem;
--mud-typography-body2-weight: 400;
--mud-typography-body2-lineheight: 1.43;
--mud-typography-body2-letterspacing: .01071em;
--mud-typography-body2-text-transform: none;
--mud-typography-button-family: Roboto, Helvetica, Arial, sans-serif;
--mud-typography-button-size: .875rem;
--mud-typography-button-weight: 500;
--mud-typography-button-lineheight: 1.75;
--mud-typography-button-letterspacing: .02857em;
--mud-typography-button-text-transform: uppercase;
--mud-typography-caption-family: Roboto, Helvetica, Arial, sans-serif;
--mud-typography-caption-size: .75rem;
--mud-typography-caption-weight: 400;
--mud-typography-caption-lineheight: 1.66;
--mud-typography-caption-letterspacing: .03333em;
--mud-typography-caption-text-transform: none;
--mud-typography-overline-family: Roboto, Helvetica, Arial, sans-serif;
--mud-typography-overline-size: .75rem;
--mud-typography-overline-weight: 400;
--mud-typography-overline-lineheight: 2.66;
--mud-typography-overline-letterspacing: .08333em;
--mud-typography-overline-text-transform: none;
--mud-zindex-drawer: 1100;
--mud-zindex-appbar: 1300;
--mud-zindex-dialog: 1400;
--mud-zindex-popover: 1200;
--mud-zindex-snackbar: 1500;
--mud-zindex-tooltip: 1600;
--mud-native-html-color-scheme: light;
}
</style>
<div class="mud-popover-provider"><div id="popovercontent-c5c8e49d-9a71-449f-98ed-a034f371ad49" data-ticks="0" class="mud-popover mud-popover-top-right mud-popover-anchor-bottom-right mud-popover-overflow-flip-onopen mud-paper mud-elevation-8" style="transition-duration:251ms;transition-delay:0ms;"></div><div id="popovercontent-22f1ece8-7829-433d-a390-448e852b0f33" data-ticks="0" class="mud-popover mud-popover-top-right mud-popover-anchor-bottom-right mud-popover-overflow-flip-onopen mud-paper mud-elevation-8" style="transition-duration:251ms;transition-delay:0ms;"></div></div>
<div Position="SnackbarPosition.BottomLeft" id="mud-snackbar-container" class="mud-snackbar-location-top-right"></div>
<style>
.mobile-menu-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
background: white;
width: 100vw;
height: 100vh;
overflow-y: auto;
padding: 1rem;
font-family: 'Public Sans', sans-serif;
}
.mobile-menu-header {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 0.5rem;
}
.logo {
height: 40px;
}
.close-btn {
background: none;
border: none;
font-size: 1rem;
color: #454545;
}
.auth-buttons {
margin: 1rem 0;
display: flex;
justify-content: space-between;
gap: 0.5rem;
}
.signup-btn {
flex: 1;
background: #FF7F38;
color: white;
border: none;
padding: 0.5rem;
border-radius: 5px;
font-weight: 600;
font-size: 14px;
text-transform: capitalize;
}
.login-btn {
flex: 1;
background: #white;
color: #333;
border: 1px solid #E3E3E3;
padding: 0.5rem;
border-radius: 5px;
font-weight: 600;
font-size: 14px;
text-transform: capitalize;
}
.post-btn {
flex: 1;
background: #FFFFFF;
color: #FF7F38;
border: 1px solid #FF7F38;
padding: 0.5rem;
border-radius: 5px;
font-weight: 600;
font-size: 14px;
text-transform: capitalize;
}
.menu-links {
margin-top: 1rem;
}
.main-link {
margin-bottom: 1rem;
display: block;
text-decoration: none;
font-weight: 500;
font-size: 16px;
color: #FF7F38;
}
.menu-section {
margin-bottom: 1.25rem;
}
.menu-section-title {
font-weight: 500;
font-size: 16px;
color: #FF7F38;
margin-bottom: 0.25rem;
text-decoration: none;
}
.section-links {
padding-left: 1rem;
}
.section-links a {
display: block;
text-decoration: none;
color: #646464;
margin: 1rem 0 0.25rem 0;
font-weight: 500;
font-size: 15px;
}
.mobile-menu-footer {
padding-top: 1rem;
}
.footer-links-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.5rem 1.5rem;
font-size: 16px;
font-weight: 500;
color: #00426D;
padding: 1rem 0;
border-top: 1px solid #e0e0e0;
}
.footer-links-grid a {
color: #00426D;
text-decoration: none;
}
.social-icons {
display: flex;
justify-content: center;
gap: 1rem;
padding: 1rem 0;
border-top: 1px solid #e0e0e0;
}
.social-icons img {
height: 32px;
width: 32px;
}
.user-profile-row {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 15px 10px 0;
cursor: pointer;
}
.user-left {
display: flex;
align-items: center;
}
.user-avatar {
width: 40px;
height: 40px;
border-radius: 50%;
border: 2px solid #FF7F38;
padding: 2px;
margin-right: 0.75rem;
}
.user-info {
display: flex;
flex-direction: column;
}
.user-name {
font-weight: 600;
color: #FF7F38;
font-size: 0.95rem;
}
.user-email {
font-size: 0.85rem;
color: #777;
}
.right-arrow-icon {
display: flex;
align-items: flex-start;
}
.arrow-icon-color {
font-size: 1rem;
color: #454545;
}
.profile-item, .nested-profile-item {
display: flex;
align-items: center;
padding: 0.75rem 1rem;
cursor: pointer;
}
.profile-icon {
width: 24px;
height: 24px;
margin-right: 1rem;
}
.menu-item-text {
font-size: 13px;
font-weight: 500;
color: var(--color-text-heading);
flex-grow: 1;
}
.logout-item {
color: #F04438 !important;
}
.nested-items {
padding-left: 2rem;
}
.nested-icon-color {
filter: brightness(0) saturate(100%) invert(38%) sepia(10%) saturate(1192%) hue-rotate(174deg) brightness(91%) contrast(86%);
}
</style>
<header class="site-header mud-elevation-1" b-1tn2k1ekgt><div class="header-container" b-1tn2k1ekgt><button type="button" class="mud-button-root mud-icon-button mud-ripple mud-ripple-icon mobile-menu-button" __internal_stopPropagation_onclick><span class="mud-icon-button-label"><svg class="mud-icon-root mud-svg-icon mud-icon-size-medium" focusable="false" viewBox="0 0 24 24" aria-hidden="true" role="img"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg></span></button>
<div class="header-left" b-1tn2k1ekgt><a href="/content/daily" class="active" aria-current="page"><img id="logoImage" src="/qln-images/dark_mode_logo.svg" alt="Qatar Living" class="mud-image object-fill object-center logo-img" /></a></div>
<div class="nav-main-conainer" b-1tn2k1ekgt><div class="nav-container" b-1tn2k1ekgt><a id="propertiesLink" href="https://www.qatarliving.com/properties" class="nav-link">Properties</a>
<a id="vehiclesLink" href="https://www.qatarliving.com/vehicles" class="nav-link">Vehicles</a>
<a id="classifiedsLink" href="https://www.qatarliving.com/classifieds" class="nav-link">Classifieds</a>
<a id="servicesLink" href="https://www.qatarliving.com/services" class="nav-link">Services</a>
<a id="jobsLink" href="https://www.qatarliving.com/jobs" class="nav-link">Jobs</a>
<a id="rewardsLink" href="https://qlr.qatarliving.com/en/rewards" class="nav-link">Rewards</a></div>
<div class="post-button-wrapper" b-1tn2k1ekgt><div OffsetY="true" class="mud-menu"><div class="mud-menu-activator"><button id="headerPostButton" type="button" class="mud-button-root mud-button mud-button-filled mud-button-filled-default mud-button-filled-size-medium mud-ripple post-ad-btn desktop-post-btn" style="background-color: #FF7F38; color: white;" __internal_stopPropagation_onclick><span class="mud-button-label"><span class="mud-button-icon-start mud-button-icon-size-medium"><svg class="mud-icon-root mud-svg-icon mud-icon-size-medium" focusable="false" viewBox="0 0 24 24" aria-hidden="true" role="img"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg></span><span class="post-ad-text" b-1tn2k1ekgt>Post Ad</span></span></button></div><div id="popover-c5c8e49d-9a71-449f-98ed-a034f371ad49" class="mud-popover-cascading-value"></div></div></div></div>
<div class="header-right" b-1tn2k1ekgt><img src="/qln-images/header/add_post_svg.svg" alt="Post" class="mobile-post-icon" b-1tn2k1ekgt />
<div OffsetY="true" class="mud-menu"><div class="mud-menu-activator"><div id="userIcon" style="display: flex; align-items: center; gap: 0.5rem;" class="cursor-pointer" b-1tn2k1ekgt><div role="img" class="mud-avatar mud-avatar-medium mud-avatar-filled mud-avatar-filled-default mud-elevation-0 avatar-custom" style=""><img src="/qln-images/header/account.svg" alt="Account" class="avatar-icon" b-1tn2k1ekgt></div></div></div><div id="popover-22f1ece8-7829-433d-a390-448e852b0f33" class="mud-popover-cascading-value"></div></div></div></div></header>
<main class="main-content" b-1tn2k1ekgt><div class="Content-layout"><div class="tab-bar-wrapper"><button class="tab-button selected-tab"><div class="tab-button-inner"><img src="/qln-images/content/daily_icon.svg" class="tab-icon active-orange" />
<div class="tab-label active-tab">Daily</div></div></button><button class="tab-button "><div class="tab-button-inner"><img src="/qln-images/content/news_icon.svg" class="tab-icon default-gray" />
<div class="tab-label ">News</div></div></button><button class="tab-button "><div class="tab-button-inner"><img src="/qln-images/content/events_icon.svg" class="tab-icon default-gray" />
<div class="tab-label ">Events</div></div></button><button class="tab-button "><div class="tab-button-inner"><img src="/qln-images/content/community_icon.svg" class="tab-icon default-gray" />
<div class="tab-label ">Community</div></div></button></div>
<style>
.tab-bar-wrapper {
display: flex;
align-items: center;
justify-content: center;
overflow-x: auto;
gap: 10px;
padding: 8px 16px;
background-color: var(--color-background);
scrollbar-width: none;
-ms-overflow-style: none;
font-family: 'Public Sans', sans-serif;
}
.tab-bar-wrapper::-webkit-scrollbar {
display: none;
}
.tab-button {
min-width: 80px;
padding: 8px;
background: transparent;
border: none;
outline: none;
cursor: pointer;
border-radius: 8px;
transition: background-color 0.3s ease, transform 0.3s ease, opacity 0.3s ease;
display: flex;
flex-direction: column;
align-items: center;
}
.tab-button:hover {
opacity: 0.85;
}
.tab-button-inner {
display: flex;
flex-direction: column;
align-items: center;
transition: transform 0.3s ease;
}
.tab-button.selected-tab .tab-button-inner {
transform: scale(1.05);
}
.tab-icon {
width: 24px;
height: 24px;
margin-bottom: 2px;
transition: filter 0.3s ease;
}
.active-orange {
filter: brightness(0) saturate(100%) invert(64%) sepia(94%) saturate(1386%) hue-rotate(334deg) brightness(102%) contrast(97%);
}
.default-gray {
filter: brightness(0) saturate(100%) invert(53%) sepia(0%) saturate(1031%) hue-rotate(176deg) brightness(93%) contrast(91%);
}
.tab-label {
font-size: 12px;
font-weight: 500;
color: var(--color-text-descripton);
transition: color 0.3s ease, border-bottom 0.3s ease;
}
.tab-label.active-tab {
color: var(--color-accent);
font-size: 12px;
font-weight: 500;
border-bottom: 3px solid var(--color-accent);
}
@media (max-width: 768px) {
.tab-bar-wrapper {
gap: 8px;
padding-left: 8px;
padding-right: 8px;
}
.tab-button {
min-width: 60px;
padding: 4px;
}
.tab-icon {
width: 20px;
height: 20px;
margin-bottom: 2px;
}
.tab-label {
font-size: 0.65rem;
}
}
</style>
<div class="Content-body">
<div style="width: 100%;background-color: var(--color-secondary-background);"><div class="carousel-responsive-container"><div class="max-container"><span class="mud-skeleton mud-skeleton-rectangle mud-skeleton-pulse responsive-skeleton" style="width:100%;"></span>
<style>
.responsive-skeleton {
border-radius: 12px;
height: 150px;
}
@media (min-width: 768px) {
.responsive-skeleton {
height: 250px;
}
}
</style></div></div>
<div class="responsive-news-container"><div class="max-container"><div GutterSize="5px" class="mud-grid mud-grid-spacing-xs-6 justify-start" style="margin-bottom: 20px;"><div class="mud-grid-item mud-grid-item-xs-12 mud-grid-item-md-8"><div GutterSize="10px" class="mud-grid mud-grid-spacing-xs-6 justify-start"><div key="0" class="mud-grid-item mud-grid-item-xs-12 mud-grid-item-sm-6 mud-grid-item-md-6"><div class="mud-paper mud-elevation-1 mud-card" style="border-radius: 2px; overflow: hidden; width: 100%; height: 100%;;"><span class="mud-skeleton mud-skeleton-rectangle mud-skeleton-wave" style="height:170px;"></span>
<div class="mud-card-content"><span class="mud-skeleton mud-skeleton-text mud-skeleton-wave" style="height:12px;width:60px;"></span>
<span class="mud-skeleton mud-skeleton-text mud-skeleton-wave" style="height:24px;width:80px;"></span>
<span class="mud-skeleton mud-skeleton-text mud-skeleton-wave" style="height:20px;width:90%;"></span>
<span class="mud-skeleton mud-skeleton-text mud-skeleton-wave" style="height:20px;width:70%;"></span>
<span class="mud-skeleton mud-skeleton-text mud-skeleton-wave" style="height:12px;width:40%;"></span></div></div></div><div key="1" class="mud-grid-item mud-grid-item-xs-12 mud-grid-item-sm-6 mud-grid-item-md-6"><div class="mud-paper mud-elevation-1 mud-card" style="border-radius: 2px; overflow: hidden; width: 100%; height: 100%;;"><span class="mud-skeleton mud-skeleton-rectangle mud-skeleton-wave" style="height:170px;"></span>
<div class="mud-card-content"><span class="mud-skeleton mud-skeleton-text mud-skeleton-wave" style="height:12px;width:60px;"></span>
<span class="mud-skeleton mud-skeleton-text mud-skeleton-wave" style="height:24px;width:80px;"></span>
<span class="mud-skeleton mud-skeleton-text mud-skeleton-wave" style="height:20px;width:90%;"></span>
<span class="mud-skeleton mud-skeleton-text mud-skeleton-wave" style="height:20px;width:70%;"></span>
<span class="mud-skeleton mud-skeleton-text mud-skeleton-wave" style="height:12px;width:40%;"></span></div></div></div></div></div>
<div class="mud-grid-item mud-grid-item-xs-12 mud-grid-item-md-4"><div class="more-articles side-spacing"><h3 class="section-heading"><span class="accent-bar"></span>More Articles
</h3><div class="mud-grid mud-grid-spacing-xs-6 justify-start ps-3 py-1"><div class="mud-grid-item mud-grid-item-xs-9"><span class="mud-skeleton mud-skeleton-text mud-skeleton-wave mb-1" style="height:20px;width:80%;"></span>
<span class="mud-skeleton mud-skeleton-text mud-skeleton-wave mb-1" style="height:20px;width:95%;"></span>
<span class="mud-skeleton mud-skeleton-text mud-skeleton-wave" style="height:20px;width:70%;"></span></div>
<div class="mud-grid-item mud-grid-item-xs-3"><span class="mud-skeleton mud-skeleton-rectangle mud-skeleton-wave rounded" style="height:70px;width:100%;"></span></div></div><div class="mud-grid mud-grid-spacing-xs-6 justify-start ps-3 py-1"><div class="mud-grid-item mud-grid-item-xs-9"><span class="mud-skeleton mud-skeleton-text mud-skeleton-wave mb-1" style="height:20px;width:80%;"></span>
<span class="mud-skeleton mud-skeleton-text mud-skeleton-wave mb-1" style="height:20px;width:95%;"></span>
<span class="mud-skeleton mud-skeleton-text mud-skeleton-wave" style="height:20px;width:70%;"></span></div>
<div class="mud-grid-item mud-grid-item-xs-3"><span class="mud-skeleton mud-skeleton-rectangle mud-skeleton-wave rounded" style="height:70px;width:100%;"></span></div></div><div class="mud-grid mud-grid-spacing-xs-6 justify-start ps-3 py-1"><div class="mud-grid-item mud-grid-item-xs-9"><span class="mud-skeleton mud-skeleton-text mud-skeleton-wave mb-1" style="height:20px;width:80%;"></span>
<span class="mud-skeleton mud-skeleton-text mud-skeleton-wave mb-1" style="height:20px;width:95%;"></span>
<span class="mud-skeleton mud-skeleton-text mud-skeleton-wave" style="height:20px;width:70%;"></span></div>
<div class="mud-grid-item mud-grid-item-xs-3"><span class="mud-skeleton mud-skeleton-rectangle mud-skeleton-wave rounded" style="height:70px;width:100%;"></span></div></div><div class="mud-grid mud-grid-spacing-xs-6 justify-start ps-3 py-1"><div class="mud-grid-item mud-grid-item-xs-9"><span class="mud-skeleton mud-skeleton-text mud-skeleton-wave mb-1" style="height:20px;width:80%;"></span>
<span class="mud-skeleton mud-skeleton-text mud-skeleton-wave mb-1" style="height:20px;width:95%;"></span>
<span class="mud-skeleton mud-skeleton-text mud-skeleton-wave" style="height:20px;width:70%;"></span></div>
<div class="mud-grid-item mud-grid-item-xs-3"><span class="mud-skeleton mud-skeleton-rectangle mud-skeleton-wave rounded" style="height:70px;width:100%;"></span></div></div></div>
<style>
.section-heading {
margin: 0;
display: flex;
align-items: center;
font-family: 'Public Sans', sans-serif;
font-size: 25px;
font-weight: 600;
color: var(--color-text-heading);
padding: 0px 0px 12px 0px;
}
.accent-bar {
display: inline-block;
width: 6px;
height: 26px;
background-color: var(--color-primary);
margin-right: 8px;
}
.more-articles {
max-width: 600px;
font-family: 'Public Sans', sans-serif;
}
.heading-style {
margin-right: 4px;
font-size: 25px;
font-weight: 600;
font-family: 'Public Sans', sans-serif;
color: var(--color-text-heading);
}
h3 {
font-size: 20px;
margin-bottom: 20px;
}
.daily-article-entry {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 0px 0px 6px 0px;
border-bottom: 1px solid #F0F0F0;
}
.daily-image-container {
width: 100%;
max-width: 124px;
aspect-ratio: 16 / 9;
border-radius: 4px;
overflow: hidden;
background-color: #f3f3f3;
flex-shrink: 0;
}
.daily-article-entry:last-child {
border-bottom: none;
}
.article-content {
flex: 1;
}
.article-meta {
color: #FF7F38;
font-weight: 600;
font-size: 14px;
margin-bottom: 4px;
}
.daily-article-title {
font-size: 16px;
font-weight: 600;
padding-right: 12px;
text-decoration: none;
color: var(--color-text-heading) !important;
line-height: 26px;
letter-spacing: 0;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.daily-article-title:hover {
text-decoration: underline;
cursor: pointer;
color: var(--color-primary) !important;
}
.daily-article-image {
width: 100%;
height: 100%;
border-radius: 4px;
object-fit: cover;
}
.daily-article-image:hover{
cursor: pointer;
}
@media (max-width: 768px) {
.side-spacing {
padding: 0 16px;
}
}
</style></div></div>
<div GutterSize="16px" class="mud-grid mud-grid-spacing-xs-6 justify-start"><div class="mud-grid-item mud-grid-item-xs-12 mud-grid-item-md-3 mud-grid-item-lg-3"><div class="newsletter-container"><h3 class="newsletter-container-name">
Get The QL newsletter. Sign up to receive the top stories you need to know
right now.
</h3>
<form class="mud-form gap-0" action="/content/daily"><button type="submit" disabled style="display: none" aria-hidden="true"></button><div class="mud-input-control mud-input-required mud-input-control-margin-dense mud-input-input-control"><div class="mud-input-control-input-container"><div class="mud-input mud-input-outlined mud-input-margin-dense mud-shrink mud-ltr mud-typography-subtitle1"><input class="mud-input-slot mud-input-root mud-input-root-outlined mud-input-root-margin-dense" id="mudinputy0f77dn3" type="email" placeholder="Enter your email" inputmode="text" maxlength="524288" aria-invalid="false" required aria-required="true" /><div class="mud-input-slot mud-input-root mud-input-root-outlined mud-input-root-margin-dense" style="display:none" tabindex="-1"></div><fieldset class="mud-input-outlined-border"></fieldset></div></div></div>
<button type="button" class="mud-button-root mud-button mud-button-filled mud-button-filled-default mud-button-filled-size-medium mud-ripple reset-button" style="background-color: #FF7F38;color: white;text-transform: capitalize;margin-top: 10px;" __internal_stopPropagation_onclick><span class="mud-button-label">Subscribe</span></button></form></div>
<style>
.newsletter-box {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
padding: 12px;
margin-top: 1rem;
max-width: 340px;
}
.newsletter-icon {
width: 48px;
height: 48px;
margin-top: 10px;
}
.newsletter-text {
font-family: 'Public Sans', sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 24px;
text-align: center;
color: #242424;
}
.newsletter-input {
width: 292px;
height: 44px;
padding: 10px 16px;
border: 1px solid #D0D5DD;
border-radius: 6px;
}
.newsletter-input::placeholder {
padding-left: 14px;
}
.newsletter-html-input:focus {
border-color: #FF7F38;
}
.newsletter-button {
width: 292px;
height: 44px;
gap: 8px;
border-radius: 6px;
padding: 6px 40px;
background-color: #FF7F38;
color: white;
margin-top: 16px;
font-family: 'Public Sans', sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 24px;
letter-spacing: 0;
text-transform: capitalize;
}
.newsletter-container {
width: 100%;
margin: 0 auto;
padding: 24px;
box-sizing: border-box;
border: 1px solid var(--color-background-secondary-grey-medium);
border-radius: 6px;
background-color: #fff;
font-family: 'Public Sans', sans-serif;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.newsletter-container-name {
font-size: 14px;
font-weight: 600;
margin-bottom: 10px;
color: var(--color-text-heading);
line-height: 26px;
letter-spacing: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
}
.error-message {
color: red;
font-size: 13px;
margin-bottom: 10px;
}
</style></div></div>
<div class="daily-know-section"><div class="daily-title"><span class="title-orange">IN</span>
<span class="title-blue">the Know</span></div>
<div class="daily-category-group"><button class="daily-category-btn"><img src="/qln-images/content/business_icon.svg" alt="Business" class="btn-icon" />
Business</button><button class="daily-category-btn"><img src="/qln-images/content/sports_icon.svg" alt="Sports" class="btn-icon" />
Sports</button><button class="daily-category-btn"><img src="/qln-images/content/lifestyle_icon.svg" alt="Lifestyle" class="btn-icon" />
Lifestyle</button><button class="daily-category-btn"><img src="/qln-images/content/food_icon.svg" alt="Food & Dining" class="btn-icon" />
Food & Dining</button><button class="daily-category-btn"><img src="/qln-images/content/travel_icon.svg" alt="Travel & Leisure" class="btn-icon" />
Travel & Leisure</button><button class="view-all-btn">
View all
<svg class="mud-icon-root mud-svg-icon mud-icon-size-medium arrow-icon" focusable="false" viewBox="0 0 24 24" aria-hidden="true" role="img"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg></button></div></div>
<style>
.daily-know-section {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%;
padding: 20px 0;
font-family: 'Public Sans', sans-serif;
}
.daily-title {
font-size: 25px;
font-weight: 600;
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 10px;
}
.title-orange {
color: var(--color-accent);
}
.title-blue {
color: var(--color-primary);
}
.daily-category-group {
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: center;
justify-content: center;
padding: 20px 0;
}
.daily-category-btn {
display: flex;
align-items: center;
padding: 10px 24px;
border: 1px solid var(--color-secondary-grey-container);
border-radius: 999px;
background-color: white;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.daily-category-btn:hover,
.view-all-btn:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.btn-icon {
width: 20px;
height: 20px;
margin-right: 10px;
}
.view-all-btn {
background-color: var(--color-primary);
color: white;
font-weight: 600;
border: none;
border-radius: 999px;
padding: 10px 24px;
font-size: 14px;
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.arrow-icon {
font-size: 18px;
margin-left: 6px;
color: white;
}
.view-all-btn:hover {
background-color: var(--color-accent);
}
</style></div></div>
<div class="responsive-news-container-daily"><div class="max-container"><div class="daily-categories-wrapper"><div class="daily-categories-header"><div class="mud-container mud-container-maxwidth-false mud-container--gutters"><h3 class="daily-section-header">Featured Events</h3></div></div><div class="card-container"><div style="border-radius: 8px; overflow: hidden;"><span class="mud-skeleton mud-skeleton-rectangle mud-skeleton-pulse" style="height:252px;width:100%;"></span></div><div style="border-radius: 8px; overflow: hidden;"><span class="mud-skeleton mud-skeleton-rectangle mud-skeleton-pulse" style="height:252px;width:100%;"></span></div><div style="border-radius: 8px; overflow: hidden;"><span class="mud-skeleton mud-skeleton-rectangle mud-skeleton-pulse" style="height:252px;width:100%;"></span></div><div style="border-radius: 8px; overflow: hidden;"><span class="mud-skeleton mud-skeleton-rectangle mud-skeleton-pulse" style="height:252px;width:100%;"></span></div><div style="border-radius: 8px; overflow: hidden;"><span class="mud-skeleton mud-skeleton-rectangle mud-skeleton-pulse" style="height:252px;width:100%;"></span></div><div style="border-radius: 8px; overflow: hidden;"><span class="mud-skeleton mud-skeleton-rectangle mud-skeleton-pulse" style="height:252px;width:100%;"></span></div></div>
<style>
.card-container {
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: space-between;
padding: 16px;
}
.card-container>* {
flex: 0 0 calc(16.66% - 14px);
/* 6 per row with spacing */
}
@media (max-width: 1024px) {
.card-container>* {
flex: 0 0 calc(33.33% - 10px);
/* 3 per row on tablets */
}
}
@media (max-width: 768px) {
.card-container {
flex-wrap: nowrap;
overflow-x: auto;
padding-bottom: 8px;
scrollbar-width: none;
}
.card-container::-webkit-scrollbar {
display: none;
}
.card-container>* {
flex: 0 0 85%;
scroll-snap-align: start;
}
.card-container {
scroll-snap-type: x mandatory;
}
}
</style></div>
<style>
.daily-categories-wrapper {
width: 100%;
font-family: 'Public Sans', sans-serif;
}
.daily-categories-header {
padding: 1rem 0;
}
.daily-section-header {
font-weight: 500;
text-align: center;
font-size: 25px;
color: var(--color-text-heading);
}
/* Center-align slides only if 'les5swiper-wrapper' class is present */
.swiper-wrapper.les5swiper-wrapper {
justify-content: center !important;
}
.swiper-categories-container {
position: relative;
width: 100%;
padding: 0rem;
}
.swiper-categories {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 0;
}
.swiper-slide-Card {
padding: 0.5rem;
box-sizing: border-box;
}
.swiper-slide {
width: auto;
box-sizing: border-box;
flex-shrink: 0;
}
/* Navigation Buttons - hidden initially */
.arrow-button {
opacity: 0;
transition: opacity 0.3s ease;
position: absolute;
top: 40%;
transform: translateY(-50%);
z-index: 10;
background-color: white;
border-radius: 50%;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
/* Position left/right arrows */
.arrow-button.left {
left: 20px;
}
.arrow-button.right {
right: 20px;
}
.swiper-categories-pagination-wrapper {
display: flex;
justify-content: center;
/* shift to right */
align-items: center;
width: 100%;
margin-top: 10px;
padding-left: 130px;
}
.swiper-categories-pagination {
text-align: center;
user-select: none;
}
.swiper-categories-pagination .swiper-pagination-bullet {
width: 8px;
height: 8px;
background: #bbb;
display: inline-block;
cursor: pointer;
transition: background-color 0.3s ease, transform 0.3s ease;
}
.swiper-categories-pagination .swiper-pagination-bullet-active {
width: 10px;
height: 10px;
background: #00426D;
}
/* Show arrows on hover only for desktop */
@media (min-width: 770px) {
.swiper-categories-container:hover .arrow-button {
opacity: 1;
}
.swiper-categories-pagination-wrapper {
display: flex;
justify-content: center;
/* shift to right */
align-items: center;
width: 100%;
margin-top: 10px;
padding-left: 130px;
}
}
/* Hide arrows permanently on mobile */
@media (max-width: 770px) {
.arrow-button {
display: none !important;
}
.swiper-wrapper.les5swiper-wrapper {
justify-content: flex-start !important;
}
.swiper-categories-container {
position: relative;
width: 100%;
padding: 5px;
}
.swiper-categories-pagination {
margin-top: 0px;
}
.swiper-categories-pagination-wrapper {
display: flex;
justify-content: center;
/* shift to right */
align-items: center;
width: 100%;
margin-top: 10px;
padding-left: 130px;
}
}
</style>
<div class="daily-more-section"><div class="daily-title"><span class="title-more-events">More Events</span></div>
<div class="daily-more-category-group"><button class="daily-category-btn">Music</button><button class="daily-category-btn">Workshops</button><button class="daily-category-btn">Sports</button><button class="daily-category-btn">Festivals</button><button class="daily-category-btn">Entertainment</button><button class="daily-category-btn">Exhibitions</button><button class="view-all-btn">
View all
<svg class="mud-icon-root mud-svg-icon mud-icon-size-medium arrow-icon" focusable="false" viewBox="0 0 24 24" aria-hidden="true" role="img"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg></button></div></div>
<style>
.daily-more-section {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%;
font-family: 'Public Sans', sans-serif;
padding: 20px 0;
}
.daily-title {
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 10px;
}
.title-more-events {
color: var(--color-text-heading);
font-size: 25px;
font-weight: 600;
color: var(--color-text-heading);
}
.daily-more-category-group {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
justify-content: center;
padding: 20px 0;
}
.daily-category-btn {
display: flex;
align-items: center;
padding: 10px 24px;
border: 1px solid var(--color-secondary-grey-container);
border-radius: 999px;
background-color: white;
font-size: 14px;
font-weight: 600;
color: var(--color-text-heading);
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.daily-category-btn:hover,
.view-all-btn:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.btn-icon {
width: 20px;
height: 20px;
margin-right: 10px;
}
.view-all-btn {
background-color: var(--color-primary);
color: white;
font-weight: 600;
border: none;
border-radius: 999px;
padding: 10px 24px;
font-size: 14px;
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.arrow-icon {
font-size: 18px;
margin-left: 6px;
color: white;
}
.view-all-btn:hover {
background-color: var(--color-accent);
}
</style><span class="mud-skeleton mud-skeleton-rectangle mud-skeleton-pulse responsive-skeleton" style="width:100%;"></span>
<style>
.responsive-skeleton {
border-radius: 12px;
height: 150px;
}
@media (min-width: 768px) {
.responsive-skeleton {
height: 250px;
}
}
</style></div></div><div class="responsive-news-container"><div class="max-container"><span class="mud-skeleton mud-skeleton-rectangle mud-skeleton-pulse responsive-skeleton" style="width:100%;"></span>
<style>
.responsive-skeleton {
border-radius: 12px;
height: 150px;
}
@media (min-width: 768px) {
.responsive-skeleton {
height: 250px;
}
}
</style></div></div></div>
<style>
.responsive-container {
width: 100%;
padding: 0 30px;
box-sizing: border-box;
}
.max-container {
max-width: 1170px;
margin: 0 auto;
}
.carousel-responsive-container {
width: 100%;
padding: 0px 30px;
margin-bottom: 40px;
box-sizing: border-box;
}
.responsive-news-container {
width: 100%;
padding: 0px 30px;
box-sizing: border-box;
background-color: #FFFFFF;
}
.responsive-news-container-daily {
width: 100%;
padding: 0px 30px;
box-sizing: border-box;
background: linear-gradient(to top, #FFFFFF 0%, #FFFFFF 20%, #F5F6FA 100%);
}
.side-padding {
padding: 10px;
}
.daily-highlights {
width: 100%;
background-color: #FFFFFF;
}
@media (max-width: 770px) {
.responsive-container {
padding: 0 16px;
}
.responsive-news-container {
padding: 0px 16px;
}
.responsive-news-container-daily {
padding: 0px 16px;
}
.carousel-responsive-container {
margin-bottom: 10px;
padding: 0;
}
}
@media (max-width: 480px) {
.responsive-container {
padding: 0 5px;
}
.responsive-news-container {
padding: 0;
}
.responsive-news-container-daily {
padding: 0;
}
.carousel-responsive-container {
margin-bottom: 5px;
padding: 0;
}
.mud-grid-item {
display: flex;
justify-content: center;
}
.mud-form {
width: 100%;
}
}
</style></div></div>
<button type="button" class="mud-button-root mud-button mud-button-filled mud-button-filled-default mud-button-filled-size-medium mud-ripple feedback-form-button-desktop" __internal_stopPropagation_onclick><span class="mud-button-label"><span class="feedback-form-span-text">Share Feedback</span></span></button>
<button type="button" class="mud-button-root mud-button mud-button-text mud-button-text-default mud-button-text-size-medium mud-ripple feedback-form-button-mobile" __internal_stopPropagation_onclick><span class="mud-button-label"><img src="/qln-images/feedback/message.svg" alt="Feedback" style="width:24px; height:24px;"></span></button>
<style>
.feedback-form-button-desktop {
min-height: 146px;
min-width: 40px;
max-height: 146px;
max-width: 40px;
position: fixed;
bottom: 70px;
left: 0;
margin: 0;
width: auto;
/* Matches Hug property */
height: auto;
/* Matches Hug property */
padding: 10px 16px;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 0px 6px 6px 0px;
background-color: var(--color-accent);
/* border: var(--color-accent) solid 1px; */
color: #FFFFFF;
text-transform: capitalize
}
.feedback-form-button-desktop:hover {
background-color: var(--color-accent) !important;
color: #FFFFFF !important;
box-shadow: none !important;
}
.feedback-form-span-text {
transform: rotate(180deg);
writing-mode: vertical-lr;
text-decoration: none;
text-underline-position: from-font;
font-family: "Poppins", sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 20px;
text-align: left;
}
.feedback-progress-container{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.feedback-form-button-mobile {
min-width: 50px !important;
position: fixed;
bottom: 80px;
left: 16px;
margin: 0;
width: 50px !important;
height: 50px !important;
border-radius:25px;
background-color: var(--color-accent);
border: var(--color-accent) solid 1px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.feedback-form-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
backdrop-filter: blur(8px);
background: #00000080;
justify-content: center;
align-items: center;
z-index: 9999;
overflow-y: scroll;
}
.feedback-form-div-img-container {
margin-top: 10px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.feedback-form-header-container {
width: 100%;
/* Full width */
display: flex;
justify-content: space-between;
/* Space between the buttons */
align-items: flex-start;
}
.feedback-form-h1-heading {
font-family: "Poppins", sans-serif;
font-weight: 600;
line-height: 26px;
text-align: left;
margin: 0px;
font-style: normal;
letter-spacing: 0em;
font-size: 31px;
line-height: 46.5px;
text-align: left;
padding: 10px;
padding-left: 0px;
}
.feedback-form-p-description {
font-family: "Poppins", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 26px;
text-align: left;
margin-top: 0px;
color: #646464;
}
.feedback-form-textfield {
font-family: "Poppins", sans-serif;
margin-bottom: 14px !important;
margin-top: 0px !important;
}
.feedback-form-textfield .mud-input {
background-color: #fff;
}
.feedback-form-textfield .mud-input-control-helper-container {
background-color: #F0F0F0 !important; /* Your desired color */
}
.feedback-form-textarea {
font-family: "Poppins", sans-serif;
margin-bottom: 14px !important;
margin-top: 0px !important;
}
.feedback-form-textarea .mud-input {
background-color: #fff;
height: 200px;
}
.feedback-form-textarea .mud-input textarea{
background-color: #fff;
height: 100%;
}
.feedback-form-textarea .mud-input-control-helper-container {
background-color: #F0F0F0 !important; /* Your desired color */
}
.feedback-mobile-input div.mud-input-outlined.mud-input-outlined-with-label{
flex-direction: row-reverse !important;
}
.feedback-mobile-input div.mud-input-outlined.mud-input-outlined-with-label input{
padding-left: 0px !important;
}
.feedback-mobile-input div.mud-input-outlined.mud-input-outlined-with-label div {
display: block !important;
width:auto !important;
}
.feedback-qatar-flag-image {
border-radius: 50%;
height: 20px;
width: 20px;
}
/* Buttons Section */
.feedback-form-buttons-section {
width: 100%;
margin-top: 16px;
/* Optional: Space above the buttons */
}
.feedback-form-close-button:hover {
background-color: #f0f0f0;
/* Optional hover effect */
}
.feedback-form-submit-button {
height: 44px;
padding: 10px var(--spacing-xl);
border-radius: 4px;
border: none;
background-color: var(--color-accent);
color: #fff;
font-size: 14px;
font-family: "Poppins", sans-serif;
cursor: pointer;
transition: background-color 0.2s ease;
font-weight: 600;
box-shadow: none;
text-transform: capitalize
}
/* Modal Parent Div */
.feedback-form-success-result-modal {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/* Center both ways */
min-height: 284px;
/* Minimum height */
width: 100%;
/* Full width (within max-width constraint) */
background-color: #fff;
/* Background color */
border-radius: 12px;
/* Rounded corners */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
/* Optional: subtle shadow for elevation */
padding: 24px;
/* Padding inside the modal */
text-align: center;
/* Center align the text */
box-sizing: border-box;
/* Include padding and border in width/height */
}
.feedback-form-fail-result-modal {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/* Center both ways */
min-height: 284px;
/* Minimum height */
width: 100%;
/* Full width (within max-width constraint) */
background-color: #fff;
/* Background color */
border-radius: 12px;
/* Rounded corners */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
/* Optional: subtle shadow for elevation */
padding: 24px;
/* Padding inside the modal */
text-align: center;
/* Center align the text */
box-sizing: border-box;
/* Include padding and border in width/height */
}
/* First Div: Dynamic Height */
.feedback-form-modal-header {
flex: 1;
/* Occupies remaining height */
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
/* Second Div: Fixed Height */
.feedback-form-modal-footer {
height: 100px;
/* Fixed height */
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding-top: 0px !important;
margin-top: 0px !important;
}
/* First Div: SVG Icon */
.feedback-form-modal-icon {
width: 100%;
/* Full width */
height: 48px;
/* Fixed height */
display: flex;
justify-content: flex-start;
/* Center the icon horizontally */
align-items: center;
/* Center the icon vertically */
}
/* SVG Icon Styling */
.feedback-form-modal-icon svg {
height: 48px;
/* Fixed height */
width: 48px;
/* Fixed width */
}
.feedback-form-h1-heading-modal {
font-family: "Poppins", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 26px;
text-align: left;
margin-top: 16px;
margin-bottom: 0px;
}
.feedback-form-p-description-modal {
font-family: "Poppins", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 26px;
text-align: left;
margin-top: 0px;
color: #454545;
;
}
/* Submit Button Hover State */
.feedback-form-close-button-modal:hover {
background-color: #7b204e;
/* Optional hover effect */
}
.feedback-form-close-button-modal {
height: 44px;
padding: 10px var(--spacing-xl);
border-radius: 4px;
border: none;
background-color: var(--color-accent);
color: #fff;
font-size: 14px;
font-family: "Poppins", sans-serif;
cursor: pointer;
transition: background-color 0.2s ease;
width: 100%;
font-weight: 600;
box-shadow: none;
}
/* Desktop View */
@media (min-width: 1007px) {
.feedback-image-container{
min-width: calc(100% - 483px);
}
.feedback-form-button-mobile {
display: none;
}
/* First Level Div */
.feedback-form-div-first {
padding: 16px 24px !important;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 1096px;
width: calc(100% - 32px);
background-color: #fff;
border-radius: 12px;
}
/* Second Level Div */
.feedback-form-div-second {
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
margin: 0px;
width: 100%;
height: calc(100% - 32px);
}
/* Third Level Left Div */
.feedback-form-div-third-left {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.feedback-form-h1-heading {
margin-bottom: 10px;
}
.feedback-form-img {
max-height: 367px;
max-width: 367px;
}
/* Third Level Right Div */
.feedback-form-div-third-right {
background-color: #F0F0F0;
border-radius: 8px;
max-width: 483px !important;
min-height: 604px !important;
min-width: 483px !important;
padding: 24px
/* flex-grow: 1; Allow to fill remaining space */
}
/* Close Button */
.feedback-form-close-button {
width: 211px;
height: 44px;
padding: 10px var(--spacing-xl);
border: 1px solid #D0D5DD;
border-radius: 4px;
background-color: #fff;
color: #333;
font-size: 14px;
font-family: "Poppins", sans-serif;
cursor: pointer;
transition: background-color 0.2s ease, color 0.2s ease;
font-weight: 600;
box-shadow: none;
text-transform: capitalize
}
/* Submit Button */
.feedback-form-submit-button {
width: 211px;
}
.feedback-form-close-icon {
display: none;
/* Hide on disktop */
}
.feedback-form-fail-result-modal-width {
max-width: 400px;
height: 284px;
}
.feedback-form-success-result-modal-width {
max-width: 400px;
height: 284px;
}
}
/* Mobile View */
@media (max-width: 1006px) {
.feedback-form-button-desktop {
display: none;
}
/* Firest Level Right Div */
.feedback-form-div-first {
padding: 16px 16px !important;
position: absolute;
top: 100px;
/* Fixed distance from the top */
left: 16px;
/* Centered horizontally with 16px margins */
right: 16px;
transform: none;
/* Remove centering by transform */
width: calc(100% - 32px);
/* Full width with 16px margins */
background-color: #fff;
/* Same background color */
border-radius: 12px;
/* Same border radius */
height: auto;
/* Expand height based on content */
}
/* Second Level Right Div */
.feedback-form-div-second {
display: flex;
flex-direction: column;
/* Stack items vertically */
justify-content: center;
align-items: flex-start;
/* Align items to the start */
margin: 0px;
width: 100%;
/* Parent width minus horizontal margins */
height: calc(100% - 48px);
/* Parent height minus vertical margins */
}
/* Third Level Left Div */
.feedback-form-div-third-left {
display: flex;
width: 100% !important;
max-width: 100% !important;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.feedback-form-h1-heading {
margin-bottom: 6px;
}
.feedback-form-close-icon {
margin-top: 0px !important;
}
.feedback-form-img {
max-height: 215px;
max-width: 215px;
}
/* Third Level Right Div */
.feedback-form-div-third-right {
background-color: #F0F0F0;
border-radius: 8px;
margin-top: 10px;
width: 100% !important;
max-width: 100% !important;
padding: 16px
/* flex-grow: 1; Allow to fill remaining space */
}
/* Submit Button */
.feedback-form-submit-button {
width: 100%;
}
.feedback-form-close-button {
display: none;
/* Hide on mobile */
}
.feedback-form-fail-result-modal-width {
max-width: 361px;
}
.feedback-form-success-result-modal-width {
max-width: 361px;
}
}
@media (max-width: 360px) {
.feedback-form-fail-result-modal-width {
max-width: calc(100% - 32px) !important;
}
.feedback-form-success-result-modal-width {
max-width: calc(100% - 32px) !important;
}
}
</style>
<div class="footer-main" b-gxy4loasz2><div class="container" b-gxy4loasz2><div class="footer-top" b-gxy4loasz2><div class="footer-inline footer-col-341" b-gxy4loasz2><div class="footer-column footer-col-full" b-gxy4loasz2><div class="footer-flex-between" b-gxy4loasz2><div class="footer-col-vertical" b-gxy4loasz2><h4 b-gxy4loasz2>Explore</h4>
<div class="footer-links-col" b-gxy4loasz2><a href="https://www.qatarliving.com/properties" id="footerPropertiesLink" class="mud-typography mud-link mud-primary-text mud-link-underline-hover mud-typography-body1 footer-links">Properties</a>
<a href="https://www.qatarliving.com/vehicles" id="footerVehiclesLink" class="mud-typography mud-link mud-primary-text mud-link-underline-hover mud-typography-body1 footer-links">Vehicles</a>
<a href="https://www.qatarliving.com/classifieds" id="footerClassifiedsLink" class="mud-typography mud-link mud-primary-text mud-link-underline-hover mud-typography-body1 footer-links">Classifieds</a>
<a href="https://www.qatarliving.com/services" id="footerServicesLink" class="mud-typography mud-link mud-primary-text mud-link-underline-hover mud-typography-body1 footer-links">Services</a>
<a href="https://www.qatarliving.com/jobs" id="footerJobsLink" class="mud-typography mud-link mud-primary-text mud-link-underline-hover mud-typography-body1 footer-links">Jobs</a>
<a href="https://qlr.qatarliving.com/en/rewards" id="footerRewardsLink" class="mud-typography mud-link mud-primary-text mud-link-underline-hover mud-typography-body1 footer-links">Rewards</a></div></div>
<div class="footer-col-vertical" b-gxy4loasz2><h4 b-gxy4loasz2>Other</h4>
<div class="footer-links-col" b-gxy4loasz2><a href="/content/news" class="mud-typography mud-link mud-primary-text mud-link-underline-hover mud-typography-body1 footer-links">News</a>
<a href="/content/daily" class="mud-typography mud-link mud-primary-text mud-link-underline-hover mud-typography-body1 footer-links">Events</a>
<a href="/content/community" class="mud-typography mud-link mud-primary-text mud-link-underline-hover mud-typography-body1 footer-links">Community</a></div></div></div></div></div>
<div class="footer-inline footer-col-435" b-gxy4loasz2><div class="footer-column footer-col-full" b-gxy4loasz2><p b-gxy4loasz2>Want to advertise on Qatar Living?</p>
<p b-gxy4loasz2><strong b-gxy4loasz2>Take a look at our <a href="https://www.qatarliving.com/advertise" class="mud-typography mud-link mud-primary-text mud-link-underline-hover mud-typography-body1 orange-link">Advertise page</a></strong></p>
<p class="b-footer-subscribe--el-caption">
Subscribe to our newsletter to get the latest updates
</p>
<div id="mc_embed_signup" class="newsletter" style="width: 100%;"><form action="//qatarliving.us9.list-manage.com/subscribe/post?u=3ab0436d22c64716e67a03f64&id=94198fac96" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" style="width:100%" target="_blank" novalidate><div id="mc_embed_signup_scroll" style="width: 100%;"><div class="Ql-newsletter-image"></div>
<div class="mc-field-group"><div class="newsletter"><input type="email" value name="EMAIL" class="b-footer-subscribe--el-input required email newsletter-input" id="mce-EMAIL" placeholder="Email">
<input type="submit" class="b-footer-subscribe--el-submit newsletter-button" value="Subscribe" name="subscribe" id="mc-embedded-subscribe"></div></div>
<div id="mce-responses" class="clear"><div class="response text-wrap" id="mce-error-response" style="display:none"></div>
<div class="response text-wrap" id="mce-success-response" style="display:none"></div></div>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_3ab0436d22c64716e67a03f64_94198fac96" tabindex="-1" value aria-label="subscribe"></div></div></form></div>
<style>
.newsletter {
width: 100%;
display: flex;
margin-top: 10px;
}
.newsletter-input {
width: calc(100% - 102px);
flex: 1;
padding: 10px;
border-radius: 4px 0 0 4px;
border: none;
align-items: center;
}
.newsletter-button {
padding: 10px 20px;
border: none;
background-color: #FF7B3D;
color: white;
border-radius: 0 4px 4px 0;
cursor: pointer;
max-width: 102px;
margin: 0;
}
.text-wrap {
word-wrap: break-word;
white-space: normal;
}
#mc_embed_signup div.mce_inline_error {
margin-bottom: 0px !important;
padding: 0 !important;
background-color: transparent !important;
font-weight: normal !important;
color: #fff !important;
white-space: normal !important;
word-break: break-word !important;
max-width: 100% !important;
font-size: 14px !important;
}
</style></div></div>
<div class="footer-inline footer-col-135" b-gxy4loasz2><div class="footer-column footer-apps footer-col-full" b-gxy4loasz2><img src="/qln-images/new_qatar_logo.png" alt="Qatar Living" width="132.5" height="40.33" class="logo" b-gxy4loasz2><p b-gxy4loasz2>Our Mobile App</p>
<div class="store-badges" b-gxy4loasz2><a href="https://play.google.com/store/apps/details?id=com.qatarliving.classifieds&hl=en" target="_blank" rel="noopener" class="mud-typography mud-link mud-primary-text mud-link-underline-hover mud-typography-body1"><img src="/qln-images/google_play_logo.svg" class="store-badge" alt="Get it on Google Play" b-gxy4loasz2></a>
<a href="https://apps.apple.com/us/app/qatar-living/id961568535" target="_blank" rel="noopener" class="mud-typography mud-link mud-primary-text mud-link-underline-hover mud-typography-body1"><img src="/qln-images/app_store_logo.svg" class="store-badge" alt="Download on the App Store" b-gxy4loasz2></a></div></div></div></div>
<hr b-gxy4loasz2>
<div class="footer-bottom" b-gxy4loasz2><div class="footer-link" b-gxy4loasz2><div class="footer-links" b-gxy4loasz2><a href="https://www.qatarliving.com/advertisingterms" class="mud-typography mud-link mud-primary-text mud-link-underline-hover mud-typography-body1 footer-links">Advertising Terms</a>
<a href="https://www.qatarliving.com/refund-policy" class="mud-typography mud-link mud-primary-text mud-link-underline-hover mud-typography-body1 footer-links">Refund Policy</a>
<a href="https://www.qatarliving.com/terms-of-use" class="mud-typography mud-link mud-primary-text mud-link-underline-hover mud-typography-body1 footer-links">Website Terms</a>
<a href="https://www.qatarliving.com/rules-advertising" class="mud-typography mud-link mud-primary-text mud-link-underline-hover mud-typography-body1 footer-links">Rules for posting ads</a>
<a href="https://www.qatarliving.com/contact" class="mud-typography mud-link mud-primary-text mud-link-underline-hover mud-typography-body1 footer-links">Contact Us</a></div>
<p class="footer-copyright" b-gxy4loasz2>Copyright © 2025 Qatar Living. All rights reserved.</p></div>
<div class="footer-social" b-gxy4loasz2><p b-gxy4loasz2>Let's stay connected</p>
<div class="social-icons" b-gxy4loasz2><a href="https://www.facebook.com/QatarLiving" target="_blank" rel="noopener noreferrer" class="mud-typography mud-link mud-primary-text mud-link-underline-hover mud-typography-body1"><img src="/qln-images/facebook_logo.svg" alt="Facebook" class="social-icon" b-gxy4loasz2></a>
<a href="https://www.twitter.com/qatarliving/" target="_blank" rel="noopener" class="mud-typography mud-link mud-primary-text mud-link-underline-hover mud-typography-body1"><img src="/qln-images/twitter.svg" alt="Twitter" class="social-icon" b-gxy4loasz2></a>
<a href="https://www.instagram.com/qatarliving/" target="_blank" rel="noopener" class="mud-typography mud-link mud-primary-text mud-link-underline-hover mud-typography-body1"><img src="/qln-images/instagram.svg" alt="Instagram" class="social-icon" b-gxy4loasz2></a>
<a href="https://www.snapchat.com/add/qatar_living" target="_blank" rel="noopener" class="mud-typography mud-link mud-primary-text mud-link-underline-hover mud-typography-body1"><img src="/qln-images/snapchat.svg" alt="Snapchat" class="social-icon" b-gxy4loasz2></a>
<a href="https://www.linkedin.com/company/qatarliving-com" target="_blank" rel="noopener" class="mud-typography mud-link mud-primary-text mud-link-underline-hover mud-typography-body1"><img src="/qln-images/linkedin.svg" alt="LinkedIn" class="social-icon" b-gxy4loasz2></a>
<a href="https://www.youtube.com/channel/UCcsJRinZg4qYGLRDkFiVHcQ" target="_blank" rel="noopener" class="mud-typography mud-link mud-primary-text mud-link-underline-hover mud-typography-body1"><img src="/qln-images/youtube.svg" alt="YouTube" class="social-icon" b-gxy4loasz2></a>
<a href="https://www.tiktok.com/@qatarliving" target="_blank" rel="noopener" class="mud-typography mud-link mud-primary-text mud-link-underline-hover mud-typography-body1"><img src="/qln-images/tiktok.svg" alt="TikTok" class="social-icon" b-gxy4loasz2></a></div></div></div></div></div>
<style b-gxy4loasz2>
body {
margin: 0;
padding: 0;
}
.footer-main {
background-color: #003A63;
color: white;
padding: 40px 20px;
font-family: 'Public Sans', sans-serif;
}
.container {
max-width: 1170px;
margin: 0 auto;
padding: 0 15px;
width: 100%;
box-sizing: border-box;
}
.footer-top {
white-space: nowrap !important;
width: 100%
}
.footer-column {
display: flex;
flex-direction: column;
}
.footer-column h4 {
margin-bottom: 10px;
color: white;
}
.footer-column a {
color: white;
text-decoration: none;
margin: 5px 0;
font-size: 14px;
}
.footer-column:nth-child(1) a,
.footer-column:nth-child(2) a {
text-decoration: underline;
}
.footer-column .premium {
color: #FF7F38 !important;
}
.footer-column .orange-link {
color: #FF7F38 !important;
text-decoration: underline;
}
.footer-apps {
align-items: center;
padding-left: 0px !important;
}
.footer-apps .logo {
max-width: 120px;
margin-bottom: 10px;
}
.store-badge {
max-width: 130px;
margin: 5px 0;
display: flex;
}
.footer-inline {
display: inline-block;
vertical-align: top;
}
.footer-col-341 {
width: 341px;
}
.footer-col-435 {
width: 435px;
}
.footer-col-135 {
width: 135px;
}
.footer-col-full {
width: 100%;
}
.footer-flex-between {
display: flex;
justify-content: space-between;
}
.footer-col-vertical {
display: flex;
flex-direction: column;
justify-content: flex-start;
height: 100%;
}
.footer-copyright {
padding-top: 1rem;
}
.store-badges {
display: flex;
gap: 10px;
flex-direction: column
}
hr {
border: none;
border-top: 1px solid #ccc;
margin: 30px -20px;
}
.footer-bottom {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
font-size: 13px;
}
.footer-link {
display: flex;
flex-direction: column;
gap: 10px;
}
.footer-links {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 15px;
}
.footer-links-col {
display: flex;
flex-direction: column;
gap: 15px;
}
.footer-links {
color: white !important;
text-decoration: underline;
}
.footer-social {
display: flex;
flex-direction: column;
gap: 10px;
}
.social-icons {
display: flex;
flex-direction: row;
gap: 10px;
}
.social-icon {
width: 32px;
height: 32px;
}
.icon-circle {
border: 2px solid white;
border-radius: 50%;
padding: 10px;
width: 40px;
height: 40px;
text-align: center;
line-height: 20px;
font-size: 16px;
color: white;
margin-right: 10px;
transition: background-color 0.3s, color 0.3s;
}
.icon-circle:hover {
background-color: white;
color: #003A63;
}
@media (max-width: 1040px) {
.store-badges {
flex-direction: row !important;
justify-content: space-between;
}
.footer-col-135 {
width: 100% !important;
}
.footer-col-135 .footer-column {
align-items: center;
text-align: center;
}
.footer-col-135 .store-badges {
align-items: center;
}
}
@media (max-width: 435px) {
.footer-col-435 {
width: 100% !important;
min-width: 0;
box-sizing: border-box;
display: block;
word-break: break-word;
white-space: normal;
}
.footer-col-435 .footer-column {
width: 100% !important;
min-width: 0;
white-space: normal;
}
}
</style></main>
<style b-1tn2k1ekgt>
.mobile-menu-button {
display: none;
color: white;
}
.desktop-post-btn {
display: inline-flex;
}
.post-button-wrapper {
margin: 0
}
.header-container {
max-width: 1170px;
margin: 0 auto;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
position: relative
}
.mobile-post-icon {
display: none;
width: 25px;
height: 25px;
cursor: pointer;
}
.menu-item {
padding: 0;
min-height: 40px;
}
.menu-item-content {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 16px;
font-family: public-sans, sans-serif;
border-bottom: 1px solid #EAECF0;
padding: 8px 30px;
width: 100%;
}
.nested-menu-item-content {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 16px;
font-family: public-sans, sans-serif;
border-bottom: 1px solid #EAECF0;
padding: 8px 30px;
width: 100%;
}
.nested-menu-item-list-content{
display: flex;
justify-content: flex-start;
align-items: ;
gap: 16px;
font-family: public-sans, sans-serif;
border-bottom: 1px solid #EAECF0;
padding: 8px 50px 8px 20px;
width: 100%;
}
.menu-item:last-child .menu-item-content {
border-bottom: none;
}
.menu-item:last-child .nested-menu-item-list-content {
border-bottom: none;
}
.menu-item-icon {
width: 22px;
height: 22px;
object-fit: contain;
}
.nested-icon-color {
filter: brightness(0) saturate(100%) invert(38%) sepia(10%) saturate(1192%) hue-rotate(174deg) brightness(91%) contrast(86%);
}
.menu-item-text {
font-size: 13px;
font-weight: 500;
color: var(--color-text-heading);
flex-grow: 1;
}
.vertical-button-group {
display: flex;
flex-direction: column;
}
.post-ad-text {
text-decoration: none;
font-weight: 600;
font-size: 14px;
letter-spacing: 0.5px;
text-transform: none !important;
}
.nav-link {
color: white;
text-decoration: none;
font-size: 14px;
font-weight: 500;
font-family: 'Public Sans', sans-serif;
}
.nav-link.active {
color: #FF7F38;
}
.avatar-custom {
display: flex;
justify-content: center;
align-items: center;
padding: 2px;
background-color: #D6E8F2;
}
.fav-avatar-custom{
display: flex;
justify-content: center;
align-items: center;
padding: 2px;
background-color: #D6E8F2;
}
.fav-avatar-icon{
width: 24px;
height: 24px;
display: none;
}
.avatar-icon {
width: 24px;
height: 24px;
}
.logo-img {
width: 126px;
height: 48px;
}
.nav-main-conainer{
display: flex;
align-items: center;
gap: 10px;
}
.nav-container{
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
}
.logout-item {
color: #F04438 !important;
}
.menu-username {
font-weight: 600;
padding: 12px 16px 5px 20px;
font-size: 14px;
color: #101828;
width: 100%;
}
/* Responsive media query: shrink avatar icons on larger screens (>450px) */
@media (max-width: 450px) {
.avatar-icon {
width: 20px;
height: 20px;
}
.logo-img {
width: 80px;
height: 30px;
}
}
@media (max-width: 1000px) {
.desktop-post-btn {
display: none !important;
}
.nav-main-conainer{
display: none !important;
}
.fav-avatar-icon{
display: inline-block !important;
}
.mobile-post-icon {
display: inline-block !important;
}
.fav-avatar-custom{
display: none !important;
}
#userIcon {
display: none !important;
}
.mobile-menu-button {
display: block;
}
.nav-container {
display: none !important;
}
}
</style>
<!--Blazor:{"prerenderId":"23fc94ae95b44dc7a9205567bde6a4c6"}-->
<script src="_content/MudBlazor/MudBlazor.min.js?v=8.6.0"></script>
<div id="components-reconnect-modal" style="display: none;"></div>
<script src="_framework/blazor.web.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js" defer></script>
<script src="_content/CodeBeam.MudBlazor.Extensions/MudExtensions.min.js"></script>
<script>
window.resetLeafletMap = function () {
if (window._leafletMap) {
window._leafletMap.remove(); // Removes the map from the DOM
window._leafletMap = null;
}
if (window._leafletMarker) {
window._leafletMarker = null;
}
};
window.initializeMap = function (dotnetHelper) {
if (window._leafletMap) return;
const defaultLatLng = [25.276987, 55.296249]; // Dubai fallback
const customIcon = L.icon({
iconUrl: '/qln-images/location_pin.svg',
iconSize: [32, 48],
iconAnchor: [16, 48],
popupAnchor: [0, -40]
});
function initMap(center) {
const map = L.map('map').setView(center, 15);
window._leafletMap = map;
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '© OpenStreetMap contributors'
}).addTo(map);
window._leafletMarker = L.marker(center, { icon: customIcon }).addTo(map);
dotnetHelper.invokeMethodAsync('SetCoordinates', center[0], center[1]);
map.on('click', function (e) {
const latlng = e.latlng;
if (window._leafletMarker) {
window._leafletMarker.setLatLng(latlng);
} else {
window._leafletMarker = L.marker(latlng, { icon: customIcon }).addTo(map);
}
dotnetHelper.invokeMethodAsync('SetCoordinates', latlng.lat, latlng.lng);
});
}
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(
(position) => {
const userLatLng = [position.coords.latitude, position.coords.longitude];
initMap(userLatLng);
},
(error) => {
console.warn("Geolocation error:", error);
initMap(defaultLatLng);
},
{ enableHighAccuracy: true }
);
} else {
initMap(defaultLatLng);
}
};
window.updateMapCoordinates = function (lat, lng) {
if (!window._leafletMap) return;
const latlng = L.latLng(lat, lng);
window._leafletMap.setView(latlng, 15);
if (window._leafletMarker) {
window._leafletMarker.setLatLng(latlng);
} else {
const customIcon = L.icon({
iconUrl: '/qln-images/location_pin.svg',
iconSize: [32, 48],
iconAnchor: [16, 48],
popupAnchor: [0, -40]
});
window._leafletMarker = L.marker(latlng, { icon: customIcon }).addTo(window._leafletMap);
}
};
</script>
<script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script>
<script type="text/javascript">
(function($) {
window.fnames = new Array();
window.ftypes = new Array();
fnames[0]='EMAIL';ftypes[0]='email';
fnames[1]='FNAME';ftypes[1]='text';
fnames[2]='LNAME';ftypes[2]='text';
}(jQuery));
var $mcj = jQuery.noConflict(true);
</script>
<script>
window.setVideoFirstFrame = function (videoElement) {
videoElement.addEventListener('loadedmetadata', function () {
videoElement.currentTime = 0.1;
});
videoElement.load();
};
window.playVideo = function (videoElement) {
if (videoElement) {
videoElement.play();
}
};
window.pauseVideo = function (videoElement) {
if (videoElement) {
videoElement.pause();
videoElement.currentTime = 0;
}
};
</script>
<script>
document.addEventListener('input', function (e) {
if (e.target.maxLength === 1 && e.target.value.length === 1) {
let next = e.target.nextElementSibling;
while (next && next.tagName !== 'INPUT') {
next = next.nextElementSibling;
}
if (next) next.focus();
}
});
</script>
<script>
window.getWindowWidth = () => {
return window.innerWidth;
};
window.registerResizeHandler = (dotNetHelper) => {
window.addEventListener('resize', () => {
dotNetHelper.invokeMethodAsync('UpdateWindowWidth', window.innerWidth);
});
};
</script>
<script>
window.carouselUtils = {
checkOverflow: (viewportSelector, trackSelector) => {
const viewport = document.querySelector(viewportSelector);
const track = document.querySelector(trackSelector);
if (!viewport || !track) return { canScrollLeft: false, canScrollRight: false };
const canScrollLeft = viewport.scrollLeft > 0;
const canScrollRight = track.scrollWidth > viewport.clientWidth + viewport.scrollLeft;
return {
canScrollLeft,
canScrollRight
};
},
scrollLeft: (selector) => {
const el = document.querySelector(selector);
if (el) el.scrollBy({ left: -150, behavior: 'smooth' });
},
scrollRight: (selector) => {
const el = document.querySelector(selector);
if (el) el.scrollBy({ left: 150, behavior: 'smooth' });
},
scrollImageIntoView: (index) => {
const cards = document.querySelectorAll('.item-image-card');
if (cards[index]) {
cards[index].scrollIntoView({ behavior: 'smooth', inline: 'center' });
}
},
registerResizeHandler: (dotNetHelper) => {
window.addEventListener('resize', () => {
dotNetHelper.invokeMethodAsync('UpdateWindowWidth', window.innerWidth);
});
}
};
</script>
<script>
function updateBannerImagesForScreen() {
const isMobile = window.innerWidth <= 768;
document.querySelectorAll('.take-over-banner-image').forEach(img => {
const mobileSrc = img.getAttribute('data-mobile');
const desktopSrc = img.getAttribute('data-desktop');
if (isMobile && mobileSrc) {
img.src = mobileSrc;
} else if (desktopSrc) {
img.src = desktopSrc;
}
});
}
window.addEventListener('load', updateBannerImagesForScreen);
window.addEventListener('resize', updateBannerImagesForScreen);
</script>
<script>
function updateBannerImagesForScreen() {
const isMobile = window.innerWidth <= 768;
document.querySelectorAll('.banner-image').forEach(img => {
const mobileSrc = img.getAttribute('data-mobile');
const desktopSrc = img.getAttribute('data-desktop');
if (isMobile && mobileSrc) {
img.src = mobileSrc;
} else if (desktopSrc) {
img.src = desktopSrc;
}
});
}
// Initial call on page load
window.addEventListener('load', updateBannerImagesForScreen);
// Update images on window resize
window.addEventListener('resize', updateBannerImagesForScreen);
</script>
<script>
function adBannerForScreen() {
const isMobile = window.innerWidth <= 768;
document.querySelectorAll('.add-image').forEach(img => {
const mobileSrc = img.getAttribute('data-mobile');
const desktopSrc = img.getAttribute('data-desktop');
if (isMobile && mobileSrc) {
img.src = mobileSrc;
} else if (desktopSrc) {
img.src = desktopSrc;
}
});
}
window.addEventListener('load', adBannerForScreen);
window.addEventListener('resize', adBannerForScreen);
</script>
<script>
window.toggleBodyScroll = function (shouldLock) {
document.body.style.overflow = shouldLock ? 'hidden' : '';
};
</script>
<script>
window.triggerFileInputClick = (element) => {
if (element) element.click();
};
</script>
<script>
window.registerOutsideClickHandlerPrice = (panelSelector, dotNetRef) => {
function onClick(event) {
const panel = document.querySelector(panelSelector);
if (panel && !panel.contains(event.target)) {
dotNetRef.invokeMethodAsync('CloseDropdownFromJs');
}
}
document.addEventListener('mousedown', onClick);
// Store handler reference globally using the panelSelector as key
window._outsideClickHandlers = window._outsideClickHandlers || {};
window._outsideClickHandlers[panelSelector] = onClick;
return {
dispose: () => {
document.removeEventListener('mousedown', onClick);
delete window._outsideClickHandlers[panelSelector];
}
};
};
window.unregisterOutsideClickHandler = (panelSelector) => {
const handler = window._outsideClickHandlers?.[panelSelector];
if (handler) {
document.removeEventListener('mousedown', handler);
delete window._outsideClickHandlers[panelSelector];
}
};
</script>
<script>
window.registerOutsideClickHandlerOut = function (selector, dotnetHelper) {
const handler = (event) => {
const panel = document.querySelector(selector);
const toggleButton = document.querySelector(".filter-toggle-button");
// If click is outside panel and not on the toggle button
if (
panel && !panel.contains(event.target) &&
toggleButton && !toggleButton.contains(event.target)
) {
dotnetHelper.invokeMethodAsync("CloseFilters");
}
};
document.addEventListener("click", handler);
return {
dispose: () => {
document.removeEventListener("click", handler);
}
};
};
</script>
<script>
window.registerOutsideClickHandler = (panelSelector, dotNetRef) => {
function onClick(event) {
const panel = document.querySelector(panelSelector);
if (panel && !panel.contains(event.target)) {
dotNetRef.invokeMethodAsync('CloseFilters');
}
}
document.addEventListener('mousedown', onClick);
return {
dispose: () => document.removeEventListener('mousedown', onClick)
};
};
</script>
<script>
let mainSwiperInstance;
let thumbsSwiperInstance;
window.initializeSwiperGallery = (dotNetRef, uniqueId) => {
const container = document.getElementById(uniqueId);
if (!container) {
console.warn("Swiper container not found:", uniqueId);
return;
}
// Destroy previous Swiper instances if they exist
if (mainSwiperInstance) {
mainSwiperInstance.destroy(true, true);
mainSwiperInstance = null;
}
if (thumbsSwiperInstance) {
thumbsSwiperInstance.destroy(true, true);
thumbsSwiperInstance = null;
}
const thumbSlides = container.querySelectorAll('.swiper-thumbs .swiper-slide');
const thumbCount = thumbSlides.length;
const thumbsWrapper = container.querySelector(".swiper-thumbs .swiper-wrapper");
const thumbsPrev = container.querySelector(".thumbs-prev");
const thumbsNext = container.querySelector(".thumbs-next");
// Base config
const thumbsConfig = {
spaceBetween: 10,
navigation: {
nextEl: thumbsNext,
prevEl: thumbsPrev,
},
breakpoints: {
320: { slidesPerView: 2 },
380: { slidesPerView: 2.6 },
450: { slidesPerView: 3 },
640: { slidesPerView: 4 },
768: { slidesPerView: 5 },
1024: { slidesPerView: 5 }
}
};
if (thumbCount <= 5) {
thumbsConfig.slidesPerView = thumbCount;
thumbsConfig.loop = false;
// Add helper class and hide arrows
thumbsWrapper?.classList.add("few-thumbs");
if (thumbsPrev) thumbsPrev.style.display = "none";
if (thumbsNext) thumbsNext.style.display = "none";
} else {
thumbsConfig.slidesPerView = "auto";
}
// Initialize thumbnail swiper
thumbsSwiperInstance = new Swiper(container.querySelector(".swiper-thumbs"), thumbsConfig);
// Initialize main swiper
mainSwiperInstance = new Swiper(container.querySelector(".swiper-main"), {
spaceBetween: 10,
pagination: {
el: container.querySelector(".swiper-pagination"),
clickable: true,
dynamicBullets: true,
dynamicMainBullets: 4,
},
thumbs: {
swiper: thumbsSwiperInstance,
},
on: {
slideChange: function () {
dotNetRef?.invokeMethodAsync("UpdateActiveIndex", this.realIndex);
}
}
});
// Thumbnail click = main slider move
thumbsSwiperInstance.on("click", function (swiper) {
if (typeof swiper.clickedIndex !== "undefined") {
mainSwiperInstance.slideTo(swiper.clickedIndex);
}
});
// Manual next/prev using thumbs buttons
thumbsNext?.addEventListener("click", () => {
const nextIndex = Math.min(mainSwiperInstance.realIndex + 1, mainSwiperInstance.slides.length - 1);
mainSwiperInstance.slideTo(nextIndex);
});
thumbsPrev?.addEventListener("click", () => {
const prevIndex = Math.max(mainSwiperInstance.realIndex - 1, 0);
mainSwiperInstance.slideTo(prevIndex);
});
// Allow external control
window.goToSlide = (index) => {
if (mainSwiperInstance && typeof index === "number") {
mainSwiperInstance.slideTo(index);
}
};
};
let mainImagePreviewSwiperInstance;
let thumbsImagePreviewSwiperInstance;
window.initializeSwiperImagePreview = (dotNetRef, uniqueId) => {
const container = document.getElementById(uniqueId);
if (!container) {
console.warn("Swiper Image Preview container not found:", uniqueId);
return;
}
if (mainImagePreviewSwiperInstance) mainImagePreviewSwiperInstance.destroy(true, true);
if (thumbsImagePreviewSwiperInstance) thumbsImagePreviewSwiperInstance.destroy(true, true);
const thumbSlides = container.querySelectorAll('.swiper-thumbs-preview .swiper-slide');
const thumbCount = thumbSlides.length;
const thumbsConfig = {
spaceBetween: 10,
navigation: {
nextEl: container.querySelector(".thumbs-next-preview"),
prevEl: container.querySelector(".thumbs-prev-preview"),
},
breakpoints: {
380: { slidesPerView: 2.6 },
450: { slidesPerView: 3 },
640: { slidesPerView: 4 },
768: { slidesPerView: 5 },
1024: { slidesPerView: 5 },
}
};
if (thumbCount <= 5) {
thumbsConfig.slidesPerView = thumbCount;
thumbsConfig.loop = false;
container.querySelector(".swiper-thumbs-preview .swiper-wrapper")?.classList.add("few-thumbs");
container.querySelector(".thumbs-prev-preview").style.display = "none";
container.querySelector(".thumbs-next-preview").style.display = "none";
} else {
thumbsConfig.slidesPerView = "auto";
}
// Initialize thumbnail swiper
thumbsImagePreviewSwiperInstance = new Swiper(container.querySelector(".swiper-thumbs-preview"), thumbsConfig);
// Initialize main swiper
mainImagePreviewSwiperInstance = new Swiper(container.querySelector(".swiper-main-preview"), {
spaceBetween: 10,
pagination: {
el: container.querySelector(".swiper-pagination-preview"),
clickable: true,
dynamicBullets: true,
dynamicMainBullets: 4,
},
thumbs: {
swiper: thumbsImagePreviewSwiperInstance,
},
on: {
slideChange: function () {
dotNetRef?.invokeMethodAsync("UpdateActiveIndex", this.realIndex);
}
}
});
thumbsImagePreviewSwiperInstance.on('click', function (swiper) {
if (typeof swiper.clickedIndex !== 'undefined') {
mainImagePreviewSwiperInstance.slideTo(swiper.clickedIndex);
}
});
container.querySelector(".thumbs-next-preview")?.addEventListener("click", () => {
const currentIndex = mainImagePreviewSwiperInstance.realIndex;
const nextIndex = Math.min(currentIndex + 1, mainImagePreviewSwiperInstance.slides.length - 1);
mainImagePreviewSwiperInstance.slideTo(nextIndex);
});
container.querySelector(".thumbs-prev-preview")?.addEventListener("click", () => {
const currentIndex = mainImagePreviewSwiperInstance.realIndex;
const prevIndex = Math.max(currentIndex - 1, 0);
mainImagePreviewSwiperInstance.slideTo(prevIndex);
});
// External control
window.goToImagePreviewSlide = (index) => {
if (mainImagePreviewSwiperInstance && typeof index === 'number') {
mainImagePreviewSwiperInstance.slideTo(index);
}
};
};
let seasonalSwiperInstance;
window.initSeasonalSwiper = () => {
if (seasonalSwiperInstance) {
seasonalSwiperInstance.destroy(true, true);
}
const swiperEl = document.querySelector('.swiper-seasonal');
if (!swiperEl) {
console.warn("Seasonal Swiper element not found");
return;
}
seasonalSwiperInstance = new Swiper(swiperEl, {
slidesPerView: 'auto',
spaceBetween: 10,
navigation: {
nextEl: '.swiper-seasonal-button-next',
prevEl: '.swiper-seasonal-button-prev'
},
breakpoints: {
320: { slidesPerView: 1, spaceBetween: 10 },
340: { slidesPerView: 1, spaceBetween: 10 },
480: { slidesPerView: 1, spaceBetween: 10 },
640: { slidesPerView: 1.5, spaceBetween: 12 },
768: { slidesPerView: 2, spaceBetween: 14 },
860: { slidesPerView: 2.5, spaceBetween: 16 },
1024: { slidesPerView: 3, spaceBetween: 18 },
1200: { slidesPerView: 3, spaceBetween: 18 }
}
});
};
let featuredSwiperInstance;
function initFeaturedSwiper() {
if (featuredSwiperInstance) {
featuredSwiperInstance.destroy(true, true);
}
const swiperEl = document.querySelector('.swiper-featured');
if (!swiperEl) {
console.warn("Swiper element not found");
return;
}
featuredSwiperInstance = new Swiper(swiperEl, {
slidesPerView: 'auto',
spaceBetween: 10,
navigation: {
nextEl: ".swiper-featured-button-next",
prevEl: ".swiper-featured-button-prev",
},
pagination: {
el: ".swiper-featured-pagination",
clickable: true,
},
breakpoints: {
480: { slidesPerView: 1.2, spaceBetween: 12 },
640: { slidesPerView: 1.8, spaceBetween: 12 },
768: { slidesPerView: 2.5, spaceBetween: 14 },
860: { slidesPerView: 2.8, spaceBetween: 16 },
1024: { slidesPerView: 3.2, spaceBetween: 18 },
1120: { slidesPerView: 4, spaceBetween: 10 },
1200: { slidesPerView: 4, spaceBetween: 10 },
}
});
}
let categoriesSwiperInstance;
function initCategoriesSwiper() {
if (categoriesSwiperInstance) {
categoriesSwiperInstance.destroy(true, true);
}
const swiperEl = document.querySelector('.swiper-categories');
if (!swiperEl) {
console.warn("Categories swiper element not found");
return;
}
categoriesSwiperInstance = new Swiper(swiperEl, {
slidesPerView: 'auto',
spaceBetween: 10,
navigation: {
nextEl: ".swiper-categories-button-next",
prevEl: ".swiper-categories-button-prev",
},
pagination: {
el: '.swiper-categories-pagination',
clickable: true,
dynamicBullets: true,
dynamicMainBullets: 7
},
breakpoints: {
480: { slidesPerView: 2, spaceBetween: 5 },
540: { slidesPerView: 2.8, spaceBetween: 5 },
640: { slidesPerView: 3.8, spaceBetween: 6 },
768: { slidesPerView: 4, spaceBetween: 7 },
860: { slidesPerView: 4.8, spaceBetween: 7 },
1024: { slidesPerView: 4.9, spaceBetween: 10 },
1120: { slidesPerView: 5.3, spaceBetween: 10 },
1200: { slidesPerView: 5.8, spaceBetween: 10 },
},
on: {
afterInit: function (swiper) {
const totalSlides = swiper.slides.length;
const visibleSlides = swiper.params.slidesPerView;
const nextBtn = document.querySelector(".swiper-categories-button-next");
const prevBtn = document.querySelector(".swiper-categories-button-prev");
// If all slides fit into view, hide arrows
if (totalSlides <= visibleSlides) {
nextBtn.style.display = "none";
prevBtn.style.display = "none";
} else {
nextBtn.style.display = "";
prevBtn.style.URL
GET https://www.qatarliving.com/
Response Headers
Age:162Cache-Control:max-age=300Cf-Cache-Status:HITCf-Ray:98575913fd78b0a7-DOHContent-Type:text/html; charset=iso-8859-1Date:Sat, 27 Sep 2025 01:50:02 GMTLocation:https://www.qatarliving.com/content/dailyServer:cloudflareVary:accept-encoding
Response Body
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"> <html><head> <title>301 Moved Permanently</title> </head><body> <h1>Moved Permanently</h1> <p>The document has moved <a href="https://www.qatarliving.com/content/daily">here</a>.</p> <hr> <address>Apache/2.4.52 (Ubuntu) Server at www.qatarliving.com Port 443</address> </body></html>
Resolver
Resolver ASN
AS8781
Resolver IP
82.148.100.130
Resolver Network Name
Ooredoo Q.S.C.
Report ID
20250927T014340Z_webconnectivity_QA_8781_n4_smLtBYeWwOaRgkAo
Platform
linux
Software Name
ooniprobe-cli-unattended (3.23.0)
Measurement Engine
ooniprobe-engine (3.23.0)