My site isn’t referencing the external style sheet. If I do the styling in the index.html file, it works.
I am able to load the site in Chrome as a local file and it references all the styles and other pages just fine.
The code is short and sweet. I’m stumped on this. (For this post, I had to remove the front < b/c it wouldn’t display the HTML code otherwise.)
!DOCTYPE html>
html lang=“en”>
head>
meta charset=“utf-8”>
title>MC Professional Biography
link href=“css/landingpage.css” rel=“stylesheet” type=“text/css” media=“screen”>
/head>
body>
div class=“aboutbutton”> About Me
/body>
/html>
body {
background-image: URL(’…/images/mcstandingprofile.jpg’);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-color: #464646;
}
.aboutbutton a:link,
.aboutbutton a:visited {
color: white;
}
.aboutbutton {
position: absolute;
left: 50%;
Top: 70%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
font-size: 300%;
color: black;
background: transparent;
}