{"product_id":"the-great-history-timeline-6-000-years-of-biblical-world-history-side-by-side","title":"✨The Great History Timeline – 6,000 Years of Biblical \u0026 World History Side by Side","description":"\u003c!-- =========================================================\nTHE GREAT HISTORY TIMELINE\n6,000 YEARS OF BIBLICAL \u0026 WORLD HISTORY\nSIDE BY SIDE\n\nPREMIUM HIGH-CONVERSION SHOPIFY BODY HTML\n\nIMAGE MAP\n01 = 伟大历史时间线_精装展示.png\n02 = 家庭历史时间轴学习海报.png\n03 = 圣经历史与世界文明并行时间轴.png\n04 = 复古奢华历史时间地图海报.png\n05 = 圣经与世界历史并行时间轴.png\n06 = 从典藏书册到23英尺历史长卷.png\n07 = 信仰与历史的鎏金传承.png\n\n600px Centered\nMobile Optimized\nNo JavaScript\nCommon SVG Icons\nCollapsible FAQ\nPayment Trust\nAnimated Bottom CTA\n\nCTA TARGET\nMainProduct-{{ section.id }}\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\nGLOBAL\n========================================================= *\/\n\n:root{\n\n  --sp6-green:#082C29;\n  --sp6-green-2:#123B36;\n  --sp6-green-3:#234B44;\n\n  --sp6-gold:#B77A28;\n  --sp6-gold-2:#D5A651;\n  --sp6-gold-soft:#E8CB97;\n\n  --sp6-paper:#E8C995;\n  --sp6-cream:#F4E7D1;\n  --sp6-cream-2:#FAF5EC;\n\n  --sp6-brown:#4B3424;\n\n  --sp6-text:#302B26;\n  --sp6-muted:#71685E;\n  --sp6-border:#E2D3BD;\n\n  --sp6-white:#FFFFFF;\n\n  --sp6-radius:22px;\n\n  --sp6-shadow:\n    0 12px 34px rgba(37,29,19,.11);\n\n  --sp6-font:\n    \"Avenir Next\",\n    \"Inter\",\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n\n  --sp6-display:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n}\n\n\n.sp6-body,\n.sp6-body *{\n  box-sizing:border-box;\n}\n\n\nhtml{\n  scroll-behavior:smooth;\n}\n\n\n.sp6-body{\n  width:100%;\n  max-width:600px;\n\n  margin:0 auto;\n\n  overflow:hidden;\n\n  background:#FFFFFF;\n  color:var(--sp6-text);\n\n  font-family:var(--sp6-font);\n\n  -webkit-font-smoothing:antialiased;\n  text-rendering:optimizeLegibility;\n}\n\n\n.sp6-body img{\n  display:block;\n\n  width:100% !important;\n  max-width:100%;\n  height:auto !important;\n\n  margin:0 auto;\n}\n\n\n.sp6-body a{\n  color:inherit;\n  text-decoration:none;\n}\n\n\n.sp6-section{\n  padding:52px 22px;\n}\n\n\n.sp6-center{\n  text-align:center;\n}\n\n\n.sp6-eyebrow{\n  margin:0 0 10px;\n\n  color:var(--sp6-gold);\n\n  font-size:13px;\n  line-height:1.3;\n  font-weight:800;\n\n  letter-spacing:.10em;\n  text-transform:uppercase;\n}\n\n\n.sp6-h2{\n  margin:0;\n\n  color:var(--sp6-green);\n\n  font-family:var(--sp6-display);\n\n  font-size:38px;\n  line-height:1.07;\n  font-weight:700;\n\n  letter-spacing:-.04em;\n}\n\n\n.sp6-h2 span{\n  color:var(--sp6-gold);\n}\n\n\n.sp6-text{\n  margin:14px 0 0;\n\n  color:var(--sp6-muted);\n\n  font-size:16px;\n  line-height:1.7;\n}\n\n\n.sp6-image{\n  position:relative;\n\n  overflow:hidden;\n\n  border-radius:var(--sp6-radius);\n\n  background:var(--sp6-cream);\n\n  box-shadow:var(--sp6-shadow);\n}\n\n\n\/* =========================================================\nCOMMON SVG ICONS\n========================================================= *\/\n\n.sp6-icon{\n  display:inline-flex;\n\n  align-items:center;\n  justify-content:center;\n\n  width:24px;\n  height:24px;\n\n  min-width:24px;\n  min-height:24px;\n\n  flex:0 0 24px;\n}\n\n\n.sp6-icon svg{\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  max-width:100%;\n  max-height:100%;\n}\n\n\n\/* =========================================================\nHERO\n========================================================= *\/\n\n.sp6-hero{\n  padding:\n    18px 22px 48px;\n\n  background:\n    radial-gradient(\n      circle at 12% 5%,\n      rgba(213,166,81,.17),\n      transparent 28%\n    ),\n    linear-gradient(\n      180deg,\n      #082C29 0%,\n      #041C1A 100%\n    );\n}\n\n\n.sp6-hero-badge{\n  position:absolute;\n\n  top:14px;\n  left:14px;\n\n  display:flex;\n\n  align-items:center;\n\n  gap:7px;\n\n  padding:8px 11px;\n\n  border-radius:999px;\n\n  background:rgba(4,28,26,.94);\n\n  color:#FFFFFF;\n\n  font-size:11px;\n  line-height:1.2;\n  font-weight:800;\n\n  letter-spacing:.06em;\n}\n\n\n.sp6-hero-badge .sp6-icon{\n  width:18px;\n  height:18px;\n\n  min-width:18px;\n  min-height:18px;\n\n  color:var(--sp6-gold-2);\n}\n\n\n.sp6-rating{\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n  flex-wrap:wrap;\n\n  gap:7px;\n\n  margin-top:25px;\n\n  color:#DDD4C8;\n\n  font-size:13px;\n  line-height:1.4;\n  font-weight:700;\n}\n\n\n.sp6-stars{\n  color:var(--sp6-gold-2);\n\n  font-size:16px;\n  letter-spacing:1px;\n}\n\n\n.sp6-title{\n  margin:12px 0 0;\n\n  text-align:center;\n\n  color:#F7EDDF;\n\n  font-family:var(--sp6-display);\n\n  font-size:44px;\n  line-height:1;\n\n  font-weight:700;\n\n  letter-spacing:-.045em;\n}\n\n\n.sp6-title span{\n  display:block;\n\n  color:var(--sp6-gold-2);\n}\n\n\n.sp6-hero-text{\n  max-width:520px;\n\n  margin:16px auto 0;\n\n  text-align:center;\n\n  color:#D5CEC4;\n\n  font-size:16px;\n  line-height:1.7;\n}\n\n\n.sp6-hero-text strong{\n  color:#FFFFFF;\n}\n\n\n.sp6-hero-points{\n  display:grid;\n\n  gap:10px;\n\n  margin-top:22px;\n}\n\n\n.sp6-hero-point{\n  display:flex;\n\n  align-items:center;\n\n  gap:11px;\n\n  padding:13px 14px;\n\n  border:\n    1px solid rgba(255,255,255,.10);\n\n  border-radius:14px;\n\n  background:\n    rgba(255,255,255,.05);\n\n  color:#F3ECE3;\n\n  font-size:14px;\n  line-height:1.48;\n  font-weight:700;\n}\n\n\n.sp6-check{\n  width:34px;\n  height:34px;\n\n  min-width:34px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:\n    rgba(213,166,81,.14);\n\n  color:var(--sp6-gold-2);\n}\n\n\n.sp6-check .sp6-icon{\n  width:18px;\n  height:18px;\n}\n\n\n\/* =========================================================\nPROOF STRIP\n========================================================= *\/\n\n.sp6-proof{\n  padding:24px 18px;\n\n  background:#031817;\n}\n\n\n.sp6-proof-grid{\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap:1px;\n\n  overflow:hidden;\n\n  border-radius:16px;\n\n  background:\n    rgba(255,255,255,.10);\n}\n\n\n.sp6-proof-item{\n  padding:18px 7px;\n\n  text-align:center;\n\n  background:#0A2926;\n}\n\n\n.sp6-proof-item strong{\n  display:block;\n\n  color:var(--sp6-gold-2);\n\n  font-family:var(--sp6-display);\n\n  font-size:27px;\n  line-height:1;\n}\n\n\n.sp6-proof-item span{\n  display:block;\n\n  margin-top:7px;\n\n  color:#D7D0C7;\n\n  font-size:10px;\n  line-height:1.4;\n  font-weight:800;\n\n  letter-spacing:.04em;\n  text-transform:uppercase;\n}\n\n\n\/* =========================================================\nGENERAL COPY\n========================================================= *\/\n\n.sp6-copy{\n  padding-top:25px;\n}\n\n\n.sp6-copy h2{\n  margin:0;\n\n  color:var(--sp6-green);\n\n  font-family:var(--sp6-display);\n\n  font-size:36px;\n  line-height:1.08;\n  font-weight:700;\n\n  letter-spacing:-.04em;\n}\n\n\n.sp6-copy h2 span{\n  color:var(--sp6-gold);\n}\n\n\n.sp6-copy \u003e p{\n  margin:13px 0 0;\n\n  color:var(--sp6-muted);\n\n  font-size:16px;\n  line-height:1.7;\n}\n\n\n.sp6-pill{\n  display:inline-flex;\n\n  align-items:center;\n\n  margin:0 0 11px;\n\n  padding:7px 10px;\n\n  border-radius:999px;\n\n  background:var(--sp6-cream);\n\n  color:var(--sp6-green);\n\n  font-size:11px;\n  line-height:1.2;\n  font-weight:800;\n\n  letter-spacing:.07em;\n}\n\n\n\/* =========================================================\nSECTION 02\nUSES\n========================================================= *\/\n\n.sp6-use-section{\n  background:#FFFFFF;\n}\n\n\n.sp6-use-grid{\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap:9px;\n\n  margin-top:22px;\n}\n\n\n.sp6-use-card{\n  padding:17px 8px;\n\n  text-align:center;\n\n  border:\n    1px solid var(--sp6-border);\n\n  border-radius:14px;\n\n  background:var(--sp6-cream-2);\n}\n\n\n.sp6-use-icon{\n  width:40px;\n  height:40px;\n\n  margin:0 auto 10px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:var(--sp6-green);\n\n  color:var(--sp6-gold-2);\n}\n\n\n.sp6-use-icon .sp6-icon{\n  width:20px;\n  height:20px;\n}\n\n\n.sp6-use-card strong{\n  display:block;\n\n  color:var(--sp6-green);\n\n  font-size:13px;\n  line-height:1.35;\n}\n\n\n.sp6-use-card span{\n  display:block;\n\n  margin-top:5px;\n\n  color:var(--sp6-muted);\n\n  font-size:11px;\n  line-height:1.45;\n}\n\n\n\/* =========================================================\nSECTION 03\nSIDE BY SIDE\n========================================================= *\/\n\n.sp6-side-section{\n  background:var(--sp6-cream-2);\n}\n\n\n.sp6-vs{\n  display:grid;\n\n  grid-template-columns:\n    1fr 46px 1fr;\n\n  gap:10px;\n\n  align-items:center;\n\n  margin-top:21px;\n}\n\n\n.sp6-vs-card{\n  min-height:96px;\n\n  padding:16px 10px;\n\n  display:flex;\n\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n\n  text-align:center;\n\n  border:\n    1px solid var(--sp6-border);\n\n  border-radius:15px;\n\n  background:#FFFFFF;\n}\n\n\n.sp6-vs-card strong{\n  display:block;\n\n  color:var(--sp6-green);\n\n  font-size:14px;\n  line-height:1.35;\n}\n\n\n.sp6-vs-card span{\n  display:block;\n\n  margin-top:5px;\n\n  color:var(--sp6-muted);\n\n  font-size:11px;\n  line-height:1.45;\n}\n\n\n.sp6-vs-center{\n  width:42px;\n  height:42px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:var(--sp6-gold);\n\n  color:#FFFFFF;\n\n  font-size:23px;\n  font-weight:800;\n}\n\n\n.sp6-big-message{\n  margin-top:20px;\n\n  padding:23px 19px;\n\n  border-radius:18px;\n\n  background:\n    linear-gradient(\n      145deg,\n      var(--sp6-green),\n      var(--sp6-green-2)\n    );\n}\n\n\n.sp6-big-message strong{\n  display:block;\n\n  color:#FFFFFF;\n\n  font-family:var(--sp6-display);\n\n  font-size:25px;\n  line-height:1.18;\n}\n\n\n.sp6-big-message span{\n  display:block;\n\n  margin-top:9px;\n\n  color:#D9E0DA;\n\n  font-size:14px;\n  line-height:1.6;\n}\n\n\n\/* =========================================================\nSECTION 04\nDISCOVERY\n========================================================= *\/\n\n.sp6-discovery{\n  background:#FFFFFF;\n}\n\n\n.sp6-discovery-grid{\n  display:grid;\n\n  grid-template-columns:\n    1fr 1fr;\n\n  gap:10px;\n\n  margin-top:22px;\n}\n\n\n.sp6-discovery-card{\n  padding:17px 14px;\n\n  border:\n    1px solid var(--sp6-border);\n\n  border-radius:15px;\n\n  background:var(--sp6-cream-2);\n}\n\n\n.sp6-discovery-icon{\n  width:40px;\n  height:40px;\n\n  margin-bottom:10px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:12px;\n\n  background:var(--sp6-cream);\n\n  color:var(--sp6-gold);\n}\n\n\n.sp6-discovery-icon .sp6-icon{\n  width:21px;\n  height:21px;\n}\n\n\n.sp6-discovery-card strong{\n  display:block;\n\n  color:var(--sp6-green);\n\n  font-size:14px;\n  line-height:1.4;\n}\n\n\n.sp6-discovery-card span{\n  display:block;\n\n  margin-top:4px;\n\n  color:var(--sp6-muted);\n\n  font-size:12px;\n  line-height:1.5;\n}\n\n\n\/* =========================================================\nSECTION 05\nSEE BIG PICTURE\n========================================================= *\/\n\n.sp6-picture{\n  background:\n    linear-gradient(\n      180deg,\n      #F8F0E2,\n      #FCF9F3\n    );\n}\n\n\n.sp6-benefit-list{\n  display:grid;\n\n  gap:11px;\n\n  margin-top:22px;\n}\n\n\n.sp6-benefit{\n  display:flex;\n\n  align-items:flex-start;\n\n  gap:12px;\n\n  padding:16px;\n\n  border:\n    1px solid var(--sp6-border);\n\n  border-radius:14px;\n\n  background:#FFFFFF;\n}\n\n\n.sp6-benefit-icon{\n  width:40px;\n  height:40px;\n\n  min-width:40px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:12px;\n\n  background:var(--sp6-cream);\n\n  color:var(--sp6-gold);\n}\n\n\n.sp6-benefit-icon .sp6-icon{\n  width:21px;\n  height:21px;\n}\n\n\n.sp6-benefit strong{\n  display:block;\n\n  color:var(--sp6-green);\n\n  font-size:15px;\n  line-height:1.4;\n}\n\n\n.sp6-benefit span{\n  display:block;\n\n  margin-top:3px;\n\n  color:var(--sp6-muted);\n\n  font-size:13px;\n  line-height:1.55;\n}\n\n\n\/* =========================================================\nSECTION 06\n23-FOOT EXPERIENCE\n========================================================= *\/\n\n.sp6-format-section{\n  background:#FFFFFF;\n}\n\n\n.sp6-format-head{\n  text-align:center;\n\n  padding-top:26px;\n}\n\n\n.sp6-format-number{\n  margin:0;\n\n  color:var(--sp6-gold);\n\n  font-family:var(--sp6-display);\n\n  font-size:55px;\n  line-height:.95;\n  font-weight:700;\n}\n\n\n.sp6-format-number span{\n  display:block;\n\n  margin-top:8px;\n\n  color:var(--sp6-green);\n\n  font-family:var(--sp6-font);\n\n  font-size:12px;\n  line-height:1.3;\n  font-weight:900;\n\n  letter-spacing:.11em;\n}\n\n\n.sp6-format-text{\n  max-width:480px;\n\n  margin:15px auto 0;\n\n  color:var(--sp6-muted);\n\n  font-size:15px;\n  line-height:1.7;\n}\n\n\n.sp6-format-grid{\n  display:grid;\n\n  grid-template-columns:\n    1fr 1fr;\n\n  gap:10px;\n\n  margin-top:22px;\n}\n\n\n.sp6-format-card{\n  padding:18px 13px;\n\n  text-align:center;\n\n  border-radius:15px;\n\n  background:var(--sp6-green);\n}\n\n\n.sp6-format-card strong{\n  display:block;\n\n  color:var(--sp6-gold-2);\n\n  font-family:var(--sp6-display);\n\n  font-size:22px;\n  line-height:1.1;\n}\n\n\n.sp6-format-card span{\n  display:block;\n\n  margin-top:6px;\n\n  color:#DAE1DC;\n\n  font-size:11px;\n  line-height:1.45;\n}\n\n\n\/* =========================================================\nSECTION 07\nQUALITY + GIFT\n========================================================= *\/\n\n.sp6-gift-section{\n  background:var(--sp6-cream-2);\n}\n\n\n.sp6-quality-strip{\n  display:grid;\n\n  grid-template-columns:\n    1fr 1fr;\n\n  gap:10px;\n\n  margin-top:22px;\n}\n\n\n.sp6-quality{\n  padding:17px 14px;\n\n  border:\n    1px solid var(--sp6-border);\n\n  border-radius:15px;\n\n  background:#FFFFFF;\n}\n\n\n.sp6-quality .sp6-icon{\n  width:23px;\n  height:23px;\n\n  margin-bottom:9px;\n\n  color:var(--sp6-gold);\n}\n\n\n.sp6-quality strong{\n  display:block;\n\n  color:var(--sp6-green);\n\n  font-size:14px;\n  line-height:1.4;\n}\n\n\n.sp6-quality span{\n  display:block;\n\n  margin-top:4px;\n\n  color:var(--sp6-muted);\n\n  font-size:12px;\n  line-height:1.5;\n}\n\n\n.sp6-gift-message{\n  margin-top:22px;\n\n  padding:24px 19px;\n\n  text-align:center;\n\n  border-radius:19px;\n\n  background:\n    linear-gradient(\n      145deg,\n      var(--sp6-green),\n      var(--sp6-green-2)\n    );\n}\n\n\n.sp6-gift-message .sp6-icon-wrap{\n  width:48px;\n  height:48px;\n\n  margin:0 auto 12px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:\n    rgba(213,166,81,.14);\n\n  color:var(--sp6-gold-2);\n}\n\n\n.sp6-gift-message .sp6-icon{\n  width:24px;\n  height:24px;\n}\n\n\n.sp6-gift-message strong{\n  display:block;\n\n  color:#FFFFFF;\n\n  font-family:var(--sp6-display);\n\n  font-size:25px;\n  line-height:1.2;\n}\n\n\n.sp6-gift-message span{\n  display:block;\n\n  margin-top:9px;\n\n  color:#DCE2DD;\n\n  font-size:14px;\n  line-height:1.6;\n}\n\n\n\/* =========================================================\nFAQ\n========================================================= *\/\n\n.sp6-faq{\n  padding:52px 22px;\n\n  background:#FFFFFF;\n}\n\n\n.sp6-faq-head{\n  text-align:center;\n}\n\n\n.sp6-faq details{\n  border-bottom:\n    1px solid var(--sp6-border);\n}\n\n\n.sp6-faq summary{\n  position:relative;\n\n  padding:\n    19px 40px 19px 0;\n\n  cursor:pointer;\n\n  list-style:none;\n\n  color:var(--sp6-green);\n\n  font-size:15px;\n  line-height:1.5;\n  font-weight:800;\n}\n\n\n.sp6-faq summary::-webkit-details-marker{\n  display:none;\n}\n\n\n.sp6-faq summary::before,\n.sp6-faq summary::after{\n  content:\"\";\n\n  position:absolute;\n\n  right:5px;\n  top:50%;\n\n  width:14px;\n  height:2px;\n\n  border-radius:999px;\n\n  background:var(--sp6-gold);\n\n  transition:transform .2s ease;\n}\n\n\n.sp6-faq summary::before{\n  transform:translateY(-50%);\n}\n\n\n.sp6-faq summary::after{\n  transform:\n    translateY(-50%)\n    rotate(90deg);\n}\n\n\n.sp6-faq details[open] summary::after{\n  transform:\n    translateY(-50%)\n    rotate(0);\n}\n\n\n.sp6-answer{\n  padding:\n    0 38px 19px 0;\n\n  color:var(--sp6-muted);\n\n  font-size:14px;\n  line-height:1.7;\n}\n\n\n\/* =========================================================\nTRUST\n========================================================= *\/\n\n.sp6-trust{\n  padding:30px 20px;\n\n  text-align:center;\n\n  background:var(--sp6-cream);\n}\n\n\n.sp6-trust-title{\n  margin:0;\n\n  color:var(--sp6-green);\n\n  font-size:17px;\n  line-height:1.4;\n  font-weight:900;\n}\n\n\n.sp6-pay-row{\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n  flex-wrap:wrap;\n\n  gap:8px;\n\n  margin-top:17px;\n}\n\n\n.sp6-pay{\n  min-width:72px;\n  height:37px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  padding:0 11px;\n\n  border:\n    1px solid #DDD4C9;\n\n  border-radius:7px;\n\n  background:#FFFFFF;\n\n  font-size:12px;\n  line-height:1;\n  font-weight:900;\n\n  white-space:nowrap;\n}\n\n\n.sp6-trust-note{\n  margin:16px auto 0;\n\n  max-width:470px;\n\n  color:var(--sp6-muted);\n\n  font-size:13px;\n  line-height:1.6;\n}\n\n\n\/* =========================================================\nCTA\nFor Shopify Custom Liquid \/ Dawn-style themes:\nMainProduct-{{ section.id }} normally points to the\nmain product purchase section.\n\nIf your theme uses another ID, replace ONLY the href.\n========================================================= *\/\n\n.sp6-cta{\n  position:relative;\n\n  display:block;\n\n  margin:\n    16px 22px 28px;\n\n  padding:\n    36px 24px 28px;\n\n  overflow:hidden;\n\n  text-align:center;\n\n  border-radius:24px;\n\n  background:\n    radial-gradient(\n      circle at 18% 10%,\n      rgba(213,166,81,.17),\n      transparent 27%\n    ),\n    linear-gradient(\n      145deg,\n      #082C29 0%,\n      #123D38 58%,\n      #204A44 100%\n    );\n\n  color:#FFFFFF !important;\n\n  box-shadow:\n    0 17px 40px\n    rgba(8,44,41,.25);\n\n  text-decoration:none !important;\n\n  isolation:isolate;\n}\n\n\n.sp6-cta::before{\n  content:\"\";\n\n  position:absolute;\n\n  top:-70px;\n  right:-60px;\n\n  z-index:-1;\n\n  width:180px;\n  height:180px;\n\n  border-radius:50%;\n\n  background:\n    rgba(213,166,81,.10);\n}\n\n\n.sp6-cta::after{\n  content:\"\";\n\n  position:absolute;\n\n  top:0;\n  left:-130%;\n\n  width:65%;\n  height:100%;\n\n  pointer-events:none;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.08),\n      transparent\n    );\n\n  transform:skewX(-18deg);\n\n  animation:\n    sp6CtaShine\n    4.8s\n    ease-in-out\n    infinite;\n}\n\n\n.sp6-cta-icon{\n  width:58px;\n  height:58px;\n\n  margin:0 auto 16px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border:\n    1px solid rgba(213,166,81,.24);\n\n  border-radius:50%;\n\n  background:\n    rgba(213,166,81,.12);\n\n  color:var(--sp6-gold-2);\n\n  animation:\n    sp6CtaBag\n    2.1s\n    ease-in-out\n    infinite;\n}\n\n\n.sp6-cta-icon svg{\n  width:28px;\n  height:28px;\n}\n\n\n.sp6-cta-small{\n  margin:\n    0 0 9px !important;\n\n  color:var(--sp6-gold-2) !important;\n\n  font-size:13px !important;\n  line-height:1.35 !important;\n  font-weight:850 !important;\n\n  letter-spacing:.11em !important;\n\n  text-transform:uppercase;\n}\n\n\n.sp6-cta h2{\n  margin:0 !important;\n\n  color:#FFFFFF !important;\n\n  font-family:var(--sp6-display) !important;\n\n  font-size:36px !important;\n  line-height:1.08 !important;\n\n  letter-spacing:-.04em !important;\n\n  font-weight:700 !important;\n}\n\n\n.sp6-cta \u003e p:not(.sp6-cta-small){\n  max-width:500px;\n\n  margin:\n    15px auto 22px !important;\n\n  color:#DCE3DE !important;\n\n  font-size:15px !important;\n  line-height:1.7 !important;\n  font-weight:500 !important;\n}\n\n\n.sp6-cta-button{\n  position:relative;\n\n  z-index:2;\n\n  min-height:56px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  gap:9px;\n\n  padding:0 22px;\n\n  border-radius:999px;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--sp6-gold),\n      var(--sp6-gold-2)\n    );\n\n  color:#082C29;\n\n  box-shadow:\n    0 9px 24px\n    rgba(184,123,37,.24);\n\n  font-size:14px;\n  line-height:1.2;\n  font-weight:900;\n\n  letter-spacing:.04em;\n}\n\n\n.sp6-arrow{\n  width:20px;\n  height:20px;\n\n  display:block;\n\n  color:#082C29;\n\n  animation:\n    sp6CtaArrow\n    1.25s\n    ease-in-out\n    infinite;\n}\n\n\n@keyframes sp6CtaBag{\n\n  0%,\n  100%{\n    transform:\n      translateY(0)\n      rotate(0);\n  }\n\n  50%{\n    transform:\n      translateY(-4px)\n      rotate(-4deg);\n  }\n\n}\n\n\n@keyframes sp6CtaArrow{\n\n  0%,\n  100%{\n    transform:translateY(0);\n  }\n\n  50%{\n    transform:translateY(-4px);\n  }\n\n}\n\n\n@keyframes sp6CtaShine{\n\n  0%,\n  70%{\n    left:-130%;\n  }\n\n  100%{\n    left:150%;\n  }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media(max-width:600px){\n\n  .sp6-body{\n    max-width:100%;\n  }\n\n\n  .sp6-section{\n    padding:\n      46px 18px;\n  }\n\n\n  .sp6-title{\n    font-size:40px;\n  }\n\n\n  .sp6-h2{\n    font-size:34px;\n  }\n\n\n  .sp6-copy h2{\n    font-size:33px;\n  }\n\n\n  .sp6-text,\n  .sp6-copy \u003e p{\n    font-size:15px;\n  }\n\n\n  .sp6-faq{\n    padding:\n      46px 18px;\n  }\n\n\n  .sp6-cta{\n    margin:\n      14px 18px 24px;\n\n    padding:\n      32px 18px 22px;\n  }\n\n\n  .sp6-cta-small{\n    font-size:12px !important;\n  }\n\n\n  .sp6-cta h2{\n    font-size:32px !important;\n  }\n\n\n  .sp6-cta \u003e p:not(.sp6-cta-small){\n    font-size:14px !important;\n  }\n\n\n  .sp6-cta-button{\n    min-height:54px;\n\n    font-size:13px;\n  }\n\n}\n\n\n@media(max-width:380px){\n\n  .sp6-title{\n    font-size:37px;\n  }\n\n\n  .sp6-h2{\n    font-size:31px;\n  }\n\n\n  .sp6-use-grid,\n  .sp6-discovery-grid,\n  .sp6-format-grid,\n  .sp6-quality-strip{\n    grid-template-columns:1fr;\n  }\n\n\n  .sp6-vs{\n    grid-template-columns:1fr;\n  }\n\n\n  .sp6-vs-center{\n    margin:auto;\n  }\n\n\n  .sp6-cta h2{\n    font-size:29px !important;\n  }\n\n}\n\n\n@media(prefers-reduced-motion:reduce){\n\n  .sp6-cta::after,\n  .sp6-cta-icon,\n  .sp6-arrow{\n    animation:none;\n  }\n\n}\n\n\u003c\/style\u003e\n\u003cdiv class=\"sp6-body\"\u003e\n\u003c!-- =========================================================\nHERO\nIMAGE 01\n图片代码沿用原 BODY\n========================================================= --\u003e\n\u003cdiv class=\"sp6-hero\"\u003e\n\u003cdiv class=\"sp6-image\" style=\"text-align: start;\"\u003e\n\u003cdiv class=\"sp6-hero-badge\"\u003e\n\u003cspan class=\"sp6-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n          \u003cpath d=\"M3 5c4-2 7-1 9 1v15c-2-2-5-3-9-1V5z\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M21 5c-4-2-7-1-9 1v15c2-2 5-3 9-1V5z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e \u003c\/span\u003e BIBLICAL \u0026amp; WORLD HISTORY\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-rating\"\u003e\u003cspan class=\"sp6-stars\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0999\/3555\/1800\/files\/ChatGPTImage2026_8_28_16_20_54_1.png?v=1787905761\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"sp6-rating\"\u003e\n\u003cspan class=\"sp6-stars\"\u003e★★★★★ \u003c\/span\u003e \u003cspan\u003e See thousands of years in one connected view \u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"sp6-title\"\u003eThe Great History Timeline \u003cspan\u003e See 6,000 Years Side by Side \u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"sp6-hero-text\"\u003eStop viewing history as isolated names and dates. This extraordinary fold-out chart places biblical chronology and world history on one continuous visual timeline. \u003cstrong\u003e See what happened, when it happened and what was happening elsewhere at the same time. \u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"sp6-hero-points\"\u003e\n\u003cdiv class=\"sp6-hero-point\"\u003e\n\u003cspan class=\"sp6-check\"\u003e \u003cspan class=\"sp6-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"m3 6 5-3 8 3 5-3v15l-5 3-8-3-5 3V6z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M8 3v15\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M16 6v15\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e \u003c\/span\u003e \u003c\/span\u003e Unfolds into an impressive 23-foot visual journey through history\u003c\/div\u003e\n\u003cdiv class=\"sp6-hero-point\"\u003e\n\u003cspan class=\"sp6-check\"\u003e \u003cspan class=\"sp6-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"m12 3 9 5-9 5-9-5 9-5z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"m3 12 9 5 9-5\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"m3 16 9 5 9-5\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e \u003c\/span\u003e \u003c\/span\u003e Compare biblical events with kingdoms and civilizations in parallel\u003c\/div\u003e\n\u003cdiv class=\"sp6-hero-point\"\u003e\n\u003cspan class=\"sp6-check\"\u003e \u003cspan class=\"sp6-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"m2 10 10-5 10 5-10 5L2 10z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M6 12.5V17c3 2 9 2 12 0v-4.5\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e \u003c\/span\u003e \u003c\/span\u003e A powerful visual resource for study, teaching, reference and display\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\nQUICK PROOF\n========================================================= --\u003e\n\u003cdiv class=\"sp6-proof\"\u003e\n\u003cdiv class=\"sp6-proof-grid\"\u003e\n\u003cdiv class=\"sp6-proof-item\"\u003e\n\u003cstrong\u003e 6,000 \u003c\/strong\u003e \u003cspan\u003e Years of History \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-proof-item\"\u003e\n\u003cstrong\u003e 23 FT \u003c\/strong\u003e \u003cspan\u003e Fully Extended \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-proof-item\"\u003e\n\u003cstrong\u003e 21 \u003c\/strong\u003e \u003cspan\u003e Fold-Out Panels \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\nIMAGE 02\nLEARN \/ TEACH \/ DISPLAY\n图片代码沿用原 BODY\n========================================================= --\u003e\n\u003cdiv class=\"sp6-section sp6-use-section\"\u003e\n\u003cdiv class=\"sp6-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0999\/3555\/1800\/files\/ChatGPT_Image_2026_8_28_16_20_54_2.png?v=1787905789\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sp6-copy\"\u003e\n\u003cp class=\"sp6-eyebrow\"\u003eA Resource You Will Actually Use\u003c\/p\u003e\n\u003ch2\u003eLearn It. \u003cspan\u003e Teach It. Display It. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe visual format makes history easier to explore together. Spread it across a table for study, use selected panels during lessons, or open a wider section when you want to see how events connect.\u003c\/p\u003e\n\u003cdiv class=\"sp6-use-grid\"\u003e\n\u003cdiv class=\"sp6-use-card\"\u003e\n\u003cdiv class=\"sp6-use-icon\"\u003e\u003cspan class=\"sp6-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cpath d=\"m3 11 9-8 9 8\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M5 10v10h14V10\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M9 20v-6h6v6\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cstrong\u003e Homeschool \u003c\/strong\u003e \u003cspan\u003e Give lessons a visual chronological framework. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-use-card\"\u003e\n\u003cdiv class=\"sp6-use-icon\"\u003e\u003cspan class=\"sp6-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cpath d=\"M3 5c4-2 7-1 9 1v15c-2-2-5-3-9-1V5z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M21 5c-4-2-7-1-9 1v15c2-2 5-3 9-1V5z\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cstrong\u003e Bible Study \u003c\/strong\u003e \u003cspan\u003e Put biblical chronology into wider historical context. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-use-card\"\u003e\n\u003cdiv class=\"sp6-use-icon\"\u003e\u003cspan class=\"sp6-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cpath d=\"M3 10h18\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M5 10v10\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M9 10v10\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M15 10v10\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M19 10v10\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M2 20h20\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"m12 3 9 5H3l9-5z\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cstrong\u003e Display \u003c\/strong\u003e \u003cspan\u003e Turn history into a conversation-starting visual. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\nIMAGE 03\nCORE PRODUCT DIFFERENCE\n图片代码沿用原 BODY\n========================================================= --\u003e\n\u003cdiv class=\"sp6-section sp6-side-section\"\u003e\n\u003cdiv class=\"sp6-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0999\/3555\/1800\/files\/ChatGPT_Image_2026_8_28_16_20_55_3.png?v=1787905790\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sp6-copy\"\u003e\n\u003cp class=\"sp6-eyebrow\"\u003eThe Difference Is Context\u003c\/p\u003e\n\u003ch2\u003eSee What Was Happening \u003cspan\u003e at the Same Time \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eA date tells you when something happened. A synchronological timeline helps show what else was happening around the world during that same period.\u003c\/p\u003e\n\u003cdiv class=\"sp6-vs\"\u003e\n\u003cdiv class=\"sp6-vs-card\"\u003e\n\u003cstrong\u003e Biblical History \u003c\/strong\u003e \u003cspan\u003e People, events and eras \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-vs-center\"\u003e+\u003c\/div\u003e\n\u003cdiv class=\"sp6-vs-card\"\u003e\n\u003cstrong\u003e World History \u003c\/strong\u003e \u003cspan\u003e Kingdoms and civilizations \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-big-message\"\u003e\n\u003cstrong\u003e One timeline turns separate stories into connected history. \u003c\/strong\u003e \u003cspan\u003e Compare events horizontally through time and vertically across cultures, regions and historical traditions. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\nIMAGE 04\nDETAIL \u0026 DISCOVERY\n图片代码沿用原 BODY\n========================================================= --\u003e\n\u003cdiv class=\"sp6-section sp6-discovery\"\u003e\n\u003cdiv class=\"sp6-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0999\/3555\/1800\/files\/ChatGPT_Image_2026_8_28_16_20_55_4.png?v=1787905790\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sp6-copy\"\u003e\n\u003cp class=\"sp6-eyebrow\"\u003eLook Closer\u003c\/p\u003e\n\u003ch2\u003eEvery Section Gives You \u003cspan\u003e Something New to Explore \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe timeline is built for repeated discovery. The more closely you look, the more relationships begin to appear between people, events, nations, geography and historical developments.\u003c\/p\u003e\n\u003cdiv class=\"sp6-discovery-grid\"\u003e\n\u003cdiv class=\"sp6-discovery-card\"\u003e\n\u003cdiv class=\"sp6-discovery-icon\"\u003e\u003cspan class=\"sp6-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003ccircle cx=\"9\" cy=\"8\" r=\"3\"\u003e\u003c\/circle\u003e\n              \u003ccircle cx=\"17\" cy=\"10\" r=\"2\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"M3 20c0-4 2.5-6 6-6s6 2 6 6\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M15 15c3 0 5 1.5 5 4\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cstrong\u003e People \u003c\/strong\u003e \u003cspan\u003e Place major historical figures within their wider era. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-discovery-card\"\u003e\n\u003cdiv class=\"sp6-discovery-icon\"\u003e\u003cspan class=\"sp6-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cpath d=\"M5 21V4\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M5 5h11l-2 4 2 4H5\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cstrong\u003e Events \u003c\/strong\u003e \u003cspan\u003e See major turning points within continuous chronology. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-discovery-card\"\u003e\n\u003cdiv class=\"sp6-discovery-icon\"\u003e\u003cspan class=\"sp6-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"M3 12h18\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M12 3c3 3 4 6 4 9s-1 6-4 9\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M12 3c-3 3-4 6-4 9s1 6 4 9\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cstrong\u003e Maps \u003c\/strong\u003e \u003cspan\u003e Add geographic context to the story of history. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-discovery-card\"\u003e\n\u003cdiv class=\"sp6-discovery-icon\"\u003e\u003cspan class=\"sp6-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cpath d=\"M9 18h6\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M10 22h4\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M8 14c-1.3-1.1-2-2.8-2-4.5A6 6 0 0 1 18 9.5c0 1.7-.7 3.4-2 4.5-1 .8-1 1.5-1 2H9c0-.5 0-1.2-1-2z\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cstrong\u003e Ideas \u0026amp; Inventions \u003c\/strong\u003e \u003cspan\u003e See developments alongside the events surrounding them. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\nIMAGE 05\nTHE BIG PICTURE\n图片代码沿用原 BODY\n========================================================= --\u003e\n\u003cdiv class=\"sp6-section sp6-picture\"\u003e\n\u003cdiv class=\"sp6-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0999\/3555\/1800\/files\/ChatGPT_Image_2026_8_28_16_20_56_5.png?v=1787905790\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sp6-copy\"\u003e\n\u003cdiv class=\"sp6-pill\"\u003eONE VIEW · MORE CONNECTIONS\u003c\/div\u003e\n\u003ch2\u003eHistory Becomes Easier \u003cspan\u003e When You Can See the Big Picture \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eInstead of remembering isolated facts, use position and sequence to understand what came before, what came after and what happened elsewhere.\u003c\/p\u003e\n\u003cdiv class=\"sp6-benefit-list\"\u003e\n\u003cdiv class=\"sp6-benefit\"\u003e\n\u003cdiv class=\"sp6-benefit-icon\"\u003e\u003cspan class=\"sp6-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cpath d=\"m12 3 9 5-9 5-9-5 9-5z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"m3 12 9 5 9-5\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Compare History in Parallel \u003c\/strong\u003e \u003cspan\u003e Follow the same time period across multiple historical threads. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-benefit\"\u003e\n\u003cdiv class=\"sp6-benefit-icon\"\u003e\u003cspan class=\"sp6-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003ccircle cx=\"10.5\" cy=\"10.5\" r=\"6.5\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"m16 16 5 5\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Spot Connections Faster \u003c\/strong\u003e \u003cspan\u003e Visual relationships can be easier to recognize than dates buried in separate chapters. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-benefit\"\u003e\n\u003cdiv class=\"sp6-benefit-icon\"\u003e\u003cspan class=\"sp6-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cpath d=\"M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6S2 12 2 12z\"\u003e\u003c\/path\u003e\n              \u003ccircle cx=\"12\" cy=\"12\" r=\"2.5\"\u003e\u003c\/circle\u003e\n            \u003c\/svg\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Give Dates Meaning \u003c\/strong\u003e \u003cspan\u003e Chronology becomes more useful when you understand the context around it. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\nIMAGE 06\n23 FOOT FORMAT\n图片代码沿用原 BODY\n========================================================= --\u003e\n\u003cdiv class=\"sp6-section sp6-format-section\"\u003e\n\u003cdiv class=\"sp6-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0999\/3555\/1800\/files\/ChatGPT_Image_2026_8_28_16_20_56_6.png?v=1787905787\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sp6-format-head\"\u003e\n\u003cp class=\"sp6-eyebrow\"\u003eCompact to Store · Extraordinary When Open\u003c\/p\u003e\n\u003cp class=\"sp6-format-number\"\u003e23 FT \u003cspan\u003e FULLY EXTENDED TIMELINE \u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"sp6-format-text\"\u003eOpen a few panels for focused study or extend the chart further when you want to experience the scale of the complete historical story.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-format-grid\"\u003e\n\u003cdiv class=\"sp6-format-card\"\u003e\n\u003cstrong\u003e 21 Panels \u003c\/strong\u003e \u003cspan\u003e Organized fold-out sections create one continuous timeline. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-format-card\"\u003e\n\u003cstrong\u003e Hardcover \u003c\/strong\u003e \u003cspan\u003e Book-style outer format protects the chart when stored. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-format-card\"\u003e\n\u003cstrong\u003e 12pt Matte \u003c\/strong\u003e \u003cspan\u003e Heavy-duty paper construction highlighted in the product presentation. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-format-card\"\u003e\n\u003cstrong\u003e View Your Way \u003c\/strong\u003e \u003cspan\u003e Study selected panels or reveal a much broader chronological view. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\nIMAGE 07\nQUALITY + GIFT VALUE\n图片代码沿用原 BODY\n========================================================= --\u003e\n\u003cdiv class=\"sp6-section sp6-gift-section\"\u003e\n\u003cdiv class=\"sp6-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0999\/3555\/1800\/files\/ChatGPT_Image_2026_8_28_16_20_57_7.png?v=1787905787\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"sp6-copy\"\u003e\n\u003cp class=\"sp6-eyebrow\"\u003eDesigned to Be Kept\u003c\/p\u003e\n\u003ch2\u003eMore Than a Timeline. \u003cspan\u003e A Resource Worth Returning To. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe combination of hardcover presentation, large illustrated format and educational value makes this feel less like a disposable chart and more like a reference piece that belongs in a home, study or learning space.\u003c\/p\u003e\n\u003cdiv class=\"sp6-quality-strip\"\u003e\n\u003cdiv class=\"sp6-quality\"\u003e\n\u003cspan class=\"sp6-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M12 3 4 6v6c0 5 3.3 8 8 10 4.7-2 8-5 8-10V6l-8-3z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e \u003c\/span\u003e \u003cstrong\u003e Protective Hardcover \u003c\/strong\u003e \u003cspan\u003e Made to protect the fold-out chart between uses. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-quality\"\u003e\n\u003cspan class=\"sp6-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M4 4h16v16H4z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M8 8h8\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M8 12h8\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M8 16h5\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e \u003c\/span\u003e \u003cstrong\u003e Detailed Matte Chart \u003c\/strong\u003e \u003cspan\u003e Built for reading, reference and visual exploration. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-quality\"\u003e\n\u003cspan class=\"sp6-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"m2 10 10-5 10 5-10 5L2 10z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M6 12.5V17c3 2 9 2 12 0v-4.5\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e \u003c\/span\u003e \u003cstrong\u003e Educational Value \u003c\/strong\u003e \u003cspan\u003e Useful for learners, educators and curious history readers. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-quality\"\u003e\n\u003cspan class=\"sp6-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003crect x=\"3\" y=\"9\" width=\"18\" height=\"12\" rx=\"2\"\u003e\u003c\/rect\u003e\n            \u003cpath d=\"M12 9v12\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M3 13h18\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M12 9H7.5A2.5 2.5 0 1 1 10 6.5L12 9z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M12 9h4.5A2.5 2.5 0 1 0 14 6.5L12 9z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e \u003c\/span\u003e \u003cstrong\u003e Meaningful Gift \u003c\/strong\u003e \u003cspan\u003e A distinctive choice for history and biblical-study enthusiasts. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp6-gift-message\"\u003e\n\u003cdiv class=\"sp6-icon-wrap\"\u003e\u003cspan class=\"sp6-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M3 5c4-2 7-1 9 1v15c-2-2-5-3-9-1V5z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M21 5c-4-2-7-1-9 1v15c2-2 5-3 9-1V5z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e \u003c\/span\u003e\u003c\/div\u003e\n\u003cstrong\u003e Open it once and you may spend hours exploring it. \u003c\/strong\u003e \u003cspan\u003e The scale draws you in. The detail gives you reasons to return. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\nFAQ\n========================================================= --\u003e\n\u003cdiv class=\"sp6-faq\"\u003e\n\u003cdiv class=\"sp6-faq-head\"\u003e\n\u003cp class=\"sp6-eyebrow\"\u003eQuick Answers\u003c\/p\u003e\n\u003ch2 class=\"sp6-h2\"\u003eQ\u0026amp;A\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhat makes this different from a regular history book?\u003c\/summary\u003e\n\u003cdiv class=\"sp6-answer\"\u003eA conventional history book usually presents subjects chapter by chapter. This product uses a continuous visual timeline, allowing you to compare multiple historical threads across the same chronological periods.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eDoes it show biblical history alongside world history?\u003c\/summary\u003e\n\u003cdiv class=\"sp6-answer\"\u003eYes. The central concept is a side-by-side presentation of biblical chronology with wider world events, kingdoms, civilizations and historical developments.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow long is the timeline when fully opened?\u003c\/summary\u003e\n\u003cdiv class=\"sp6-answer\"\u003eThe supplied product presentation describes the fully extended chart as approximately 23 feet long.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eDo I need 23 feet of space every time I use it?\u003c\/summary\u003e\n\u003cdiv class=\"sp6-answer\"\u003eNo. The accordion-style fold-out design lets you open selected panels for focused study without extending the entire chart at once.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWho is this most useful for?\u003c\/summary\u003e\n\u003cdiv class=\"sp6-answer\"\u003eIt can be especially useful for homeschool study, Bible study, history enthusiasts, educators and anyone who learns better from visual chronological references.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCan I use it for teaching or display?\u003c\/summary\u003e\n\u003cdiv class=\"sp6-answer\"\u003eYes. Its visual format makes it suitable for tabletop study, lessons, group discussion and temporary educational display when space allows.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\nTRUST\n========================================================= --\u003e\n\u003cdiv class=\"sp6-trust\"\u003e\n\u003cp class=\"sp6-trust-title\"\u003e🔒 Guaranteed Safe \u0026amp; Secure Checkout\u003c\/p\u003e\n\u003cdiv class=\"sp6-pay-row\"\u003e\n\u003cspan class=\"sp6-pay\"\u003e \u003cspan style=\"color: #003087;\"\u003e Pay \u003c\/span\u003e \u003cspan style=\"color: #0079c1;\"\u003e Pal \u003c\/span\u003e \u003c\/span\u003e \u003cspan class=\"sp6-pay\" style=\"background: #174ea6; color: #fff; border-color: #174ea6;\"\u003e VISA \u003c\/span\u003e \u003cspan class=\"sp6-pay\" style=\"background: #111; color: #fff; border-color: #111;\"\u003e Mastercard \u003c\/span\u003e \u003cspan class=\"sp6-pay\" style=\"background: #000; color: #fff; border-color: #000;\"\u003e Apple Pay \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"sp6-trust-note\"\u003eNeed help with your order? Contact the store support team for assistance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================================\nCTA\nFor Shopify Custom Liquid \/ Dawn-style themes:\nMainProduct-{{ section.id }} normally points to the\nmain product purchase section.\n\nIf your theme uses another ID, replace ONLY the href.\n========================================================= --\u003e\u003ca class=\"sp6-cta\" href=\"#MainProduct-{{%20section.id%20}}\"\u003e\n\u003cdiv class=\"sp6-cta-icon sp6-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n      \u003cpath d=\"M6 8h12l-1 12H7L6 8z\"\u003e\u003c\/path\u003e\n\n      \u003cpath d=\"M9 9V6a3 3 0 0 1 6 0v3\"\u003e\u003c\/path\u003e\n\n      \u003cpath d=\"M12 12v4\"\u003e\u003c\/path\u003e\n\n      \u003cpath d=\"M10 14l2 2 2-2\"\u003e\u003c\/path\u003e\n\n    \u003c\/svg\u003e\u003c\/div\u003e\n\u003cp class=\"sp6-cta-small\"\u003eSee History in Context\u003c\/p\u003e\n\u003ch2\u003eOne Timeline.\u003cbr\u003e6,000 Years of Connections.\u003c\/h2\u003e\n\u003cp\u003eExplore biblical chronology and world history side by side in a dramatic 23-foot fold-out timeline created for study, teaching, discovery and display.\u003c\/p\u003e\n\u003cdiv class=\"sp6-cta-button\"\u003e\n\u003cspan\u003e BACK TO BUY NOW \u003c\/span\u003e \u003cspan class=\"sp6-arrow sp6-icon\"\u003e \u003csvg viewbox=\"0 0 24 24\" preserveaspectratio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n        \u003cpath d=\"M12 19V5\"\u003e\u003c\/path\u003e\n\n        \u003cpath d=\"m7 10 5-5 5 5\"\u003e\u003c\/path\u003e\n\n      \u003c\/svg\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\n\u003c\/div\u003e","brand":"Amo","offers":[{"title":"Default Title","offer_id":52866270331192,"sku":"NC02112609014963-时间表","price":34.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0999\/3555\/1800\/files\/ChatGPTImage2026_8_28_16_20_54_1.png?v=1787905761","url":"https:\/\/reemoreemoo.com\/fr\/products\/the-great-history-timeline-6-000-years-of-biblical-world-history-side-by-side","provider":"reemoreemoo","version":"1.0","type":"link"}