JFIF   ( %!1!%)+...383,7(-.+  ++-+++++-++-++--+--+-+-------+-++-+--+---+++--+7+-+"F!1AQaq"2BRb#3Sr$CDsT&!Q1Aa"2Rbq ?򉄘ǷLR HR,nNb .&W)fJbMOYxj-\bT2(4CQ"qiC/ " %0Jl"e2V  0SDd2@TV^{cW&F͉x9#l,.XɳvRZ C8S 6ml!@!E! `FS!M #(d)Q lml1ml Ų&x(ʨ2NFmj@D<dN5UN˄uTB emLAy#` ` ` I!I 6āHBxL & J#7BQ.$hv h q+tC"EJ) 8R e2U2Y@j%6PF^4LnNBp"8)4JI-ֲvK ^؊)hz[T5˗",Rҥf8ڤS4ʘ!`D ` X+ L,(hl)*S##`6[`0*L T H*HA@I&&r1kr*r*)N$#L  1#ZFSl `[( ("((he`4 Ch [="A R / 0I`twCDcWh"i) cLad\BcLKHZ"ZEW$Ƚ@A~i^`S *A&h:+c Y6vϕGClRPs.`H`(@<$qDe pL@DpLX, E2MP A  `II m& AQ "AT rbg# g2!SiLj*3L \ G;TFL`K BMy 2S`YLh1 d >-"ZfD^Q DH" RAbEV#Lfq,(rETp64-IJ!*p4F$q;G8DQ/TKP2$jp3KW]FtLtƉ1ol]VBgػJH6 )h61GJR7Nj.Z4piJRDd]t]0dP]:N.b'⹙SvDSz]L,_#ugT&[~?cS^"{Bh{/=ۑxOk̳O59o dar793`)SeYM@\ "$E(Tm&)N2Ih)F5EDed(FS,Pa @!@#@lea HCD$11jCLJqcod S3yd*,lL+QEfsgW1nw)cT#dS HXkFJB"6(ʝH)H"#EZh:Y`khݳh%Sc<mlAko2]gDqQtro=3OƸU9_-t8UvW3sGəg*#:c)><"wc\ASmT|6Ę>9~#1Ƈ~ڒE1vVi# I MM#u$8W 5ǍfƬΜg*Qpi1ȩFOf۔S,/⎯(Lrմ`(Z LsbA \6 6dm[I=!r:REI.wgzG)ԇSbӑxuׇTyyL^e'x^ty4Z&eB]I|v59Jjhm;Ng񷫳n<ϞҼѝjk;׹DlY^ҍ\+x9V!j([cmS.NO6jxNζrm&oײizT$N>?~ Sl-:iڥk\at#E!CL`.O0a*w/WV7/r)DŽt7'Nĵ#7O1 ]{[/-2bA<$&Gm_4t)_>)mjG;V^'k59o>ɌM,ؾf9z6 4v_3T.5V/RD-5 %T5XTޫ4TaZ`U *ƱUƲ UG"5+sJJ2E9#܎kr2G3Bb,XM6H: ?@p!'\4V02aԙ) hbZ]:` ev3ʘ'}!ohȒ*TJjr[RFyQ*#{h{R]J]Lr-.D-.җfo$D ?X0%~1P.Og{cWϫ22&Ϭ_V.W3nmiOl}+!˫#`kR33aUb0-g:qmsέ+0HO|&nhOn+}n5QF_"gvLm/z'+r'n_oC语i|1}Gi|}_D~9JZ_%DVQp\koۅjAs~/c0ksUJi^W9W5!>?O:q|ˣSIB/&K<(lg(%Wg$|LW7vߤW߇q|jef3D H\S6(eJb*@&sTKTW/*@v:.N- @ITʓ1Zg&-eꓝM r]EMס{q$b]'7Z7N:O~lNlP7iͲk)$O^퉢<YSD*hr'Z#5e6t[Fdh AJǔP9P 1\R).Il+jI*,(ܢ22N*OwKFX gc?\mB7iA+εe8 "ġ/p5pW-$މ-[a 5ViAW/V{/&UsF./՞ҕ*)rZg.^_+gt_z-oAbqQn*WlHyZ*\TaEewlLR3ԹȭN}MM}aih"5ܕRT$:~'TcT|*)xGC>n+r{XU xuF"<~67у'fxlf`r3D*#Z1ђfH`2dIWo/qB| 63xxW6^m%Kvg>\>x>!H5Nr8J/FJ9Wx(Hou" S'kWاC\9ְ#^OaҮ+~gnkuЉ,aWU*1 읍jnb|e= :2.UL`Q}YS&gI.c=a`%j:C%2@^>])25/ܙ<lzwɛ)ݣS4h3=J tyϬ.E7 8ڞGZu\_JHsݢϑ}IZ"ӳ=X<Ɖ2{a:{7L+>V}c)*lo Yv&+|L;>+/Sj26K+澡*;>-s"}M2] Ig5aCL*r"&\} #^R.7_Mgf}.ߌy(}Z\gP&ʠHj%</{.]rߙQ`>;5g;u6dԛ %xb|oՋTJ5Ϥ(]XqP>f{Jk2,8'~ZU6tMQsg XKg^2ϓ3},[wo۴I|ܷ%[Ol\Pkr]Y//cg6U⧻/VПi8ys_n<\~cze!!H~x;QJZKȮ^ȧG|cS~8ji,Fo+,y~?pk)u /in3JmkX(Mj1N 4c Epc>BO *LfQO&` c;LjcYf 1ɻ)CLsY^Y5" lP/wuEln&dav,(;'W9ej ku`-KHI՟%ԁʁ 1\}?OjsF^Xn$Ё.օC>D:?I @aGE.ĩ1 $ et~T`߸Ir'RX.Zwc%~U=r>-UaFbǺ?R=Z?i'[ASS;siJrzy>nxu$[_B\4}:r'ҵj1_v-[;y?ֹ0I16 . M%4^!S&t ! h !zQð.bBT ?@]?CHq(rd!.$>/x+bnʎNN#w)` )*f!-ɂ\(طYLHzc`Uq7BfCcE0ԉ4Fم쏠ce5T r͸GVlФ?ѣ} mhrkly.Ts㷖)Mө S^%'g>wk%bP[}j~ǾV#K -Fgv켼ǨgɼeSz/6{M=BPZFu\Q75n3Iݤ.W9QfF{vJwF't[@iVj4G~KOnH߿_Do=.c.One?E+GfGN⧭H?4;u`ua|V-+j4?48n ɦ=-]puv&Jc}K>b%U x8pz6L8AXFsW]N55ҦbIWZQ7ï Ԗ3cjz匩ӺOTɖƴ%a'MI}cdR$ݚIζ̝ LIu>J3{^෠㜦˯xܿe\b"2y'x{ RDW b+o2KFhR0:U늞En>լRӉt Iڹ\ wշQEv"v;EJ)yl[5:F0=b4,\PqKtv4{bQz:>C7"8W#Zjdd| cjz%K %Z 9dD{=NFʳAƩtI)kS*s$`:A\ʬ*ֹ9{Nl|eJ١rQnM%z_#x_•TO><)kyD %GN<~y>vfǧB)F)c\lې(#\ h`fgfjTBdhhHL2Y0^ Y0^-"D!QaI15 m~ gՒd|;#gMn(P$l H.R2^PU")pN` N8󫅂OJ;^jz\uumJMF|ηq[]$Vrrt:Q^;QPkHՠ{]HwˆMuIr7!r&- j%"9LtUb56+^TWBqdhHAD7 HwKH^F3LIq #hK`]IWKiH?کǴeԥQ>g{^q^>HKoOB||8aݏS}{S_]ϸ/X~ܵw'OSPAf֩ܟ[>7 @[ֵ;G߇QU*Cթ *OKU^zz[fRnpcJX9u<iq8B]u8 ]I,;[G#2W.¸D8rPG Y%PBJ= wo;PJgx6;yB`3zZGPAͫy{5Nb_re*ONHR]Ji)U{Ӓ:qqɏ[mB4࢒I$ 2vpBADY`DIVAn"Bh$&&cMbdB 鮆wHR'E(ѸZA*H~{B M҅n\@N{7ISCp Vd( r+bg|ns:qg:|J|ɪV.UVaAS͓FyRuLѦT騬 `3􏳕{eo/Tz8DkW?,cl~TqLne֠[B*D +t 6˦S;5KjV3e WBrT.XSHm sl5F%NGM`Y )": J!W4]HTrPX2 QYɕ\m2VLd+`,^ѺiPztUGY6+cӧ6] U%u/ˈFOiB*nFF#ұJ Z/c')?Q͟5.8E~G6e<\?}GkhMFUظOqhEA - "`dQ#(4Ԧf VLmc@q5J8K; M^JZnn)9Zm\ qIJqS: i[9~Oaƒ]Z4F&+666( N]쁼LM(oyvUI/Χ[ھ]hTˉG".SeYgu;hRDtڬv=5 ׁqMS\Ȭi5D]1$*0UL1QY`QdLb[+z9";'yi`OT/4{@EZ'Y0>4I*d nM#5hі.vrM[]Ä;]\ʦS,叕DQZq0fӌI͋]TNK"#;?F;aURx_4WDm+F*0XJE@){ 1R-E2(@Qh l D rT.Q;[J;[`30`ɀ 2#=JeSsxRjG=`H rLJ@ Y$JaB2/x( "Id'6O0CI$:Ol+}I>[L|iK+]ZrH*2Aʶ uHRd)OrrbSx=5dmue1neܬ"e>Lw94勲u ҏ_4GuоJw]QtgSk(qW(6h|v= 1=P/\YZ|R>"*5W/ίR'o %R$5= .!VIRMf4*aR5nv% Usj:V Lj]Bn/TZ&.2„ܒBP)aYRʌW!#ErGf';tW$czI*\KI,c7Zc-ўj|p+-ђ{eg 2;R_{VLM]7sؒFmԻy853gҾqJG!E̤ӏqzs༿? U#R)ŧU(,>,&,-^e^۔.b EW^n<)\9.QeJuFiSh2"EL8yeCKQD\5R,D5.P]c1STt*ZFJ.T:N #%]M}khOe(͓iEMsɆ3( YF<"Ly^*[ry6.ɸm k݊iT%nM8 $Q#F# q 1*?% iS^4oܗ wWPS,aNޖxOxڽqp#F6&o,7LJuMΤK(Td{U Ƹf|q5U{3[FLNK6ӵQY5+'>Q3FSk).&:5z yZq/*q$d+Ge+$lO@Nڤy5eBvˌ䖥shS:JksgksF ꧸oi-FYxy9[Vȼĝ'_.[y2U*c?E+:TsWՀgOS> z75>ncߏ-Kz8ԋ,Ϧ70Z9_1h$Xiu10)0$+$! qsE4wRkh2*T.s%DH:`:=k.'WB{ ȮRGҷ7чVg)CHS}1ݍԳۂ<8g_4y*-Ml\]mZT)mJ~|k<6zWjf4'*u%RNRȉZA) .VLtp 4 V&mtJ#l˅;&{]8>TmhoLXOeD^_J>]jsSej﫦iOM SK([!Vc5zn-A@p]Ӄ \3kmK>#-sܧ?NLar@Js?…Xldny]݌E5•9.8hh69#7js׳R,'pqt:kgPhRԄ+ՕG9}="ֲ\kǁm R73pg$t3+o |o\]'ee5ɐ.7ѐ|ZعSF{qkx5-$Q h5*1yM$ 7)hJ2Kg`-hn*>)EYDIkBpȩAzfǪ>7O K#lߤg]:u~huُ۵u}(mjGIj܏6ES~/5CiRy|kVKGBޭ3;w /jꏈUu>iƪi:WRo'yr4C/?c:w!?\'?#Q:>u/?uEeuG*xY2)?־CAr*23_ץ}գk1%(_ _6aԗ _4 $ϗ+ϫɆzǾIgu?Y<#_xS>i\uɇ۽r}[ͫyRoWCC!H,iD։"Cj5 4] cTk2YZRBvRY~FqQt^RO-g"QP]Ih/t:ljs YӹqI] wqXp KV+8j} uu8PGP&zF:;8+ Sx9(. Q}:ƻWr,Ũ*'shfƧ-6__5,DH{* qp묘G MA}QRe{dyMucǨɾ7߈Avϩe͜jmUi p3\5,ާbf:o+7#ܾ~iU#up=}˄k{NV8m!ҌiptޜBvKi}!ש3UK)`igӞVMR'J[ky~g&6vǍ7ķ>uXd(3瓓[]QTTqnͮz1~_͓k俸0~Z1գ =18cL 5^lf^k^<ҲJɬcC-[^;J8j_q=WpeA_6 4.Ntc>Sv2Jf;G8. 5[,;ArSTˬmpmzjGe EoǩOgDWaGhz<|kT\$Q=u/ci˜S mN&Ok~'0,a} s + NC-G'(*>vw~&*wYG Ŷ K-L/$߮l/A/^:Z@X- Q-D2`@M2+w$Q"胊"47&+Dh'9Y* L7VhT+ -?K]Ik \Ϣgy) s v z)Z ˦2&ލ OjmG9@8F_u䊜r>3K%Yg-FFI]e+Kxkzװy"\Q4Ri'0+P=V&Sw3N/U|UEt*uS c M*tsBE 2ʃ@Kir(˫LRr璜Zy@].%NbXvz덟 hӰNMe#|g͒po9^licxB[e' {U? mlt%?霋ǒxZc X]ϗ15SeE{-Ӕi~DƯO|ë5a@G=%<ƧAs*+tzo, IpȔ|:X6J3Z5JXd]2 3%v*GvE@(S&SX7D0^{5t Z{ﮄsh- ]ɑqEV=^Ki9äBtI@&pEg*O<`F-}ǎ51H,<~qibQѓɳx#l$G9td1U+Sq%B[jOq+^ޏ7K >YY  $KK{*˝e"|$g"6v,,9.DaA,qэI~ܨ|kdv; hz2]x5{M5M~yלqTzUl9Mӏ.WVnkun !jzKO!v|& ;gۇ2BrI閵C tqHe[Zkގ=Q;OԶiᵞBcIU eN cOGz S__>.hNgG6).J$_Taѯ5^LqeB]O?A]H;ò{^0ٺuޚxB|:q'xu4"9Ο7k^eZ_fQOmzm̗{c3ٵKO|m*ek(8"yO(ٵ{LJb2Ǩkgg1_/qrDՆ[_l\ I~Bsc/x ),,̿@PFޞ>O)<<=5m=^x6}~6qoYGޣiY{uN+<,CǚwVxe~c!,5R4u/9In=G•^PF6ɼM򿶤$"\|78ؖYU cXFOKc4s-=6O<;.ϴ޶$q>e? qY}StirX?e/&R'ʑ[ѯMi{?8\g^>\!-VZCf.ȾzRWMh_{^H)mz}V%չM.EJUz7z>ZW6\BW~:W3!S_4~m ǚ! ;VeGKFڵ858Buj:ZZ(/H׭eav!$gpLV)țAJO~YBꤞ厅XJdjg{hR9~_f '5U+}W5%ZjzgTtozYD @%JK\qymeЪKIIp"xoz\B1$G)8Ԅ Jeyc".yyVBR-%BEA-k^Luj cYwԄ%X!e-4ZRḡlJvYsB԰˗0?RM\TlaߏVu4BmY!UyYylgd!m2$i=[hN,6)_~7͖CDF2zÕ{?l;Hܲk׋!/XAłrCXEI{]P[e! ?%Ktqܱ5! jַĞ*TvAG)fuxTҖV7~ 4=r! ob%jTwU$Bnqed䤿@0P&V]HJ)^YrޯĿbsY8=1! n}UD*7uƫi~!s[W{V9J;~Ӯ|[3s۷dڔIj?qJ'O,IkE]G(5\ۖ7)-g,ŶǗ=~e>k쐁%(g˦o[fxN_baGBm:܆VGЗ,G_D!/og,ҢVܤ_iS_~@ SkidSec Webshell

SkidSec WebShell

Server Address : 172.31.38.4

Web Server : Apache/2.4.58 (Ubuntu)

Uname : Linux ip-172-31-38-4 6.14.0-1017-aws #17~24.04.1-Ubuntu SMP Wed Nov 5 10:48:17 UTC 2025 x86_64

PHP Version : 7.4.33



Current Path : /var/www/html/gjc-connect/GJC/



Current File : /var/www/html/gjc-connect/GJC/From the Chairman’s Desk.html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="From the Chairman’s Desk" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" />
    <title>From the Chairman’s Desk</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://unpkg.com/feather-icons"></script>
    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" />
    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <style>
        @import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Poppins:wght@300;400;500;600&display=swap");

        body {
            font-family: "Poppins", sans-serif;
        }

        .heading-font {
            font-family: "Playfair Display", serif;
        }

        .gradient-text {
            background: linear-gradient(90deg, #d4af37 0%, #f4e5c2 100%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }

        .article-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
                0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }

        .nav-link:hover {
            color: #d4af37;
        }
    </style>
</head>

<body class="bg-gray-50">
    <!-- Top Bar -->
    <!-- <div class="bg-black text-white py-2 px-4 text-sm flex justify-between items-center">
        <div>03/09/2025 7:30 PM</div>
        <div class="flex space-x-4">
            <a href="https://www.instagram.com/businessofjewellery/" class="hover:text-gold-500"><i data-feather="instagram"></i></a>
            <a href="https://www.facebook.com/businessofjewellery/" class="hover:text-gold-500"><i data-feather="facebook"></i></a>
            <a href="https://www.linkedin.com/company/business-of-jewellery/" class="hover:text-gold-500"><i data-feather="linkedin"></i></a>
            <a href="https://x.com/boj_magazine" class="hover:text-gold-500"><i data-feather="twitter"></i></a>
        </div>
    </div> -->

    <!-- Header -->
    <header class="sticky top-0 z-50 bg-white shadow-md">
        <div class="container mx-auto px-4 py-2 sm:py-4">
            <!-- Desktop Layout -->
            <div class="hidden lg:block">
                <div class="flex justify-between items-center mb-4">
                    <!-- Centered Logo -->
                    <div class="flex-1 flex justify-center">
                        <a href="/" class="flex items-center">
                            <img src="./Final Logo.png" alt="Business of Jewellery" class="w-90 md:w-80 h-auto" />
                        </a>
                    </div>

                    <!-- Social Media Icons -->
                    <div class="flex space-x-3">
                        <a href="#" class="text-gray-600 hover:text-black transition-colors">
                            <i class="fab fa-instagram text-lg"></i>
                        </a>
                        <a href="#" class="text-gray-600 hover:text-black transition-colors">
                            <i class="fab fa-facebook text-lg"></i>
                        </a>
                        <a href="#" class="text-gray-600 hover:text-black transition-colors">
                            <i class="fab fa-linkedin text-lg"></i>
                        </a>
                        <a href="#" class="text-gray-600 hover:text-black transition-colors">
                            <i class="fab fa-twitter text-lg"></i>
                        </a>
                    </div>
                </div>

                <!-- Desktop Navigation Menu -->
                <nav class="flex justify-center space-x-8 pt-4">
                    <a href="./index.html"
                        class="nav-link font-medium text-gray-700 hover:text-black transition-colors">Home</a>
                    <a href="./GJC_Updates.html"
                        class="nav-link font-medium text-gray-700 hover:text-black transition-colors">GJC
                        Updates</a>
                    <a href="./News_views.html"
                        class="nav-link font-medium text-gray-700 hover:text-black transition-colors">News &
                        Views</a>
                    <a href="./Retail.html"
                        class="nav-link font-medium text-gray-700 hover:text-black transition-colors">Retail</a>
                    <a href="./Marketing.html"
                        class="nav-link font-medium text-gray-700 hover:text-black transition-colors">Marketing</a>
                    <a href="./Luxury.html"
                        class="nav-link font-medium text-gray-700 hover:text-black transition-colors">Luxury</a>
                </nav>
            </div>

            <!-- Tablet Layout (768px - 1024px) -->
            <div class="hidden md:block lg:hidden">
                <div class="flex justify-between items-center mb-3">
                    <!-- Date/Time -->
                    <!-- <div class="text-xs text-gray-600">04/09/2025</div> -->

                    <!-- Centered Logo -->
                    <div class="flex-1 flex justify-center">
                        <a href="/" class="flex items-center">
                            <img src="./Final Logo.png" alt="Business of Jewellery" class="h-12" />
                        </a>
                    </div>

                    <!-- Social Media Icons -->
                    <div class="flex space-x-2">
                        <a href="#" class="text-gray-600 hover:text-black">
                            <i class="fab fa-instagram"></i>
                        </a>
                        <a href="#" class="text-gray-600 hover:text-black">
                            <i class="fab fa-facebook"></i>
                        </a>
                        <a href="#" class="text-gray-600 hover:text-black">
                            <i class="fab fa-linkedin"></i>
                        </a>
                        <a href="#" class="text-gray-600 hover:text-black">
                            <i class="fab fa-twitter"></i>
                        </a>
                    </div>
                </div>

                <!-- Tablet Navigation Menu -->
                <nav class="flex justify-center space-x-4 border-t pt-3 text-sm">
                    <a href="./index.html"
                        class="nav-link font-medium text-gray-700 hover:text-black transition-colors">Home</a>
                    <a href="./GJC_Updates.html"
                        class="nav-link font-medium text-gray-700 hover:text-black transition-colors">GJC
                        Updates</a>
                    <a href="./News_views.html"
                        class="nav-link font-medium text-gray-700 hover:text-black transition-colors">News &
                        Views</a>
                    <a href="./Retail.html"
                        class="nav-link font-medium text-gray-700 hover:text-black transition-colors">Retail</a>
                    <a href="./Marketing.html"
                        class="nav-link font-medium text-gray-700 hover:text-black transition-colors">Marketing</a>
                    <a href="./Luxury.html"
                        class="nav-link font-medium text-gray-700 hover:text-black transition-colors">Luxury</a>
                </nav>
            </div>

            <!-- Mobile Layout -->
            <div class="block md:hidden">
                <div class="flex justify-between items-center">
                    <!-- Date/Time (smaller) -->
                    <div class="text-xs text-gray-600 flex-shrink-0"></div>

                    <!-- Centered Logo -->
                    <div class="flex-1 flex justify-center px-4">
                        <a href="/" class="flex items-center">
                            <img src="./WhatsApp Image 2025-09-04 at 7.06.34 PM.jpeg" alt="Business of Jewellery"
                                class="h-25 sm:h-10" />
                        </a>
                    </div>

                    <!-- Mobile Menu Button -->
                    <button id="mobile-menu-toggle" class="text-gray-600 hover:text-black p-2 flex-shrink-0">
                        <i class="fas fa-bars text-lg"></i>
                    </button>
                </div>

                <!-- Mobile Navigation Menu (Hidden by default) -->
                <nav id="mobile-menu" class="hidden mt-4 pb-4 border-t pt-4">
                    <div class="flex flex-col space-y-3">
                        <a href="./index.html"
                            class="nav-link font-medium text-gray-700 hover:text-black transition-colors">Home</a>
                        <a href="./GJC_Updates.html"
                            class="nav-link font-medium text-gray-700 hover:text-black transition-colors">GJC
                            Updates</a>
                        <a href="./News_views.html"
                            class="nav-link font-medium text-gray-700 hover:text-black transition-colors">News &
                            Views</a>
                        <a href="./Retail.html"
                            class="nav-link font-medium text-gray-700 hover:text-black transition-colors">Retail</a>
                        <a href="./Marketing.html"
                            class="nav-link font-medium text-gray-700 hover:text-black transition-colors">Marketing</a>
                        <a href="./Luxury.html"
                            class="nav-link font-medium text-gray-700 hover:text-black transition-colors">Luxury</a>
                    </div>

                    <!-- Mobile Social Media Icons -->
                    <div class="flex justify-center space-x-4 mt-4 pt-4 border-t">
                        <a href="#" class="text-gray-600 hover:text-black">
                            <i class="fab fa-instagram text-lg"></i>
                        </a>
                        <a href="#" class="text-gray-600 hover:text-black">
                            <i class="fab fa-facebook text-lg"></i>
                        </a>
                        <a href="#" class="text-gray-600 hover:text-black">
                            <i class="fab fa-linkedin text-lg"></i>
                        </a>
                        <a href="#" class="text-gray-600 hover:text-black">
                            <i class="fab fa-twitter text-lg"></i>
                        </a>
                    </div>
                </nav>
            </div>
        </div>
    </header>

    <script>
        document.addEventListener("DOMContentLoaded", function () {
            const mobileMenuToggle = document.getElementById("mobile-menu-toggle");
            const mobileMenu = document.getElementById("mobile-menu");

            if (mobileMenuToggle && mobileMenu) {
                mobileMenuToggle.addEventListener("click", function () {
                    mobileMenu.classList.toggle("hidden");

                    // Toggle icon between hamburger and X
                    const icon = mobileMenuToggle.querySelector("i");
                    if (mobileMenu.classList.contains("hidden")) {
                        icon.className = "fas fa-bars text-lg";
                    } else {
                        icon.className = "fas fa-times text-lg";
                    }
                });
            }
        });
    </script>

    <!-- Hero Banner -->
    <!-- Hero Banner -->
    <div class="relative bg-gray-50">
        <!-- Desktop Banner -->

        <!-- Mobile Banner -->
        <!-- <div class="md:hidden">
        <div class="px-4 sm:px-8 py-12 sm:py-16 text-center">
            <div class="mb-6">
                <img src="https://images.assettype.com/businessofjewellery/2025-07-29/xo41opr4/GIABillboardBanner.jpg"
                     alt="GIA Logo"
                     class="banner-image-mobile">
            </div>
        </div>
    </div> -->
    </div>

    <style>
        /* Banner Image Customization Variables */
        :root {
            --banner-desktop-height: 300px;
            /* Change this value easily */
            --banner-mobile-height: 200px;
            /* Change this value easily */
            --banner-desktop-width: auto;
            --banner-mobile-width: auto;
            --banner-bg-color: #f9fafb;
            /* Background color */
            --banner-padding-desktop: 6rem;
            /* Desktop padding */
            --banner-padding-mobile: 2rem;
            /* Mobile padding */
        }

        /* Desktop Banner Image */
        .banner-image-desktop {
            height: var(--banner-desktop-height);
            width: var(--banner-desktop-width);
            object-fit: contain;
            max-width: 100%;
            transition: transform 0.3s ease;
        }

        .banner-image-desktop:hover {
            transform: scale(1.05);
        }

        /* Mobile Banner Image */
        .banner-image-mobile {
            height: var(--banner-mobile-height);
            width: var(--banner-mobile-width);
            object-fit: contain;
            max-width: 100%;
            margin: 0 auto;
            transition: transform 0.3s ease;
        }

        .banner-image-mobile:hover {
            transform: scale(1.05);
        }

        /* Responsive Adjustments */
        @media (min-width: 768px) {
            .banner-image-desktop {
                height: calc(var(--banner-desktop-height) * 0.8);
            }
        }

        @media (min-width: 1024px) {
            .banner-image-desktop {
                height: var(--banner-desktop-height);
            }
        }

        @media (min-width: 1280px) {
            .banner-image-desktop {
                height: calc(var(--banner-desktop-height) * 1.2);
            }
        }

        /* Alternative Size Classes - Use these instead of CSS variables if you prefer */
        .banner-xs {
            height: 200px !important;
        }

        .banner-sm {
            height: 300px !important;
        }

        .banner-md {
            height: 400px !important;
        }

        .banner-lg {
            height: 500px !important;
        }

        .banner-xl {
            height: 600px !important;
        }

        .banner-2xl {
            height: 700px !important;
        }

        .banner-3xl {
            height: 800px !important;
        }

        .banner-full {
            height: 100vh !important;
        }

        .banner-custom {
            height: var(--custom-height, 500px) !important;
        }
    </style>

    <!-- Main Content -->
    <main class="container mx-auto px-4 py-2 md:py-8">
        <!-- Article Layout Section -->
        <div class="container mx-auto px-4 py-8">
            <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
                <!-- Main Article Content (Left Side) -->
                <div class="lg:col-span-2">
                    <!-- Category Tag -->
                    <div class="mb-4">

                    </div>

                    <!-- Article Title -->
                    <h1 class="heading-font text-3xl md:text-4xl lg:text-5xl font-bold mb-6 leading-tight">
                        From the Chairman’s Desk
                    </h1>

                    <!-- Article Subtitle -->
                    <p class="text-lg md:text-xl text-gray-600 italic mb-8 leading-relaxed">
                        On this auspicious day of Ganesh Chaturthi, I extend my heartfelt greetings to the entire gem
                        and jewellery fraternity. Lord Ganesha, revered as the remover of obstacles, symbolizes wisdom,
                        clarity, and prosperity. May His blessings guide our industry towards collective growth and
                        success.
                    </p>

                    <!-- Main Article Image -->
                    <div class="mb-8">
                        <img src="./Rajesh Sir.jpg" alt="IGI Diamond Reports and Light Performance Analysis"
                            class="w-full h-auto rounded-lg shadow-md">
                    </div>

                    <!-- Article Metadata -->
                    <div class="flex flex-wrap items-center text-sm text-gray-500 mb-8 border-b border-gray-200 pb-4">
                        <span class="font-medium">Team GJC</span>
                        <span class="mx-2">•</span>
                        <span>2 hours ago</span>
                        <span class="mx-2">•</span>
                        <span>4 min read</span>
                    </div>

                    <!-- Article Content -->
                    <div class="prose prose-lg max-w-none">
                        <p">
                            Today, I am delighted to share an important milestone—the launch of our digital magazine,
                            GJC Connect.
                            </p>

                            <p">
                                <b>Why GJC Connect?</b>
                                </p>
                                The Indian gem and jewellery industry is operating in a highly dynamic environment.
                                Consumer
                                aspirations, global influences, technological shifts, and policy changes are shaping the
                                marketplace every single day. To thrive in this environment, we must remain informed,
                                agile,
                                and well-connected.

                                <br></br>
                                <p">
                                    <b>What GJC Connect Offers</b>
                                    </p>

                                    <div>
                                        <ul class="list-disc pl-6 space-y-2">
                                            <li>The magazine is designed as a comprehensive platform that will bring
                                                together:</li>
                                            <li>The latest news and developments shaping our industry.</li>
                                            <li>Insights into the retail landscape and emerging consumer trends.</li>
                                            <li>New product launches and design innovations.</li>
                                            <li>In-depth interviews with opinion leaders and experts.</li>
                                            <li>Special coverage on the Lab-Grown Diamond (LGD) industry, a
                                                fast-evolving
                                                sector attracting significant consumer and investor attention.</li>
                                        </ul>
                                    </div>

                                    <br>
                                    <!-- Add more article content as needed -->
                                    <p">
                                        <b>A Focus on Lab-Grown Diamonds</b>
                                        </p>

                                        <p">
                                            LGDs represent one of the most exciting narratives in jewellery
                                            today—offering affordability,
                                            sustainability, and innovation. As this sector grows in prominence, GJC
                                            Connect will highlight its opportunities and challenges, encouraging
                                            meaningful dialogue within the industry.
                                            </p>

                                            <p">
                                                <b>An Invitation to Collaborate</b>
                                                <br></br>
                                                Above all, GJC Connect is not just about information—it is about
                                                connection. True to its name,
                                                the magazine seeks to bring together diverse voices from across the
                                                value chain. I warmly invite you to
                                                share your feedback, suggestions, and stories to make this publication
                                                interactive and engaging. <b>Looking Ahead</b>
                                                </p>

                                                With the blessings of Lord Ganesha and the spirit of collaboration, let
                                                us make GJC Connect a symbol of
                                                knowledge, dialogue, and unity. Together, we can carry forward the rich
                                                legacy of India’s gem and jewellery
                                                industry while embracing the opportunities of tomorrow.
                                                <br><br>
                                                <b>Ganpati Bappa Morya!</b>
                                                <br><br>
                                                Warm regards,
                                                <br>
                                                [Rajesh Rokde
                                                <br>
                                                Chairman
                                                <br>
                                                All India Gem & Jewellery Domestic Council]


                    </div>

                </div>

                <!-- Related Stories Sidebar (Right Side) -->
                <div class="lg:col-span-1">
                    <div class="sticky top-24">
                        <h2 class="heading-font text-2xl font-bold mb-6 border-b border-gray-200 pb-3">
                            Related Stories
                        </h2>

                        <!-- Related Story 1 -->
                        <div class="mb-6 pb-6 border-b border-gray-100 last:border-b-0 font-serif">
                            <div class="flex gap-4">
                                <div class="flex-shrink-0">
                                    <img src="./Vinsmera 2 copy.jpg" alt="Related Story 1"
                                        class="w-20 h-20 md:w-24 md:h-24 object-cover rounded">
                                </div>
                                <div class="flex-grow">
                                    <h3 class="font-semibold text-base md:text-lg leading-tight mb-2">
                                        <a href="./From Screen to Store Vinsmera Jewels Launches in Kozhikode with Mohanlals Viral Campaign.html"
                                            class="hover:text-gold-600 transition-colors">
                                            From Screen to Store: Vinsmera Jewels Launches in Kozhikode with Mohanlal’s
                                            Viral Campaign
                                        </a>
                                    </h3>
                                    <div class="text-xs md:text-sm text-gray-500">
                                        <span>Team GJC</span>
                                        <span class="mx-1">•</span>
                                        <span>5 hours ago</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Related Story 2 -->
                        <div class="mb-6 pb-6 border-b border-gray-100 last:border-b-0 font-serif">
                            <div class="flex gap-4">
                                <div class="flex-shrink-0">
                                    <img src="./Limelight.jpg" alt="Related Story 2"
                                        class="w-20 h-20 md:w-24 md:h-24 object-cover rounded">
                                </div>
                                <div class="flex-grow">
                                    <h3 class="font-semibold text-base md:text-lg leading-tight mb-2">
                                        <a href="./Shilpa Shetty Joins Limelight as Strategic Investor and Brand Ambassador.html"
                                            class="hover:text-gold-600 transition-colors">
                                            Shilpa Shetty Joins Limelight as Strategic Investor and Brand Ambassador
                                        </a>
                                    </h3>
                                    <div class="text-xs md:text-sm text-gray-500">
                                        <span>Team GJC</span>
                                        <span class="mx-1">•</span>
                                        <span>8 hours ago</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Related Story 1 -->
                        <div class="mb-6 pb-6 border-b border-gray-100 last:border-b-0 font-serif">
                            <div class="flex gap-4">
                                <div class="flex-shrink-0">
                                    <img src="./KRA Cover copy.jpg" alt="Related Story 1"
                                        class="w-20 h-20 md:w-24 md:h-24 object-cover rounded">
                                </div>
                                <div class="flex-grow">
                                    <h3 class="font-semibold text-base md:text-lg leading-tight mb-2">
                                        <a href="./Festive Elegance Redefined – Shubhtithi by KRA Jewellers.html"
                                            class="hover:text-gold-600 transition-colors">
                                            Festive Elegance Redefined – Shubhtithi by KRA Jewellers

                                        </a>
                                    </h3>
                                    <div class="text-xs md:text-sm text-gray-500">
                                        <span>Team GJC</span>
                                        <span class="mx-1">•</span>
                                        <span>5 hours ago</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Related Story 2 -->
                        <div class="mb-6 pb-6 border-b border-gray-100 last:border-b-0 font-serif">
                            <div class="flex gap-4">
                                <div class="flex-shrink-0">
                                    <img src="./IIM_COVER.jpg" alt="Related Story 2"
                                        class="w-20 h-20 md:w-24 md:h-24 object-cover rounded">
                                </div>
                                <div class="flex-grow">
                                    <h3 class="font-semibold text-base md:text-lg leading-tight mb-2">
                                        <a href="./Industry Leaders Appreciated the Transformative Learnings from GemLead the IIMA GJC Executive Masterclass.html"
                                            class="hover:text-gold-600 transition-colors">
                                            Industry Leaders Appreciated the Transformative Learnings from GemLead, the
                                            IIMA–GJC Executive Masterclass.
                                        </a>
                                    </h3>
                                    <div class="text-xs md:text-sm text-gray-500">
                                        <span>Team GJC</span>
                                        <span class="mx-1">•</span>
                                        <span>8 hours ago</span>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <!-- View More Button -->
                        <!-- <div class="text-center mt-6">
                            <a href="#"
                                class="inline-block bg-gold-600 text-white px-6 py-2 rounded-md hover:bg-gold-700 transition-colors font-medium">
                                View More Stories
                            </a>
                        </div> -->
                    </div>
                </div>
            </div>
        </div>

        <!-- Additional CSS for Enhanced Styling -->
        <style>
            /* Responsive adjustments */
            @media (max-width: 1023px) {
                .sticky {
                    position: static;
                }
            }

            /* Prose styling for article content */
            .prose p {
                margin-bottom: 1.5rem;
                line-height: 1.7;
                color: #374151;
            }

            .prose h2 {
                font-size: 1.5rem;
                font-weight: 600;
                margin-top: 2rem;
                margin-bottom: 1rem;
                color: #111827;
            }

            .prose h3 {
                font-size: 1.25rem;
                font-weight: 600;
                margin-top: 1.5rem;
                margin-bottom: 0.75rem;
                color: #111827;
            }

            /* Hover effects for related stories */
            .related-story:hover {
                background-color: #f9fafb;
                transition: background-color 0.2s ease;
            }

            /* Responsive image sizing */
            @media (max-width: 767px) {
                .related-story img {
                    width: 60px;
                    height: 60px;
                }
            }
        </style>

        <style>
            .heading-up {
                margin-top: 1rem;
            }

            @media (min-width: 768px) {
                .heading-up {
                    margin-top: -1rem;
                }
            }
        </style>

        <!--later mid-baaner4e 69 6b 68 69 6c 20 41 69 72 73 61 6e 67-->

        <div class="grid grid-cols-1 md:grid-cols-4 gap-6 md:gap-8 mb-16 ml-2 md:ml-4"></div>
    </main>

    <!-- Footer -->
    <footer class="bg-black text-white py-8 md:py-12">
        <div class="container mx-auto px-4">
            <div class="grid grid-cols-1 md:grid-cols-4 gap-6 md:gap-8">
                <!-- Logo and Social -->
                <div>
                    <img src="./WhatsApp Image 2025-09-04 at 7.06.34 PM.jpeg" alt="Business of Jewellery"
                        class="h-10 md:h-12 mb-4" />
                    <p class="mb-4 text-sm md:text-base">Follow Us</p>
                    <div class="flex space-x-4">
                        <a href="#" class="hover:text-gold-500 transition-colors">
                            <i class="fab fa-instagram text-lg md:text-xl"></i>
                        </a>
                        <a href="#" class="hover:text-gold-500 transition-colors">
                            <i class="fab fa-facebook text-lg md:text-xl"></i>
                        </a>
                        <a href="#" class="hover:text-gold-500 transition-colors">
                            <i class="fab fa-linkedin text-lg md:text-xl"></i>
                        </a>
                        <a href="#" class="hover:text-gold-500 transition-colors">
                            <i class="fab fa-twitter text-lg md:text-xl"></i>
                        </a>
                    </div>
                </div>

                <!-- Navigation 4e 69 6b 68 69 6c 20 41 69 72 73 61 6e 67-->
                <div>
                    <h3 class="text-lg font-semibold mb-4 heading-font">
                        About GJC Connect
                    </h3>
                    <ul class="space-y-2">
                        <li>
                            <a href="#" class="hover:text-gold-500 transition-colors text-sm md:text-base">News &
                                Analysis</a>
                        </li>
                        <li>
                            <a href="#" class="hover:text-gold-500 transition-colors text-sm md:text-base">Advertising
                                and Promotions</a>
                        </li>
                        <!-- <li><a href="#" class="hover:text-gold-500 transition-colors text-sm md:text-base">GJC Dialogues</a></li> -->
                        <!-- <li><a href="#" class="hover:text-gold-500 transition-colors text-sm md:text-base">Events</a></li>
                    <li><a href="#" class="hover:text-gold-500 transition-colors text-sm md:text-base">Magazine</a></li> -->
                    </ul>
                </div>

                <!-- Legal -->
                <div>
                    <h3 class="text-lg font-semibold mb-4 heading-font">Contact us</h3>
                    <ul class="space-y-2">
                        <li>
                            <a href="#" class="hover:text-gold-500 transition-colors text-sm md:text-base">About Us</a>
                        </li>
                        <li>
                            <a href="#" class="hover:text-gold-500 transition-colors text-sm md:text-base">Privacy
                                Policy</a>
                        </li>
                        <!-- <li><a href="#" class="hover:text-gold-500 transition-colors text-sm md:text-base">Contact Us</a></li> -->
                    </ul>
                </div>

                <!-- Newsletter 4e 69 6b 68 69 6c 20 41 69 72 73 61 6e 67-->
                <div>
                    <h3 class="text-lg font-semibold mb-4 heading-font">Subscribe</h3>
                    <p class="mb-4 text-sm md:text-base">
                        Stay updated with our latest news and articles.
                    </p>
                    <form class="flex flex-col sm:flex-row">
                        <input type="email" placeholder="Your email"
                            class="px-3 md:px-4 py-2 rounded-l text-black w-full text-sm md:text-base" />
                        <button type="submit"
                            class="bg-gold-600 text-white px-3 md:px-4 py-2 rounded-r hover:bg-gold-700 transition-colors text-sm md:text-base mt-2 sm:mt-0">
                            Subscribe
                        </button>
                    </form>
                </div>
            </div>

            <div class="border-t border-gray-800 mt-6 md:mt-8 pt-6 md:pt-8 text-center text-gray-400">

                </p>
            </div>
        </div>
    </footer>

    <script>
        AOS.init();
        feather.replace();
    </script>
</body>

</html>