Earnings Hut

Thrive Craze

.project-status-title::after{
  content:''; 
  display:block; 
  width:100px; 
  height:3px; 
  background: linear-gradient(90deg,#2ecc71,#3b6cff,#ff4d4d,#ff9900); 
  margin:10px auto 0; 
  border-radius:2px; 
  animation: slide 2s infinite;
}

@keyframes slide{
  0%{transform: translateX(-100%);}
  50%{transform: translateX(0);}
  100%{transform: translateX(100%);}
}

/* ---------- Status Boxes ---------- */
.project-status-wrapper{
  max-width:750px;
  margin:30px auto;
  font-family:Arial, sans-serif;
}

.project-status-row{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.status-card{
  flex:1;
  min-width:150px;
  text-align:center;
  padding:18px 12px;
  border-radius:12px;
  background:#ffffff;
  border:2px solid #e6e6e6;
  transition: all 0.3s ease;
}

.status-card:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 18px rgba(0,0,0,0.12);
}

.status-name{
  font-size:18px;
  font-weight:700;
  margin-bottom:6px;
}

.status-label{
  font-size:13px;
  color:#666;
}

.running{border-color:#2ecc71;}
.paying{border-color:#3b6cff;}
.risk{border-color:#ff9900;}

/* ---------- Active Highlight ---------- */
.active{
  border-width:4px;
  box-shadow: 0 0 20px rgba(0,0,0,0.4);
  animation: pulse 2s infinite;
}

.running.active{border-color:#2ecc71; background: #e6ffe6;}
.paying.active{border-color:#3b6cff; background: #e6ecff;}
.risk.active{border-color:#ff4d4d; background: #ffe6e6;}

@keyframes pulse{
  0%{box-shadow:0 0 10px rgba(0,0,0,0.2);}
  50%{box-shadow:0 0 20px rgba(0,0,0,0.4);}
  100%{box-shadow:0 0 10px rgba(0,0,0,0.2);}
}

.current{
  display:inline-block;
  margin-top:8px;
  padding:4px 12px;
  font-size:13px;
  background:#2ecc71;
  color:#000;
  border-radius:6px;
  font-weight:600;
}

/* ---------- Closed Box ---------- */
.closed{
  position:relative;
  flex:1;
  width:100%;
  max-width:750px; /* Desktop/post width */
  margin:0 auto;
  border-radius:16px;
  background:#000;
  color:#fff;
  padding:24px 20px;
  text-align:center;
  box-sizing:border-box;
}

.closed .closed-word{
  display:inline-block;
  font-size:28px;
  font-weight:800;
  color:#ffd700;
  padding:12px 20px;
  border-radius:50%;
  border:3px solid #ffd700;
  margin-bottom:12px;
}

.closed .cut-symbols{
  color:#fff;
  font-size:18px;
  margin:8px 0;
}

.closed .closed-text-line{
  font-size:18px;
  margin:6px 0;
  color:#f0f0f0;
  font-weight:600;
}

.closed .closed-text-line.big{
  font-size:22px;
  font-weight:800;
  color:#FFD700;  /* Yellow color */
  text-transform: uppercase;
  margin-bottom:12px;
}

.closed .closed-text-line.big a{
  color:#FFD700;  /* Yellow link color */
  text-decoration:none;
}

.closed .hr-line{
  border:none;
  height:2px;
  background: linear-gradient(90deg,#2ecc71,#3b6cff,#ff4d4d,#ff9900);
  margin-top:12px;
}

/* ---------- Responsive ---------- */
@media (max-width:768px){
  .project-status-wrapper{
    max-width:95%;
  }
  .closed{
    padding:20px 15px;
  }
}
</style>

<div class="project-status-wrapper">
  <div class="project-status-title">Thrive Craze Project Status</div>
  <div id="project-status-container" class="project-status-row"></div>
</div>

const container = document.getElementById("project-status-container");
container.innerHTML = "";

if(stage.includes("closed")){
  container.innerHTML = `
    <div class="status-card closed">
      <div class="closed-word">Closed</div>
      <div class="cut-symbols">—✦—✦—</div>
      <div class="closed-text-line">This project has been closed</div>
      <div class="closed-text-line big">
        Find more projects on <a href="https://earningshut.com" target="_blank">homepage</a>
      </div>
      <div class="hr-line"></div>
    </div>
  `;
} else {
  container.innerHTML = `
    <div class="status-card running ${stage.includes("running") ? "active" : ""}">
      <div class="status-name">Running</div>
      <div class="status-label">Status</div>
      ${stage.includes("running") ? '<div class="current">Current ✔</div>' : ""}
    </div>

<div class="status-card paying ${stage.includes("paying") ? "active" : ""}">
      <div class="status-name">Paying</div>
      <div class="status-label">Status</div>
      ${stage.includes("paying") ? '<div class="current">Current ✔</div>' : ""}
    </div>

<h2 style="color: #0a66c2; font-family: "Segoe UI", sans-serif; font-size: 26px; font-weight: bold; text-align: center;">
ThriveCraze – Empowering Your Journey Towards Financial Freedom
</h2>

<p style="color: #333333; font-family: "Segoe UI", sans-serif; font-size: 15px; line-height: 1.9; text-align: justify;">
In today’s rapidly evolving digital economy, platforms like 
<b>
<a href="https://www.thrivecraze.com/index.html" style="color: #cc0000; text-decoration: none;" target="_blank">
ThriveCraze
</a>
</b> 
are transforming the way individuals approach 
<a href="#" style="color: #0a66c2; font-weight: bold; text-decoration: none;" target="_blank">
online trading opportunities
</a>, 
<a href="#" style="color: #0a66c2; font-weight: bold; text-decoration: none;" target="_blank">
financial growth strategies
</a> 
and 
<a href="#" style="color: #0a66c2; font-weight: bold; text-decoration: none;" target="_blank">
passive income solutions
</a>. As a modern financial education and trading platform, it provides users with access to professional 
<a href="#" style="color: #0a66c2; font-weight: bold; text-decoration: none;" target="_blank">
forex trading education
</a>, 
<a href="#" style="color: #0a66c2; font-weight: bold; text-decoration: none;" target="_blank">
market analysis tools
</a> 
and learning resources designed to enhance trading skills in global financial markets.
</p>

<p style="color: #333333; font-family: "Segoe UI", sans-serif; font-size: 15px; line-height: 1.9; text-align: justify;">
Whether you are a beginner exploring the world of 
<a href="#" style="color: #0a66c2; font-weight: bold; text-decoration: none;" target="_blank">
smart investment planning
</a> 
or an experienced investor seeking 
<a href="#" style="color: #0a66c2; font-weight: bold; text-decoration: none;" target="_blank">
advanced trading knowledge
</a>, 
<b>
<a href="https://www.thrivecraze.com/index.html" style="color: #cc0000; text-decoration: none;" target="_blank">
ThriveCraze
</a>
</b> 
offers a supportive ecosystem that focuses on 
<a href="#" style="color: #0a66c2; font-weight: bold; text-decoration: none;" target="_blank">
financial empowerment
</a>, 
<a href="#" style="color: #0a66c2; font-weight: bold; text-decoration: none;" target="_blank">
risk management techniques
</a> 
and 
<a href="#" style="color: #0a66c2; font-weight: bold; text-decoration: none;" target="_blank">
long-term income building
</a>.
</p>

<p style="color: #333333; font-family: "Segoe UI", sans-serif; font-size: 15px; line-height: 1.9; text-align: justify;">
By combining innovative 
<a href="#" style="color: #0a66c2; font-weight: bold; text-decoration: none;" target="_blank">
digital trading solutions
</a> 
with expert guidance, 
<b>
<a href="https://www.thrivecraze.com/index.html" style="color: #cc0000; text-decoration: none;" target="_blank">
ThriveCraze
</a>
</b> 
is helping users worldwide unlock the potential of 
<a href="#" style="color: #0a66c2; font-weight: bold; text-decoration: none;" target="_blank">
online earning platforms
</a> 
and build consistent 
<a href="#" style="color: #0a66c2; font-weight: bold; text-decoration: none;" target="_blank">
weekly residual income
</a> 
streams through structured learning and real-time trading opportunities.
</p><div class="separator" style="clear: both; text-align: center;"><a href="https://www.earningshut.com/2026/02/thrive-craze.html" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="42" data-original-width="158" height="106" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ6IxIb3tWx2_K0AhmG-lFeGoibKDE_wQo1nd4dk8RkaeqNmoX4ClHSYXdYP9vpjFn7BV5elKT5m26QJRbFEPyBUMUo-sxUrVn45dxsMEl-y-v1P8LPd3aSLDvN_GIzdW8vJSPMSAqs04Qh5HO1IV5BKDqfUI5_u8nI7c9ZOFDKbW5dW2VfQXTgc5vk7Q/w400-h106-rw/logo.png" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://www.earningshut.com/2026/02/thrive-craze.html" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="402" data-original-width="643" height="400" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDmf9iMQDLlTGDw3OFrRlALJxKgADPsjpGQB39Ul0grld1l0zJn3iYRRt-aCY1zrkOE46i73PeFhX7PPNfOM4y0FX_KU4hKM1oICUwOEGd1HSr52BNE2ldvZxp9Y5J9Xm3_bFhGnVsqZOEjslpKY_j77-e7JI9i5_ziv8f7fJh-w61AFezSUZJ_CH-DXQ/w640-h400-rw/Screenshot%202026-02-23%20232613.png" width="640" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://www.earningshut.com/2026/02/thrive-craze.html" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" data-original-height="401" data-original-width="647" height="397" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzuH89OVdzmMackIYy7NYBppNRS-Z20zstFA0CVvwFvyrEcX25xsBlXLo3-9wag_ph7NYlkpXmDdrgRZ87MN-SzsL8NTAkJtAaC42LKFklSqfP0vnWgWqnbPMRh68pRZa9uNraDjH4Tbvn2csB1tA4GzIDvRWZLmCbDDMt8NIPLHXAxTRSPbGGyPJo_mw/w640-h397-rw/Screenshot%202026-02-23%20232642.png" width="640" /></a></div>

Thrive Craze

Thrive Craze Project Status ThriveCraze – Empowering Your Journey Towards Financial Freedom In today’s rapidly evolving d...

Hexax