# Opportunity card

> The component `<b-opportunity-card>` is a opportunity card for display single opportunity.
>
**Example:**

```html
<div>
  <b-opportunity-card></b-opportunity-card>
</div>

<!-- b-opportunity-card.vue -->
```
## Placement

Control the placement of the navbar by setting one of two props:

| prop     | type    | default | description                                                                                                                              |
| -------- | ------- | ------- | ---------------------------------------------------------------------------------------------------------------------------------------- |
| `opportunity`  | Object  | `fack`  | Opportunity detail object. |
| `organization` | Object | `fack` | Organization Detail Object. |
| `constants` | Object | `false` | our website url Constants. |
| `opportunityCategory` | Object | `false` | opportunity sub category object. |

