Bootstrap 6/8 Have followed instructions but I cant go to next step


#1

https://www.codecademy.com/en/courses/make-a-website/lessons/bootstrap/exercises/supporting-content?action=resume

I have done the exercise for the step. The pictures show in with the text in the way the example shoes. The only red highlight is from the button exercise from 5. error message says "special characters must be escaped" and "tag must be paired, no start tag" BUT the code is exactly how its written for exercise 5 and it doesnt work when i try to fix it. Please help


 <a class="btn btn-primary"        href='#'role="button">See all</a>


#2

Okay, I hope I did get you right. Use a double quote for the href link.

<a class="btn btn-primary" href="#" role="button">See all</a>

#3

that did nothing. it still says something about needing an escape


#4

Okay, please be more specific on the exercise step that produces the issue.

Your full code, well-formatted, may be needful. :slight_smile:


#5




Skillfair








Skillfair



newest


catalogue


contact








Homemade Goods


This Year's Best


<a class="btn btn-primary"
href="#" role="button">See all






Kitchen





Woodwork

</figure>
</div>
<div class="row">
  <figure class="col-sm-6">
    <p>gifts</p>

  </figure>
  <p>antiques</p>
  <figure class="col-sm-6">

  </figure>
</div>


thats everything i have. it looks like the webpage EXCEPT for the social media buttons and the Contact at the bottom but Ive looked back through and there's no instructions to put those in? please help. Also I do have the img files in the code but the page told me I could only have one picture so I deleted


#6

it doesn't show a specific error highlighted. Just highlights the step pink. So i have no idea whats wrong now.


#7

Okay, if you had used < / > above to format the code, it would have been helpful. The page has interpreted your code. That said, see below:

<!DOCTYPE html>
<html>
<head>
  <title>Skillfair</title>
  <meta charset="utf-8"/>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
  <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,700' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" type="text/css" href="main.css">
</head>
  <section class="jumbotron">
    <div class="container">
      <div class="row text-center">
        <h2>Homemade Goods</h2>
        <h3>This Year's Best</h3>
        <a class="btn btn-primary" href="#" role="button">See all</a>
      </div>
    </div>
  </section>
  
  <footer class="container">
    <div class = "row">
      <p class="col-sm-4">&copy; 2016 Skillfair </p>
      <ul class="col-sm-8">
        <li class="col-sm-1"><img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/twitter.svg"></li>
        <li class="col-sm-1"><img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/facebook.svg"></li>
        <li class="col-sm-1"><img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/instagram.svg"></li>
        <li class="col-sm-1"><img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/medium.svg"></li>      
      </ul>
    </div>
    
  </footer>
  
  
  <section class="container">
    <div class="row">
      <figure class="col-sm-6">
        <p>kitchen</p>
        	<img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/kitchen.jpg">
      </figure>
    </div>
    <div class="row">
      <figure class="col-sm-6">
        <p>woodwork</p>
        	<img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/woodwork.jpg">
      </figure>
      <figure class="col-sm-6">
        <p>gifts</p>
        	<img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/gifts.jpg">
      </figure>
      <figure class="col-sm-6">
        <p>antiques</p>
        	<img src="https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-4/antique.jpg">
      </figure>
    </div>
  </section>
<body>
  <header class="container"> 
    <div class ="row">
      <h1 class="col-sm-4">Skillfair</h1>
      <nav class="col-sm-8 text-right">
        <p>newest</p>
        <p>catalogue</p>
        <p>contact</p>
      </nav>
    </div>
  </header>
  


</body>
</html>

#8

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.