# Day 7

## Social Media Site (Part 2)

{% embed url="<https://youtu.be/Kput4HS9vIs>" %}

{% hint style="info" %}
Ask your **Day 7 Questions**[ **on** **Parthean Community**](https://platform.parthean.com/Home?c=d5788cdc-759d-44f6-bf32-9745611be7f0\&v=a9313bc2-0129-4019-83df-26e039f5f751).
{% endhint %}

## Directions

Edit your starter code (see below) to create a social media site that looks and behaves like the video above.

### Starter Code \[[download](https://drive.google.com/open?id=1mIkDnP4kaCbA6uWcAZlO2nFntj6baNSe)]

Create a folder called `day_7` and create three files inside of it:

> `day_7`
>
> > `index.html`
> >
> > `styles.css`
> >
> > `index.js`

Now, copy this paste this code into them:

{% tabs %}
{% tab title="index.html" %}
{% code title="index.html" %}

```markup
<!DOCTYPE html>
<html>
    <head>
        <title>SAMStagram</title>

        <link href="styles.css" rel="stylesheet" type="text/css">
    </head>
    <body>
        
        <script
          src="https://code.jquery.com/jquery-3.4.1.min.js"
          integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
          crossorigin="anonymous"></script>
        <script src="index.js"></script>
    </body>
</html>

```

{% endcode %}
{% endtab %}

{% tab title="styles.css" %}
{% code title="styles.css" %}

```css
/* Your css code here */
```

{% endcode %}
{% endtab %}

{% tab title="index.js" %}
{% code title="index.js" %}

```javascript
// Your Code Here
```

{% endcode %}
{% endtab %}
{% endtabs %}

## Resources

No new videos or notes today. Just you, the internet, and our community at:

{% hint style="info" %}
Ask your **Day 7 Questions**[ **on** **Parthean Community**](https://platform.parthean.com/Home?c=d5788cdc-759d-44f6-bf32-9745611be7f0\&v=a9313bc2-0129-4019-83df-26e039f5f751).
{% endhint %}

{% hint style="success" %}
Want to show off your work? [Post your results on Parthean Community](https://platform.parthean.com).
{% endhint %}
