style class Avada - blog - hidden - tag Avada - ImageGallery Container padding 16 px border - radius 12 px position relative Avada - ImageGallery - Caption Input padding 10 px 0 word - break break - all Avada - Tool ImageGallery Avada - ImageGallery - Caption Input data - placeholder - active empty before Avada - Tool ImageGallery Avada - ImageGallery - Caption Input data - placeholder - active data - empty true before content attr data - placeholder - active Avada - ImageGallery Caption div outline 0 Avada - ImageGallery List display flex width 100 justify - content center flex - wrap wrap gap 13 px Avada - ImageGallery Image height auto object - fit cover Avada - ImageGallery List img Avada - ImageGallery Image desktop - 3 width 32 Avada - ImageGallery List img Avada - ImageGallery Image desktop - 2 width 48 Avada - ImageGallery List img Avada - ImageGallery Image desktop - 1 width 100 Avada - ImageGallery Slider display flex justify - content center align - items center Avada - ImageGallery Slides overflow hidden display flex width 100 Avada - ImageGallery Slide min - width 100 transition transform 5 s ease - in - out Avada - Tool ImageGallery nav - button width 30 px height 30 px position absolute top 50 transform translateY - 50 background - color fff border none cursor pointer z - index 9 border - radius 50 box - shadow 0 2 px 5 px rgba 0 0 0 3 Avada - Tool ImageGallery prevBtn left 0 Avada - Tool ImageGallery prevBtn svg width 100 height 100 Avada - Tool ImageGallery nextBtn right 0 Avada - Tool ImageGallery nextBtn svg width 100 height 100 transform rotate 180 deg media only screen و max - width 600 px Avada - ImageGallery List mobile - 1 width 100 important Avada - ImageGallery List mobile - 2 width 48 important Avada - Gallery - Modal Avada - GalleryModal nextBtn svg Avada - Gallery - Modal Avada - GalleryModal prevBtn svg width 100 height 100 Avada - Gallery - Modal position fixed top 0 left 0 width 100 vw height 100 vh background - color 000 z - index 999999999999 display flex justify - content center align - items center Avada - Gallery - Modal Avada - GalleryModal Close svg fill fff Avada - Gallery - Modal Avada - GalleryModal Close position absolute right 10 px top 10 px Avada - Gallery - Modal Avada - GalleryModal Slides overflow hidden display flex width 50 margin 0 auto align - items center Avada - Gallery - Modal Avada - GalleryModal Slide flex 0 0 100 display flex justify - content center transition transform 5 s ease - in - out Avada - Gallery - Modal Avada - GalleryModal Slide img width auto max - height 100 max - width 50 Avada - Gallery - Modal Avada - GalleryModal prevBtn left 10 px Avada - Gallery - Modal Avada - GalleryModal nextBtn right 10 px Avada - Gallery - Modal nav - button - modal background 0 0 width 20 px height 20 px position absolute top 50 transform translateY - 50 border none cursor pointer z - index 9 border - radius 50 Avada - Gallery - Modal Avada - GalleryModal Close hover Avada - Gallery - Modal button nav - button - modal hover background 1 a 1 a 1 a border - radius 0 Avada - Gallery - Modal gallery - slide - number position absolute color fff transform translateX 50 right 50 bottom 20 px div closeModal position absolute right 20 px padding 6 px height 20 px display flex justify - content center align - items center cursor pointer div closeModal hover background 1 a 1 a 1 a swiper swiper - slide img width 100 height 100 swiper - slide text - align center font - size 18 px background fff display flex justify - content center align - items center swiper - slide img display block object - fit cover swiper - slide flex - direction column media only screen و max - width 600 px Avada - Gallery - Modal Avada - GalleryModal Slides width 100 important Avada - Gallery - Modal Avada - GalleryModal Slide img max - width 100 important width 100 / style p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph Meet b a href https / / www instagram com / judesalem / hl en target blank rel nofollow Jude / a / b the talented PR Manager for Valentino Middle East و a passionate fashion و travel enthusiast In this insightful interview Jude shares her personal philosophy her deep connection to her home in the UAE و the profound significance of jewelry in her life / p div class Avada - Tool ImageGallery style display id ImageGallery oiIKxOi 2 zB component - id undefined auto - play false data - tool ' layout grid aspectRatio 3 / 4 imagesSelected altText mimeType png title SEOon Screenshot 2025 - 11 - 21 191215 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2025 - 11 - 21 191215 png v 1763738095 height 1366 width 983 id gid / / shopify / MediaImage / 42318180385049 size 1988992 createdAt 2025 - 11 - 21 T 15 14 53 Z altText mimeType png title SEOon Screenshot 2025 - 11 - 21 191222 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2025 - 11 - 21 191222 png v 1763738095 height 1374 width 1065 id gid / / shopify / MediaImage / 42318180417817 size 2029120 createdAt 2025 - 11 - 21 T 15 14 54 Z altText mimeType png title SEOon Screenshot 2025 - 11 - 21 191232 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2025 - 11 - 21 191232 png v 1763738096 height 1415 width 1283 id gid / / shopify / MediaImage / 42318180450585 size 2047688 createdAt 2025 - 11 - 21 T 15 14 54 Z isShowCaption true imagesInARow 3 device desktop imagesInARowMobile 2 caption isAutoPlay false hideButtonAction false captionAlign center hidden false locked false blockName Image gallery cssContent componentId undefined ' div class Avada - ImageGallery Container div class Avada - ImageGallery List img image - id gid / / shopify / MediaImage / 42318180385049 data - index 0 class Avada - ImageGallery Image mobile - 2 desktop - 3 alt image gallery src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2025 - 11 - 21 191215 png v 1763738095 img image - id gid / / shopify / MediaImage / 42318180417817 data - index 1 class Avada - ImageGallery Image mobile - 2 desktop - 3 alt image gallery src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2025 - 11 - 21 191222 png v 1763738095 img image - id gid / / shopify / MediaImage / 42318180450585 data - index 2 class Avada - ImageGallery Image mobile - 2 desktop - 3 alt image gallery src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2025 - 11 - 21 191232 png v 1763738096 / div / div div class Avada - ImageGallery Caption style display flex justify - content center div class Avada - ImageGallery - Caption Input style text - align center / div / div / div script class Avada - blog - hidden - tag var swiper جديد Swiper ImageGallery oiIKxOi 2 zB mySwiper autoplay false / script script class Avada - blog - hidden - tag function const image document querySelector ' ImageGallery oiIKxOi 2 zB Avada - ImageGallery Image' image onload const originalWidth image naturalWidth originalHeight image naturalHeight aspectRatioSetting ' 3 / 4 ' aspectRatio originalWidth / originalHeight document querySelectorAll ' ImageGallery oiIKxOi 2 zB Avada - ImageGallery Image' forEach img img style aspectRatio aspectRatioSetting 'auto' aspectRatio aspectRatioSetting if image complete image onload / script script class Avada - blog - hidden - tag function let e document getElementById ImageGallery oiIKxOi 2 zB t e querySelectorAll Avada - ImageGallery Image n 0 r 3 const imageList altText mimeType png title SEOon Screenshot 2025 - 11 - 21 191215 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2025 - 11 - 21 191215 png v 1763738095 height 1366 width 983 id gid / / shopify / MediaImage / 42318180385049 size 1988992 createdAt 2025 - 11 - 21 T 15 14 53 Z altText mimeType png title SEOon Screenshot 2025 - 11 - 21 191222 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2025 - 11 - 21 191222 png v 1763738095 height 1374 width 1065 id gid / / shopify / MediaImage / 42318180417817 size 2029120 createdAt 2025 - 11 - 21 T 15 14 54 Z altText mimeType png title SEOon Screenshot 2025 - 11 - 21 191232 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2025 - 11 - 21 191232 png v 1763738096 height 1415 width 1283 id gid / / shopify / MediaImage / 42318180450585 size 2047688 createdAt 2025 - 11 - 21 T 15 14 54 Z t forEach imgElement imgElement addEventListener click event const index event currentTarget getAttribute data - index const newList imageList slice index imageList slice 0 index const slidesModal newList map image ' div class Avada - GalleryModal Slide img class Avada - GalleryModal Image src ' image url ' alt ' image altText ' data - image - id ' image url ' / / div ' join const modal document createElement div modal classList add Avada - Gallery - Modal modal id dynamicModal Object assign modal style position fixed top 0 left 0 width 100 height 100 backgroundColor 000 zIndex 9999 display flex justifyContent center alignItems center color fff modal innerHTML div class Avada - GalleryModal Close id closeModal times / div div class Avada - GalleryModal Container button class nav - button - modal id Avada - GalleryModal prevBtn svg width 6 height 10 viewBox 0 0 6 10 fill none xmlns http / / www w 3 org / 2000 / svg path fill - rule evenodd clip - rule evenodd d M 5.28033 9.53033 C 5.57322 9.23744 5.57322 8.76256 5.28033 8.46967 L 1.81066 5 L 5.28033 1.53033 C 5.57322 1.23744 5.57322 0.762563 5.28033 0.46967 C 4.98744 0.176777 4.51256 0.176777 4.21967 0.46967 L 0.21967 4.46967 C - 0.0732234 4.76256 - 0.0732234 5.23744 0.21967 5.53033 L 4.21967 9.53033 C 4.51256 9.82322 4.98744 9.82322 5.28033 9.53033 Z fill 8 A 8 A 8 A / / svg / button ' div class Avada - GalleryModal Slides id slidesContainer ' slidesModal ' / div ' button class nav - button - modal id Avada - GalleryModal nextBtn svg width 6 height 10 viewBox 0 0 6 10 fill none xmlns http / / www w 3 org / 2000 / svg path fill - rule evenodd clip - rule evenodd d M 0.71967 9.53033 C 0.426777 9.23744 0.426777 8.76256 0.71967 8.46967 L 4.18934 5 L 0.71967 1.53033 C 0.426777 1.23744 0.426777 0.762563 0.71967 0.46967 C 1.01256 0.176777 1.48744 0.176777 1.78033 0.46967 L 5.78033 4.46967 C 6.07322 4.76256 6.07322 5.23744 5.78033 5.53033 L 1.78033 9.53033 C 1.48744 9.82322 1.01256 9.82322 0.71967 9.53033 Z fill 8 A 8 A 8 A / / svg / button div class gallery - slide - number span id currentSlide index 1 / span / span id totalSlides 3 / span / div / div document body appendChild modal const closeModal document getElementById closeModal prevBtn document getElementById Avada - GalleryModal prevBtn nextBtn document getElementById Avada - GalleryModal nextBtn currentSlide document getElementById currentSlide totalSlides document getElementById totalSlides function updateSlideNumber currentSlide textContent n 1 function nextSlide n n 1 r updateSlide function prevSlide n n - 1 r r updateSlide function initializeSlideNumbers totalSlides textContent r updateSlideNumber function updateSlide document querySelectorAll Avada - GalleryModal Slide forEach slide slide style transform translateX - 100 n updateSlideNumber closeModal addEventListener click document body removeChild modal if nextBtn nextBtn addEventListener click nextSlide if prevBtn prevBtn addEventListener click prevSlide initializeSlideNumbers / script script class Avada - blog - hidden - tag function let e document getElementById ImageGallery oiIKxOi 2 zB t e querySelectorAll Avada - ImageGallery Slide n t length r 0 l e querySelector nextBtn a e querySelector prevBtn l l addEventListener click function r n r 0 t forEach e e style transform translateX - 100 r a a addEventListener click function - - r 0 r n - 1 t forEach e e style transform translateX - 100 r let o const i false i o setInterval r r 1 n t forEach e e style transform translateX - 100 r 2500 window addEventListener unload o clearInterval o / script h 4 id q - so - who - is - judenbsp style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 4 data - lock false data - exclude - from - toc false b Q So who is Jude / b / h 4 p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph b A / b It s a very deep question I like to think of myself I like to think of someone who is b kind / b I always try to be the nicest و best version of myself I like to think I m a good daughter a good wife a good sister a good friend و just to be a good person / p h 4 id q - what - does - a - day - living - in - dubai - look - like - for - younbsp style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 4 data - lock false data - exclude - from - toc false b Q What does a day living in Dubai look like for you / b / h 4 p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph b A / b Dubai has been home for 30 years و for me it ll always be home I love being in Jumeirah و the beaches of course It s my therapist my hobby و my best friend A typical day in my life is I usually wake up early و have a moment alone whether that s a walk or I go to the beach Then I work out sometimes Then I go to work و I come home early cook dinner و I m in bed early So the earlier I sleep the earlier I wake up / p div class Avada - Tool Image style justify - content Center display flex component - id undefined data - hide false data - lock false data - block - الاسم Image div class Avada - ImageTool Wrapper style width 100 div class Avada - ImageTool Images img class Avada - ImageTool Item src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon WhatsApp Image 2025 - 11 - 10 at 14.25 36 506 d 1 b 71 - e 9 ce - 44 d 3 - 91 a 4 - b 6 ff 9 c 6 b 1220 jpg v 1763737925 alt style width 100 aspect - ratio original object - fit cover / div / div / div h 4 id q - where - do - you - want - to - travel - to - و - how - do - you - think - jewelry - ties - in - مع - traveling style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 4 data - lock false data - exclude - from - toc false b Q Where do you want to travel to و how do you think jewelry ties in مع traveling / b / h 4 p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph A I think traveling teaches you so much about the world but also so much about yourself Where I really want to go is still explore South America because I ve never been و Japan / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph So for me jewelry is very personal و I think jewelry is one of the best ways to actually tell a story about yourself و it can be an extension of you و it s always a great conversation starter / p div class Avada - Tool Image style justify - content Center display flex component - id undefined data - hide false data - lock false data - block - الاسم Image div class Avada - ImageTool Wrapper style width 100 div class Avada - ImageTool Images img class Avada - ImageTool Item src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2025 - 11 - 21 191726 png v 1763738263 alt style width 100 aspect - ratio original object - fit cover / div / div / div h 4 id q - what - piece - can - you - not - leave - the - house - withoutnbsp style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 4 data - lock false data - exclude - from - toc false b Q What piece can you not leave the house without / b / h 4 p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph A The piece of jewelry I can t leave the house without is obviously my engagement خاتم It just makes me really happy every time I look at it when I m out / p h 4 id q - what - do - you - think - makes - jewelry - the - best - giftnbsp style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 4 data - lock false data - exclude - from - toc false b Q What do you think makes jewelry the best هدية / b / h 4 p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph A I think jewelry is probably the best هدية you could give someone We wear it so closely و personally مع us wherever we go و the idea that we get to pass jewelry down onto family members و whoever is very special to me so the story continues on / p div class Avada - Tool Image style justify - content Center display flex component - id undefined data - hide false data - lock false data - block - الاسم Image div class Avada - ImageTool Wrapper style width 100 div class Avada - ImageTool Images img class Avada - ImageTool Item src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon WhatsApp Image 2025 - 11 - 10 at 14.26 46 4 ee 8 d 1 b 9 - 09 ba - 45 d 4 - 8652 - 8 e 13 dcd 83484 jpg v 1763737927 alt style width 100 aspect - ratio original object - fit cover / div / div / div h 4 id q - what - made - you - choose - this - special - piece - مع - hibajabernbsp style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 4 data - lock false data - exclude - from - toc false b Q What made you choose this special piece مع Hibajaber / b / h 4 p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph b A / b Designing this piece مع Hibajaber was a really special experience for me because I designed it مع my husband s و my initials Every time I see it sometimes I m just talking و I catch it on my hand و I really do take a moment to look at it و smile because it is a really special piece to me و it s very calming / p h 4 id q - whats - your - earliest - childhood - memory - related - to - jewelry style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 4 data - lock false data - exclude - from - toc false b Q What s your earliest childhood memory related to jewelry / b / h 4 p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph b A / b So growing up jewelry really had an impact on me My mom used to always wear this really special piece that was like a choker all of pearls و she would wear it for like really special occasions و every time she wore it I couldn t stop staring at it I m still in all of it / p div class Avada - Tool Image style justify - content Center display flex component - id undefined data - hide false data - lock false data - block - الاسم Image div class Avada - ImageTool Wrapper style width 100 div class Avada - ImageTool Images img class Avada - ImageTool Item src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon WhatsApp Image 2025 - 11 - 10 at 14.25 38 3 dee 4911 - 11 b 0 - 40 a 5 - 99 fc - e 5 bed 21875 a 0 jpg v 1763737931 alt style width 100 aspect - ratio original object - fit cover / div / div / div h 4 id q - whats - the - best - piece - of - advice - youve - ever - receivednbsp style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 4 data - lock false data - exclude - from - toc false b Q What s the best piece of advice you ve ever received / b / h 4 p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph b A / b The best piece of advice I ever got like again I d have to refer back to my mom you know the power و value of kindness و most importantly that b being empathetic is a superpower / b So it s something I try و remember every day و whoever I come across is that being kind و empathetic is the best thing you can do / p h 3 id learn - about - judes - special - story style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 3 data - lock false data - exclude - from - toc false b a href https / / hibajaber com / blogs / our - stories / an - interview - مع - jude - salem target blank rel nofollow Learn about Jude's special story / a / b / h 3
اترك تعليقا