{"id":345,"date":"2026-06-29T21:19:52","date_gmt":"2026-06-29T21:19:52","guid":{"rendered":"https:\/\/ameribuild.org\/ameribuildv2\/?page_id=345"},"modified":"2026-06-29T21:46:11","modified_gmt":"2026-06-29T21:46:11","slug":"company-calendar","status":"publish","type":"page","link":"https:\/\/ameribuild.org\/ameribuildv2\/company-calendar\/","title":{"rendered":"Company Calendar"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"345\" class=\"elementor elementor-345\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a75fa7e elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"a75fa7e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-470e120\" data-id=\"470e120\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-cbbf4b6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cbbf4b6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-c32d879\" data-id=\"c32d879\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c3fa8a5 elementor-widget elementor-widget-html\" data-id=\"c3fa8a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<h1 style=\"font-family:Georgia,serif;font-size:72px;font-weight:bold;color:#c8102e;text-align:left;text-shadow:2px 2px 4px rgba(0,0,0,0.4);margin-bottom:10px;\">\r\n    Company Calendar\r\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a253b0 elementor-widget elementor-widget-text-editor\" data-id=\"7a253b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"font-family: Georgia,serif; font-size: 28px; font-weight: 600; color: #ffffff; text-align: center; text-shadow: 1px 1px 3px rgba(0,0,0,0.6);\">\nRebuilding America one opportunity at a time. \u00a9<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-1492eb5 e-flex e-con-boxed e-con e-parent\" data-id=\"1492eb5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce23395 elementor-widget elementor-widget-html\" data-id=\"ce23395\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"custom-divider\">\r\n    <span><\/span>\r\n    <i>\u2605<\/i>\r\n    <span><\/span>\r\n<\/div>\r\n\r\n<style>\r\n.custom-divider {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 80px 0;\r\n    gap: 20px;\r\n}\r\n\r\n.custom-divider span {\r\n    width: 120px;\r\n    height: 2px;\r\n    background: #c8102e;\r\n}\r\n\r\n.custom-divider i {\r\n    font-style: normal;\r\n    font-size: 24px;\r\n    color: #172042;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .custom-divider span {\r\n        width: 60px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ab6298 e-flex e-con-boxed e-con e-parent\" data-id=\"1ab6298\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc545b0 elementor-widget elementor-widget-html\" data-id=\"cc545b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"company-schedule-section\">\r\n\r\n  <div class=\"schedule-title\">\r\n    <h2>Company Schedule<\/h2>\r\n    <p>Empowering communities through education, workforce development, and opportunity.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"calendar-events-widget\">\r\n\r\n    <div class=\"calendar-widget\">\r\n      <div class=\"calendar-header\">\r\n        <h2 id=\"monthYear\"><\/h2>\r\n        <p id=\"currentDateTime\"><\/p>\r\n      <\/div>\r\n\r\n      <div class=\"calendar-days\">\r\n        <span>Sun<\/span><span>Mon<\/span><span>Tue<\/span><span>Wed<\/span>\r\n        <span>Thu<\/span><span>Fri<\/span><span>Sat<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"calendar-dates\" id=\"calendarDates\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"upcoming-events\">\r\n\r\n      <div class=\"event-photo\">\r\n        <img decoding=\"async\" src=\"https:\/\/ameribuild.org\/ameribuildv2\/wp-content\/uploads\/2026\/06\/New-Logo-01_4K-scaled.png\" alt=\"AmeriBuild Event\">\r\n      <\/div>\r\n\r\n      <h3>Upcoming Events<\/h3>\r\n\r\n      <div class=\"event-card\">\r\n        <span class=\"event-date\">Jan 15<\/span>\r\n        <div>\r\n          <h4>Community Job Training<\/h4>\r\n          <p>10:00 AM \u2022 AmeriBuild Center<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"event-card\">\r\n        <span class=\"event-date\">Feb 08<\/span>\r\n        <div>\r\n          <h4>Workforce Development Workshop<\/h4>\r\n          <p>1:00 PM \u2022 Online Webinar<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"event-card\">\r\n        <span class=\"event-date\">Mar 22<\/span>\r\n        <div>\r\n          <h4>Community Rebuild Project<\/h4>\r\n          <p>9:00 AM \u2022 Local Community Site<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.company-schedule-section {\r\n  padding: 120px 20px;\r\n  background: linear-gradient(135deg, #172042 0%, #0b1028 100%);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.company-schedule-section::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 450px;\r\n  height: 450px;\r\n  background: rgba(200,16,46,0.15);\r\n  border-radius: 50%;\r\n  top: -180px;\r\n  right: -120px;\r\n  filter: blur(90px);\r\n  animation: floatGlow 8s ease-in-out infinite;\r\n}\r\n\r\n.company-schedule-section::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 350px;\r\n  height: 350px;\r\n  background: rgba(255,255,255,0.05);\r\n  border-radius: 50%;\r\n  bottom: -150px;\r\n  left: -120px;\r\n  filter: blur(80px);\r\n  animation: floatGlow 10s ease-in-out infinite reverse;\r\n}\r\n\r\n.schedule-title,\r\n.calendar-events-widget {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.schedule-title {\r\n  text-align: center;\r\n  margin: 0 auto 70px;\r\n  max-width: 900px;\r\n  animation: fadeDown 1s ease forwards;\r\n}\r\n\r\n.schedule-title h2 {\r\n  font-family: Georgia, serif;\r\n  font-size: 72px;\r\n  color: #ffffff;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.schedule-title p {\r\n  font-size: 22px;\r\n  color: rgba(255,255,255,0.85);\r\n  margin: 0;\r\n}\r\n\r\n.calendar-events-widget {\r\n  display: grid;\r\n  grid-template-columns: 1.1fr 1fr;\r\n  gap: 50px;\r\n  max-width: 1450px;\r\n  margin: 0 auto;\r\n  font-family: Arial, sans-serif;\r\n}\r\n\r\n.calendar-widget,\r\n.upcoming-events {\r\n  padding: 45px;\r\n  background: rgba(255,255,255,0.97);\r\n  border-radius: 24px;\r\n  box-shadow: 0 20px 50px rgba(0,0,0,0.18);\r\n  animation: fadeUp 1s ease forwards;\r\n}\r\n\r\n.calendar-header {\r\n  text-align: center;\r\n  margin-bottom: 35px;\r\n}\r\n\r\n.calendar-header h2 {\r\n  margin: 0;\r\n  color: #172042;\r\n  font-size: 42px;\r\n  font-family: Georgia, serif;\r\n}\r\n\r\n.calendar-header p {\r\n  margin-top: 12px;\r\n  color: #c8102e;\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n}\r\n\r\n.calendar-days,\r\n.calendar-dates {\r\n  display: grid;\r\n  grid-template-columns: repeat(7, 1fr);\r\n  gap: 12px;\r\n  text-align: center;\r\n}\r\n\r\n.calendar-days span {\r\n  font-weight: bold;\r\n  color: #172042;\r\n  font-size: 17px;\r\n}\r\n\r\n.calendar-dates span {\r\n  padding: 20px 0;\r\n  border-radius: 14px;\r\n  background: #f3f5f8;\r\n  color: #333;\r\n  font-size: 18px;\r\n  transition: .3s ease;\r\n}\r\n\r\n.calendar-dates .empty {\r\n  background: transparent;\r\n  pointer-events: none;\r\n}\r\n\r\n.calendar-dates span:hover {\r\n  background: #172042;\r\n  color: #ffffff;\r\n  transform: translateY(-4px);\r\n}\r\n\r\n.calendar-dates .today {\r\n  background: #c8102e;\r\n  color: #ffffff;\r\n  font-weight: bold;\r\n  box-shadow: 0 8px 20px rgba(200,16,46,.35);\r\n}\r\n\r\n.event-photo {\r\n  margin-bottom: 28px;\r\n  overflow: hidden;\r\n  border-radius: 18px;\r\n  border: 1px solid #eee;\r\n}\r\n\r\n.event-photo img {\r\n  width: 100%;\r\n  height: 230px;\r\n  object-fit: contain;\r\n  background: #ffffff;\r\n  padding: 15px;\r\n  transition: .5s ease;\r\n  display: block;\r\n}\r\n\r\n.event-photo:hover img {\r\n  transform: scale(1.05);\r\n}\r\n\r\n.upcoming-events h3 {\r\n  font-size: 42px;\r\n  color: #172042;\r\n  margin-bottom: 28px;\r\n  font-family: Georgia, serif;\r\n}\r\n\r\n.event-card {\r\n  display: flex;\r\n  gap: 22px;\r\n  align-items: flex-start;\r\n  padding: 24px 0;\r\n  border-bottom: 1px solid #e5e5e5;\r\n  transition: .3s ease;\r\n}\r\n\r\n.event-card:hover {\r\n  transform: translateX(8px);\r\n}\r\n\r\n.event-card:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n.event-date {\r\n  min-width: 95px;\r\n  background: #c8102e;\r\n  color: #ffffff;\r\n  padding: 16px 12px;\r\n  border-radius: 14px;\r\n  text-align: center;\r\n  font-size: 18px;\r\n  font-weight: bold;\r\n}\r\n\r\n.event-card h4 {\r\n  margin: 0 0 8px;\r\n  color: #172042;\r\n  font-size: 24px;\r\n}\r\n\r\n.event-card p {\r\n  margin: 0;\r\n  color: #555;\r\n  font-size: 17px;\r\n}\r\n\r\n@keyframes fadeUp {\r\n  from { opacity: 0; transform: translateY(35px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@keyframes fadeDown {\r\n  from { opacity: 0; transform: translateY(-25px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@keyframes floatGlow {\r\n  0%,100% { transform: translateY(0); }\r\n  50% { transform: translateY(-40px); }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .calendar-events-widget {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .schedule-title h2 {\r\n    font-size: 56px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .company-schedule-section {\r\n    padding: 80px 15px;\r\n  }\r\n\r\n  .schedule-title h2 {\r\n    font-size: 42px;\r\n  }\r\n\r\n  .schedule-title p {\r\n    font-size: 17px;\r\n  }\r\n\r\n  .calendar-widget,\r\n  .upcoming-events {\r\n    padding: 25px;\r\n  }\r\n\r\n  .calendar-header h2,\r\n  .upcoming-events h3 {\r\n    font-size: 32px;\r\n  }\r\n\r\n  .calendar-days,\r\n  .calendar-dates {\r\n    gap: 7px;\r\n  }\r\n\r\n  .calendar-dates span {\r\n    padding: 12px 0;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .event-card {\r\n    flex-direction: column;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const monthYear = document.getElementById(\"monthYear\");\r\n  const currentDateTime = document.getElementById(\"currentDateTime\");\r\n  const calendarDates = document.getElementById(\"calendarDates\");\r\n\r\n  const today = new Date();\r\n  const year = today.getFullYear();\r\n  const month = today.getMonth();\r\n\r\n  const monthNames = [\r\n    \"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\r\n    \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\r\n  ];\r\n\r\n  monthYear.textContent = monthNames[month] + \" \" + year;\r\n\r\n  function updateTime() {\r\n    const now = new Date();\r\n    currentDateTime.textContent = now.toLocaleString(\"en-US\", {\r\n      weekday: \"long\",\r\n      month: \"long\",\r\n      day: \"numeric\",\r\n      year: \"numeric\",\r\n      hour: \"numeric\",\r\n      minute: \"2-digit\",\r\n      second: \"2-digit\"\r\n    });\r\n  }\r\n\r\n  updateTime();\r\n  setInterval(updateTime, 1000);\r\n\r\n  const firstDay = new Date(year, month, 1).getDay();\r\n  const lastDate = new Date(year, month + 1, 0).getDate();\r\n\r\n  calendarDates.innerHTML = \"\";\r\n\r\n  for (let i = 0; i < firstDay; i++) {\r\n    const empty = document.createElement(\"span\");\r\n    empty.classList.add(\"empty\");\r\n    calendarDates.appendChild(empty);\r\n  }\r\n\r\n  for (let day = 1; day <= lastDate; day++) {\r\n    const dateSpan = document.createElement(\"span\");\r\n    dateSpan.textContent = day;\r\n\r\n    if (day === today.getDate()) {\r\n      dateSpan.classList.add(\"today\");\r\n    }\r\n\r\n    calendarDates.appendChild(dateSpan);\r\n  }\r\n});\r\n<\/script>\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>Company Calendar Rebuilding America one opportunity at a time. \u00a9 \u2605 Company Schedule Empowering communities through education, workforce development, and opportunity. SunMonTueWed ThuFriSat Upcoming Events Jan 15 Community Job Training 10:00 AM \u2022 AmeriBuild Center Feb 08 Workforce Development Workshop 1:00 PM \u2022 Online Webinar Mar 22 Community Rebuild Project 9:00 AM \u2022 Local Community [&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":{"footnotes":""},"class_list":["post-345","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ameribuild.org\/ameribuildv2\/wp-json\/wp\/v2\/pages\/345","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ameribuild.org\/ameribuildv2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ameribuild.org\/ameribuildv2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ameribuild.org\/ameribuildv2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ameribuild.org\/ameribuildv2\/wp-json\/wp\/v2\/comments?post=345"}],"version-history":[{"count":7,"href":"https:\/\/ameribuild.org\/ameribuildv2\/wp-json\/wp\/v2\/pages\/345\/revisions"}],"predecessor-version":[{"id":389,"href":"https:\/\/ameribuild.org\/ameribuildv2\/wp-json\/wp\/v2\/pages\/345\/revisions\/389"}],"wp:attachment":[{"href":"https:\/\/ameribuild.org\/ameribuildv2\/wp-json\/wp\/v2\/media?parent=345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}