{"id":471,"date":"2026-03-31T15:18:29","date_gmt":"2026-03-31T15:18:29","guid":{"rendered":"https:\/\/smartilab.ma\/iche-sd\/?page_id=471"},"modified":"2026-04-13T21:15:48","modified_gmt":"2026-04-13T21:15:48","slug":"contact-2","status":"publish","type":"page","link":"https:\/\/smartilab.ma\/iche-sd\/contact-2\/","title":{"rendered":"Contact"},"content":{"rendered":"\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n\n<div style=\"max-width:1200px; margin:auto; padding:60px 20px; font-family:Poppins, sans-serif;\">\n\n<style>\n.contact-grid {\n  display:grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap:30px;\n  margin-bottom:60px;\n}\n\n.contact-card {\n  background:#f8f9fc;\n  padding:35px;\n  border-radius:18px;\n  text-align:center;\n  transition:0.4s;\n  box-shadow:0 8px 20px rgba(0,0,0,0.06);\n  position:relative;\n  overflow:hidden;\n}\n\n.contact-card:hover {\n  transform:translateY(-10px);\n  box-shadow:0 20px 40px rgba(0,0,0,0.15);\n}\n\n.contact-card::before {\n  content:\"\";\n  position:absolute;\n  width:100%;\n  height:5px;\n  top:0;\n  left:0;\n  background:#0A2463;\n}\n\n.icon {\n  font-size:45px;\n  margin-bottom:15px;\n  color:#2e7d32;\n}\n\n.title {\n  font-size:22px;\n  font-weight:600;\n  color:#0A2463;\n  margin-bottom:10px;\n}\n\n.info {\n  font-size:16px;\n  color:#444;\n}\n\n.main-title {\n  text-align:center;\n  font-size:38px;\n  color:#0A2463;\n  margin-bottom:10px;\n}\n\n.section-title {\n  text-align:center;\n  font-size:18px;\n  color:#2e7d32;\n  margin-bottom:30px;\n}\n\n.btn {\n  display:inline-block;\n  margin-top:15px;\n  padding:12px 25px;\n  border-radius:8px;\n  text-decoration:none;\n  font-size:14px;\n  transition:0.3s;\n}\n\n.email-btn {\n  background:#0A2463;\n  color:white;\n}\n\n.email-btn:hover {\n  background:#153e8a;\n}\n\n.whatsapp-btn {\n  background:#25D366;\n  color:white;\n  margin-left:8px;\n}\n\n.whatsapp-btn:hover {\n  background:#1ebe5d;\n}\n\n\/* FORM *\/\n.contact-form {\n  background:#ffffff;\n  padding:40px;\n  border-radius:18px;\n  box-shadow:0 10px 30px rgba(0,0,0,0.08);\n  margin-top:50px;\n}\n\n.contact-form input,\n.contact-form textarea {\n  width:100%;\n  padding:12px;\n  margin:10px 0;\n  border:1px solid #ddd;\n  border-radius:8px;\n  font-family:Poppins;\n}\n\n.contact-form button {\n  background:#0A2463;\n  color:white;\n  border:none;\n  padding:12px 30px;\n  border-radius:8px;\n  cursor:pointer;\n  margin-top:10px;\n}\n\n.contact-form button:hover {\n  background:#153e8a;\n}\n\n\/* MAP *\/\n.map-container {\n  margin-top:50px;\n  border-radius:18px;\n  overflow:hidden;\n  box-shadow:0 10px 30px rgba(0,0,0,0.1);\n}\n\niframe {\n  width:100%;\n  height:400px;\n  border:0;\n}\n\n\/* ANIMATION *\/\n.fade-in {\n  animation:fadeInUp 1s ease forwards;\n}\n\n@keyframes fadeInUp {\n  from {\n    opacity:0;\n    transform:translateY(30px);\n  }\n  to {\n    opacity:1;\n    transform:translateY(0);\n  }\n}\n<\/style>\n\n<!-- CONTACT CARDS -->\n<div class=\"contact-grid fade-in\">\n\n  <div class=\"contact-card\">\n    <div class=\"icon\"><i class=\"fa-solid fa-phone\"><\/i><\/div>\n    <div class=\"title\">Phone<\/div>\n    <div class=\"info\">05 37 77 74 77<\/div>\n  <\/div>\n\n  <div class=\"contact-card\">\n    <div class=\"icon\"><i class=\"fa-solid fa-location-dot\"><\/i><\/div>\n    <div class=\"title\">Address<\/div>\n    <div class=\"info\">Ibn Tofail University, Kenitra, Morocco<\/div>\n  <\/div>\n\n  <div class=\"contact-card\">\n    <div class=\"icon\"><i class=\"fa-solid fa-envelope\"><\/i><\/div>\n    <div class=\"title\">Email<\/div>\n    <div class=\"info\">health.env.quality@uit.ac.ma<\/div>\n\n    <a href=\"mailto:health.env.quality@uit.ac.ma\" class=\"btn email-btn\">\n      <i class=\"fa-solid fa-paper-plane\"><\/i> Email\n    <\/a>\n\n    <a href=\"https:\/\/wa.me\/212604743513\" target=\"_blank\" class=\"btn whatsapp-btn\">\n      <i class=\"fa-brands fa-whatsapp\"><\/i> WhatsApp\n    <\/a>\n  <\/div>\n\n<\/div>\n\n<!-- TITLE -->\n<div class=\"section-title fade-in\">Contact Us<\/div>\n<div class=\"main-title fade-in\">Reach Out to Our Team<\/div>\n\n<!-- FORM -->\n<div class=\"contact-form fade-in\">\n  <input type=\"text\" placeholder=\"Your Name\">\n  <input type=\"email\" placeholder=\"Your Email\">\n  <textarea rows=\"5\" placeholder=\"Your Message\"><\/textarea>\n  <button>Send Message<\/button>\n<\/div>\n\n\n<\/div>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-471","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smartilab.ma\/iche-sd\/wp-json\/wp\/v2\/pages\/471","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartilab.ma\/iche-sd\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartilab.ma\/iche-sd\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartilab.ma\/iche-sd\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/smartilab.ma\/iche-sd\/wp-json\/wp\/v2\/comments?post=471"}],"version-history":[{"count":7,"href":"https:\/\/smartilab.ma\/iche-sd\/wp-json\/wp\/v2\/pages\/471\/revisions"}],"predecessor-version":[{"id":588,"href":"https:\/\/smartilab.ma\/iche-sd\/wp-json\/wp\/v2\/pages\/471\/revisions\/588"}],"wp:attachment":[{"href":"https:\/\/smartilab.ma\/iche-sd\/wp-json\/wp\/v2\/media?parent=471"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}