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 - word 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 In the spirit of Mother s Day we had the pleasure of getting to know the beautiful a href https / / www instagram com / rawankattoa / hl en target blank Rawan Kattoa / a the mother و had lovely interview session We spoke about motherhood personal growth style و the experiences that have shaped her journey / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph In this conversation Rawan shares more about herself her perspective on life balancing motherhood و work و the moments that inspire her every day / p div class Avada - Instagram - Element data - block - الاسم Instagram embed data - hide false data - lock false style display flex iframe src https / / www instagram com / p / DTXNsoXDETb / embed allowfullscreen scrolling no / iframe / div style class Avada - blog - hidden - tag Avada - Instagram - Element display flex align - items center justify - content center margin 10 px 0 Avada - Instagram - Element iframe border none border - radius 5 px aspect - ratio 9 / 16 width 400 px overflow hidden - ms - overflow - style none scrollbar - width none Avada - Instagram - Element iframe - webkit - scrollbar display none / style hr style display data - hide false data - lock false data - block - الاسم Divider h 3 id lets - start - مع - you - in - a - few - words - who - is - rawan style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 3 data - lock false data - exclude - from - toc false strong Let s start مع you in a few words who is Rawan / strong / h 3 p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph Rawan is simply a woman who believes in growth kindness و becoming a better person every day I focus on self - development staying grounded و adding value wherever I go I do this through my work my relationships و the way I shows up in life / p div class Avada - Tool ImageGallery style display id ImageGallery buyzUy 7 EsE component - id undefined auto - play false span class Avada - Tool ImageGallery value hidden layout grid aspectRatio auto imagesSelected altText mimeType jpeg title SEOon cropped - image df 2 b 903 a - e 7 f 1 - 44 ba - 8 e 02 - bc 7 e 6 bcac 014 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon cropped - image df 2 b 903 a - e 7 f 1 - 44 ba - 8 e 02 - bc 7 e 6 bcac 014 jpg v 1773223696 height 1436 width 835 id gid / / shopify / MediaImage / 43158104867097 size 185152 createdAt 2026 - 03 - 11 T 10 08 15 Z altText mimeType png title SEOon Screenshot 2026 - 03 - 11 140642 22 f 92 b 99 - c 97 b - 4 e 30 - 8410 - f 8 a 30 eaa 2772 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2026 - 03 - 11 140642 22 f 92 b 99 - c 97 b - 4 e 30 - 8410 - f 8 a 30 eaa 2772 png v 1773223676 height 1452 width 1192 id gid / / shopify / MediaImage / 43158103392537 size 2720041 createdAt 2026 - 03 - 11 T 10 07 55 Z isShowCaption true imagesInARow 2 device desktop imagesInARowMobile 2 caption isAutoPlay false hideButtonAction false captionAlign center hidden false locked false blockName Image gallery cssContent componentId undefined / span div class Avada - ImageGallery Container div class Avada - ImageGallery List img image - id gid / / shopify / MediaImage / 43158104867097 data - index 0 class Avada - ImageGallery Image mobile - 2 desktop - 2 alt image gallery src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon cropped - image df 2 b 903 a - e 7 f 1 - 44 ba - 8 e 02 - bc 7 e 6 bcac 014 jpg v 1773223696 img image - id gid / / shopify / MediaImage / 43158103392537 data - index 1 class Avada - ImageGallery Image mobile - 2 desktop - 2 alt image gallery src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2026 - 03 - 11 140642 22 f 92 b 99 - c 97 b - 4 e 30 - 8410 - f 8 a 30 eaa 2772 png v 1773223676 / 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 buyzUy 7 EsE mySwiper autoplay false / script script class Avada - blog - hidden - tag function const image document querySelector ' ImageGallery buyzUy 7 EsE Avada - ImageGallery Image' image onload const originalWidth image naturalWidth originalHeight image naturalHeight aspectRatioSetting 'auto' aspectRatio originalWidth / originalHeight document querySelectorAll ' ImageGallery buyzUy 7 EsE 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 buyzUy 7 EsE t e querySelectorAll Avada - ImageGallery Image n 0 r 2 const imageList altText mimeType jpeg title SEOon cropped - image df 2 b 903 a - e 7 f 1 - 44 ba - 8 e 02 - bc 7 e 6 bcac 014 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon cropped - image df 2 b 903 a - e 7 f 1 - 44 ba - 8 e 02 - bc 7 e 6 bcac 014 jpg v 1773223696 height 1436 width 835 id gid / / shopify / MediaImage / 43158104867097 size 185152 createdAt 2026 - 03 - 11 T 10 08 15 Z altText mimeType png title SEOon Screenshot 2026 - 03 - 11 140642 22 f 92 b 99 - c 97 b - 4 e 30 - 8410 - f 8 a 30 eaa 2772 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2026 - 03 - 11 140642 22 f 92 b 99 - c 97 b - 4 e 30 - 8410 - f 8 a 30 eaa 2772 png v 1773223676 height 1452 width 1192 id gid / / shopify / MediaImage / 43158103392537 size 2720041 createdAt 2026 - 03 - 11 T 10 07 55 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 2 / 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 buyzUy 7 EsE 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 hr style display data - hide false data - lock false data - block - الاسم Divider h 3 id congratulations - on - your - newborn - how - does - it - feel - to - become - a - mother - for - the - first - time style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 3 data - lock false data - exclude - from - toc false strong Congratulations on your newborn How does it feel to become a mother for the first time / strong / h 3 p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph Thank you so much Becoming a mother has been the most transformative و grounding experience of my life It s overwhelming in the most beautiful way It teaches you presence patience و a completely جديد kind of love you never knew existed / p hr style display data - hide false data - lock false data - block - الاسم Divider h 3 id how - do - you - manage - being - a - mother - a - wife - و - an - entrepreneur style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 3 data - lock false data - exclude - from - toc false strong How do you manage being a mother a wife و an entrepreneur / strong / h 3 p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph It s a constant balance between being a mother a wife و an entrepreneur و honestly some days are smoother than others I always dreamed of building something of my own but motherhood added a deeper purpose to my work It taught me to prioritize to work مع intention و to be kinder to myself My personal life fuels my creativity rather than competing مع it / p hr style display data - hide false data - lock false data - block - الاسم Divider h 3 id we - admire - your - style - could - you - share - a - few - motherhood - jewelry - styling - tips - you - live - by style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 3 data - lock false data - exclude - from - toc false strong We admire your style Could you share a few motherhood jewelry styling tips you live by / strong / h 3 p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph Jewelry is a key part of how I complete my style daily I enjoy layering mixing pieces و choosing jewelry that reflects my mood و personality For me it adds depth و identity to a look و makes it feel complete و personal / p div class Avada - Tool Image style display flex justify - content Center component - id undefined data - hide false data - lock false data - block - الاسم Image div class Avada - ImageTool Wrapper style width 50 div class Avada - ImageTool Images img class Avada - ImageTool Item src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2026 - 03 - 18 140505 png v 1773828319 alt Elegant woman showcasing motherhood jewelry adorned in a stylish dress مع intricate embellishments و a fur accessory style width 100 aspect - ratio original object - fit cover / div / div / div hr style display data - hide false data - lock false data - block - الاسم Divider h 3 id you - move - between - saudi - arabia - و - switzerland - how - does - that - shape - your - life style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 3 data - lock false data - exclude - from - toc false strong You move between Saudi Arabia و Switzerland How does that shape your life / strong / h 3 p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph Both places offer me something very different Saudi Arabia is my home it inspires me creatively و represents growth momentum و opportunity while Switzerland grounds me مع its calm nature و balance I manage my time by being intentional و present allowing each place to give me what I need in that phase / p hr style display data - hide false data - lock false data - block - الاسم Divider h 3 id how - do - you - see - jewelry - as - a - way - of - celebrating - milestones - or - relationships style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 3 data - lock false data - exclude - from - toc false strong How do you see jewelry as a way of celebrating milestones or relationships / strong / h 3 p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph Jewelry holds emotion و memory It marks moments we want to carry مع us forever love commitment growth or even self - celebration A piece can become a quiet reminder of a chapter in your life / p div class Avada - Tool Image style display flex justify - content Center component - id undefined data - hide false data - lock false data - block - الاسم Image div class Avada - ImageTool Wrapper style width 50 div class Avada - ImageTool Images img class Avada - ImageTool Item src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2026 - 03 - 18 140443 png v 1773828342 alt Elegant woman wearing unique motherhood jewelry highlighting her beauty مع a stylish outfit و natural makeup style width 100 aspect - ratio original object - fit cover / div / div / div hr style display data - hide false data - lock false data - block - الاسم Divider h 3 id what - is - one - piece - of - jewelry - you - cant - leave - the - house - without style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 3 data - lock false data - exclude - from - toc false strong What is one piece of jewelry you can t leave the house without / strong / h 3 p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph I have a few pieces that are very close to my قلب a خاتم that was gifted to me by my grandmother و a meaningful قلادة engraved مع my wedding song Each one carries a story و emotional value for me / p hr style display data - hide false data - lock false data - block - الاسم Divider h 3 id what - did - you - choose - for - your - special - story - مع - hiba - jaber style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 3 data - lock false data - exclude - from - toc false strong What did you choose for your special story مع Hiba Jaber / strong / h 3 p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph I chose to create a piece that felt deeply personal و symbolic The design includes my baby s الاسم Bader crafted into the jewelry It represents love transformation و this جديد chapter of my life something timeless that I ll always carry مع me / p div class Avada - Tool ImageGallery style display id ImageGallery uSoOSubdaS component - id undefined auto - play false span class Avada - Tool ImageGallery value hidden layout grid aspectRatio 3 / 4 imagesSelected altText mimeType png title SEOon Screenshot 2026 - 03 - 11 140331 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2026 - 03 - 11 140331 png v 1773223433 height 1336 width 982 id gid / / shopify / MediaImage / 43158085206297 size 1775810 createdAt 2026 - 03 - 11 T 10 03 51 Z altText mimeType jpeg title SEOon image 00304 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon image 00304 jpg v 1773486348 height 3088 width 2316 id gid / / shopify / MediaImage / 43181556171033 size 1510815 createdAt 2026 - 03 - 14 T 11 05 47 Z isShowCaption true imagesInARow 2 device desktop imagesInARowMobile 2 caption isAutoPlay false hideButtonAction false captionAlign center hidden false locked false blockName Image gallery cssContent componentId undefined / span div class Avada - ImageGallery Container div class Avada - ImageGallery List img image - id gid / / shopify / MediaImage / 43158085206297 data - index 0 class Avada - ImageGallery Image mobile - 2 desktop - 2 alt image gallery src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2026 - 03 - 11 140331 png v 1773223433 img image - id gid / / shopify / MediaImage / 43181556171033 data - index 1 class Avada - ImageGallery Image mobile - 2 desktop - 2 alt image gallery src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon image 00304 jpg v 1773486348 / 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 uSoOSubdaS mySwiper autoplay false / script script class Avada - blog - hidden - tag function const image document querySelector ' ImageGallery uSoOSubdaS Avada - ImageGallery Image' image onload const originalWidth image naturalWidth originalHeight image naturalHeight aspectRatioSetting ' 3 / 4 ' aspectRatio originalWidth / originalHeight document querySelectorAll ' ImageGallery uSoOSubdaS 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 uSoOSubdaS t e querySelectorAll Avada - ImageGallery Image n 0 r 2 const imageList altText mimeType png title SEOon Screenshot 2026 - 03 - 11 140331 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2026 - 03 - 11 140331 png v 1773223433 height 1336 width 982 id gid / / shopify / MediaImage / 43158085206297 size 1775810 createdAt 2026 - 03 - 11 T 10 03 51 Z altText mimeType jpeg title SEOon image 00304 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon image 00304 jpg v 1773486348 height 3088 width 2316 id gid / / shopify / MediaImage / 43181556171033 size 1510815 createdAt 2026 - 03 - 14 T 11 05 47 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 2 / 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 uSoOSubdaS 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 hr style display data - hide false data - lock false data - block - الاسم Divider h 3 id what - does - motherhood - mean - to - you - و - what - has - it - taught - you style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 3 data - lock false data - exclude - from - toc false strong What does motherhood mean to you و what has it taught you / strong / h 3 p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph Motherhood feels like I m raising myself alongside my child It made me more aware of my behavior my reactions و the example I طقم It s a continuous journey of growth self - reflection و becoming more conscious every day / p hr style display data - hide false data - lock false data - block - الاسم Divider h 3 id finally - any - advice - you - would - like - to - share style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 3 data - lock false data - exclude - from - toc false strong Finally any advice you would like to share / strong / h 3 p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph Trust your timing Allow yourself to evolve و don t rush your journey Growth comes from honoring who you are in every phase of life / p hr style display data - hide false data - lock false data - block - الاسم Divider h 3 id a - mothers - storynbsp style text - align left display block data - alignment left data - hide false data - block - الاسم Heading 3 data - lock false data - exclude - from - toc false strong A Mother s Story / strong / h 3 p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph Some mothers celebrate their children through memories traditions و photographs Others choose to carry their story in jewelry / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph A الاسم br data - start 4469 data - end 4472 An initial br data - start 4483 data - end 4486 A ألماس that marks the moment everything changed / p p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph This Mother s Day celebrate the journey of motherhood مع a piece that tells your story / p div class Avada - Tool ImageGallery style display id ImageGallery Sh 9 mLJGKw component - id undefined auto - play false span class Avada - Tool ImageGallery value hidden layout grid aspectRatio 3 / 4 imagesSelected altText mimeType jpeg title SEOon image 00002 2 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon image 00002 2 jpg v 1773486348 height 3088 width 2316 id gid / / shopify / MediaImage / 43181556138265 size 1516232 createdAt 2026 - 03 - 14 T 11 05 47 Z altText mimeType png title SEOon Screenshot 2026 - 03 - 11 140316 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2026 - 03 - 11 140316 png v 1773223432 height 1218 width 1003 id gid / / shopify / MediaImage / 43158085173529 size 1659034 createdAt 2026 - 03 - 11 T 10 03 50 Z isShowCaption true imagesInARow 2 device desktop imagesInARowMobile 2 caption isAutoPlay false hideButtonAction false captionAlign center hidden false locked false blockName Image gallery cssContent componentId undefined / span div class Avada - ImageGallery Container div class Avada - ImageGallery List img image - id gid / / shopify / MediaImage / 43181556138265 data - index 0 class Avada - ImageGallery Image mobile - 2 desktop - 2 alt image gallery src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon image 00002 2 jpg v 1773486348 img image - id gid / / shopify / MediaImage / 43158085173529 data - index 1 class Avada - ImageGallery Image mobile - 2 desktop - 2 alt image gallery src https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2026 - 03 - 11 140316 png v 1773223432 / 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 Sh 9 mLJGKw mySwiper autoplay false / script script class Avada - blog - hidden - tag function const image document querySelector ' ImageGallery Sh 9 mLJGKw Avada - ImageGallery Image' image onload const originalWidth image naturalWidth originalHeight image naturalHeight aspectRatioSetting ' 3 / 4 ' aspectRatio originalWidth / originalHeight document querySelectorAll ' ImageGallery Sh 9 mLJGKw 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 Sh 9 mLJGKw t e querySelectorAll Avada - ImageGallery Image n 0 r 2 const imageList altText mimeType jpeg title SEOon image 00002 2 jpg url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon image 00002 2 jpg v 1773486348 height 3088 width 2316 id gid / / shopify / MediaImage / 43181556138265 size 1516232 createdAt 2026 - 03 - 14 T 11 05 47 Z altText mimeType png title SEOon Screenshot 2026 - 03 - 11 140316 png url https / / cdn shopify com / s / files / 1 / 0828 / 8845 / 8521 / files / SEOon Screenshot 2026 - 03 - 11 140316 png v 1773223432 height 1218 width 1003 id gid / / shopify / MediaImage / 43158085173529 size 1659034 createdAt 2026 - 03 - 11 T 10 03 50 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 2 / 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 Sh 9 mLJGKw 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 p style text - align left display block data - alignment left data - hide false data - lock false data - block - الاسم Paragraph b This was Rawan's special story what would your special story look like / b / p div class Avada - Tool Image style display flex justify - content Center component - id undefined data - hide false data - lock false data - block - الاسم Image div class Avada - ImageTool Wrapper style width 36 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 2026 - 03 - 17 at 5.19 52 PM jpg v 1773753701 alt Create your special story مع meaningful motherhood jewelry style width 100 aspect - ratio original object - fit cover / div / div / div
اترك تعليقا