CINXE.COM
Lifestyle
<!DOCTYPE html> <html lang="en"> <head> <meta name="google-site-verification" content="bX9KzMvh2bj1hgR9mXp1rWKwx7I0NAi_MkWT4Kiq8Ow" /> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-RQFS0JWLG0"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-RQFS0JWLG0'); </script> <!-- App favicon --> <link rel="shortcut icon" href="https://www.samaa.tv/assets/dist/img/favicon.ico"> <!-- set the encoding of your site --> <meta charset="utf-8"> <!-- set the viewport width and initial-scale on mobile devices --> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- include the site stylesheet --> <link rel="stylesheet" href="https://www.samaa.tv/assets/css/bootstrap.css"> <link rel="stylesheet" href="https://www.samaa.tv/assets/css/main.css"> <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=Belleza&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"> <!-- include jQuery library --> <!-- include jQuery library --> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script> <script> window.av = window.av || {}; window.av.kvps = window.av.kvps || {}; window.av.kvps["site_section"] = "ros_en"; </script> <script async src="https://avads.live/s/av.samaa.eng.js"></script> <!-- Bootstrap JS (CDN) --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/js/bootstrap.bundle.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js" defer></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script> <!-- include custom JavaScript --> <script src="https://www.samaa.tv/assets/js/jquery.main.js" defer></script> <title>Lifestyle</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="Cache-control" content="public"> <meta name="csrf-token" content="hubuYNA0M2SI7SWlO8LibqnOUs8iCF4H1d8Y04tI"> <meta name="theme-color" content="#152a70"/> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://www.samaa.tv/assets/dist/img/favicon.ico" rel="shortcut icon" type="image/x-icon" /> <link rel="apple-touch-icon" href="https://www.samaa.tv/assets/dist/img/favicon.ico"> <link rel="canonical" href="https://www.samaa.tv/lifestyle/fashion" /> <meta name="title" content="Lifestyle"> <meta name="description" content="Find latest breaking, trending, viral news from Pakistan and information on top stories, weather, business, entertainment, politics, sports and more. For in-depth coverage, Samaa English provides special reports, video, audio, photo galleries, and interactive guides."> <meta name="keywords" content="SAMAA TV - Latest Breaking News, Pakistan, World, Video news Home - SAMAA"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:url" content="https://www.samaa.tv/lifestyle/fashion"> <meta name="twitter:title" content="Lifestyle"> <meta name="twitter:description" content="Find latest breaking, trending, viral news from Pakistan and information on top stories, weather, business, entertainment, politics, sports and more. For in-depth coverage, Samaa English provides special reports, video, audio, photo galleries, and interactive guides."> <meta name="twitter:image" content=> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.samaa.tv/lifestyle/fashion"> <meta property="og:title" content="Lifestyle"> <meta property="og:description" content="Find latest breaking, trending, viral news from Pakistan and information on top stories, weather, business, entertainment, politics, sports and more. For in-depth coverage, Samaa English provides special reports, video, audio, photo galleries, and interactive guides."> <meta property="og:image" content=> <noscript> <META HTTP-EQUIV="Refresh" CONTENT="0;URL=noscript.html"> </noscript> <script type="text/javascript"> window._taboola = window._taboola || []; _taboola.push({article:'auto'}); !function (e, f, u, i) { if (!document.getElementById(i)){ e.async = 1; e.src = u; e.id = i; f.parentNode.insertBefore(e, f); } }(document.createElement('script'), document.getElementsByTagName('script')[0], '//cdn.taboola.com/libtrc/samaa/loader.js', 'tb_loader_script'); if(window.performance && typeof window.performance.mark == 'function') {window.performance.mark('tbl_ic');} </script> <style> #wrapper {overflow: clip !important;} iframe[id^="google_ads_iframe"] { width: revert-layer; max-width:100%; } .custom-font { font-family: Belleza, sans-serif !important ; } #sidebar .featured_widget, #sidebar .featured_widget ul { height: 100%; } #sidebar .featured_widget ul .ad-wrapper { position: sticky; top:50px; } .mega-menu-dropdown { width: 100%; height: calc(100vh - 115px); padding: 8px 0 30px; background: rgb(0 13 79); overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 100%; left: 0; margin: -1px 0 0; visibility: hidden; opacity: 0; } .mega-menu { font: 600 14px/1.5 sans-serif; text-transform: uppercase; } .mega-menu .row { display: flex; flex-wrap: wrap; } .mega-menu .col-lg-3 { flex: 0 0 25%; max-width: 25%; padding: 0 15px; } .mega-menu .col-lg-3 li{ margin-bottom: 10px; } .menutitle{ color: #ffffff; font-weight: 700; } .menusubtitle{ color: #ffffff; font-weight: 400; } .mega-menu .col-lg-3 a { color: #ffffff; } .mega-menu .col-lg-3 a:hover { text-decoration: underline; } .mega-menu > li { padding: 8px 0; list-style: none; } @media (min-width: 768px) { .mega-menu > li { padding: 8px 32px; } } .mega-menu > li > a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .mega-menu > li ul { padding: 3px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .mega-menu > li ul li:after { content: "—"; padding: 0 5px; } .mega-menu > li ul li:last-child:after { display: none; } .white-line { border-top: 2px solid white; } #overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */ z-index: 999; /* Higher z-index than the left navbar */ } /* For desktop screens */ @media (max-width: 767px) { .nav-opener.desktop { display: none; } } /* For mobile screens */ @media (min-width: 768px) { .nav-openerr.mobile { display: none; } } .blue-svg path { fill: #0a2395; } /* Style for the close button */ #closeButton { position: absolute; top: 10px; right: 10px; font-size: 24px; cursor: pointer; background: none; border: none; color: #333; }#overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */ z-index: 999; /* Higher z-index than the left navbar */ } /* Style for the close button */ #closeButton { position: absolute; top: 10px; right: 10px; font-size: 30px; cursor: pointer; background: none; border: none; color: white; } #leftNavbarContainer { transition: left 1s ease; position: fixed; /* Fix the navbar position */ top: 0; /* Position from the top of the viewport */ left: 0; /* Position from the left of the viewport */ width: 250px; /* Set the width of the navbar */ height: 100%; /* Make the navbar full height */ background-color: #020f4c; /* Set background color */ z-index: 1000; /* Ensure the navbar is above other content */ overflow-y: auto; /* Enable vertical scrolling if needed */ overflow-x: hidden; border-right: 1px solid #ddd; /* Add a border on the right side */ } #leftNavbarContainer::-webkit-scrollbar { display: none; /* Hide the scrollbar */ } /* Style for the links in the navbar */ #leftNavbarContainer ul.mega-menuu { padding-left: 20px; /* Add left padding to the menu items */ margin-top:10px } #leftNavbarContainer ul.mega-menuu li { list-style: none; /* Remove default list styles */ margin-bottom: 10px; /* Add space between menu items */ } #leftNavbarContainer ul.mega-menuu li a { color: white; /* Set link color */ font-size:20px; font-weight: bold; text-decoration: none; /* Remove underline */ display: block; /* Make links block-level for spacing */ padding: 5px 0; /* Add padding to the links */ } /* Responsive styles */ @media (min-width: 768px) { #leftNavbarContainer { display: none; /* Hide the navbar on larger screens */ } } .top-navbar { padding: 0px 0; position: relative; } .main-nav { padding: 0 15px 0 0; font: 16px/1.4 sans-serif; text-transform: uppercase; white-space: nowrap; overflow-x: auto; display: flex; } .main-nav li { padding: 10px 8px; list-style: none; /* Remove default list styles */ } .main-nav li a { text-decoration: none; color: rgb(0, 0, 102); font-weight: bold; } .main-nav li:hover a { color: white; } .main-nav li:hover { background-color: rgb(0, 0, 102); border-radius: 5px; /* Optional: Add border-radius for rounded corners */ } @media only screen and (max-device-width: 480px) { a.btn-live { position: absolute; top: 20px; left: 13px; } } </style> </head> <body> <div id="Samaa_Eng_Anchor_ATF"></div> <!-- main container of all the page elements --> <div id="wrapper"> <!-- header of the page --> <div id="overlay"></div> <header id="header"> <div class="header-holder"> <div class="container"> <div class="logo"> <a href="https://www.samaa.tv"><img src="https://www.samaa.tv/assets/images/logo.png" width="100" height="46" alt="Samaa-News-Logo"></a> </div> <div class="row align-items-center"> <!-- <div class="col-1">--> <!-- <a href="/ramzan-transmission">--> <!-- <img src="https://www.samaa.tv/assets/images/ramzaan-logo.jpg" width="80" height="80">--> <!-- </a>--> <!--</div>--> <div class="col"> <time datetime="2024-11-24" class="date my-2 ">Sun, Nov 24, 2024</time> <a href="https://live.samaa.tv/" class="btn-live ">Watch Live</a> </div> <div class="col text-right"> <a href="https://urdu.samaa.tv/" class="btn-lang">اردو</a> </div> </div> </div> </div> <nav id="nav"> <div class="top-navbar"> <div class="container"> <div class="logo"> <a href="https://www.samaa.tv"><img src="https://www.samaa.tv/assets/images/logo.png" width="100" height="46" alt="Samaa-News-Logo"></a> </div> <button type="button" class="nav-opener desktop"><span>Nav Opener</span></button> <div id="navOpener" class="nav-openerr mobile"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-justify blue-svg" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M2 12.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5"/> </svg> </span> </div> <ul class="main-nav"> <li class="active"><a title="Home" href="https://www.samaa.tv">Home</a></li> <li><a title="Pakistan" href="https://www.samaa.tv/pakistan">Pakistan</a></li> <li><a title="Latest News" href="https://www.samaa.tv/latest-news">Latest News</a></li> <li><a title="Money" href="https://www.samaa.tv/money">Money</a></li> <li><a title="Sports" href="https://www.samaa.tv/sports">Sports</a></li> <li><a title="Lifestyle" href="https://www.samaa.tv/lifestyle">Lifestyle</a></li> <li><a title="Tech" href="https://www.samaa.tv/tech">Tech</a></li> <li><a title="Global" href="https://www.samaa.tv/global">Global</a></li> <li><a title="Health" href="https://www.samaa.tv/health">Health</a></li> <li><a title="Weird" href="https://www.samaa.tv/weird">Weird</a></li> <li><a title="Blogs" href="https://www.samaa.tv/blogs">Blogs</a></li> <li><a title="Videos" href="https://www.samaa.tv/videos">Videos</a></li> <li><a title="TV-Programs" href="https://www.samaa.tv/tv-programs">TV-Programs</a></li> </ul> <ul class="social-networks"> <li> <a class="search-icon" href="#"> <img src="https://www.samaa.tv/assets/images/search4.png" alt="search"> </a> </li> <li> <a class="enviorment-icon" href="https://www.samaa.tv/enviorment"> <img class=" "src="https://www.samaa.tv/assets/images/enviorment-logo.png" alt="" /> </a> </li> <!-- <li>--> <!-- <a class=" " href="https://www.facebook.com/samaatvnews/" target="_blank">--> <!-- <img src="https://www.samaa.tv/assets/images/facebook_footer.png" alt="FaceBook">--> <!-- </a>--> <!--</li>--> <!--<li>--> <!-- <a class=" " href="https://twitter.com/SAMAATV" target="_blank">--> <!-- <img src="https://www.samaa.tv/assets/images/x_twitter_footer.png" alt="Twitter">--> <!-- </a>--> <!-- </li>--> <!-- <li>--> <!-- <a class=" " href="https://www.instagram.com/samaatv/" target="_blank">--> <!-- <img src="https://www.samaa.tv/assets/images/instagram_footer.png" alt="Instagram">--> <!-- </a>--> <!-- </li>--> <!-- <li>--> <!-- <a class=" " href="https://www.youtube.com/samaatvnews" target="_blank">--> <!-- <img src="https://www.samaa.tv/assets/images/youtube_footer.png" alt="Instagram">--> <!-- </a>--> <!-- </li>--> </ul> </div> </div> <div class="mega-menu-dropdown"> <div class="container"> <ul class="mega-menu"> <script async src="https://cse.google.com/cse.js?cx=e0d672a2f410f4324"></script> <li class="col-lg-10 col-md-10 col-sm-12"> <div class="gcse-searchbox-only"></div> </li> <!-- Display categories without subcategories first --> <div class="row"> <div class="col-lg-3"> <li > <a class='menutitle' title="Enviroment" href="https://www.samaa.tv/enviroment">Enviroment</a> </li> </div> <div class="col-lg-3"> <li > <a class='menutitle' title="US ELECTION 2024" href="https://www.samaa.tv/us-election-2024">US ELECTION 2024</a> </li> </div> <div class="col-lg-3"> <li > <a class='menutitle' title="T20 World Cup 2024" href="https://www.samaa.tv/t20-world-cup-2024">T20 World Cup 2024</a> </li> </div> <div class="col-lg-3"> <li > <a class='menutitle' title="Elections-2024" href="https://www.samaa.tv/elections-2024">Elections-2024</a> </li> </div> <div class="col-lg-3"> <li > <a class='menutitle' title="Fact Check" href="https://www.samaa.tv/fact-check">Fact Check</a> </li> </div> <div class="col-lg-3"> <li > <a class='menutitle' title="Archives" href="https://www.samaa.tv/archives">Archives</a> </li> </div> <div class="col-lg-3"> <li > <a class='menutitle' title="Latest News" href="https://www.samaa.tv/latest-news">Latest News</a> </li> </div> <div class="col-lg-3"> <li > <a class='menutitle' title="Weird" href="https://www.samaa.tv/weird">Weird</a> </li> </div> <div class="col-lg-3"> <li > <a class='menutitle' title="Blogs" href="https://www.samaa.tv/blogs">Blogs</a> </li> </div> </div> <!-- Add the white line here --> <hr class="white-line"> <!-- Display categories with subcategories next --> <div class="row"> <div class="col-lg-3"> <li> <a class='menutitle' title="Pakistan" href="https://www.samaa.tv/pakistan">Pakistan</a> <ul> <li><a class='menusubtitle' href="https://www.samaa.tv/pakistan/punjab">Punjab</a></li> <li><a class='menusubtitle' href="https://www.samaa.tv/pakistan/sindh">Sindh</a></li> <li><a class='menusubtitle' href="https://www.samaa.tv/pakistan/azad-jammu-kashmir">Azad Jammu Kashmir</a></li> <li><a class='menusubtitle' href="https://www.samaa.tv/pakistan/balochistan">Balochistan</a></li> <li><a class='menusubtitle' href="https://www.samaa.tv/pakistan/khyber-pakhtunkhwa">Khyber-Pakhtunkhwa</a></li> <li><a class='menusubtitle' href="https://www.samaa.tv/pakistan/gilgit-baltistan">Gilgit-Baltistan</a></li> </ul> </li> </div> <div class="col-lg-3"> <li> <a class='menutitle' title="Money" href="https://www.samaa.tv/money">Money</a> <ul> <li><a class='menusubtitle' href="https://www.samaa.tv/money/finance">FINANCE</a></li> <li><a class='menusubtitle' href="https://www.samaa.tv/money/auto">AUTO</a></li> <li><a class='menusubtitle' href="https://www.samaa.tv/money/startups">STARTUPS</a></li> <li><a class='menusubtitle' href="https://www.samaa.tv/money/power">POWER</a></li> </ul> </li> </div> <div class="col-lg-3"> <li> <a class='menutitle' title="Sports" href="https://www.samaa.tv/sports">Sports</a> <ul> <li><a class='menusubtitle' href="https://www.samaa.tv/sports/cricket">CRICKET</a></li> <li><a class='menusubtitle' href="https://www.samaa.tv/sports/football">FOOTBALL</a></li> <li><a class='menusubtitle' href="https://www.samaa.tv/sports/tennis">TENNIS</a></li> <li><a class='menusubtitle' href="https://www.samaa.tv/sports/hockey">HOCKEY</a></li> <li><a class='menusubtitle' href="https://www.samaa.tv/sports/athletics">ATHLETICS</a></li> </ul> </li> </div> <div class="col-lg-3"> <li> <a class='menutitle' title="Lifestyle" href="https://www.samaa.tv/lifestyle">Lifestyle</a> <ul> <li><a class='menusubtitle' href="https://www.samaa.tv/lifestyle/gossip">GOSSIP</a></li> <li><a class='menusubtitle' href="https://www.samaa.tv/lifestyle/fashion">FASHION</a></li> <li><a class='menusubtitle' href="https://www.samaa.tv/lifestyle/movies">MOVIES</a></li> <li><a class='menusubtitle' href="https://www.samaa.tv/lifestyle/music">MUSIC</a></li> <li><a class='menusubtitle' href="https://www.samaa.tv/lifestyle/food">FOOD</a></li> <li><a class='menusubtitle' href="https://www.samaa.tv/lifestyle/tourism">TOURISM</a></li> <li><a class='menusubtitle' href="https://www.samaa.tv/lifestyle/arts">ARTS</a></li> </ul> </li> </div> </div> <div class="row"> <div class="col-lg-3"> <li> <a class='menutitle' title="Tech" href="https://www.samaa.tv/tech">Tech</a> <ul> <li><a class='menusubtitle' href="https://www.samaa.tv/tech/smartphones">SMARTPHONES</a></li> <li><a class='menusubtitle' href="https://www.samaa.tv/tech/gear">GEAR</a></li> <li><a class='menusubtitle' href="https://www.samaa.tv/tech/internet">INTERNET</a></li> <li><a class='menusubtitle' href="https://www.samaa.tv/tech/science">SCIENCE</a></li> <li><a class='menusubtitle' href="https://www.samaa.tv/tech/gaming">GAMING</a></li> </ul> </li> </div> <div class="col-lg-3"> <li> <a class='menutitle' title="Global" href="https://www.samaa.tv/global">Global</a> <ul> <li><a class='menusubtitle' href="https://www.samaa.tv/global/india">INDIA</a></li> <li><a class='menusubtitle' href="https://www.samaa.tv/global/afghanistan">AFGHANISTAN</a></li> <li><a class='menusubtitle' href="https://www.samaa.tv/global/middle-east">MIDDLE EAST</a></li> <li><a class='menusubtitle' href="https://www.samaa.tv/global/europe">EUROPE</a></li> <li><a class='menusubtitle' href="https://www.samaa.tv/global/americas">AMERICAS</a></li> </ul> </li> </div> <div class="col-lg-3"> <li> <a class='menutitle' title="Health" href="https://www.samaa.tv/health">Health</a> <ul> <li><a class='menusubtitle' href="https://www.samaa.tv/health/disease">DISEASE</a></li> <li><a class='menusubtitle' href="https://www.samaa.tv/health/physical">PHYSICAL</a></li> <li><a class='menusubtitle' href="https://www.samaa.tv/health/mental">MENTAL</a></li> </ul> </li> </div> </div> <!-- Add the white line here --> </ul> </div> </div> </nav> <script async src="https://cse.google.com/cse.js?cx=e0d672a2f410f4324"></script> <div class="searchbar-container mt-4 d-flex justify-content-center align-items-center"> <li class="col-lg-5 col-md-12 col-9 searchbar mx-2" style="display: none;"> <div class="gcse-searchbox-only"></div> </li> </div> <script> document.addEventListener('DOMContentLoaded', function() { const searchIcon = document.querySelector('.search-icon'); const searchbar = document.querySelector('.searchbar'); searchIcon.addEventListener('click', function(event) { event.preventDefault(); searchbar.style.display = searchbar.style.display === 'none' ? 'block' : 'none'; }); }); </script> </header> <!--Samaa-Top-Banner --> <div class="container align-content-center pt-3 pb-3" > <!--<span style="font-weight: bold;">ADVERTISEMENT</span>--> <div id="Samaa_Eng_Top_Leaderboard_ATF"></div> </div> <div id="leftNavbarContainer" style="display: none;"> <div class=" d-flex align-items-center justify-content-center"> <a href=""> <img src="https://www.samaa.tv/assets/images/LOGO-01.png" width="80" height="80" alt="samaa"> </a> </div> <button id="closeButton">×</button> <div class=""> <div class="container"> <ul class="mega-menuu"> <script async src="https://cse.google.com/cse.js?cx=e0d672a2f410f4324"></script> <!-- <li class="col-lg-5 col-md-6 col-sm-12"> <div class="gcse-searchbox-only"></div> </li> --> <li> <a title="Enviroment" href="https://www.samaa.tv/enviroment">Enviroment</a> <!-- <ul> </ul> --> </li> <li> <a title="US ELECTION 2024" href="https://www.samaa.tv/us-election-2024">US ELECTION 2024</a> <!-- <ul> </ul> --> </li> <li> <a title="T20 World Cup 2024" href="https://www.samaa.tv/t20-world-cup-2024">T20 World Cup 2024</a> <!-- <ul> </ul> --> </li> <li> <a title="Elections-2024" href="https://www.samaa.tv/elections-2024">Elections-2024</a> <!-- <ul> </ul> --> </li> <li> <a title="Fact Check" href="https://www.samaa.tv/fact-check">Fact Check</a> <!-- <ul> </ul> --> </li> <li> <a title="Archives" href="https://www.samaa.tv/archives">Archives</a> <!-- <ul> </ul> --> </li> <li> <a title="Pakistan" href="https://www.samaa.tv/pakistan">Pakistan</a> <!-- <ul> <li><a href="https://www.samaa.tv/pakistan/punjab">Punjab</a></li> <li><a href="https://www.samaa.tv/pakistan/sindh">Sindh</a></li> <li><a href="https://www.samaa.tv/pakistan/azad-jammu-kashmir">Azad Jammu Kashmir</a></li> <li><a href="https://www.samaa.tv/pakistan/balochistan">Balochistan</a></li> <li><a href="https://www.samaa.tv/pakistan/khyber-pakhtunkhwa">Khyber-Pakhtunkhwa</a></li> <li><a href="https://www.samaa.tv/pakistan/gilgit-baltistan">Gilgit-Baltistan</a></li> </ul> --> </li> <li> <a title="Latest News" href="https://www.samaa.tv/latest-news">Latest News</a> <!-- <ul> </ul> --> </li> <li> <a title="Money" href="https://www.samaa.tv/money">Money</a> <!-- <ul> <li><a href="https://www.samaa.tv/money/finance">FINANCE</a></li> <li><a href="https://www.samaa.tv/money/auto">AUTO</a></li> <li><a href="https://www.samaa.tv/money/startups">STARTUPS</a></li> <li><a href="https://www.samaa.tv/money/power">POWER</a></li> </ul> --> </li> <li> <a title="Sports" href="https://www.samaa.tv/sports">Sports</a> <!-- <ul> <li><a href="https://www.samaa.tv/sports/cricket">CRICKET</a></li> <li><a href="https://www.samaa.tv/sports/football">FOOTBALL</a></li> <li><a href="https://www.samaa.tv/sports/tennis">TENNIS</a></li> <li><a href="https://www.samaa.tv/sports/hockey">HOCKEY</a></li> <li><a href="https://www.samaa.tv/sports/athletics">ATHLETICS</a></li> </ul> --> </li> <li> <a title="Lifestyle" href="https://www.samaa.tv/lifestyle">Lifestyle</a> <!-- <ul> <li><a href="https://www.samaa.tv/lifestyle/gossip">GOSSIP</a></li> <li><a href="https://www.samaa.tv/lifestyle/fashion">FASHION</a></li> <li><a href="https://www.samaa.tv/lifestyle/movies">MOVIES</a></li> <li><a href="https://www.samaa.tv/lifestyle/music">MUSIC</a></li> <li><a href="https://www.samaa.tv/lifestyle/food">FOOD</a></li> <li><a href="https://www.samaa.tv/lifestyle/tourism">TOURISM</a></li> <li><a href="https://www.samaa.tv/lifestyle/arts">ARTS</a></li> </ul> --> </li> <li> <a title="Tech" href="https://www.samaa.tv/tech">Tech</a> <!-- <ul> <li><a href="https://www.samaa.tv/tech/smartphones">SMARTPHONES</a></li> <li><a href="https://www.samaa.tv/tech/gear">GEAR</a></li> <li><a href="https://www.samaa.tv/tech/internet">INTERNET</a></li> <li><a href="https://www.samaa.tv/tech/science">SCIENCE</a></li> <li><a href="https://www.samaa.tv/tech/gaming">GAMING</a></li> </ul> --> </li> <li> <a title="Global" href="https://www.samaa.tv/global">Global</a> <!-- <ul> <li><a href="https://www.samaa.tv/global/india">INDIA</a></li> <li><a href="https://www.samaa.tv/global/afghanistan">AFGHANISTAN</a></li> <li><a href="https://www.samaa.tv/global/middle-east">MIDDLE EAST</a></li> <li><a href="https://www.samaa.tv/global/europe">EUROPE</a></li> <li><a href="https://www.samaa.tv/global/americas">AMERICAS</a></li> </ul> --> </li> <li> <a title="Health" href="https://www.samaa.tv/health">Health</a> <!-- <ul> <li><a href="https://www.samaa.tv/health/disease">DISEASE</a></li> <li><a href="https://www.samaa.tv/health/physical">PHYSICAL</a></li> <li><a href="https://www.samaa.tv/health/mental">MENTAL</a></li> </ul> --> </li> <li> <a title="Weird" href="https://www.samaa.tv/weird">Weird</a> <!-- <ul> </ul> --> </li> <li> <a title="Videos" href="https://www.samaa.tv/videos">Videos</a> <!-- <ul> <li><a href="https://www.samaa.tv/videos/headlines">HEADLINES</a></li> <li><a href="https://www.samaa.tv/videos/original">ORIGINAL</a></li> <li><a href="https://www.samaa.tv/videos/7-se-8">7 SE 8</a></li> <li><a href="https://www.samaa.tv/videos/awam-ki-awaz">AWAM KI AWAZ</a></li> <li><a href="https://www.samaa.tv/videos/awaz">AWAZ</a></li> <li><a href="https://www.samaa.tv/videos/black-white-with-hassan-nisar">BLACK & WHITE WITH HASSAN NISAR</a></li> <li><a href="https://www.samaa.tv/videos/do-tok-baat">DO TOK BAAT</a></li> <li><a href="https://www.samaa.tv/videos/duaein-quran-ki">DUAEIN QURAN KI</a></li> <li><a href="https://www.samaa.tv/videos/ehtesaab">EHTESAAB</a></li> <li><a href="https://www.samaa.tv/videos/emergency">EMERGENCY</a></li> <li><a href="https://www.samaa.tv/videos/game-set-match">GAME SET MATCH</a></li> <li><a href="https://www.samaa.tv/videos/kasauti">KASAUTI</a></li> <li><a href="https://www.samaa.tv/videos/khabarhar">KHABARHAR</a></li> <li><a href="https://www.samaa.tv/videos/meray-sawaal">MERAY SAWAAL</a></li> <li><a href="https://www.samaa.tv/videos/nadeem-malik">NADEEM MALIK</a></li> <li><a href="https://www.samaa.tv/videos/naya-din">NAYA DIN</a></li> <li><a href="https://www.samaa.tv/videos/newsbeat">NEWSBEAT</a></li> <li><a href="https://www.samaa.tv/videos/pukaar">PUKAAR</a></li> <li><a href="https://www.samaa.tv/videos/qutb-online">QUTB ONLINE</a></li> <li><a href="https://www.samaa.tv/videos/red-line">RED LINE</a></li> </ul> --> </li> <li> <a title="Blogs" href="https://www.samaa.tv/blogs">Blogs</a> <!-- <ul> </ul> --> </li> </ul> </div> </div> </div> <script> $(document).ready(function() { $("#navOpener").click(function() { $("#leftNavbarContainer").css("left", "0"); // Reset left position $("#leftNavbarContainer").show(); $("#overlay").fadeIn(); // Show the overlay with fade effect }); // Function to hide the left navbar and overlay function hideLeftNavbar() { $("#leftNavbarContainer").css("left", "-300px"); // Move left navbar to the left $("#overlay").fadeOut(); // Hide the overlay with fade effect } // Click event listener for the overlay $("#overlay").click(function() { hideLeftNavbar(); }); // Click event listener for the close button $("#closeButton").click(function() { hideLeftNavbar(); }); }); document.addEventListener("DOMContentLoaded", function () { if (window.location.hash === "#google_vignette") { history.replaceState(null, null, window.location.pathname); } }); </script> </body> <!-- contain main informative part of the site --> <main id="main"> <div class="container"> <ul class="category-nav"> </ul> <div class="main-content"> <!-- contain the main content of the page --> <div id="content"> <div class="filter-form-area"> <form action="" class="filter-form"> <div class="form-group"> <select name="year" class="form-select"> <option value="1999">1999</option> <option value="2000">2000</option> <option value="2001">2001</option> <option value="2002">2002</option> <option value="2003">2003</option> <option value="2004">2004</option> <option value="2005">2005</option> <option value="2006">2006</option> <option value="2007">2007</option> <option value="2008">2008</option> <option value="2009">2009</option> <option value="2010">2010</option> <option value="2011">2011</option> <option value="2012">2012</option> <option value="2013">2013</option> <option value="2014">2014</option> <option value="2015">2015</option> <option value="2016">2016</option> <option value="2017">2017</option> <option value="2018">2018</option> <option value="2019">2019</option> <option value="2020">2020</option> <option value="2021">2021</option> <option value="2022">2022</option> <option value="2023">2023</option> <option value="2024" selected>2024</option> </select> </div> <div class="form-group"> <select name="month" class="form-select"> <option value="01" >January</option> <option value="02" >February</option> <option value="03" >March</option> <option value="04" >April</option> <option value="05" >May</option> <option value="06" >June</option> <option value="07" >July</option> <option value="08" >August</option> <option value="09" >September</option> <option value="10" >October</option> <option value="11" selected>November</option> <option value="12" >December</option> </select> </div> <div class="form-group"> <select name="day" class="form-select"> <option value="1" >1</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> <option value="13" >13</option> <option value="14" >14</option> <option value="15" >15</option> <option value="16" >16</option> <option value="17" >17</option> <option value="18" >18</option> <option value="19" >19</option> <option value="20" >20</option> <option value="21" >21</option> <option value="22" >22</option> <option value="23" >23</option> <option value="24" selected>24</option> <option value="25" >25</option> <option value="26" >26</option> <option value="27" >27</option> <option value="28" >28</option> <option value="29" >29</option> <option value="30" >30</option> <option value="31" >31</option> </select> </div> <button type="submit" class="btn btn-primary">Go<span class="d-none d-sm-inline"> to date</span></button> </form> </div> <!-- story section --> <section class="story-section mb-0"> <header class="header"> <h2 class="h1"><a href="#">FASHION</a></h2> </header> <!-- story article --> <article class="story-article"> <div class="img-frame img-hover-scale"> <a href="https://www.samaa.tv/2087323376-legendary-indian-fashion-designer-rohit-bal-dies-at-63"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/designer-rohit-bal-death.jpg" alt="Legendary Indian fashion designer Rohit Bal dies at 63" loading="lazy" /> </a> </div> <div class="text"> <h3><a href="https://www.samaa.tv/2087323376-legendary-indian-fashion-designer-rohit-bal-dies-at-63">Legendary Indian fashion designer Rohit Bal dies at 63</a></h3> <p>According to Indian media reports, Bal was admitted to ICU a week prior to his final show in October <time datetime="">3 weeks ago</time></p> </div> </article> <!--<div align="center" class="my-3"><div id="Samaa_Eng_Incontent_Lazy"></div></div>--> <div class="story-columns"> <div class="row"> <div class="col-12 col-sm-4"> <!-- story article --> <article class="story-article"> <div class="img-frame img-hover-scale"> <a href="https://www.samaa.tv/2087323177-moschino-s-3-700-celery-bag-leaves-shoppers-laughing-aldi-s-response-goes-viral"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/moschinos-peculiar-£3700.jpg" alt="image description" loading="lazy" /> </a> </div> <div class="text"> <h3><a href="https://www.samaa.tv/2087323177-moschino-s-3-700-celery-bag-leaves-shoppers-laughing-aldi-s-response-goes-viral">Moschino's £3,700 'Celery Bag' leaves shoppers laughing – Aldi's response goes viral</a></h3> <p>Distinctive handbag captured attention of retailer Aldi <time datetime="">3 weeks ago</time></p> </div> </article> </div> <div class="col-12 col-sm-4"> <!-- story article --> <article class="story-article"> <div class="img-frame img-hover-scale"> <a href="https://www.samaa.tv/2087315235-jannat-mirza-s-elegant-saree-look-sets-social-media-abuzz"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/jannat-mirza-1.jpg" alt="image description" loading="lazy" /> </a> </div> <div class="text"> <h3><a href="https://www.samaa.tv/2087315235-jannat-mirza-s-elegant-saree-look-sets-social-media-abuzz">Jannat Mirza’s elegant saree look sets social media abuzz</a></h3> <p>Jannat Mirza’s latest video featured her draped in a light-colored saree <time datetime="">6 months ago</time></p> </div> </article> </div> <div class="col-12 col-sm-4"> <!-- story article --> <article class="story-article"> <div class="img-frame img-hover-scale"> <a href="https://www.samaa.tv/2087314394-mahira-khan-s-mother-s-witty-response-to-nose-question-wins-the-internet"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/pakistani-actress-mahira-khan.jpg" alt="image description" loading="lazy" /> </a> </div> <div class="text"> <h3><a href="https://www.samaa.tv/2087314394-mahira-khan-s-mother-s-witty-response-to-nose-question-wins-the-internet">Mahira Khan’s mother’s witty response to nose question wins the internet!</a></h3> <p>Legend of Maula Jatt actress’s post receives outpouring of love and support from fans <time datetime="">6 months ago</time></p> </div> </article> </div> <div class="col-12 col-sm-4"> <!-- story article --> <article class="story-article"> <div class="img-frame img-hover-scale"> <a href="https://www.samaa.tv/2087314280-met-gala-2024-highlights-best-looks-from-the-red-carpet"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/met-gala-2024-highlights.jpg" alt="image description" loading="lazy" /> </a> </div> <div class="text"> <h3><a href="https://www.samaa.tv/2087314280-met-gala-2024-highlights-best-looks-from-the-red-carpet">Met Gala 2024 highlights: Best looks from the red carpet</a></h3> <p>Every year, there's a dress code related to the spring exhibition at the museum <time datetime="">6 months ago</time></p> </div> </article> </div> <div class="col-12 col-sm-4"> <!-- story article --> <article class="story-article"> <div class="img-frame img-hover-scale"> <a href="https://www.samaa.tv/2087314277-met-gala-2024-alia-bhatt-dazzles-in-sabyasachi-sari"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/alia-bhatt-met-gala-2024.jpg" alt="image description" loading="lazy" /> </a> </div> <div class="text"> <h3><a href="https://www.samaa.tv/2087314277-met-gala-2024-alia-bhatt-dazzles-in-sabyasachi-sari">Met Gala 2024: Alia Bhatt dazzles in Sabyasachi sari</a></h3> <p>Social media users praise how beautifully Alia's outfit represented Indian heritage <time datetime="">6 months ago</time></p> </div> </article> </div> <div class="col-12 col-sm-4"> <!-- story article --> <article class="story-article"> <div class="img-frame img-hover-scale"> <a href="https://www.samaa.tv/2087312958-iconic-fashion-designer-roberto-cavalli-dies-at-83"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/roberto-cavalli-dies.jpg" alt="image description" loading="lazy" /> </a> </div> <div class="text"> <h3><a href="https://www.samaa.tv/2087312958-iconic-fashion-designer-roberto-cavalli-dies-at-83">Iconic fashion designer Roberto Cavalli dies at 83</a></h3> <p>According to Italian news agency ANSA, the designer passed away at his Florence home on Friday <time datetime="">7 months ago</time></p> </div> </article> </div> <div class="col-12 col-sm-4"> <!-- story article --> <article class="story-article"> <div class="img-frame img-hover-scale"> <a href="https://www.samaa.tv/2087311151-entrepreneur-asad-malik-brings-top-pakistan-brand-to-london-s-luxury-district"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/mohsin-naveed-ranjha-sonam-bajwa-malik-asad.jpg" alt="image description" loading="lazy" /> </a> </div> <div class="text"> <h3><a href="https://www.samaa.tv/2087311151-entrepreneur-asad-malik-brings-top-pakistan-brand-to-london-s-luxury-district">Entrepreneur Asad Malik brings top Pakistan brand to London's luxury district</a></h3> <p>Bollywood actress Sonam Bajwa along leading Pakistani, Indian society figures attended opulent launch <time datetime="">8 months ago</time></p> </div> </article> </div> <div class="col-12 col-sm-4"> <!-- story article --> <article class="story-article"> <div class="img-frame img-hover-scale"> <a href="https://www.samaa.tv/2087310775-paris-fashion-week-from-mobile-phone-bans-to-peta-protests"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/image-for-web-65.jpg" alt="image description" loading="lazy" /> </a> </div> <div class="text"> <h3><a href="https://www.samaa.tv/2087310775-paris-fashion-week-from-mobile-phone-bans-to-peta-protests">Paris Fashion Week: From mobile phone bans to PETA protests</a></h3> <p>Discover unforgettable moments from fashion week, where designers push boundaries, set trends <time datetime="">8 months ago</time></p> </div> </article> </div> <div class="col-12 col-sm-4"> <!-- story article --> <article class="story-article"> <div class="img-frame img-hover-scale"> <a href="https://www.samaa.tv/208737676-kate-middleton-s-style-evolution-a-year-as-princess-of-wales"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/kate-middleton-birthday.jpg" alt="image description" loading="lazy" /> </a> </div> <div class="text"> <h3><a href="https://www.samaa.tv/208737676-kate-middleton-s-style-evolution-a-year-as-princess-of-wales">Kate Middleton's style evolution: A year as Princess of Wales</a></h3> <p>In her first full year as Princess of Wales, Kate Middleton has undergone remarkable style evolution <time datetime="">10 months ago</time></p> </div> </article> </div> <div class="col-12 col-sm-4"> <!-- story article --> <article class="story-article"> <div class="img-frame img-hover-scale"> <a href="https://www.samaa.tv/208737315-angelina-jolie-welcomes-2024-with-stylish-statement-unveils-latest-fashion-upgrade"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/angelina-jolie-1.jpg" alt="image description" loading="lazy" /> </a> </div> <div class="text"> <h3><a href="https://www.samaa.tv/208737315-angelina-jolie-welcomes-2024-with-stylish-statement-unveils-latest-fashion-upgrade">Angelina Jolie welcomes 2024 with stylish statement: Unveils latest fashion upgrade</a></h3> <p>Maleficent actress dazzled in jet-black coat adorned with distinctive white patches <time datetime="">10 months ago</time></p> </div> </article> </div> <div class="col-12 col-sm-4"> <!-- story article --> <article class="story-article"> <div class="img-frame img-hover-scale"> <a href="https://www.samaa.tv/208736177-zara-withdraws-controversial-ad-campaign-after-outrage-over-gaza-similarities"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/boycott-zara.gif" alt="image description" loading="lazy" /> </a> </div> <div class="text"> <h3><a href="https://www.samaa.tv/208736177-zara-withdraws-controversial-ad-campaign-after-outrage-over-gaza-similarities">Zara withdraws controversial ad campaign after outrage over Gaza similarities</a></h3> <p>Brand maintains campaign 'was conceived in July and photographed in September' <time datetime="">11 months ago</time></p> </div> </article> </div> <div class="col-12 col-sm-4"> <!-- story article --> <article class="story-article"> <div class="img-frame img-hover-scale"> <a href="https://www.samaa.tv/208735958-faryal-makhdoom-amir-khan-show-up-together-amid-divorce-rumours"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/faryal-makhdom.jpg" alt="image description" loading="lazy" /> </a> </div> <div class="text"> <h3><a href="https://www.samaa.tv/208735958-faryal-makhdoom-amir-khan-show-up-together-amid-divorce-rumours">Faryal Makhdoom, Amir Khan show up together amid divorce rumours</a></h3> <p>She attended Red Sea Film Festival in Jeddah right after pilgrimage <time datetime="">11 months ago</time></p> </div> </article> </div> <div class="col-12 col-sm-4"> <!-- story article --> <article class="story-article"> <div class="img-frame img-hover-scale"> <a href="https://www.samaa.tv/208735798-fashion-fusion-diplomacy-pakistani-italian-showcase-at-italian-embassy"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/whatsapp-image-2023-12-06-at-2-52-50-pm.jpeg" alt="image description" loading="lazy" /> </a> </div> <div class="text"> <h3><a href="https://www.samaa.tv/208735798-fashion-fusion-diplomacy-pakistani-italian-showcase-at-italian-embassy">Fashion fusion diplomacy: Pakistani-Italian showcase at Italian embassy</a></h3> <p>Internationally acclaimed designer Dure Shahwar graced the event with her presence <time datetime="">11 months ago</time></p> </div> </article> </div> <div class="col-12 col-sm-4"> <!-- story article --> <article class="story-article"> <div class="img-frame img-hover-scale"> <a href="https://www.samaa.tv/208735609-ronaldo-s-ex-irina-shayk-makes-startling-revelation-about-herself"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/irina-shayk-1.jpg" alt="image description" loading="lazy" /> </a> </div> <div class="text"> <h3><a href="https://www.samaa.tv/208735609-ronaldo-s-ex-irina-shayk-makes-startling-revelation-about-herself">Ronaldo's ex Irina Shayk makes startling revelation about herself</a></h3> <p>She is a Russian model who has appeared on covers of Vogue and Sports Illustrated <time datetime="">11 months ago</time></p> </div> </article> </div> <div class="col-12 col-sm-4"> <!-- story article --> <article class="story-article"> <div class="img-frame img-hover-scale"> <a href="https://www.samaa.tv/208735584-indian-woman-sets-strange-guinness-world-record"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/indian-woman-longest-hair.jpg" alt="image description" loading="lazy" /> </a> </div> <div class="text"> <h3><a href="https://www.samaa.tv/208735584-indian-woman-sets-strange-guinness-world-record">Indian woman sets strange Guinness World Record</a></h3> <p>Smita Srivastava's hair measures an impressive 236.22 cm (7 feet 9 inches) <time datetime="">11 months ago</time></p> </div> </article> </div> <div class="col-12 col-sm-4"> <!-- story article --> <article class="story-article"> <div class="img-frame img-hover-scale"> <a href="https://www.samaa.tv/208735076-fed-up-with-real-models-company-hires-this-ai-influencer"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/ai-model.jpg" alt="image description" loading="lazy" /> </a> </div> <div class="text"> <h3><a href="https://www.samaa.tv/208735076-fed-up-with-real-models-company-hires-this-ai-influencer">Fed up with real models, company hires this AI influencer</a></h3> <p>Her account has 125,000 followers on Instagram <time datetime="">11 months ago</time></p> </div> </article> </div> <div class="col-12 col-sm-4"> <!-- story article --> <article class="story-article"> <div class="img-frame img-hover-scale"> <a href="https://www.samaa.tv/208734786-most-daring-looks-contestants-wore-at-miss-universe-2023"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/miss-universe-2023-bold-looks.jpg" alt="image description" loading="lazy" /> </a> </div> <div class="text"> <h3><a href="https://www.samaa.tv/208734786-most-daring-looks-contestants-wore-at-miss-universe-2023">Most daring looks contestants wore at Miss Universe 2023</a></h3> <p>Pageant wasn't just about beauty—it was a showcase of daring fashion! <time datetime="">1 year ago</time></p> </div> </article> </div> <div class="col-12 col-sm-4"> <!-- story article --> <article class="story-article"> <div class="img-frame img-hover-scale"> <a href="https://www.samaa.tv/208734742-price-of-anushka-sharma-dress-for-india-vs-australia-world-cup-final"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/anushka-sharma-world-cup-final-dress.jpg" alt="image description" loading="lazy" /> </a> </div> <div class="text"> <h3><a href="https://www.samaa.tv/208734742-price-of-anushka-sharma-dress-for-india-vs-australia-world-cup-final">Price of Anushka Sharma dress for India vs Australia World Cup final</a></h3> <p>Anushka passionately cheered for India and her husband Virat Kohli <time datetime="">1 year ago</time></p> </div> </article> </div> <div class="col-12 col-sm-4"> <!-- story article --> <article class="story-article"> <div class="img-frame img-hover-scale"> <a href="https://www.samaa.tv/208734649-miss-universe-pakistan-erica-robin-participates-in-swimsuit-competition-at-miss-universe-2023"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/miss-universe-pakistan-erica-robin.jpg" alt="image description" loading="lazy" /> </a> </div> <div class="text"> <h3><a href="https://www.samaa.tv/208734649-miss-universe-pakistan-erica-robin-participates-in-swimsuit-competition-at-miss-universe-2023">Miss Universe Pakistan Erica Robin participates in swimsuit competition at Miss Universe 2023</a></h3> <p>She has stunned audiences with her beautiful presence <time datetime="">1 year ago</time></p> </div> </article> </div> <div class="col-12 col-sm-4"> <!-- story article --> <article class="story-article"> <div class="img-frame img-hover-scale"> <a href="https://www.samaa.tv/208734132-has-dior-replaced-bella-hadid-with-israeli-model-may-tager-all-you-need-to-know"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/bella-hadid-may-tager.jpeg" alt="image description" loading="lazy" /> </a> </div> <div class="text"> <h3><a href="https://www.samaa.tv/208734132-has-dior-replaced-bella-hadid-with-israeli-model-may-tager-all-you-need-to-know">Has Dior replaced Bella Hadid with Israeli model May Tager? All you need to know</a></h3> <p>American-Palestinian supermodel is known for her outspoken advocacy of Palestinian rights <time datetime="">1 year ago</time></p> </div> </article> </div> <div class="col-12 col-sm-4"> <!-- story article --> <article class="story-article"> <div class="img-frame img-hover-scale"> <a href="https://www.samaa.tv/208734110-with-sizzling-photoshoot-mahira-khan-launches-her-fragrance-line"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/mahira-khan-fragrances.jpg" alt="image description" loading="lazy" /> </a> </div> <div class="text"> <h3><a href="https://www.samaa.tv/208734110-with-sizzling-photoshoot-mahira-khan-launches-her-fragrance-line">With sizzling photoshoot, Mahira Khan launches her fragrance line</a></h3> <p>Several Pakistani celebrities have launched their fragrance line in recent past <time datetime="">1 year ago</time></p> </div> </article> </div> <div class="col-12 col-sm-4"> <!-- story article --> <article class="story-article"> <div class="img-frame img-hover-scale"> <a href="https://www.samaa.tv/208733746-ayeza-wahaj-steal-the-show-in-their-latest-shoot"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/ayeza-and-wahajs-latest-shoot.png" alt="image description" loading="lazy" /> </a> </div> <div class="text"> <h3><a href="https://www.samaa.tv/208733746-ayeza-wahaj-steal-the-show-in-their-latest-shoot">Ayeza, Wahaj steal the show in their latest shoot!</a></h3> <p>‘Mein’ lead stars, Ayeza Khan and Wahaj Ali’s recent shoot for a clothing brand, is the new fan favourite <time datetime="">1 year ago</time></p> </div> </article> </div> <div class="col-12 col-sm-4"> <!-- story article --> <article class="story-article"> <div class="img-frame img-hover-scale"> <a href="https://www.samaa.tv/208733312-shakira-s-timeless-beauty-shines-in-fresh-stills"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/shakira-4.jpg" alt="image description" loading="lazy" /> </a> </div> <div class="text"> <h3><a href="https://www.samaa.tv/208733312-shakira-s-timeless-beauty-shines-in-fresh-stills">Shakira's timeless beauty shines in fresh stills</a></h3> <p>Shakira's iconic style shines through in fresh stills <time datetime="">1 year ago</time></p> </div> </article> </div> <div class="col-12 col-sm-4"> <!-- story article --> <article class="story-article"> <div class="img-frame img-hover-scale"> <a href="https://www.samaa.tv/208732025-nora-fatehi-source-of-positivity-for-fans"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/nora-fatehi-1.jpg" alt="image description" loading="lazy" /> </a> </div> <div class="text"> <h3><a href="https://www.samaa.tv/208732025-nora-fatehi-source-of-positivity-for-fans">Nora Fatehi: Source of positivity for fans</a></h3> <p>Nora knows art of stealing spotlight <time datetime="">1 year ago</time></p> </div> </article> </div> </div> </div> </section> <!-- story section --> <div class="py-4 d-flex justify-content-around"> <nav> <ul class="pagination"> <li class="page-item disabled" aria-disabled="true"> <span class="page-link">« Previous</span> </li> <li class="page-item"> <a class="page-link" href="https://www.samaa.tv/lifestyle/fashion?page=2" rel="next">Next »</a> </li> </ul> </nav> </div> </div> <!-- contain sidebar of the page --> <div id="sidebar" class="page-has-filters d-none d-lg-inline"> <!-- widget --> <div class="align-content-center pt-3 pb-3" > <!--<span style="font-weight: bold;">ADVERTISEMENT</span>--> <div id="Samaa_Eng_Sidebar_Top_ATF"></div> </div> <div class="widget featured_widget"> <h3>Most Read</h3> <ul class="featured-story-list most-read"> <!--<li>--> <!-- <div align="center" class="mb-3"><div id="Samaa_Eng_Sidebar_Top_ATF"></div></div>--> <!--</li>--> <li> <div class="img-holder"> <div class="img-frame"> <a href="https://www.samaa.tv/2087324482-gold-price-in-pakistan-sees-fifth-consecutive-increase"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/gold-7.jpg" alt="Gold price in Pakistan sees fifth consecutive increase" loading="lazy" /> </a> </div> </div> <h4 class="h5"><a href="https://www.samaa.tv/2087324482-gold-price-in-pakistan-sees-fifth-consecutive-increase">Gold price in Pakistan sees fifth consecutive increase</a> </h4> </li> <li> <div class="img-holder"> <div class="img-frame"> <a href="https://www.samaa.tv/2087324488-internet-broadband-services-to-be-blocked"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/internet-2.jpg" alt="Internet, broadband services to be blocked" loading="lazy" /> </a> </div> </div> <h4 class="h5"><a href="https://www.samaa.tv/2087324488-internet-broadband-services-to-be-blocked">Internet, broadband services to be blocked</a> </h4> </li> <li> <div class="img-holder"> <div class="img-frame"> <a href="https://www.samaa.tv/2087324438-all-major-karachi-roads-closed-over-security-concerns"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://samaa.tv/images/karachi-rain.jpg" alt="All major Karachi roads closed over 'security concerns'" loading="lazy" /> </a> </div> </div> <h4 class="h5"><a href="https://www.samaa.tv/2087324438-all-major-karachi-roads-closed-over-security-concerns">All major Karachi roads closed over 'security concerns'</a> </h4> </li> <li> <div class="img-holder"> <div class="img-frame"> <a href="https://www.samaa.tv/2087324468-saudi-riyal-to-pkr-latest-rate-today-23-nov-2024"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/pkr.jpg" alt="Saudi Riyal to PKR latest rate today – 23 Nov 2024" loading="lazy" /> </a> </div> </div> <h4 class="h5"><a href="https://www.samaa.tv/2087324468-saudi-riyal-to-pkr-latest-rate-today-23-nov-2024">Saudi Riyal to PKR latest rate today – 23 Nov 2024</a> </h4> </li> <li> <div class="img-holder"> <div class="img-frame"> <a href="https://www.samaa.tv/2087324523-islamabad-schools-colleges-to-remain-closed-on-monday"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://samaa.tv/images/sindh-summer-holidays-2024-extended.jpg" alt="Islamabad schools, colleges to remain closed on Monday" loading="lazy" /> </a> </div> </div> <h4 class="h5"><a href="https://www.samaa.tv/2087324523-islamabad-schools-colleges-to-remain-closed-on-monday">Islamabad schools, colleges to remain closed on Monday</a> </h4> </li> <li> <div class="img-holder"> <div class="img-frame"> <a href="https://www.samaa.tv/2087324466-household-water-waste-rs20-000-fine-on-washing-cars-floors-with-pipes"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/car-washing.jpg" alt="Household water waste: Rs20,000 fine on washing cars, floors with pipes" loading="lazy" /> </a> </div> </div> <h4 class="h5"><a href="https://www.samaa.tv/2087324466-household-water-waste-rs20-000-fine-on-washing-cars-floors-with-pipes">Household water waste: Rs20,000 fine on washing cars, floors with pipes</a> </h4> </li> <li> <div class="img-holder"> <div class="img-frame"> <a href="https://www.samaa.tv/2087324443-pm-shehbaz-constitutes-committee-to-resolve-ppp-s-concerns"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://samaa.tv/images/pm-forms-committee.jpg" alt="PM Shehbaz constitutes committee to resolve PPP’s concerns" loading="lazy" /> </a> </div> </div> <h4 class="h5"><a href="https://www.samaa.tv/2087324443-pm-shehbaz-constitutes-committee-to-resolve-ppp-s-concerns">PM Shehbaz constitutes committee to resolve PPP’s concerns</a> </h4> </li> <li> <div class="img-holder"> <div class="img-frame"> <a href="https://www.samaa.tv/2087324512-hundreds-of-pti-lawmakers-workers-arrested-in-nationwide-crackdown"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/pti-protest-3.jpg" alt="Hundreds of PTI lawmakers, workers arrested in nationwide crackdown" loading="lazy" /> </a> </div> </div> <h4 class="h5"><a href="https://www.samaa.tv/2087324512-hundreds-of-pti-lawmakers-workers-arrested-in-nationwide-crackdown">Hundreds of PTI lawmakers, workers arrested in nationwide crackdown</a> </h4> </li> <li> <div class="img-holder"> <div class="img-frame"> <a href="https://www.samaa.tv/2087324456-pti-protest-naqvi-tells-islamabad-police-to-show-no-mercy-to-lawbreakers"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://www.samaa.tv/images/mohsin-naqvi-pti-protest-islamabad.jpg" alt="PTI protest: Naqvi tells Islamabad Police to show 'no mercy' to lawbreakers" loading="lazy" /> </a> </div> </div> <h4 class="h5"><a href="https://www.samaa.tv/2087324456-pti-protest-naqvi-tells-islamabad-police-to-show-no-mercy-to-lawbreakers">PTI protest: Naqvi tells Islamabad Police to show 'no mercy' to lawbreakers</a> </h4> </li> <li> <div class="img-holder"> <div class="img-frame"> <a href="https://www.samaa.tv/2087324521-violent-clashes-across-punjab-islamabad-as-pti-workers-attack-police-hundreds-arrested"> <img src="https://www.samaa.tv/assets/images/load.jpg" data-src="https://samaa.tv/images/pti-police-clash.jpg" alt="Violent clashes across Punjab, Islamabad as PTI workers attack police; hundreds arrested" loading="lazy" /> </a> </div> </div> <h4 class="h5"><a href="https://www.samaa.tv/2087324521-violent-clashes-across-punjab-islamabad-as-pti-workers-attack-police-hundreds-arrested">Violent clashes across Punjab, Islamabad as PTI workers attack police; hundreds arrested</a> </h4> </li> <li class="ad-wrapper pt-3 pb-3"> <!--<div id="Samaa_Eng_Sidebar_Bottom_BTF"></div>--> <div class="align-content-center pt-3 pb-3" > <!--<span style="font-weight: bold;">ADVERTISEMENT</span>--> <div id="Samaa_Eng_Sidebar_Bottom_BTF"></div> </li> </ul> </div> </div> </div> </div> </div> </main> <!--<div id="Samaa_Eng_Bottom_BTF"></div> --> <div class="logo-container "> <div class='Logo-image'> <a href="#" data-toggle="modal" data-target="#myModal"> <img src="https://www.samaa.tv/assets/images/Samaa-logo-01.jpg" alt="Samaa-News-Logo"> </a> </div> <p class="logo-text ">FOLLOW US</p> </div> <!-- Modal --> <div class="modal fade " id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">SAMAA TV Social Accounts</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <!-- <p>Modal content goes here.</p> --> <script> // Your JavaScript code here // var images = document.getElementsByTagName('img'); // var sampleText = document.getElementById('sample-text'); // for (var i = 0; i < images.length; i++) { // images[i].addEventListener("mouseover", updateName); // } // function updateName() { // sampleText.innerHTML = this.getAttribute('data-text'); // } </script> <!-- <div class="container"> --> <div class="row"> <div class="parent"> <div class="circle" > <a href="https://www.whatsapp.com/channel/0029Va8EglPLCoX1JQRteR1x" target="_blank" > <img class='circle-image' src="https://www.samaa.tv/assets/images/whatsapp.png" alt="" ></a> </div> <div class="image-holder"> <!-- <a href="https://www.whatsapp.com/channel/0029Va8EglPLCoX1JQRteR1x" target="_blank" class=''> <img data-text="A" src="https://www.samaa.tv/assets/images/whatsapp.png" alt="Image 3" ></a> --> <a href='https://www.facebook.com/SamaaEnglish' target="_blank" class=''> <img data-text="E" src="https://www.samaa.tv/assets/images/fb.svg.png" alt="Image 5" ></a> <a href="https://www.threads.net/" target="_blank" class=''> <img data-text="A" src="https://www.samaa.tv/assets/images/thread.png" alt="Image 3" ></a> <a href='https://www.youtube.com/samaatvnews' target="_blank" class=''> <img data-text="B" src="https://www.samaa.tv/assets/images/youtube.png" alt="Image 1" ></a> <a href='https://twitter.com/SAMAATV' target="_blank" class=''> <img data-text="C" src="https://www.samaa.tv/assets/images/x.png" alt="Image 2" ></a> <a href='https://www.tiktok.com/@samaadigital' target="_blank" class=''> <img data-text="D" src="https://www.samaa.tv/assets/images/tiktok.png"alt="Image 4"></a> <a href='https://www.facebook.com/samaatvnews' target="_blank" class=''> <img data-text="E" src="https://www.samaa.tv/assets/images/fb.svg.png" alt="Image 5" ></a> <a href='https://www.linkedin.com/company/samaa-tv/mycompany/' target="_blank"> <img data-text="F" src="https://www.samaa.tv/assets/images/linkedin.png" alt="Image 6" ></a> <a href='https://www.instagram.com/samaatv/' target="_blank" class=''><img data-text="G" src="https://www.samaa.tv/assets/images/insta.png" alt="Image 7" ></a> </div> </div> <h4 class='text-center my-3'>Connect, Engage, Stay Informed! Join Our Social Media Platforms For all the Latest Updates</h4> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> <style> .logo-container { position: fixed; bottom: 140px; /* Adjust the bottom position for small screens */ right: 30px; /* Adjust the right position for small screens */ z-index: 1000; display: flex; flex-direction: column; align-items: center; } .Logo-image{ border-radius: 50%; border: 2px solid #ffffff; /* Set the border size and color */ background-color: #ecedf1; width: 70px; height: 70px; text-align: center; /* Center align the content */ /*box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);*/ overflow: hidden; } .logo-text { margin-top: 4px; font-size: 14px; font-weight: bold; color: #ffffff; background-color: rgb(0, 0, 102); padding: 2px 3px; border-radius: 5px; text-align: } .Logo-image img { display: block; width: 100%; height: 100%; } @media (max-width: 767px) { .logo-container { bottom: 150px; /* Further adjust the bottom position for smaller screens */ right: 20px; /* Further adjust the right position for smaller screens */ } .Logo-image { width: 50px; /* Adjust the width for smaller screens */ height: 50px; /* Adjust the height for smaller screens */ } .logo-text { font-size: 12px; /* Adjust the font size for smaller screens */ } } .socialheading{ display: flex; justify-content: center; align-items: center; } .socialheading .col-md-4 { width: 33.33%; box-sizing: border-box; } .image-col img { height: 100%; width: 100%; object-fit: cover; } .text-col h2 { font-weight: bold; color: #001f3f; } /* Media Query for Responsive Design */ .parent { position: relative; display: flex; align-items: center; justify-content: center; margin-top: 20px; height: 250px; margin-bottom: 20px; } .circle { width: 150px; /* Fix the width */ height: 150px; border-radius: 50%; /* background-color: teal; */ display: flex; justify-content: center; align-items: center; z-index: 1; overflow: hidden; } .circle-image { height: 150px; width: 150px; cursor: pointer !important; } * { box-sizing: border-box; } .image-holder { position: absolute; width: 220px; height: 220px; } .image-holder a { position: absolute; width: 110px; height: 110px; border-radius: 50%; } .image-holder a img { width: 100%; height: 100%; border-radius: 50%; } .image-holder a:nth-child(1) { top: -15px; left: -15px; } .image-holder a:nth-child(3) { top: -15px; right: -15px; } .image-holder a:nth-child(5) { bottom: -15px; right: -15px; } .image-holder a:nth-child(7) { bottom: -15px; left: -15px; } .image-holder a:nth-child(2) { top: -50px; left: 50%; transform: translateX(-50%); } .image-holder a:nth-child(4) { top: 29%; right: -50px; } .image-holder a:nth-child(6) { bottom: -50px; left: 29%; } .image-holder a:nth-child(8) { top: 29%; left: -50px; } @media (max-width: 768px) { .parent { flex-direction: column; height: auto; } .circle{ width: 90px; height: 90px; border-radius: 50%; overflow: hidden; z-index: 1; } .circle a img { height: 90px; width:90px; cursor: pointer; } .image-holder { position: absolute; display: flex; justify-content: center; align-items: center; width: 90px; height: 90px; } .image-holder a { width: 70px; height: 70px; border-radius: 50%; } .image-holder a img { width: 100%; height: 100%; border-radius: 50%; } .image-holder a:nth-child(1) { top: -31px; left: -31px; } .image-holder a:nth-child(3) { top: -31px; right: -31px; } .image-holder a:nth-child(5) { bottom: -31px; right: -31px; } .image-holder a:nth-child(7) { bottom: -31px; left: -31px; } .image-holder a:nth-child(2) { top: -50px; left: 50%; } .image-holder a:nth-child(4) { top: 16%; right: -50px; } .image-holder a:nth-child(6) { bottom: -50px; left: 14%; } .image-holder a:nth-child(8) { top: 16%; left: -50px; } } @media (max-width: 767px) { .modal-dialog { margin: 10px 10px 10px 10px; /* Center horizontally */ top: 30%; /* Center vertically */ transform: translateY(-50%); /* Center using transform */ } .modal-body { padding: 10px; } .socialheading .col-md-4 { width: 100px; height:100px; margin-bottom: 10px; } .socialheading img { width: 100%; height: auto; object-fit: cover; } .socialheading .text-col { text-align: center; } } </style> </div> <!-- footer of the page --> <!-- Place this in your body tag --> <footer id="footer"> <div class="container"> <ul class="fnav"> <li><a href="https://www.samaa.tv/contactus">Contact Us</a></li> <li><a href="https://www.samaa.tv/comment-policy">Privacy Policy</a></li> <li><a href="https://www.samaa.tv/about-us">About Us</a></li> <li><a href="https://www.samaa.tv/advertise">Advertise With Us</a></li> <li><a href="https://www.samaa.tv/faqs">FAQs</a></li> <li><a href="https://www.samaa.tv/anchor-profile">Anchors</a></li> <li><a href="https://urdu.samaa.tv/">Samaa Urdu</a></li> </ul> <div class="footer-social-networks"> <div> <a class=" " href="https://www.facebook.com/samaatvnews/" target="_blank"> <img src="https://www.samaa.tv/assets/images/facebook_footer.png" alt="FaceBook"> </a> </div> <div> <a class=" " href="https://twitter.com/SAMAATV" target="_blank"> <img src="https://www.samaa.tv/assets/images/x_twitter_footer.png" alt="Twitter"> </a> </div> <div> <a class=" " href="https://www.instagram.com/samaatv/" target="_blank"> <img src="https://www.samaa.tv/assets/images/instagram_footer.png" alt="Instagram"> </a> </div> <div> <a class=" " href="https://www.tiktok.com/@samaadigital" target="_blank"> <img src="https://www.samaa.tv/assets/images/tiktok_footer.png" alt="Instagram"> </a> </div> <div> <a class=" " href="https://www.youtube.com/samaatvnews" target="_blank"> <img src="https://www.samaa.tv/assets/images/youtube_footer.png" alt="Instagram"> </a> </div> <div> <a class=" " href="https://www.threads.net/" target="_blank"> <img src="https://www.samaa.tv/assets/images/threads_footer.png" alt="Instagram"> </a> </div> <div> <a class=" " href="https://www.linkedin.com/company/samaa-tv/mycompany/" target="_blank"> <img src="https://www.samaa.tv/assets/images/linkedin_footer.png" alt="Instagram"> </a> </div> <div> <a class=" " href="https://www.whatsapp.com/channel/0029Va8EglPLCoX1JQRteR1x" target="_blank"> <img src="https://www.samaa.tv/assets/images/whatsapp_footer.png" alt="Instagram"> </a> </div> </div> <!-- <p>Copyright © 2024 SAMAA TV. All Rights Reserved.</p> --> </div> </footer> <footer class="text-center text-lg-start text-dark d-hide-mobile" style="background-color: white" > <!-- Section: Social media --> <div class="copyright-section text-center p-3"> <a class="" href="">Copyright © 2024 SAMAA TV. All Rights Reserved.</a> </div> </footer> <!-- Footer --> <style> .footer-social-networks { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer-social-networks div a { margin:20px; display: inline-block; /* Ensure the anchor element behaves as a block */ width: 50px; /* Set a fixed width for the anchor element */ height: 50px; /* Set a fixed height for the anchor element */ } .footer-social-networks div a img { width: 100%; /* Fill the entire width of the anchor element */ height: auto; /* Let the browser calculate the height automatically to maintain aspect ratio */ } .fnav li a { padding-right: 5px; padding-left: 5px; color:#0a2395 !important ; } .fnav li { padding: 0 8px; border-right: 1px solid rgba(0, 76, 255, 0.5); } .fnav li:last-child { border-right: none; /* Remove right border from the last item */ } .copyright-section { border-top: 1px dotted #000; /* Change #000 to the desired color */ padding-top: 10px; /* Adjust the padding as needed */ background-color: #0a2395; ; } .copyright-section a { color:white ; text-decoration: none; /* Remove underline from the anchor tag */ } .fnav { margin: 0 -8px 8px; font-size: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .fnav li a:hover { text-decoration: underline; color: rgb(0, 0, 102); } @media (max-width: 767px) { .fnav { font-size: 16px; } .fnav li { padding: 0 5px; /* Adjust padding for smaller screens */ } .footer-social-networks div a { width: 20px; /* Adjust image size for smaller screens */ height: 20px; } } </style> </div> <script type="text/javascript"> window._taboola = window._taboola || []; _taboola.push({flush: true}); </script> </body> </html> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="https://www.gstatic.com/firebasejs/9.0.0/firebase-app-compat.js"></script> <script src="https://www.gstatic.com/firebasejs/9.0.0/firebase-messaging-compat.js"></script> <script> if (window.location.pathname === '/' || window.location.pathname === '/index.html') { // Initialize Firebase const firebaseConfig = { apiKey: "AIzaSyAIBF4X9cvDGbKPJ8xADvvTHLORkAHp5PQ", authDomain: "sama-push-notification.firebaseapp.com", projectId: "sama-push-notification", storageBucket: "sama-push-notification.appspot.com", messagingSenderId: "1037362093437", appId: "1:1037362093437:web:53b9a3e8cf1b3dd338c014", measurementId: "G-3P9L033VBW" }; // Initialize Firebase firebase.initializeApp(firebaseConfig); const messaging = firebase.messaging(); // Register Service Worker for Firebase Cloud Messaging if ('serviceWorker' in navigator) { navigator.serviceWorker.register('/public/firebase-messaging-sw.js') .then(function (registration) { console.log('ServiceWorker registration successful with scope: ', registration.scope); window.serviceWorkerRegistration = registration; }) .catch(function (err) { console.error('ServiceWorker registration failed: ', err); }); } // Request Notification Permission and manage subscription function askPermissionAndManageSubscription() { Notification.requestPermission().then((permission) => { if (permission === 'granted') { subscribeToTopic(); } else { unsubscribeFromTopic(); } }); } function subscribeToTopic() { if (window.serviceWorkerRegistration) { messaging.getToken({ vapidKey: 'BIDhEPl3QJEreJ7QrT1hSQydPjDp6elICK9zsJe4d8Q-wTJVQ4km5U8pZIkc-Bjg_FifOt1vZMn0mgdoHSuzHl4', serviceWorkerRegistration: window.serviceWorkerRegistration }).then((token) => { if (token) { // Check local storage for subscription status const isSubscribed = localStorage.getItem('isSubscribed'); if (!isSubscribed) { console.log("FCM Token:", token); subscribeToTopicInBackend(token, 'news_updates'); // Subscribe to 'news_updates' topic localStorage.setItem('isSubscribed', 'true'); // Set subscription status } else { console.log("Already subscribed to the topic."); } } else { console.log('No registration token available.'); } }).catch((err) => { console.error('Error while retrieving token: ', err); }); } else { console.error('Service Worker Registration is not available.'); } } function unsubscribeFromTopic() { const isSubscribed = localStorage.getItem('isSubscribed'); if (isSubscribed) { // Call your backend unsubscribe logic messaging.getToken().then((token) => { if (token) { unsubscribeFromTopicInBackend(token, 'news_updates'); localStorage.removeItem('isSubscribed'); // Remove subscription status } }).catch((err) => { console.error('Error while retrieving token for unsubscribe: ', err); }); } } function subscribeToTopicInBackend(token, topic) { $.ajax({ url: '/subscribe-topic', // Endpoint to subscribe to the topic type: 'POST', data: { token: token, topic: topic }, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, success: function(response) { console.log('Subscribed to topic:', topic); }, error: function(xhr, status, error) { console.error('Error subscribing to topic:', error); } }); } function unsubscribeFromTopicInBackend(token, topic) { $.ajax({ url: '/unsubscribe-topic', // Endpoint to unsubscribe from the topic type: 'POST', data: { token: token, topic: topic }, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, success: function(response) { console.log('Unsubscribed from topic:', topic); }, error: function(xhr, status, error) { console.error('Error unsubscribing from topic:', error); } }); } // Run the function on page load window.addEventListener('load', function () { askPermissionAndManageSubscription(); }); } </script> <script src="https://www.samaa.tv/resources/views/layouts/lazy-load.js" defer></script>