{"id":20084,"date":"2024-11-02T04:37:59","date_gmt":"2024-11-02T04:37:59","guid":{"rendered":"https:\/\/olivedrab-owl-823663.hostingersite.com\/?page_id=20084"},"modified":"2024-11-02T07:17:07","modified_gmt":"2024-11-02T07:17:07","slug":"contact","status":"publish","type":"page","link":"https:\/\/matjaronline.shop\/index.php\/contact\/","title":{"rendered":"\u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0628\u0646\u0627"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600&display=swap\" rel=\"stylesheet\"> <!-- Import Cairo font -->\r\n <style>\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n background-color: #ffffff; \/* White background for the body *\/\r\n font-family: 'Cairo', sans-serif; \/* Use Cairo font *\/\r\n }\r\n .contact-container {\r\n text-align: center;\r\n padding: 40px;\r\n margin: 20px auto;\r\n max-width: 600px;\r\n border: 1px solid #ddd;\r\n border-radius: 10px;\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\r\n background-color: #f9f9f9; \/* Light gray background for the container *\/\r\n transition: transform 0.3s, box-shadow 0.3s;\r\n }\r\n h2 {\r\n color: #3b5998;\r\n font-size: 26px;\r\n margin-bottom: 20px;\r\n animation: fadeIn 1s ease-in-out;\r\n }\r\n p {\r\n font-size: 18px;\r\n color: #333;\r\n margin: 15px 0;\r\n opacity: 0;\r\n animation: slideIn 1s forwards;\r\n }\r\n p:nth-child(3) { animation-delay: 0.3s; }\r\n p:nth-child(4) { animation-delay: 0.5s; }\r\n p:nth-child(5) { animation-delay: 0.7s; }\r\n .contact-method {\r\n display: flex;\r\n justify-content: center; \/* Center-aligns the contents *\/\r\n align-items: center;\r\n padding: 10px;\r\n margin: 10px 0;\r\n border-radius: 8px;\r\n transition: transform 0.2s, box-shadow 0.2s;\r\n width: fit-content; \/* Ensures the div fits content *\/\r\n margin-left: auto; \/* Centers the block *\/\r\n margin-right: auto; \/* Centers the block *\/\r\n }\r\n .whatsapp {\r\n border: 2px solid #25D366; \/* WhatsApp green border *\/\r\n background-color: #e0f7e6; \/* Light green background *\/\r\n }\r\n .email {\r\n border: 2px solid #d9534f; \/* Red border for Email *\/\r\n background-color: #ffe6e6; \/* Light red background *\/\r\n }\r\n .icon {\r\n margin-right: 10px;\r\n }\r\n .arrow {\r\n color: #333;\r\n font-size: 20px;\r\n margin-top: 15px; \/* Adds space above the arrow *\/\r\n animation: bounce 1s infinite;\r\n }\r\n\r\n \/* Animation Keyframes *\/\r\n @keyframes fadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n @keyframes slideIn {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n @keyframes bounce {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-5px); }\r\n }\r\n\r\n \/* Hover effect for the contact methods *\/\r\n .contact-method:hover {\r\n transform: scale(1.02);\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"contact-container\">\r\n <h2>\ud83d\udcde \u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/h2>\r\n \r\n <p>\u0625\u0630\u0627 \u0643\u0627\u0646 \u0644\u062f\u064a\u0643\u0645 \u0623\u064a \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u062d\u0648\u0644 \u0645\u062a\u062c\u0631 \u062d\u062c\u0627\u0628\u064a\u060c \u064a\u0645\u0643\u0646\u0643\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0639\u0628\u0631 \u0627\u0644\u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0627\u0644\u064a\u0629<\/p>\r\n \r\n <span class=\"arrow\">\u2b07\ufe0f<\/span> <!-- Downward arrow positioned under the text -->\r\n \r\n <div class=\"contact-method whatsapp\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/24\/25D366\/whatsapp.png\" alt=\"WhatsApp\" class=\"icon\"\/> \r\n <a href=\"https:\/\/wa.me\/212608274949\" target=\"_blank\">0608274949<\/a>\r\n <\/div>\r\n \r\n <div class=\"contact-method email\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/24\/d9534f\/gmail.png\" alt=\"Email\" class=\"icon\"\/> \r\n <a href=\"mailto:contact@olivedrab-owl-823663.hostingersite.com\">contact@olivedrab-owl-823663.hostingersite.com<\/a>\r\n <\/div>\r\n \r\n <p>.\u0646\u062a\u0637\u0644\u0639 \u0644\u0633\u0645\u0627\u0639 \u0622\u0631\u0627\u0626\u0643\u0645 \u062d\u0648\u0644 \u0645\u062a\u062c\u0631 \u062d\u062c\u0627\u0628\u064a<\/p>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \ud83d\udcde \u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0644\u062f\u064a\u0643\u0645 \u0623\u064a \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u062d\u0648\u0644 \u0645\u062a\u062c\u0631 \u062d\u062c\u0627\u0628\u064a\u060c \u064a\u0645\u0643\u0646\u0643\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0639\u0628\u0631 \u0627\u0644\u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0627\u0644\u064a\u0629 \u2b07\ufe0f<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-20084","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/matjaronline.shop\/index.php\/wp-json\/wp\/v2\/pages\/20084","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/matjaronline.shop\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/matjaronline.shop\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/matjaronline.shop\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/matjaronline.shop\/index.php\/wp-json\/wp\/v2\/comments?post=20084"}],"version-history":[{"count":8,"href":"https:\/\/matjaronline.shop\/index.php\/wp-json\/wp\/v2\/pages\/20084\/revisions"}],"predecessor-version":[{"id":20150,"href":"https:\/\/matjaronline.shop\/index.php\/wp-json\/wp\/v2\/pages\/20084\/revisions\/20150"}],"wp:attachment":[{"href":"https:\/\/matjaronline.shop\/index.php\/wp-json\/wp\/v2\/media?parent=20084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}