How do I add anchor links to sections in 7.1?!

Site URL: https://www.cronancreagh.com/portfolio

Hello!

Very new to coding and struggling to achieve the following:

1. Add a back-to-top and a back-to-bottom anchor link(s).
2. Create a vertical text and link it to my bio section near the bottom of the page. 
3. Remove the link's underline from the text "bio".
4. Keep all the elements fixed while scrolling and aligned to the right. 

I have the image urls for both arrows and an ID finder extension. I have also added a link to the site and a reference image of what I am trying to archive.

When I get one thing right the other just stop working....

Current Code:

Code block at the top: 

<a href=“#page” class="fixed-img"><img src="https://img.icons8.com/small/32/000000/up.png" id="back-to-top"</a>

Code block at the bottom: 

<a href=“#page” class="fixed-img"><img src="https://img.icons8.com/small/32/000000/down.png" id="back-to-bottom"</a>

CSS:

#back-to-top{
position:fixed!important; 
top:85%!important;
right:10px!important;
z-index:1!important
}
html{
  scroll-behavior:smooth;
}

#back-to-bottom{
position:fixed!important; top:15%!important;
right:10px!important;
z-index:1!important
}
html{
  scroll-behavior:smooth;
}

TIA!