Linking 2 page question

[sehsarah]

So part A - creating a 2nd page in the same repo:

• instead of creating 2 repos you want to add everything into one repo (this one spheres, that already has the custom domain set up for it)

• keep your 2nd page HTML file named index.html not index2.html

• Put the 2nd page HTML file into a folder named 2

Then part B - linking to that 2nd page:

Here

• instead of linking to your site url you an link to page 2 like this /2 which says "in folder 2 find index.html" so this will now link to your page 2

• Put the a tag around the video (line 13 to line 21) instead of around text (delete line 25) because you want that video element to become your link, not have to add the text

[cate0611]

Not sure if I did the right thing as I have tried but is not working and now the video has shrunk down to 1/3 size, i have uploaded recent html to repo - spheres

[sehsarah]

I can't see a new folder named 2 here @cate0611

[cate0611]

This is what happens when I try add file 2[](url

)

[cate0611]

all sorted now there are now 2 files, I will follow the rest of your instructions and let you know if I have nay more issues. thanks so much

[sehsarah]

awesome @cate0611 will check back later today

[cate0611]

Still unable to connect the to pages together

[sehsarah]

That all looks right @cate0611 awesome work, but yeah not linking hmm so i will have to figure out what's happening - just on my phone right now so will check when at the laptop - in the meantime @ellysmlly can u spot what's happening?

[sehsarah]

Ok I can see what's happening, when you inspect element on your site, you can see that the a tag isn't around the correct element:

• it either needs to wrap around sp-video or sp-video-container

Maybe consciously check your tabbing and make sure your a tag is correctly wrapping around one of those divs

Let me know how you go @cate0611

[cate0611]

[cate0611]

I have tired both different variation and the both are not working? an other suggestions ?

[sehsarah]

What i've written above is def the answer @cate0611 so you don't need other suggestions you just need to form your a tag correctly around the div

---

As an example:

<a href="/2">
    <div class="sp-video">I'm a container with a link around it</div>
</a>

Notes about a tags:

1. An a tag has an href attribute which is the link url i.e. how the link knows where to take you
2. An a tag should wrap around the thing that you are making into a link, in this case around the video container

[cate0611]

Thank you for the late reply! I have tried what you have suggested above and that has not worked either, do you think it might not be working because I have my folders around the wrong way? the opening index is in folder two and my second index is in spheres? @sehsarah

[cate0611]