# I´m with this project: Build a Product Landing Page

**URL:** <https://forum.freecodecamp.org/t/i-m-with-this-project-build-a-product-landing-page/331839>\
**Category:** General\
**Created:** [December 9, 2019, 12:58pm UTC](https://forum.freecodecamp.org/t/i-m-with-this-project-build-a-product-landing-page/331839 "2019-12-09T12:58:07Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![dionibmps](https://avatars.discourse-cdn.com/v4/letter/d/bbe5ce/32.png) [@dionibmps](https://forum.freecodecamp.org/u/dionibmps)\
**Post date:** [December 9, 2019, 12:58pm UTC](https://forum.freecodecamp.org/t/i-m-with-this-project-build-a-product-landing-page/331839/1 "2019-12-09T12:58:07Z")

</div>

Hello  
I`m doing my challenges, but I`m a bit stuck while i`m checking the example:

> **[FCC: Product Landing Page](https://codepen.io/freeCodeCamp/pen/RKRbwL)**
>
> ...

I don`t understand in the HTML the lines 36-39 for example

\</

first I dont find understand the class fa fa-3x fa-fire I dont get how it get the image from it (It is not in the CSS or wherever)  
Second why i, that I understand eighter, as far as I know i its for italic and here image or something.

Really will apreciate your time, Im trying my html, but I really got stucked at this point trying to understand all 😉 with this icons

Thanks so much

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [December 9, 2019, 1:10pm UTC](https://forum.freecodecamp.org/t/i-m-with-this-project-build-a-product-landing-page/331839/2 "2019-12-09T13:10:43Z")

</div>

the example uses Bootstrap, so if you are unfamiliar with it, many things may not make sense in the example code

my suggestion is to not check the example code that much and instead focus on writing your own code

---

<div class="post-metadata">

**Author:** ![lasjorg](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/lasjorg/32/280761_2.png) [@lasjorg](https://forum.freecodecamp.org/u/lasjorg)\
**Post date:** [December 9, 2019, 1:20pm UTC](https://forum.freecodecamp.org/t/i-m-with-this-project-build-a-product-landing-page/331839/3 "2019-12-09T13:20:55Z")

</div>

It is using [Font Awesome](https://fontawesome.com/) ([basic use](https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use)) for the icons. Also, Bootstrap is _not_ used in that example project (just so we do not cause any confusion).

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [December 9, 2019, 1:31pm UTC](https://forum.freecodecamp.org/t/i-m-with-this-project-build-a-product-landing-page/331839/4 "2019-12-09T13:31:27Z")

</div>

so it’s just unnecessary added to the pen options?

---

<div class="post-metadata">

**Author:** ![lasjorg](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/lasjorg/32/280761_2.png) [@lasjorg](https://forum.freecodecamp.org/u/lasjorg)\
**Post date:** [December 9, 2019, 2:05pm UTC](https://forum.freecodecamp.org/t/i-m-with-this-project-build-a-product-landing-page/331839/5 "2019-12-09T14:05:09Z")

</div>

I don’t see Bootstrap in the options?

Maybe you are looking at the CDN domain name `bootstrapcdn`. If you look at the full URL it is just the Font Awesome CSS file.

`https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css`

---

<div class="post-metadata">

**Author:** ![dionibmps](https://avatars.discourse-cdn.com/v4/letter/d/bbe5ce/32.png) [@dionibmps](https://forum.freecodecamp.org/u/dionibmps)\
**Post date:** [December 9, 2019, 3:29pm UTC](https://forum.freecodecamp.org/t/i-m-with-this-project-build-a-product-landing-page/331839/6 "2019-12-09T15:29:25Z")

</div>

thanks I will, but I love to read all the code to understand ;). Thanks

---

<div class="post-metadata">

**Author:** ![dionibmps](https://avatars.discourse-cdn.com/v4/letter/d/bbe5ce/32.png) [@dionibmps](https://forum.freecodecamp.org/u/dionibmps)\
**Post date:** [December 9, 2019, 3:30pm UTC](https://forum.freecodecamp.org/t/i-m-with-this-project-build-a-product-landing-page/331839/7 "2019-12-09T15:30:33Z")

</div>

thanks so much, now I understand 😉

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 16, 2021, 11:30am UTC](https://forum.freecodecamp.org/t/i-m-with-this-project-build-a-product-landing-page/331839/8 "2021-01-16T11:30:55Z")

</div>