fix: replace responsive web dev bitly links (#41811)

This commit is contained in:
Kristofer Koishigawa
2021-09-21 23:46:55 +09:00
committed by GitHub
parent 95c210c38e
commit 1d4e7e1d16
95 changed files with 239 additions and 239 deletions

View File

@ -27,7 +27,7 @@ Here's an example of changing the width of an image on hover:
} }
</style> </style>
<img src="https://bit.ly/smallgooglelogo" alt="Google's Logo" /> <img src="https://cdn.freecodecamp.org/curriculum/applied-visual-design/google-logo.png" alt="Google's Logo" />
``` ```
# --instructions-- # --instructions--

View File

@ -98,7 +98,7 @@ assert($('img').css('border-left-color') === 'rgb(0, 128, 0)');
<main> <main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p> <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div> <div>
<p>Things cats love:</p> <p>Things cats love:</p>
@ -160,7 +160,7 @@ assert($('img').css('border-left-color') === 'rgb(0, 128, 0)');
<main> <main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p> <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div> <div>
<p>Things cats love:</p> <p>Things cats love:</p>

View File

@ -71,7 +71,7 @@ assert(
<main> <main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p> <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div> <div>
<p>Things cats love:</p> <p>Things cats love:</p>
@ -134,7 +134,7 @@ assert(
<main> <main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p> <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div> <div>
<p>Things cats love:</p> <p>Things cats love:</p>

View File

@ -56,7 +56,7 @@ assert($('h2').attr('style') && $('h2').attr('style').endsWith(';'));
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div> <div>
<p>Things cats love:</p> <p>Things cats love:</p>
@ -92,7 +92,7 @@ assert($('h2').attr('style') && $('h2').attr('style').endsWith(';'));
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div> <div>
<p>Things cats love:</p> <p>Things cats love:</p>

View File

@ -44,7 +44,7 @@ assert(code.match(/p\s*{\s*font-size\s*:\s*16\s*px\s*;\s*}/i));
<main> <main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p> <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div> <div>
<p>Things cats love:</p> <p>Things cats love:</p>
@ -89,7 +89,7 @@ assert(code.match(/p\s*{\s*font-size\s*:\s*16\s*px\s*;\s*}/i));
<main> <main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p> <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div> <div>
<p>Things cats love:</p> <p>Things cats love:</p>

View File

@ -79,7 +79,7 @@ assert(code.match(/\.silver-background\s*{\s*background-color\s*:\s*silver\s*;?\
<main> <main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p> <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div> <div>
<p>Things cats love:</p> <p>Things cats love:</p>
@ -146,7 +146,7 @@ assert(code.match(/\.silver-background\s*{\s*background-color\s*:\s*silver\s*;?\
<main> <main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p> <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div class="silver-background"> <div class="silver-background">
<p>Things cats love:</p> <p>Things cats love:</p>

View File

@ -93,7 +93,7 @@ assert(
<main> <main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p> <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div> <div>
<p>Things cats love:</p> <p>Things cats love:</p>
@ -145,7 +145,7 @@ assert(
<main> <main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p> <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div> <div>
<p>Things cats love:</p> <p>Things cats love:</p>

View File

@ -65,7 +65,7 @@ assert(code.match(/50%/g));
<main> <main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p> <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div> <div>
<p>Things cats love:</p> <p>Things cats love:</p>
@ -129,7 +129,7 @@ assert(code.match(/50%/g));
<main> <main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p> <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div> <div>
<p>Things cats love:</p> <p>Things cats love:</p>

View File

@ -55,7 +55,7 @@ assert(
<main> <main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p> <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div> <div>
<p>Things cats love:</p> <p>Things cats love:</p>
@ -102,7 +102,7 @@ assert(
<main> <main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p> <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div> <div>
<p>Things cats love:</p> <p>Things cats love:</p>

View File

@ -73,7 +73,7 @@ assert($('form').attr('id') === 'cat-photo-form');
<main> <main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p> <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div class="silver-background"> <div class="silver-background">
<p>Things cats love:</p> <p>Things cats love:</p>
@ -140,7 +140,7 @@ assert($('form').attr('id') === 'cat-photo-form');
<main> <main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p> <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div class="silver-background"> <div class="silver-background">
<p>Things cats love:</p> <p>Things cats love:</p>

View File

@ -31,7 +31,7 @@ Your `img` element should have the class `smaller-image`.
```js ```js
assert( assert(
$("img[src='https://bit.ly/fcc-relaxing-cat']").attr('class') $("img[src='https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg']").attr('class')
.trim().split(/\s+/g).includes('smaller-image') .trim().split(/\s+/g).includes('smaller-image')
); );
``` ```
@ -70,7 +70,7 @@ assert(
<main> <main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p> <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div> <div>
<p>Things cats love:</p> <p>Things cats love:</p>
@ -126,7 +126,7 @@ assert(
<main> <main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p> <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div> <div>
<p>Things cats love:</p> <p>Things cats love:</p>

View File

@ -90,7 +90,7 @@ assert(new RegExp('[^fc]-->', 'gi').test(code));
<main> <main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p> <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div> <div>
<p>Things cats love:</p> <p>Things cats love:</p>
@ -142,7 +142,7 @@ assert(new RegExp('[^fc]-->', 'gi').test(code));
<main> <main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p> <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div> <div>
<p>Things cats love:</p> <p>Things cats love:</p>

View File

@ -61,7 +61,7 @@ assert($('p:eq(0)').hasClass('red-text'));
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div> <div>
<p>Things cats love:</p> <p>Things cats love:</p>
@ -103,7 +103,7 @@ assert($('p:eq(0)').hasClass('red-text'));
<main> <main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p> <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div> <div>
<p>Things cats love:</p> <p>Things cats love:</p>

View File

@ -70,7 +70,7 @@ assert($('h2').attr('style') === undefined);
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div> <div>
<p>Things cats love:</p> <p>Things cats love:</p>
@ -112,7 +112,7 @@ assert($('h2').attr('style') === undefined);
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div> <div>
<p>Things cats love:</p> <p>Things cats love:</p>

View File

@ -96,7 +96,7 @@ assert(!code.match(/<form.*style.*>/gi) && !code.match(/<form.*class.*>/gi));
<main> <main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p> <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div class="silver-background"> <div class="silver-background">
<p>Things cats love:</p> <p>Things cats love:</p>
@ -167,7 +167,7 @@ assert(!code.match(/<form.*style.*>/gi) && !code.match(/<form.*class.*>/gi));
<main> <main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p> <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div class="silver-background"> <div class="silver-background">
<p>Things cats love:</p> <p>Things cats love:</p>

View File

@ -109,7 +109,7 @@ assert(
<main> <main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p> <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div class="silver-background"> <div class="silver-background">
<p>Things cats love:</p> <p>Things cats love:</p>
@ -180,7 +180,7 @@ assert(
<main> <main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p> <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img class="smaller-image thick-green-border" src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div class="silver-background"> <div class="silver-background">
<p>Things cats love:</p> <p>Things cats love:</p>

View File

@ -87,7 +87,7 @@ assert(
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div> <div>
<p>Things cats love:</p> <p>Things cats love:</p>
@ -128,7 +128,7 @@ assert(
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div> <div>
<p>Things cats love:</p> <p>Things cats love:</p>

View File

@ -64,7 +64,7 @@ assert(
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>
@ -91,7 +91,7 @@ assert(
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>

View File

@ -37,7 +37,7 @@ Let's try to add an image to our website:
Within the existing `main` element, insert an `img` element before the existing `p` elements. Within the existing `main` element, insert an `img` element before the existing `p` elements.
Now set the `src` attribute so that it points to the url `https://www.bit.ly/fcc-relaxing-cat` Now set the `src` attribute so that it points to the url `https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg`
Finally, don't forget to give your `img` element an `alt` attribute with applicable text. Finally, don't forget to give your `img` element an `alt` attribute with applicable text.
@ -52,7 +52,7 @@ assert($('img').length);
Your image should have a `src` attribute that points to the kitten image. Your image should have a `src` attribute that points to the kitten image.
```js ```js
assert(/^https:\/\/(www\.)?bit\.ly\/fcc-relaxing-cat$/i.test($('img').attr('src'))); assert(/^https:\/\/cdn\.freecodecamp\.org\/curriculum\/cat-photo-app\/relaxing-cat\.jpg$/i.test($('img').attr('src')));
``` ```
Your image element's `alt` attribute should not be empty. Your image element's `alt` attribute should not be empty.
@ -86,7 +86,7 @@ assert(
```html ```html
<h2>CatPhotoApp</h2> <h2>CatPhotoApp</h2>
<main> <main>
<a href="#"><img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p> <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p> <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main> </main>

View File

@ -64,7 +64,7 @@ assert($('input[type=text]').length > 0);
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>
@ -89,7 +89,7 @@ assert($('input[type=text]').length > 0);
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>

View File

@ -44,7 +44,7 @@ assert($('input[type="checkbox"]').prop('checked'));
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>
@ -77,7 +77,7 @@ assert($('input[type="checkbox"]').prop('checked'));
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>

View File

@ -77,7 +77,7 @@ assert($('ul li').filter((_, item) => !$(item).text().trim()).length === 0);
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p> <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p> <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
@ -91,7 +91,7 @@ assert($('ul li').filter((_, item) => !$(item).text().trim()).length === 0);
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<ul> <ul>
<li>milk</li> <li>milk</li>

View File

@ -60,7 +60,7 @@ assert(
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>
@ -85,7 +85,7 @@ assert(
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>

View File

@ -76,7 +76,7 @@ assert($('label').parent().get(0).tagName.match('FORM'));
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>
@ -106,7 +106,7 @@ assert($('label').parent().get(0).tagName.match('FORM'));
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>

View File

@ -108,7 +108,7 @@ assert($('label').parent().get(0).tagName.match('FORM'));
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>
@ -136,7 +136,7 @@ assert($('label').parent().get(0).tagName.match('FORM'));
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>

View File

@ -42,7 +42,7 @@ assert($('input[type=text]').length > 0);
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>
@ -68,7 +68,7 @@ assert($('input[type=text]').length > 0);
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>

View File

@ -119,7 +119,7 @@ $('ol li').each((i, val) =>
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>
@ -139,7 +139,7 @@ $('ol li').each((i, val) =>
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>

View File

@ -56,7 +56,7 @@ assert(
<img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p> <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p> <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
@ -69,7 +69,7 @@ assert(
<h2>CatPhotoApp</h2> <h2>CatPhotoApp</h2>
<main> <main>
<img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
<a href="https://www.freecatphotoapp.com">cat photos</a> <a href="https://www.freecatphotoapp.com">cat photos</a>
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p> <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

View File

@ -87,7 +87,7 @@ assert($('footer').eq(0).attr('id') == 'footer');
<a href="https://www.freecatphotoapp.com" target="_blank">cat photos</a> <a href="https://www.freecatphotoapp.com" target="_blank">cat photos</a>
<img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p> <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p> <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
@ -107,7 +107,7 @@ assert($('footer').eq(0).attr('id') == 'footer');
<a href="#footer">Jump to Bottom</a> <a href="#footer">Jump to Bottom</a>
<img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p> <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p> <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

View File

@ -36,7 +36,7 @@ assert($('a').attr('href') === '#');
<main> <main>
<p>Click here to view more <a href="https://www.freecatphotoapp.com" target="_blank">cat photos</a>.</p> <p>Click here to view more <a href="https://www.freecatphotoapp.com" target="_blank">cat photos</a>.</p>
<img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p> <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p> <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
@ -50,7 +50,7 @@ assert($('a').attr('href') === '#');
<main> <main>
<p>Click here to view more <a href="#" target="_blank">cat photos</a>.</p> <p>Click here to view more <a href="#" target="_blank">cat photos</a>.</p>
<img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p> <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p> <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

View File

@ -141,7 +141,7 @@ assert(
<a href="https://www.freecatphotoapp.com" target="_blank">cat photos</a> <a href="https://www.freecatphotoapp.com" target="_blank">cat photos</a>
<img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p> <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p> <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
@ -155,7 +155,7 @@ assert(
<main> <main>
<p>View more <a target="_blank" href="https://www.freecatphotoapp.com">cat photos</a></p> <p>View more <a target="_blank" href="https://www.freecatphotoapp.com">cat photos</a></p>
<img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p> <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p> <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

View File

@ -59,7 +59,7 @@ assert(
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>
@ -93,7 +93,7 @@ assert(
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<div> <div>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>

View File

@ -14,7 +14,7 @@ You can make elements into links by nesting them within an `a` element.
Nest your image within an `a` element. Here's an example: Nest your image within an `a` element. Here's an example:
```html ```html
<a href="#"><img src="https://www.bit.ly/fcc-running-cats" alt="Three kittens running towards the camera."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="Three kittens running towards the camera."></a>
``` ```
Remember to use `#` as your `a` element's `href` property in order to turn it into a dead link. Remember to use `#` as your `a` element's `href` property in order to turn it into a dead link.
@ -58,7 +58,7 @@ assert(
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p> <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p> <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
@ -72,7 +72,7 @@ assert(
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p> <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p> <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

View File

@ -36,7 +36,7 @@ assert($('input').prop('required'));
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>
@ -64,7 +64,7 @@ assert($('input').prop('required'));
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>

View File

@ -88,7 +88,7 @@ assert(
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>
@ -121,7 +121,7 @@ assert(
<main> <main>
<p>Click here to view more <a href="#">cat photos</a>.</p> <p>Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<p>Things cats love:</p> <p>Things cats love:</p>
<ul> <ul>

View File

@ -9,7 +9,7 @@ dashedName: part-8
HTML <dfn>attributes</dfn> are special words used inside the opening tag of an element to control the element's behavior. The `src` attribute in an `img` element specifies the image's URL (where the image is located). An example of an `img` element using an `src` attribute: `<img src="https://www.your-image-source.com/your-image.jpg">`. HTML <dfn>attributes</dfn> are special words used inside the opening tag of an element to control the element's behavior. The `src` attribute in an `img` element specifies the image's URL (where the image is located). An example of an `img` element using an `src` attribute: `<img src="https://www.your-image-source.com/your-image.jpg">`.
Add an `src` attribute to the existing `img` element that is set to the following URL: `https://bit.ly/fcc-relaxing-cat`. Add an `src` attribute to the existing `img` element that is set to the following URL: `https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg`.
# --hints-- # --hints--
@ -25,16 +25,16 @@ Your `img` element should have an `src` attribute. You have either omitted the a
assert(document.querySelector('img').src); assert(document.querySelector('img').src);
``` ```
Your `img` element's `src` attribute should be set to '`https://bit.ly/fcc-relaxing-cat`'. You have either omitted the URL or have a typo. The case of the URL is important. Your `img` element's `src` attribute should be set to '`https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg`'. You have either omitted the URL or have a typo. The case of the URL is important.
```js ```js
assert(document.querySelector('img').src === 'https://bit.ly/fcc-relaxing-cat'); assert(document.querySelector('img').src === 'https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg');
``` ```
Although you have set the `img` element's `src` to the correct URL, it is recommended to always surround the value of an attribute with quotation marks. Although you have set the `img` element's `src` to the correct URL, it is recommended to always surround the value of an attribute with quotation marks.
```js ```js
assert(!/\<img\s+src\s*=\s*https:\/\/bit\.ly\/fcc-relaxing-cat/.test(code)); assert(!/\<img\s+src\s*=\s*https:\/\/cdn\.freecodecamp\.org\/curriculum\/cat-photo-app\/relaxing-cat\.jpg/.test(code));
``` ```
# --seed-- # --seed--

View File

@ -48,7 +48,7 @@ assert(altText.match(/A cute orange cat lying on its back\.?$/i));
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more cat photos.</p> <p>Click here to view more cat photos.</p>
--fcc-editable-region-- --fcc-editable-region--
<img src="https://bit.ly/fcc-relaxing-cat"> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg">
--fcc-editable-region-- --fcc-editable-region--
</main> </main>
</body> </body>

View File

@ -71,7 +71,7 @@ assert(
--fcc-editable-region-- --fcc-editable-region--
<p>Click here to view more cat photos.</p> <p>Click here to view more cat photos.</p>
--fcc-editable-region-- --fcc-editable-region--
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
</main> </main>
</body> </body>
</html> </html>

View File

@ -49,7 +49,7 @@ assert(
--fcc-editable-region-- --fcc-editable-region--
<a href="https://freecatphotoapp.com"></a> <a href="https://freecatphotoapp.com"></a>
--fcc-editable-region-- --fcc-editable-region--
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
</main> </main>
</body> </body>
</html> </html>

View File

@ -58,7 +58,7 @@ assert(pText.match(/click here to view more cat photos\.?$/));
<p>Click here to view more cat photos.</p> <p>Click here to view more cat photos.</p>
<a href="https://freecatphotoapp.com">cat photos</a> <a href="https://freecatphotoapp.com">cat photos</a>
--fcc-editable-region-- --fcc-editable-region--
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
</main> </main>
</body> </body>
</html> </html>

View File

@ -47,7 +47,7 @@ assert(document.querySelector('a').getAttribute('target') === '_blank');
--fcc-editable-region-- --fcc-editable-region--
<p>Click here to view more <a href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a href="https://freecatphotoapp.com">cat photos</a>.</p>
--fcc-editable-region-- --fcc-editable-region--
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
</main> </main>
</body> </body>
</html> </html>

View File

@ -11,13 +11,13 @@ Turn the image into a link by surrounding it with necessary element tags. Use `h
# --hints-- # --hints--
You should have an `img` element with an `src` value of `https://bit.ly/fcc-relaxing-cat`. You may have accidentally deleted it. You should have an `img` element with an `src` value of `https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg`. You may have accidentally deleted it.
```js ```js
assert( assert(
document.querySelector('img') && document.querySelector('img') &&
document.querySelector('img').getAttribute('src') === document.querySelector('img').getAttribute('src') ===
'https://bit.ly/fcc-relaxing-cat' 'https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg'
); );
``` ```
@ -79,7 +79,7 @@ assert(document.querySelector('img').parentNode.nodeName === 'A');
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
--fcc-editable-region-- --fcc-editable-region--
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
--fcc-editable-region-- --fcc-editable-region--
</main> </main>
</body> </body>

View File

@ -54,7 +54,7 @@ assert(foundElems.length === 3);
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</main> </main>
--fcc-editable-region-- --fcc-editable-region--
</body> </body>

View File

@ -71,7 +71,7 @@ assert(foundElems.length === 2);
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
--fcc-editable-region-- --fcc-editable-region--
</main> </main>

View File

@ -62,7 +62,7 @@ assert(
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
--fcc-editable-region-- --fcc-editable-region--
<section> <section>

View File

@ -68,7 +68,7 @@ assert(
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
--fcc-editable-region-- --fcc-editable-region--
<section> <section>

View File

@ -43,7 +43,7 @@ assert(secondSectionLastElemNode.nodeName === 'UL');
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
--fcc-editable-region-- --fcc-editable-region--

View File

@ -60,7 +60,7 @@ assert(
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>

View File

@ -7,7 +7,7 @@ dashedName: part-21
# --description-- # --description--
After the unordered list, add a new image with an `src` attribute value set to `https://bit.ly/fcc-lasagna` and an `alt` attribute value set to `A slice of lasagna on a plate.` After the unordered list, add a new image with an `src` attribute value set to `https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg` and an `alt` attribute value set to `A slice of lasagna on a plate.`
# --hints-- # --hints--
@ -40,19 +40,19 @@ The new image does not have an `src` attribute. Check that there is a space afte
assert($('section')[1].lastElementChild.hasAttribute('src')); assert($('section')[1].lastElementChild.hasAttribute('src'));
``` ```
The new image should have an `src` value of `https://bit.ly/fcc-lasagna`. Make sure the `src` attribute's value is surrounded with quotation marks. The new image should have an `src` value of `https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg`. Make sure the `src` attribute's value is surrounded with quotation marks.
```js ```js
assert( assert(
$('section')[1].lastElementChild.getAttribute('src') === $('section')[1].lastElementChild.getAttribute('src') ===
'https://bit.ly/fcc-lasagna' 'https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg'
); );
``` ```
Although you have set the new image's `src` to the correct URL, it is recommended to always surround the value of an attribute with quotation marks. Although you have set the new image's `src` to the correct URL, it is recommended to always surround the value of an attribute with quotation marks.
```js ```js
assert(!/\<img\s+.+\s+src\s*=\s*https:\/\/bit\.ly\/fcc-lasagna/.test(code)); assert(!/\<img\s+.+\s+src\s*=\s*https:\/\/cdn\.freecodecamp\.org\/curriculum\/cat-photo-app\/lasagna\.jpg/.test(code));
``` ```
# --seed-- # --seed--
@ -68,7 +68,7 @@ assert(!/\<img\s+.+\s+src\s*=\s*https:\/\/bit\.ly\/fcc-lasagna/.test(code));
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>

View File

@ -37,7 +37,7 @@ The lasagna `img` element should be nested in the `figure` element.
assert( assert(
document.querySelector('figure > img') && document.querySelector('figure > img') &&
document.querySelector('figure > img').getAttribute('src').toLowerCase() === document.querySelector('figure > img').getAttribute('src').toLowerCase() ===
'https://bit.ly/fcc-lasagna' 'https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg'
); );
``` ```
@ -54,7 +54,7 @@ assert(
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -65,7 +65,7 @@ assert(
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
--fcc-editable-region-- --fcc-editable-region--
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
--fcc-editable-region-- --fcc-editable-region--
</section> </section>
</main> </main>

View File

@ -19,7 +19,7 @@ The Lasagna `img` element should be nested in the `figure` element.
assert( assert(
document.querySelector('figure > img') && document.querySelector('figure > img') &&
document.querySelector('figure > img').getAttribute('src').toLowerCase() === document.querySelector('figure > img').getAttribute('src').toLowerCase() ===
'https://bit.ly/fcc-lasagna' 'https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg'
); );
``` ```
@ -50,7 +50,7 @@ The lasagna `img` element should be nested in the `figure` element.
assert( assert(
document.querySelector('figure > img') && document.querySelector('figure > img') &&
document.querySelector('figure > img').getAttribute('src').toLowerCase() === document.querySelector('figure > img').getAttribute('src').toLowerCase() ===
'https://bit.ly/fcc-lasagna' 'https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg'
); );
``` ```
@ -83,7 +83,7 @@ assert(
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -95,7 +95,7 @@ assert(
</ul> </ul>
<figure> <figure>
--fcc-editable-region-- --fcc-editable-region--
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
--fcc-editable-region-- --fcc-editable-region--
</figure> </figure>
</section> </section>

View File

@ -61,7 +61,7 @@ assert(
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -72,7 +72,7 @@ assert(
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
--fcc-editable-region-- --fcc-editable-region--
<figcaption>Cats love lasagna.</figcaption> <figcaption>Cats love lasagna.</figcaption>
--fcc-editable-region-- --fcc-editable-region--

View File

@ -55,7 +55,7 @@ assert(
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -67,7 +67,7 @@ assert(
</ul> </ul>
--fcc-editable-region-- --fcc-editable-region--
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
--fcc-editable-region-- --fcc-editable-region--

View File

@ -66,7 +66,7 @@ assert.deepStrictEqual(
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -77,7 +77,7 @@ assert.deepStrictEqual(
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
--fcc-editable-region-- --fcc-editable-region--

View File

@ -42,7 +42,7 @@ assert($('main > section')[1].lastElementChild.nodeName === 'FIGURE');
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -53,7 +53,7 @@ assert($('main > section')[1].lastElementChild.nodeName === 'FIGURE');
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>

View File

@ -7,7 +7,7 @@ dashedName: part-28
# --description-- # --description--
Inside the `figure` element you just added, nest an `img` element with a `src` attribute set to `https://bit.ly/fcc-cats`. Inside the `figure` element you just added, nest an `img` element with a `src` attribute set to `https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg`.
# --hints-- # --hints--
@ -35,24 +35,24 @@ You should have a third `img` element nested in the `figure` element.
const catsImg = document.querySelectorAll('figure > img')[1]; const catsImg = document.querySelectorAll('figure > img')[1];
assert( assert(
catsImg && catsImg &&
catsImg.getAttribute('src').toLowerCase() === 'https://bit.ly/fcc-cats' catsImg.getAttribute('src').toLowerCase() === 'https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg'
); );
``` ```
The third image should have an `src` attribute set to `https://bit.ly/fcc-cats`. The third image should have an `src` attribute set to `https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg`.
```js ```js
const catsImg = document.querySelectorAll('figure > img')[1]; const catsImg = document.querySelectorAll('figure > img')[1];
assert( assert(
catsImg && catsImg &&
catsImg.getAttribute('src').toLowerCase() === 'https://bit.ly/fcc-cats' catsImg.getAttribute('src').toLowerCase() === 'https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg'
); );
``` ```
Although you have set the new image's `src` to the correct URL, it is recommended to always surround the value of an attribute with quotation marks. Although you have set the new image's `src` to the correct URL, it is recommended to always surround the value of an attribute with quotation marks.
```js ```js
assert(!/\<img\s+.+\s+src\s*=\s*https:\/\/bit\.ly\/fcc-cats/.test(code)); assert(!/\<img\s+.+\s+src\s*=\s*https:\/\/cdn\.freecodecamp\.org\/curriculum\/cat-photo-app\/cats\.jpg/.test(code));
``` ```
# --seed-- # --seed--
@ -68,7 +68,7 @@ assert(!/\<img\s+.+\s+src\s*=\s*https:\/\/bit\.ly\/fcc-cats/.test(code));
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -79,7 +79,7 @@ assert(!/\<img\s+.+\s+src\s*=\s*https:\/\/bit\.ly\/fcc-cats/.test(code));
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>

View File

@ -35,7 +35,7 @@ The Cats `img` element should be nested in the `figure` element.
const catsImg = document.querySelectorAll('figure > img')[1]; const catsImg = document.querySelectorAll('figure > img')[1];
assert( assert(
catsImg && catsImg &&
catsImg.getAttribute('src').toLowerCase() === 'https://bit.ly/fcc-cats' catsImg.getAttribute('src').toLowerCase() === 'https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg'
); );
``` ```
@ -64,7 +64,7 @@ assert(
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -75,7 +75,7 @@ assert(
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -86,7 +86,7 @@ assert(
</ol> </ol>
<figure> <figure>
--fcc-editable-region-- --fcc-editable-region--
<img src="https://bit.ly/fcc-cats"> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg">
--fcc-editable-region-- --fcc-editable-region--
</figure> </figure>
</section> </section>

View File

@ -35,7 +35,7 @@ The last `img` element should be nested in the `figure` element.
const catsImg = document.querySelectorAll('figure > img')[1]; const catsImg = document.querySelectorAll('figure > img')[1];
assert( assert(
catsImg && catsImg &&
catsImg.getAttribute('src').toLowerCase() === 'https://bit.ly/fcc-cats' catsImg.getAttribute('src').toLowerCase() === 'https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg'
); );
``` ```
@ -90,7 +90,7 @@ assert(
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -101,7 +101,7 @@ assert(
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -112,7 +112,7 @@ assert(
</ol> </ol>
<figure> <figure>
--fcc-editable-region-- --fcc-editable-region--
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
--fcc-editable-region-- --fcc-editable-region--
</figure> </figure>
</section> </section>

View File

@ -62,7 +62,7 @@ assert(
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -73,7 +73,7 @@ assert(
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -83,7 +83,7 @@ assert(
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
--fcc-editable-region-- --fcc-editable-region--
<figcaption>Cats hate other cats.</figcaption> <figcaption>Cats hate other cats.</figcaption>
--fcc-editable-region-- --fcc-editable-region--

View File

@ -64,7 +64,7 @@ assert($('main > section')[2].children.length === 0);
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
--fcc-editable-region-- --fcc-editable-region--
<section> <section>
@ -76,7 +76,7 @@ assert($('main > section')[2].children.length === 0);
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -86,7 +86,7 @@ assert($('main > section')[2].children.length === 0);
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -67,7 +67,7 @@ assert(
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -78,7 +78,7 @@ assert(
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -88,7 +88,7 @@ assert(
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -51,7 +51,7 @@ assert($('form')[0].innerHTML.trim().length === 0);
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -62,7 +62,7 @@ assert($('form')[0].innerHTML.trim().length === 0);
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -72,7 +72,7 @@ assert($('form')[0].innerHTML.trim().length === 0);
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -77,7 +77,7 @@ assert(
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -88,7 +88,7 @@ assert(
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -98,7 +98,7 @@ assert(
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -70,7 +70,7 @@ assert(
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -81,7 +81,7 @@ assert(
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -91,7 +91,7 @@ assert(
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -64,7 +64,7 @@ assert(!/\<input\s+type\s*=\s*text/.test(code));
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -75,7 +75,7 @@ assert(!/\<input\s+type\s*=\s*text/.test(code));
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -85,7 +85,7 @@ assert(!/\<input\s+type\s*=\s*text/.test(code));
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -63,7 +63,7 @@ assert(!/\<\s*input\s+.*\s*=\s*catphotourl/.test(code));
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -74,7 +74,7 @@ assert(!/\<\s*input\s+.*\s*=\s*catphotourl/.test(code));
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -84,7 +84,7 @@ assert(!/\<\s*input\s+.*\s*=\s*catphotourl/.test(code));
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -64,7 +64,7 @@ assert(!/\<\s*input\s+placeholder\s*=\s*cat\s+photo\s+url/i.test(code));
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -75,7 +75,7 @@ assert(!/\<\s*input\s+placeholder\s*=\s*cat\s+photo\s+url/i.test(code));
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -85,7 +85,7 @@ assert(!/\<\s*input\s+placeholder\s*=\s*cat\s+photo\s+url/i.test(code));
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -51,7 +51,7 @@ assert($('input')[0].getAttribute('required') === '');
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -62,7 +62,7 @@ assert($('input')[0].getAttribute('required') === '');
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -72,7 +72,7 @@ assert($('input')[0].getAttribute('required') === '');
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -53,7 +53,7 @@ assert(collection.indexOf('INPUT') < collection.indexOf('BUTTON'));
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -64,7 +64,7 @@ assert(collection.indexOf('INPUT') < collection.indexOf('BUTTON'));
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -74,7 +74,7 @@ assert(collection.indexOf('INPUT') < collection.indexOf('BUTTON'));
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -60,7 +60,7 @@ assert(!/\<\s*button\s+type\s*=\s*submit/i.test(code));
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -71,7 +71,7 @@ assert(!/\<\s*button\s+type\s*=\s*submit/i.test(code));
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -81,7 +81,7 @@ assert(!/\<\s*button\s+type\s*=\s*submit/i.test(code));
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -94,7 +94,7 @@ assert(
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -105,7 +105,7 @@ assert(
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -115,7 +115,7 @@ assert(
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -62,7 +62,7 @@ assert(
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -73,7 +73,7 @@ assert(
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -83,7 +83,7 @@ assert(
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -47,7 +47,7 @@ assert($('input')[0].id.match(/^indoor$/));
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -58,7 +58,7 @@ assert($('input')[0].id.match(/^indoor$/));
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -68,7 +68,7 @@ assert($('input')[0].id.match(/^indoor$/));
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -65,7 +65,7 @@ assert($('input')[1].id.match(/^outdoor$/));
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -76,7 +76,7 @@ assert($('input')[1].id.match(/^outdoor$/));
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -86,7 +86,7 @@ assert($('input')[1].id.match(/^outdoor$/));
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -56,7 +56,7 @@ assert(
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
<h3>Things cats love:</h3> <h3>Things cats love:</h3>
@ -66,7 +66,7 @@ assert(
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -76,7 +76,7 @@ assert(
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -59,7 +59,7 @@ assert(outdoorRadioButton.getAttribute('value').match(/^outdoor$/));
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
<h3>Things cats love:</h3> <h3>Things cats love:</h3>
@ -69,7 +69,7 @@ assert(outdoorRadioButton.getAttribute('value').match(/^outdoor$/));
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -79,7 +79,7 @@ assert(outdoorRadioButton.getAttribute('value').match(/^outdoor$/));
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -57,7 +57,7 @@ assert(
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -68,7 +68,7 @@ assert(
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -78,7 +78,7 @@ assert(
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -60,7 +60,7 @@ assert(extraSpacesRemoved.match(/Is your cat an indoor or outdoor cat\??$/i));
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -71,7 +71,7 @@ assert(extraSpacesRemoved.match(/Is your cat an indoor or outdoor cat\??$/i));
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -81,7 +81,7 @@ assert(extraSpacesRemoved.match(/Is your cat an indoor or outdoor cat\??$/i));
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -82,7 +82,7 @@ assert(fieldsetChildren[0].length > fieldsetChildren[1].length);
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -93,7 +93,7 @@ assert(fieldsetChildren[0].length > fieldsetChildren[1].length);
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -103,7 +103,7 @@ assert(fieldsetChildren[0].length > fieldsetChildren[1].length);
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -66,7 +66,7 @@ assert(
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -77,7 +77,7 @@ assert(
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -87,7 +87,7 @@ assert(
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -79,7 +79,7 @@ assert(
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -90,7 +90,7 @@ assert(
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -100,7 +100,7 @@ assert(
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -36,7 +36,7 @@ assert($('input[type="checkbox"]')[0].id.match(/^loving$/));
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -47,7 +47,7 @@ assert($('input[type="checkbox"]')[0].id.match(/^loving$/));
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -57,7 +57,7 @@ assert($('input[type="checkbox"]')[0].id.match(/^loving$/));
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -86,7 +86,7 @@ assert(labelElem.textContent.replace(/\s/g, '').match(/Loving/i));
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -97,7 +97,7 @@ assert(labelElem.textContent.replace(/\s/g, '').match(/Loving/i));
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -107,7 +107,7 @@ assert(labelElem.textContent.replace(/\s/g, '').match(/Loving/i));
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -48,7 +48,7 @@ assert(
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -59,7 +59,7 @@ assert(
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -69,7 +69,7 @@ assert(
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -72,7 +72,7 @@ assert(
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -83,7 +83,7 @@ assert(
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -93,7 +93,7 @@ assert(
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -73,7 +73,7 @@ assert(
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -84,7 +84,7 @@ assert(
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -94,7 +94,7 @@ assert(
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -54,7 +54,7 @@ assert(energeticCheckbox.getAttribute('value').match(/^energetic$/));
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -65,7 +65,7 @@ assert(energeticCheckbox.getAttribute('value').match(/^energetic$/));
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -75,7 +75,7 @@ assert(energeticCheckbox.getAttribute('value').match(/^energetic$/));
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -65,7 +65,7 @@ assert(!$('input[type="checkbox"]')[2].hasAttribute('checked'));
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -76,7 +76,7 @@ assert(!$('input[type="checkbox"]')[2].hasAttribute('checked'));
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -86,7 +86,7 @@ assert(!$('input[type="checkbox"]')[2].hasAttribute('checked'));
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -50,7 +50,7 @@ assert(document.querySelector('main').nextElementSibling.nodeName === 'FOOTER');
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -61,7 +61,7 @@ assert(document.querySelector('main').nextElementSibling.nodeName === 'FOOTER');
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -71,7 +71,7 @@ assert(document.querySelector('main').nextElementSibling.nodeName === 'FOOTER');
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -50,7 +50,7 @@ assert(extraSpacesRemoved.match(/No Copyright - freeCodeCamp\.org$/i));
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -61,7 +61,7 @@ assert(extraSpacesRemoved.match(/No Copyright - freeCodeCamp\.org$/i));
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -71,7 +71,7 @@ assert(extraSpacesRemoved.match(/No Copyright - freeCodeCamp\.org$/i));
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -61,7 +61,7 @@ assert(pText.match(/^no copyright - freecodecamp.org$/));
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -72,7 +72,7 @@ assert(pText.match(/^no copyright - freecodecamp.org$/));
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -82,7 +82,7 @@ assert(pText.match(/^no copyright - freecodecamp.org$/));
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -52,7 +52,7 @@ assert(noSpaces.match(/\<\/head\>\<body\>/));
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -63,7 +63,7 @@ assert(noSpaces.match(/\<\/head\>\<body\>/));
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -73,7 +73,7 @@ assert(noSpaces.match(/\<\/head\>\<body\>/));
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -55,7 +55,7 @@ assert(document.title && document.title.toLowerCase() === 'catphotoapp');
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -66,7 +66,7 @@ assert(document.title && document.title.toLowerCase() === 'catphotoapp');
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -76,7 +76,7 @@ assert(document.title && document.title.toLowerCase() === 'catphotoapp');
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -50,7 +50,7 @@ assert(!/\<\s*html\s+lang\s*=en/i.test(code));
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -61,7 +61,7 @@ assert(!/\<\s*html\s+lang\s*=en/i.test(code));
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -71,7 +71,7 @@ assert(!/\<\s*html\s+lang\s*=en/i.test(code));
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>

View File

@ -44,7 +44,7 @@ assert(noSpaces.match(/^\<\!DOCTYPEhtml\>\<html/));
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -55,7 +55,7 @@ assert(noSpaces.match(/^\<\!DOCTYPEhtml\>\<html/));
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -65,7 +65,7 @@ assert(noSpaces.match(/^\<\!DOCTYPEhtml\>\<html/));
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>
@ -112,7 +112,7 @@ assert(noSpaces.match(/^\<\!DOCTYPEhtml\>\<html/));
<h2>Cat Photos</h2> <h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos --> <!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p> <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section> </section>
<section> <section>
<h2>Cat Lists</h2> <h2>Cat Lists</h2>
@ -123,7 +123,7 @@ assert(noSpaces.match(/^\<\!DOCTYPEhtml\>\<html/));
<li>lasagna</li> <li>lasagna</li>
</ul> </ul>
<figure> <figure>
<img src="https://bit.ly/fcc-lasagna" alt="A slice of lasagna on a plate."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption> <figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure> </figure>
<h3>Top 3 things cats hate:</h3> <h3>Top 3 things cats hate:</h3>
@ -133,7 +133,7 @@ assert(noSpaces.match(/^\<\!DOCTYPEhtml\>\<html/));
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<figure> <figure>
<img src="https://bit.ly/fcc-cats" alt="Five cats looking around a field."> <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption> <figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure> </figure>
</section> </section>