[SOLVED] Ajax for Quote Machine not working on CodePen

[SOLVED] Ajax for Quote Machine not working on CodePen
0

#1

Hi all.
I’m struggling with the quote machine project.
I’ve got everything working in an external editor but my code is not working from Codepen.
I’m not sure what I’m doing wrong. Is someone able to have a look at my pen code and help me as I’m stuck!
:slight_smile:

thx


#2
<button class="col-md-6">
  <a href="#" class="btn btn-default btn-lg get-quote"><i class="fa fa-quote-left fa-fw"></i>Get Quote</a>
</button>

Don’t nest an <a> in a <button>. You won’t be able to click on the <a> if you do so. Also, the col-* classes are intended to be used by containers (like <div>s), not things like buttons. You may want something like this:

<div class="col-md-6">
  <a href="#" class="btn btn-default btn-lg get-quote"><i class="fa fa-quote-left fa-fw"></i>Get Quote</a>
</div>

"http://api.forismatic.com/api/1.0/"

Codepen blocks content served via HTTP. Replace http with https.


#3

oh man thanks so much!!! I knew it would be simple but for the life of me couldn’t work it out.