{"id":78,"date":"2025-11-15T16:50:23","date_gmt":"2025-11-15T16:50:23","guid":{"rendered":"https:\/\/localhost\/?page_id=78"},"modified":"2025-11-17T00:00:06","modified_gmt":"2025-11-17T00:00:06","slug":"home","status":"publish","type":"page","link":"https:\/\/el-khayalgroup.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<section class=\"hero-section\" id=\"Main\">\n\n  <h1>Adel El-Khayal<\/h1>\n\n  <p>\n    Adel El-Khayal is an innovative entrepreneur, marketing and software company owner, and the founder of the DaVinci website and newspaper. He also manages Al-Khayal Horse Farm, combining his passion for technology, media, and equestrian excellence.\n  <\/p>\n\n  <div class=\"hero-buttons\">\n    <a href=\"\/?page_id=83\" class=\"btn-blue\">View Works<\/a>\n    <a href=\"\/?page_id=86\" class=\"btn-green\">Contact Us<\/a>\n  <\/div>\n\n  <div class=\"social-icons\">\n    <a href=\"https:\/\/www.facebook.com\" target=\"_blank\">\n      <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/733\/733547.png\" alt=\"Facebook\">\n    <\/a>\n\n    <a href=\"https:\/\/www.instagram.com\" target=\"_blank\">\n      <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/2111\/2111463.png\" alt=\"Instagram\">\n    <\/a>\n\n    <a href=\"https:\/\/www.tiktok.com\" target=\"_blank\">\n      <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/3046\/3046125.png\" alt=\"TikTok\">\n    <\/a>\n\n    <a href=\"https:\/\/www.x.com\" target=\"_blank\">\n      <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/733\/733579.png\" alt=\"Twitter X\">\n    <\/a>\n\n    <a href=\"https:\/\/www.linkedin.com\" target=\"_blank\">\n      <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/174\/174857.png\" alt=\"LinkedIn\">\n    <\/a>\n  <\/div>\n\n<\/section>\n\n\n<style>\n\/* MAIN HERO SECTION *\/\n.hero-section {\n  width: 100%;\n  padding: 40px;\n  text-align: center;\n  font-family: Arial, sans-serif;\n  box-sizing: border-box;\n}\n\n.hero-section h1 {\n  font-size: 36px;\n  color: #333;\n  margin-bottom: 20px;\n}\n\n.hero-section p {\n  max-width: 600px;\n  font-size: 16px;\n  color: #555;\n  line-height: 1.6;\n  margin: 0 auto 30px;\n}\n\n\/* BUTTONS *\/\n.hero-buttons {\n  display: flex;\n  justify-content: center;\n  gap: 15px;\n  flex-wrap: wrap;\n  margin-bottom: 30px;\n}\n\n.hero-buttons .btn-blue {\n  padding: 10px 20px;\n  border: 2px solid #007BFF;\n  border-radius: 5px;\n  font-weight: bold;\n  color: #007BFF;\n  text-decoration: none;\n  transition: 0.3s;\n}\n\n.hero-buttons .btn-green {\n  padding: 10px 20px;\n  border: 2px solid #28A745;\n  border-radius: 5px;\n  font-weight: bold;\n  color: #28A745;\n  text-decoration: none;\n  transition: 0.3s;\n}\n\n.hero-buttons a:hover {\n  transform: scale(1.1);\n  opacity: 0.8;\n}\n\n\/* SOCIAL ICONS SECTION *\/\n.social-icons {\n  display: flex;\n  justify-content: center;\n  gap: 15px;\n  flex-wrap: wrap;\n  margin-top: 30px;\n}\n\n.social-icons img {\n  width: 36px;\n  height: 36px;\n  transition: all 0.35s ease;\n}\n\n\/* \ud83d\udd25 PREMIUM HOVER EFFECT *\/\n.social-icons a:hover img {\n  transform: scale(1.25) rotate(8deg);\n  filter: drop-shadow(0 0 10px rgba(0,0,0,0.4));\n  opacity: 0.9;\n}\n\n\/* TABLET *\/\n@media (max-width:768px){\n  .hero-section { padding: 20px; }\n  .hero-section h1 { font-size: 28px; }\n  .hero-section p { font-size: 14px; }\n  .hero-buttons { gap: 10px; }\n  .hero-buttons a { padding: 8px 16px; }\n  .social-icons img { width: 30px; height: 30px; }\n}\n\n\/* MOBILE *\/\n@media (max-width:480px){\n  .hero-section h1 { font-size: 24px; }\n  .hero-section p { font-size: 13px; }\n  .hero-buttons { gap: 8px; }\n  .hero-buttons a { padding: 6px 12px; }\n  .social-icons img { width: 28px; height: 28px; }\n}\n<\/style>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"fancy-card-full\">\n  <div class=\"fancy-image-full\">\n    <img decoding=\"async\" src=\"https:\/\/el-khayalgroup.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-11-03-at-12.57.19_b2602b7c.jpg\" alt=\"Fancy Image\">\n    <div class=\"overlay-full\">\n      <h3>Adel El-Khayal<\/h3>\n      <p>Creative &#038; Innovative Entrepreneur<\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\/* Full-width container *\/\n.fancy-card-full {\n  width: 100%;\n  max-width: 1200px; \/* Optional: limit max width *\/\n  margin: 40px auto;\n  perspective: 1000px;\n}\n\n\/* Image Wrapper *\/\n.fancy-image-full {\n  position: relative;\n  overflow: hidden;\n  border-radius: 15px;\n  box-shadow: 0 10px 25px rgba(0,0,0,0.2);\n  transition: transform 0.5s ease, box-shadow 0.5s ease;\n  animation: fadeInUp 1s ease forwards;\n}\n\n\/* The Image - full width *\/\n.fancy-image-full img {\n  width: 100%;\n  display: block;\n  transition: transform 0.5s ease;\n}\n\n\/* Overlay *\/\n.overlay-full {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: rgba(0,0,0,0.6);\n  color: #fff;\n  padding: 20px;\n  text-align: center;\n  opacity: 0;\n  transform: translateY(100%);\n  transition: all 0.5s ease;\n}\n\n\/* Hover Effects *\/\n.fancy-image-full:hover {\n  transform: scale(1.05) rotateY(2deg);\n  box-shadow: 0 20px 40px rgba(0,0,0,0.4);\n}\n\n.fancy-image-full:hover img {\n  transform: scale(1.2);\n}\n\n.fancy-image-full:hover .overlay-full {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* Animation on load *\/\n@keyframes fadeInUp {\n  0% {\n    opacity: 0;\n    transform: translateY(50px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* Responsive *\/\n@media (max-width:768px){\n  .fancy-card-full { width: 100%; }\n}\n<\/style>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"about-text\" id=\"About\">\n  <h2>About Us<\/h2>\n  <p>\n    We are a creative company specializing in programming courses, online education, and project development.  \n    Our expertise extends to horse training, marketing solutions, media production, and aviation courses.  \n    We aim to empower students, freelancers, and professionals with practical skills and real-world experience.  \n    Our mission is to deliver high-quality services and educational programs that help individuals grow and succeed.\n  <\/p>\n<\/div>\n\n<style>\n.about-text {\n  max-width: 900px;\n  margin: 0 auto 50px;\n  padding: 20px;\n  text-align: center;\n  font-family: Arial, sans-serif;\n}\n\n.about-text h2 {\n  font-size: 38px;\n  color: #333;\n  margin-bottom: 20px;\n}\n\n.about-text p {\n  font-size: 18px;\n  color: #555;\n  line-height: 1.7;\n}\n<\/style>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"stats-container\">\n  <div class=\"stat-box\">\n    <h3>5+<\/h3>\n    <p>Years Experience<\/p>\n  <\/div>\n  <div class=\"stat-box\">\n    <h3>100+<\/h3>\n    <p>Projects Completed Freelance<\/p>\n  <\/div>\n  <div class=\"stat-box\">\n    <h3>200+<\/h3>\n    <p>Students Graduated in Programming<\/p>\n  <\/div>\n  <div class=\"stat-box\">\n    <h3>200+<\/h3>\n    <p>Horses Trained<\/p>\n  <\/div>\n<\/div>\n\n<style>\n.stats-container {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 20px;\n}\n\n\/* \u0643\u0644 \u0645\u0631\u0628\u0639 *\/\n.stat-box {\n  background-color: #f7f7f7;\n  width: 220px;\n  padding: 40px 20px;\n  border-radius: 15px;\n  text-align: center;\n  box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n  transition: transform 0.3s, box-shadow 0.3s;\n}\n\n.stat-box:hover {\n  transform: translateY(-10px);\n  box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n}\n\n.stat-box h3 {\n  font-size: 40px;\n  color: #ff6b6b;\n  margin-bottom: 10px;\n}\n\n.stat-box p {\n  font-size: 16px;\n  color: #333;\n}\n\n\/* Responsive \u2013 \u0635\u0641\u064a\u0646 2x2 \u0639\u0644\u0649 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629\u060c \u0639\u0645\u0648\u062f\u064a \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\n@media (max-width: 1024px) {\n  .stat-box {\n    width: 45%; \/* 2 \u0641\u064a \u0627\u0644\u0635\u0641 *\/\n  }\n}\n\n@media (max-width: 768px) {\n  .stat-box {\n    width: 80%; \/* \u0639\u0645\u0648\u062f\u064a \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\n  }\n}\n<\/style>\n<\/div>\n<\/div>\n\n\n\n<div class=\"featured-projects\" id=\"Projects\">\n  <h2>Featured Projects<\/h2>\n\n  <div class=\"projects-container\">\n\n    <!-- Project 1 -->\n    <a href=\"https:\/\/davinchi-eg.com\/\" class=\"project-card\" target=\"_blank\">\n      <div class=\"project-image\">\n        <img decoding=\"async\" src=\"https:\/\/el-khayalgroup.com\/wp-content\/uploads\/2025\/11\/dav.jpg\" alt=\"davinchi\">\n        <div class=\"overlay\"><h3>davinchi<\/h3><\/div>\n      <\/div>\n      <div class=\"project-description\">\n        <p>An innovative news website delivering the latest updates, trending stories, and insightful articles for tech enthusiasts and curious minds.<\/p>\n      <\/div>\n    <\/a>\n\n    <!-- Project 2 -->\n    <a href=\"https:\/\/skyacademyworld.com\/ar\/\" class=\"project-card\" target=\"_blank\">\n      <div class=\"project-image\">\n        <img decoding=\"async\" src=\"https:\/\/el-khayalgroup.com\/wp-content\/uploads\/2025\/11\/sky.jpg\" alt=\"Sky Academy\">\n        <div class=\"overlay\"><h3>Sky Academy<\/h3><\/div>\n      <\/div>\n      <div class=\"project-description\">\n        <p>An aviation training platform offering professional courses, tutorials, and resources for aspiring pilots and aviation professionals.<\/p>\n      <\/div>\n    <\/a>\n\n    <!-- Project 3 -->\n    <a href=\"https:\/\/creative-tv-eg.com\/\" class=\"project-card\" target=\"_blank\">\n      <div class=\"project-image\">\n        <img decoding=\"async\" src=\"https:\/\/el-khayalgroup.com\/wp-content\/uploads\/2025\/11\/creative.png\" alt=\"creative tv\">\n        <div class=\"overlay\"><h3>creative tv<\/h3><\/div>\n      <\/div>\n      <div class=\"project-description\">\n        <p>A movie and TV series website with latest releases, reviews, and recommendations for film lovers looking for entertainment and inspiration.<\/p>\n      <\/div>\n    <\/a>\n\n  <\/div>\n\n  <!-- View All Projects Button -->\n  <div class=\"view-all-btn\">\n    <a href=\"\/?page_id=83\">View All Projects<\/a>\n  <\/div>\n\n<\/div>\n\n<style>\n.featured-projects {\n  max-width: 1200px;\n  margin: 0 auto 60px;\n  padding: 20px;\n  text-align: center;\n  font-family: Arial, sans-serif;\n}\n\n.featured-projects h2 {\n  font-size: 42px;\n  margin-bottom: 50px;\n  color: #333;\n  font-weight: bold;\n}\n\n.projects-container {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 40px;\n}\n\n\/* Project Card *\/\n.project-card {\n  background-color: #fff;\n  width: 320px;\n  border: 2px solid #ddd;\n  border-radius: 20px;\n  overflow: hidden;\n  text-decoration: none;\n  color: inherit;\n  box-shadow: 0 8px 20px rgba(0,0,0,0.1);\n  transition: transform 0.4s, box-shadow 0.4s;\n}\n\n.project-card:hover {\n  transform: scale(1.05);\n  box-shadow: 0 20px 40px rgba(0,0,0,0.25);\n}\n\n\/* Image container *\/\n.project-image {\n  position: relative;\n  overflow: hidden;\n  height: 200px;\n}\n\n.project-image img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.5s ease;\n}\n\n.project-card:hover .project-image img {\n  transform: scale(1.15) translateY(-10px);\n}\n\n\/* Overlay on hover *\/\n.overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0,0,0,0.4);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n  transition: opacity 0.5s ease;\n}\n\n.project-card:hover .overlay {\n  opacity: 1;\n}\n\n.overlay h3 {\n  color: #fff;\n  font-size: 24px;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n\/* Description *\/\n.project-description {\n  padding: 20px;\n  text-align: left;\n  opacity: 0.9;\n  transition: opacity 0.5s ease;\n}\n\n.project-card:hover .project-description {\n  opacity: 1;\n}\n\n.project-description p {\n  font-size: 16px;\n  color: #555;\n  line-height: 1.6;\n  max-height: 3em;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n\/* View All Button *\/\n.view-all-btn {\n  margin-top: 40px;\n}\n\n.view-all-btn a {\n  text-decoration: none;\n  background: linear-gradient(45deg, #ff6b6b, #ff8e53);\n  color: #fff;\n  padding: 15px 35px;\n  border-radius: 50px;\n  font-size: 18px;\n  font-weight: bold;\n  box-shadow: 0 5px 15px rgba(255,107,107,0.4);\n  transition: all 0.4s ease;\n}\n\n.view-all-btn a:hover {\n  transform: scale(1.1);\n  box-shadow: 0 10px 30px rgba(255,107,107,0.6);\n}\n\n\/* Responsive *\/\n@media (max-width: 1024px) {\n  .project-card {\n    width: 45%;\n  }\n}\n\n@media (max-width: 768px) {\n  .projects-container {\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .project-card {\n    width: 80%;\n  }\n}\n<\/style>\n\n\n\n<div class=\"ready-start\" id=\"Ready\">\n  <h2>Ready to Start with us?<\/h2>\n  <p>\n    Programming Projects, Marketing, Horse Training, Programming Courses, Aviation Courses\n  <\/p>\n  <div class=\"buttons\">\n    <a href=\"\/?page_id=86\" class=\"btn btn-contact\">Contact Us<\/a>\n    <a href=\"\/?page_id=80\" class=\"btn btn-about\">About Us<\/a>\n  <\/div>\n<\/div>\n\n<style>\n.ready-start {\n  max-width: 1000px;\n  margin: 60px auto;\n  padding: 40px 20px;\n  text-align: center;\n  background: #f7f7f7;\n  border-radius: 20px;\n  box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n  font-family: Arial, sans-serif;\n}\n\n.ready-start h2 {\n  font-size: 38px;\n  color: #333;\n  margin-bottom: 20px;\n  font-weight: bold;\n}\n\n.ready-start p {\n  font-size: 18px;\n  color: #555;\n  margin-bottom: 35px;\n  line-height: 1.6;\n}\n\n\/* Buttons container *\/\n.ready-start .buttons {\n  display: flex;\n  justify-content: center;\n  gap: 25px;\n  flex-wrap: wrap;\n}\n\n\/* Button common styles *\/\n.ready-start .btn {\n  text-decoration: none;\n  padding: 15px 40px;\n  border-radius: 50px;\n  font-size: 18px;\n  font-weight: bold;\n  transition: all 0.3s ease;\n}\n\n\/* Contact Us Button *\/\n.ready-start .btn-contact {\n  background-color: #ff6b6b;\n  color: #fff;\n  box-shadow: 0 5px 15px rgba(255,107,107,0.4);\n}\n\n.ready-start .btn-contact:hover {\n  background-color: #e14c4c;\n  transform: scale(1.05);\n  box-shadow: 0 10px 25px rgba(255,107,107,0.6);\n}\n\n\/* About Us Button *\/\n.ready-start .btn-about {\n  background-color: #4caf50;\n  color: #fff;\n  box-shadow: 0 5px 15px rgba(76,175,80,0.4);\n}\n\n.ready-start .btn-about:hover {\n  background-color: #388e3c;\n  transform: scale(1.05);\n  box-shadow: 0 10px 25px rgba(76,175,80,0.6);\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n  .ready-start .buttons {\n    flex-direction: column;\n    gap: 20px;\n  }\n}\n<\/style>\n\n\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- Sidebar Icon List -->\n<div class=\"icon-nav\">\n  <a href=\"#Main\" title=\"Home\"><span class=\"icon\">\ud83c\udfe0<\/span><\/a>\n  <a href=\"#About\" title=\"About\"><span class=\"icon\">\u2139\ufe0f<\/span><\/a>\n  <a href=\"#Projects\" title=\"Projects\"><span class=\"icon\">\ud83d\udcbc<\/span><\/a>\n  <a href=\"#Ready\" title=\"Ready\"><span class=\"icon\">\u2705<\/span><\/a>\n<\/div>\n\n<!-- CSS -->\n<style>\n  .icon-nav {\n    position: fixed;\n    top: 50%;\n    right: 20px; \/* \u0628\u0639\u064a\u062f \u0634\u0648\u064a\u0629 \u0639\u0646 \u0637\u0631\u0641 \u0627\u0644\u0634\u0627\u0634\u0629 *\/\n    transform: translateY(-50%);\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n    z-index: 9999;\n  }\n\n  .icon-nav a {\n    background: #111;\n    color: #fff;\n    width: fit-content;        \/* \u0647\u0646\u0627 \u0627\u0644\u0645\u0647\u0645 \u2014 fit width *\/\n    padding: 12px;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    text-decoration: none;\n    font-size: 22px;\n    transition: all 0.3s ease;\n  }\n\n  .icon-nav a:hover {\n    background: #ff6b6b;\n    transform: translateX(-8px) scale(1.1);\n  }\n\n  html {\n    scroll-behavior: smooth;\n  }\n\n  @media screen and (max-width: 768px) {\n    .icon-nav {\n      right: 10px;\n      gap: 12px;\n    }\n    .icon-nav a {\n      padding: 10px;\n      font-size: 18px;\n    }\n  }\n<\/style>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Adel El-Khayal Adel El-Khayal is an innovative entrepreneur, marketing and software company owner, and the founder of the DaVinci website and newspaper. He also manages Al-Khayal Horse Farm, combining his passion for technology, media, and equestrian excellence. View Works Contact Us Adel El-Khayal Creative &#038; Innovative Entrepreneur About Us We are a creative company specializing [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-78","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/el-khayalgroup.com\/index.php?rest_route=\/wp\/v2\/pages\/78","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/el-khayalgroup.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/el-khayalgroup.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/el-khayalgroup.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/el-khayalgroup.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=78"}],"version-history":[{"count":65,"href":"https:\/\/el-khayalgroup.com\/index.php?rest_route=\/wp\/v2\/pages\/78\/revisions"}],"predecessor-version":[{"id":388,"href":"https:\/\/el-khayalgroup.com\/index.php?rest_route=\/wp\/v2\/pages\/78\/revisions\/388"}],"wp:attachment":[{"href":"https:\/\/el-khayalgroup.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}