# #100DaysOfCode CSS Ribbon

Easy way to include #100DaysOfCode ribbon on to your projects.

![Imgur](https://i.imgur.com/oDkiZWY.png)

## How?

You don't have to install this package to use. Simply use free CDN services like [Unpkg](https://unpkg.com) or [JsDelivr](https://jsdelivr.com).

1. Include css into your HTML

```html
  <link rel="stylesheet" href="https://unpkg.com/hundred-days-of-code-css-ribbon@0.1.1/100-days-of-code-ribbon.css">
```

or

```html
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/hundred-days-of-code-css-ribbon@v0.1.1/100-days-of-code-ribbon.css">
```

2. Add the ribbon with class `hundred-days-of-code-ribbon`, change the link's href to your need, and change your day of the project in `data-day` attribute

```html
  <a class="hundred-days-of-code-ribbon" href="https://link-to-your.site" data-day="6"></a>
```