{"id":3863,"date":"2026-03-18T13:22:59","date_gmt":"2026-03-18T13:22:59","guid":{"rendered":"https:\/\/tecmedia.click\/?page_id=3863"},"modified":"2026-03-31T12:13:03","modified_gmt":"2026-03-31T12:13:03","slug":"website-design","status":"publish","type":"page","link":"https:\/\/tecmedia.click\/en_us\/website-design\/","title":{"rendered":"Website Design"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3863\" class=\"elementor elementor-3863\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1748552 e-flex e-con-boxed e-con e-parent\" data-id=\"1748552\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb1bf8c elementor-widget elementor-widget-html\" data-id=\"cb1bf8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* \u0627\u0633\u062a\u0627\u064a\u0644 \u0627\u0644\u0643\u0627\u0631\u062f \u0648\u0627\u0644\u062e\u062f\u0645\u0629 *\/\r\n.service-page {\r\n  padding: 60px 20px;\r\n  background: none; \/* \u0628\u062f\u0648\u0646 \u0628\u0627\u0643 \u062c\u0631\u0627\u0648\u0646\u062f *\/\r\n  color: #fff;\r\n  max-width: 1200px;\r\n  margin: auto;\r\n  text-align: auto;\r\n  font-family: Arial, sans-serif;\r\n}\r\n\r\n.service-title {\r\n  font-size: 28px;\r\n  font-weight: 500;\r\n  color: #fff;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.service-image {\r\n  width: 100%;\r\n  max-height: 500px;\r\n  object-fit: cover;\r\n  border-radius: 12px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.service-desc {\r\n  font-size: 16px;\r\n  line-height: 1.8;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.whatsapp-btn {\r\n  display: inline-block;\r\n  padding: 12px 30px;\r\n  border-radius: 8px;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n  color: #fff;\r\n  background: linear-gradient(135deg, #00e676, #00c853, #000);\r\n  box-shadow: 0 6px 15px rgba(0,0,0,0.5), 0 0 10px rgba(0,255,100,0.3);\r\n  text-align: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: color 0.3s, transform 0.3s;\r\n}\r\n\r\n.whatsapp-btn:hover {\r\n  color: #c8ffc8;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.whatsapp-btn::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: -80%;\r\n  width: 50%;\r\n  height: 100%;\r\n  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.3), transparent);\r\n  transform: skewX(-25deg);\r\n  animation: shine 3s infinite;\r\n}\r\n\r\n@keyframes shine {\r\n  100% { left: 130%; }\r\n}\r\n\r\n\/* \u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n@media (max-width: 768px) {\r\n  .service-title {\r\n    font-size: 24px;\r\n  }\r\n\r\n  .service-desc {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .whatsapp-btn {\r\n    width: 100%;\r\n    text-align: center;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"service-page\">\r\n  <h1 class=\"service-title\">Website Design<\/h1>\r\n  <img decoding=\"async\" src=\"http:\/\/tecmedia.click\/wp-content\/uploads\/2026\/03\/which-web-design-platform-is-right-for-you.png\" alt=\"Website Design\" class=\"service-image\">\r\n <p class=\"service-desc\">\r\n  At TecMedia, your website is more than just a digital presence \u2014 it\u2019s the face of your brand online. We design websites that are visually striking, fully functional, and user-friendly, ensuring every visitor has an engaging and seamless experience.\r\n\r\n  <br><br>\r\n\r\n  Our team crafts unique layouts and intuitive navigation tailored to your brand identity. Each website is responsive, adapting perfectly to desktops, tablets, and mobile devices, providing a consistent and professional experience across all platforms.\r\n\r\n  <br><br>\r\n\r\n  From initial concept to launch, we focus on combining creativity, speed, and precision. Every design element \u2014 from typography and color schemes to imagery and interaction \u2014 is chosen to engage your audience and enhance conversions.\r\n\r\n  <br><br>\r\n\r\n  We integrate modern design trends, performance optimization, and best UX practices to ensure your website not only looks stunning but also drives measurable results, including higher engagement, lead generation, and sales.\r\n\r\n  <br><br>\r\n\r\n  At TecMedia, our goal is to build an online presence that captivates visitors, establishes trust, and positions your brand as an authority in your industry. With our expertise, your website becomes a powerful tool for business growth and brand recognition.\r\n<\/p>\r\n  \r\n<\/div>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d4d4eb6 e-con-full e-flex e-con e-child\" data-id=\"d4d4eb6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce61661 elementor-widget elementor-widget-heading\" data-id=\"ce61661\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Previous Works<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec77625 elementor-widget elementor-widget-html\" data-id=\"ec77625\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"portfolio-slider\">\r\n\r\n<style>\r\n#portfolio-slider .custom-slider {\r\n  position: relative;\r\n  overflow: hidden;\r\n  width: 100%;\r\n  margin: auto;\r\n}\r\n\r\n\/* \u0627\u0644\u062a\u0631\u0627\u0643 *\/\r\n#portfolio-slider .slider-track {\r\n  display: flex;\r\n  gap: 20px;\r\n  transition: transform 0.5s linear;\r\n}\r\n\r\n\/* \u0627\u0644\u0633\u0644\u0627\u064a\u062f *\/\r\n#portfolio-slider .custom-slide {\r\n  position: relative;\r\n  flex-shrink: 0;\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  cursor: pointer;\r\n  aspect-ratio: 1 \/ 1;\r\n}\r\n\r\n\/* \u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n#portfolio-slider .custom-slide img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n\/* Overlay *\/\r\n#portfolio-slider .overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);\r\n  display: flex;\r\n  align-items: flex-end;\r\n  justify-content: center;\r\n  padding: 20px;\r\n  transition: opacity 0.4s ease;\r\n}\r\n\r\n\/* \u0627\u0644\u0646\u0635 *\/\r\n#portfolio-slider .slide-content {\r\n  text-align: center;\r\n  color: #fff;\r\n}\r\n\r\n#portfolio-slider .slide-title {\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n}\r\n\r\n#portfolio-slider .slide-desc {\r\n  font-size: 13px;\r\n  opacity: 0.8;\r\n}\r\n\r\n\/* Hover *\/\r\n#portfolio-slider .custom-slide:hover img {\r\n  transform: scale(1.08);\r\n}\r\n\r\n#portfolio-slider .custom-slide:hover .overlay {\r\n  opacity: 0;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (min-width: 768px) {\r\n  #portfolio-slider .custom-slide {\r\n    width: calc((100% - 3*20px)\/4);\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) and (min-width: 480px) {\r\n  #portfolio-slider .custom-slide {\r\n    width: calc((100% - 1*20px)\/2);\r\n  }\r\n}\r\n\r\n@media (max-width: 479px) {\r\n  #portfolio-slider .custom-slide {\r\n    width: 100%;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<h2 style=\"text-align:center; margin-bottom:20px; font-size:28px; font-weight:600; color:white;\">\r\n<\/h2>\r\n\r\n<div class=\"custom-slider\">\r\n  <div class=\"slider-track\">\r\n\r\n    <div class=\"custom-slide\" data-link=\"https:\/\/tecszone.com\/\">\r\n      <img decoding=\"async\" src=\"http:\/\/tecmedia.click\/wp-content\/uploads\/2026\/03\/Whisk_58847295d09675a969344262dd8c122edr.png\">\r\n      <div class=\"overlay\">\r\n        <div class=\"slide-content\">\r\n          <div class=\"slide-title\">tecszone<\/div>\r\n          <div class=\"slide-desc\">Crafting smart software and powerful digital marketing solutions<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"custom-slide\" data-link=\"https:\/\/seorastore.com\/\">\r\n      <img decoding=\"async\" src=\"http:\/\/tecmedia.click\/wp-content\/uploads\/2026\/03\/Whisk_a214fec98230d189c6f40c71a45f7d55dr.png\">\r\n      <div class=\"overlay\">\r\n        <div class=\"slide-content\">\r\n          <div class=\"slide-title\">seorastore<\/div>\r\n          <div class=\"slide-desc\">Nourish your skin, reveal your glow<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"custom-slide\" data-link=\"http:\/\/jadaar.com\/\">\r\n      <img decoding=\"async\" src=\"http:\/\/tecmedia.click\/wp-content\/uploads\/2026\/03\/Whisk_dc0ef89e68a7cbc906845b3d7b5fe1fcdr.png\">\r\n      <div class=\"overlay\">\r\n        <div class=\"slide-content\">\r\n          <div class=\"slide-title\">jadaar<\/div>\r\n          <div class=\"slide-desc\">Your trusted partner in buying and selling luxury villas<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"custom-slide\" data-link=\"https:\/\/foodgood-eg.com\/\">\r\n      <img decoding=\"async\" src=\"http:\/\/tecmedia.click\/wp-content\/uploads\/2026\/03\/Whisk_1ee3507e1f786d08fbf40d7e8eac4c96dr.png\">\r\n      <div class=\"overlay\">\r\n        <div class=\"slide-content\">\r\n          <div class=\"slide-title\">food good<\/div>\r\n          <div class=\"slide-desc\">Fresh groceries, happy homes<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"custom-slide\" data-link=\"https:\/\/studiorasha.com\/\">\r\n      <img decoding=\"async\" src=\"http:\/\/tecmedia.click\/wp-content\/uploads\/2026\/03\/Whisk_9a3c59a98ed19b8874c477c8842c5fbedr.png\">\r\n      <div class=\"overlay\">\r\n        <div class=\"slide-content\">\r\n          <div class=\"slide-title\">studiorasha<\/div>\r\n          <div class=\"slide-desc\">Designing beautiful landscapes and outdoor spaces<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n\r\nconst slider = document.querySelector(\"#portfolio-slider\");\r\nconst track = slider.querySelector(\".slider-track\");\r\n\r\nlet slides = Array.from(track.children);\r\n\r\n\/* Clone for infinite effect *\/\r\nslides.forEach(slide => {\r\n  const clone = slide.cloneNode(true);\r\n  track.appendChild(clone);\r\n});\r\n\r\nlet allSlides = Array.from(track.children);\r\n\r\nconst gap = 20;\r\nlet index = 0;\r\n\r\nfunction getSlideWidth() {\r\n  return allSlides[0].offsetWidth + gap;\r\n}\r\n\r\n\/* RTL check *\/\r\nconst isRTL = document.documentElement.dir === \"rtl\";\r\n\r\nfunction moveSlider() {\r\n  index++;\r\n  let move = index * getSlideWidth();\r\n\r\n  track.style.transition = 'transform 0.6s ease';\r\n  track.style.transform = isRTL \r\n    ? `translateX(${move}px)` \r\n    : `translateX(-${move}px)`;\r\n\r\n  \/* Reset smoothly *\/\r\n  if (index >= slides.length) {\r\n    setTimeout(() => {\r\n      track.style.transition = 'none';\r\n      index = 0;\r\n      track.style.transform = 'translateX(0)';\r\n    }, 600);\r\n  }\r\n}\r\n\r\nsetInterval(moveSlider, 2500);\r\n\r\n\/* Click *\/\r\nallSlides.forEach(slide => {\r\n  slide.addEventListener('click', () => {\r\n    const link = slide.dataset.link;\r\n    if(link) window.open(link, '_blank');\r\n  });\r\n});\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c199ad4 elementor-widget elementor-widget-html\" data-id=\"c199ad4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.whatsapp-btn {\r\n    display: inline-block; \/* \u064a\u062e\u0644\u064a \u0627\u0644\u0632\u0631 \u064a\u0638\u0647\u0631 \u0643\u0639\u0646\u0635\u0631 \u0642\u0627\u0628\u0644 \u0644\u0644\u062a\u062d\u0631\u064a\u0643 *\/\r\n    text-align: left;      \/* \u064a\u062e\u0644\u064a \u0627\u0644\u0646\u0635 \u062c\u0648\u0627 \u0627\u0644\u0632\u0631 \u0639\u0644\u0649 \u0627\u0644\u0634\u0645\u0627\u0644 *\/\r\n    float: left;           \/* \u064a\u062e\u0644\u064a \u0627\u0644\u0632\u0631 \u0646\u0641\u0633\u0647 \u0639\u0644\u0649 \u0627\u0644\u0634\u0645\u0627\u0644 *\/\r\n    padding: 10px 20px;    \/* \u0645\u0633\u0627\u0641\u0629 \u062f\u0627\u062e\u0644\u064a\u0629 \u0644\u0644\u0632\u0631 *\/\r\n    background-color: #25D366; \/* \u0644\u0648\u0646 \u062e\u0644\u0641\u064a\u0629 \u0648\u0627\u062a\u0633\u0627\u0628 *\/\r\n    color: white;          \/* \u0644\u0648\u0646 \u0627\u0644\u0646\u0635 *\/\r\n    border-radius: 5px;    \/* \u062d\u0648\u0627\u0641 \u0645\u0633\u062a\u062f\u064a\u0631\u0629 *\/\r\n    text-decoration: none; \/* \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u062a\u0633\u0637\u064a\u0631 *\/\r\n    font-weight: bold;\r\n}\r\n\r\n.whatsapp-btn:hover {\r\n    background-color: #1DA851; \/* \u0644\u0648\u0646 \u0639\u0646\u062f \u0627\u0644\u0645\u0631\u0648\u0631 \u0628\u0627\u0644\u0645\u0627\u0648\u0633 *\/\r\n}\r\n<\/style>\r\n\r\n<a href=\"https:\/\/wa.me\/201044990091\" target=\"_blank\" class=\"whatsapp-btn\">Book Now<\/a>\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>Website Design At TecMedia, your website is more than just a digital presence \u2014 it\u2019s the face of your brand online. We design websites that are visually striking, fully functional, and user-friendly, ensuring every visitor has an engaging and seamless experience. Our team crafts unique layouts and intuitive navigation tailored to your brand identity. Each [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3863","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"ahmedhostinger376@gmail.com","author_link":"https:\/\/tecmedia.click\/en_us\/author\/ahmedhostinger376gmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Website Design At TecMedia, your website is more than just a digital presence \u2014 it\u2019s the face of your brand online. We design websites that are visually striking, fully functional, and user-friendly, ensuring every visitor has an engaging and seamless experience. Our team crafts unique layouts and intuitive navigation tailored to your brand identity. Each&hellip;","_links":{"self":[{"href":"https:\/\/tecmedia.click\/en_us\/wp-json\/wp\/v2\/pages\/3863","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tecmedia.click\/en_us\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tecmedia.click\/en_us\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tecmedia.click\/en_us\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tecmedia.click\/en_us\/wp-json\/wp\/v2\/comments?post=3863"}],"version-history":[{"count":28,"href":"https:\/\/tecmedia.click\/en_us\/wp-json\/wp\/v2\/pages\/3863\/revisions"}],"predecessor-version":[{"id":4472,"href":"https:\/\/tecmedia.click\/en_us\/wp-json\/wp\/v2\/pages\/3863\/revisions\/4472"}],"wp:attachment":[{"href":"https:\/\/tecmedia.click\/en_us\/wp-json\/wp\/v2\/media?parent=3863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}