Help! Stuck on Jumbotron Fonts


#1

Help! very new to coding and can't spot where I have gone wrong.

    <!DOCTYPE html>
<html>
  <head>
<link href="http://s3.amazonaws.com/codeacademy-content/courses/ltp/css/shift.css" rel="stylesheet">
    <link href="main.css" rel="stylesheet">
  </head>

Here is the section of code with the link. I will also paste the css code now...
.jumbotron h1 {
color: #fff;
font-size: 48px;
font-weight: bold;
font-family: 'Shift', sans-serif;
}


I'm also get stuck , someone can explain me,pls
#2

please use ctrl+k on your code so we can see it :smile:


#3

Thanks for that! have just edited my post!


#4

Can we see the h1 tag in your html code as well?


#5

ok, hope this is what you need to see...
`

<!DOCTYPE html>
<html>
  <head>
<link href="http://s3.amazonaws.com/codeacademy-content/courses/ltp/css/shift.css"rel="stylesheet">
    <link href="main.css" rel="stylesheet">
  </head>
  
  <body>
    <div class="nav">
      <div class="container">
        <ul>
          <li><a href="#">Airbnb logo</a></li>
          <li><a href="#">Browse</a></li>
        </ul>
        <ul>
          <li><a href="#">Sign Up</a></li>
          <li><a href="#">Log In</a></li>
          <li><a href="#">Help</a></li>
        </ul>
      </div>
    </div>

    <div class="jumbotron">
      <div class="container">
        <h1>Find a place to stay.</h1>
        <p>Rent from people in over 34,000 cities and 192 countries.</p>
      </div>
    </div>

#6

Is someone able to help me please? Can't get any further on ...


#8

sorry you cant see what I put can you tell me how you uploaded your code?


#9

hi there, copy and paste


#10

I'm still not sure what the error message you're receiving is. When you his "Save & Submit Code", what does the error message say?


#11


#12

is someone able to help me please!


#13

It looks like your link to shift.css is wrong.

http://s3.amazonaws.com/codeacademy-content/courses/ltp/css/shift.css

Try clicking on it and you will see.

You can check back with the exercise to pickup the correct URL.


#14

Hi was thinking that, but I copied and pasted the link from the instructions...


#15

You should try that process again.


#16

ok thanks, just tried that but still doesnt like it. Any other suggestions please?


#17

Could you show me where you are getting this bad link from please?

Here is the URL that exercise 6 gives you and when you follow it you will see that it works:

http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css


#18

Instructions
In index.html inside the head element add this link element: <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">. This is a CSS file that loads up the custom font for use in the page.
In main.css, inside the .jumbotron h1 selector, set font-family to 'Shift', sans-serif


#19

Right, good, that is the link that I just gave you. It isn't the same as the one you posted.


#20

ok i cannot see the difference, and i copied and pasted the link from the instructions into my code?? how is it different please


#21

http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css
http://s3.amazonaws.com/codeacademy-content/courses/ltp/css/shift.css

Yours had an extra character in the word codecademy.

If you have the good link in there now, and you are still getting an error, could you post all of your CSS file please.