sigle Crowd poject

{% assign product = product.selected_or_first_available_variant %}

<div class="project-details">
<h2 class="project-title">{{ product.title }}</h2>
<img src="{{ product.featured_image | img_url: 'large' }}" alt="{{ product.title }}" class="project-image">
<p class="project-description">{{ product.description }}</p>
<div class="project-progress">
<div class="progress-bar" style="width: {{ product.funded | divided_by: product.goal | times: 100 }}%"></div>
</div>
<p class="project-amount">Raised: {{ product.funded }} USD</p>
<a href="{{ product.url }}" class="project-button">Support</a>
</div>