<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1717971429708/9031aab2-addd-4944-bf1f-ef4098b15c55.jpeg" alt />
Bienvenido,
Nuestra misión será crear una Página de Crowdfunding, usando HTML, CSS y JavaScript; y lograr que se parezca lo más posible al diseño.
Los usuarios deberían poder:
<ol>
<li>Ver un diseño óptimo en pantallas grandes(<code>1200px</code>) y pequeñas(<code>375px</code>).
</li>
<li>Ver ícono menú hamburguesa en dispositivos móviles.
</li>
<li>Seleccionar un servicio de crowdfunding.
</li>
<li>Ver una barra de progreso automático y el dinero total recaudado según el total del compromiso después de seleccionar un fondo.
</li>
<li>Ver cómo el número total de patrocinadores aumenta en uno después de confirmar un fondo.
</li>
<li>Cambiar si el producto está marcado o no como favorito.
</li>
</ol>
Consideraciones:
<ol>
<li>Agregar icono favicon al proyecto.
</li>
<li>Renombrar URL fácil de recordar (ej. crowdfunding-product-page).
</li>
<li>Agregar título al proyecto (ej. Crowdfunding Product Page - Frontend Club).
</li>
<li>Bonus: Documenta el proyecto con un archivo <a target="_blank" href="http://readme.md">readme.md</a>
</li>
</ol>
<h2 id="heading-recursos">Recursos</h2>
Lista de recursos para ayudarte a completar el reto.
<ol>
<li><a target="_blank" href="https://github.com/frontend-club/100daysofprojects">Clonar proyecto inicial</a>
</li>
<li><a target="_blank" href="https://www.frontendmentor.io/challenges/crowdfunding-product-page-7uvcZe7ZR">Visualizar diseño original</a>
</li>
</ol>
<h3 id="heading-referencias">Referencias</h3>
Nuestro agradecimiento a las fuentes que hacen posible los recursos y nos inspiran a seguir compartiendo conocimiento.
<ul>
<li><a target="_blank" href="https://www.w3schools.com/">W3Schools</a>
</li>
<li><a target="_blank" href="https://www.w3schools.com/">UI Desi</a><a target="_blank" href="https://www.uidesigndaily.com/">gn D</a><a target="_blank" href="https://www.w3schools.com/">aily</a>
</li>
<li><a target="_blank" href="https://www.w3schools.com/">F</a><a target="_blank" href="https://www.uidesigndaily.com/">rontend Me</a><a target="_blank" href="https://www.w3schools.com/">ntor</a>
</li>
</ul>
El diseño de este proyecto es propiedad de: <a target="_blank" href="https://www.frontendmentor.io/challenges/crowdfunding-product-page-7uvcZe7ZR">Frontend Mentor</a>
<hr />
<blockquote>
"La mejor manera de aprender a programar es practicando todos los días"
</blockquote>

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1717971429708/9031aab2-addd-4944-bf1f-ef4098b15c55.jpeg align="left")

Bienvenido,

Nuestra misión será crear una **Página de Crowdfunding**, usando HTML, CSS y JavaScript; y **lograr que se parezca lo más posible al diseño**.

**Los usuarios deberían poder:**

1. Ver un diseño óptimo en pantallas grandes(`1200px`) y pequeñas(`375px`).
    
2. Ver ícono menú hamburguesa en dispositivos móviles.
    
3. Seleccionar un servicio de crowdfunding.
    
4. Ver una barra de progreso automático y el dinero total recaudado según el total del compromiso después de seleccionar un fondo.
    
5. Ver cómo el número total de patrocinadores aumenta en uno después de confirmar un fondo.
    
6. Cambiar si el producto está marcado o no como favorito.
    

**Consideraciones:**

1. Agregar icono favicon al proyecto.
    
2. Renombrar URL fácil de recordar (ej. crowdfunding-product-page).
    
3. Agregar título al proyecto (ej. Crowdfunding Product Page - Frontend Club).
    
4. **Bonus**: Documenta el proyecto con un archivo [readme.md](http://readme.md)
    

## Recursos

Lista de recursos para ayudarte a completar el reto.

1. [Clonar proyecto inicial](https://github.com/frontend-club/100daysofprojects)
    
2. [Visualizar diseño original](https://www.frontendmentor.io/challenges/crowdfunding-product-page-7uvcZe7ZR)
    

### Referencias

Nuestro agradecimiento a las fuentes que hacen posible los recursos y nos inspiran a seguir compartiendo conocimiento.

* [W3Schools](https://www.w3schools.com/)
    
* [UI Desi](https://www.w3schools.com/)[gn D](https://www.uidesigndaily.com/)[aily](https://www.w3schools.com/)
    
* [F](https://www.w3schools.com/)[rontend Me](https://www.uidesigndaily.com/)[ntor](https://www.w3schools.com/)
    

El diseño de este proyecto es propiedad de: [Frontend Mentor](https://www.frontendmentor.io/challenges/crowdfunding-product-page-7uvcZe7ZR)

---

> *"La mejor manera de aprender a programar es practicando todos los días"*

Crea una página de crowdfunding con HTML, CSS y JavaScript, optimizada para diferentes dispositivos y con funcionalidades interactivas.

Crowdfunding Product Page - Frontend Club

PROY42: Crowdfunding Product Page

"La mejor manera de aprender a programar es practicando todos los días".
