Day 7

Let's get back to that Social Media website we started a few days back. This time, let's add multiple pages and use some of that Javascript knowledge we've been learning.

Ask your Day 7 Questions on Parthean Community.

Directions

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

Starter Code [download]

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:

index.html

<!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>

Resources

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

Ask your Day 7 Questions on Parthean Community.

Want to show off your work? Post your results on Parthean Community.

PreviousToDo List Part 1 Tutorial NextDay 8

Last updated 5 years ago

hashtagSocial Media Site (Part 2)

hashtagDirections

hashtagStarter Code [downloadarrow-up-right]

hashtagResources

Social Media Site (Part 2)

Directions

Starter Code [download]

Resources