# Help with my landing page please

**URL:** <https://forum.freecodecamp.org/t/help-with-my-landing-page-please/292668>\
**Category:** General\
**Created:** [July 6, 2019, 8:44am UTC](https://forum.freecodecamp.org/t/help-with-my-landing-page-please/292668 "2019-07-06T08:44:59Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![JoBarkhuizen](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jobarkhuizen/32/117161_2.png) [@JoBarkhuizen](https://forum.freecodecamp.org/u/JoBarkhuizen)\
**Post date:** [July 6, 2019, 8:44am UTC](https://forum.freecodecamp.org/t/help-with-my-landing-page-please/292668/1 "2019-07-06T08:44:59Z")

</div>

Hi guys  
You can find my page here:

> **[JoBarkhuizen/LandingPage](https://github.com/JoBarkhuizen/LandingPage)**
>
> FreeCodeCamp Product Landing Page. Contribute to JoBarkhuizen/LandingPage development by creating an account on GitHub.

I have trouble with the navigation links, it does not link to different sections in my page, it opens a new page. I’ve even removed the wrapper as I though-ed this might be causing this, but I got the same result.  
fyi. I know the news anchor is different, this is because I have tested different scenario’s and every one comes to the same result.

Also. When I run the test it tells me my form does not have id=form

Thank you for your assistance

---

<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:** [July 6, 2019, 9:02am UTC](https://forum.freecodecamp.org/t/help-with-my-landing-page-please/292668/2 "2019-07-06T09:02:12Z")

</div>

You have the `#form` id used multiple times, plus I have seen at least one `a` with no text in it, so it seems not easy to navigate

I can’t see the live version, or what the tests say, so I am basing only on your code. Do you have a live page that is possible to look at?

---

<div class="post-metadata">

**Author:** ![JoBarkhuizen](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jobarkhuizen/32/117161_2.png) [@JoBarkhuizen](https://forum.freecodecamp.org/u/JoBarkhuizen)\
**Post date:** [July 6, 2019, 11:03am UTC](https://forum.freecodecamp.org/t/help-with-my-landing-page-please/292668/3 "2019-07-06T11:03:03Z")

</div>

Thank you for the quick response. I removed the extra form id.

I copied my code to this code pen, hope it helps. I linked the images from my github account but it seems that it does not work…or maybe I did something wrong 😉  
[https://codepen.io/jobarkhuizen/pen/pXOxqo](https://codepen.io/jobarkhuizen/pen/pXOxqo)

Thank you

---

<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:** [July 6, 2019, 11:23am UTC](https://forum.freecodecamp.org/t/help-with-my-landing-page-please/292668/4 "2019-07-06T11:23:36Z")

</div>

Please also add the test suite

* * *

for the images, try opening the links and see where to they bring  
`https://github.com/JoBarkhuizen/LandingPage/blob/master/pexels-photo-2547231%20-%20Copy.jpeg`  
[![](https://github.com/JoBarkhuizen/LandingPage/blob/master/pexels-photo-2547231%20-%20Copy.jpeg) ](https://github.com/JoBarkhuizen/LandingPage/blob/master/pexels-photo-2547231%20-%20Copy.jpeg)

If instead you open that and right click on the image and choose copy link you get this link:  
`https://github.com/JoBarkhuizen/LandingPage/blob/master/pexels-photo-2547231%20-%20Copy.jpeg?raw=true`  
[![](https://raw.githubusercontent.com/JoBarkhuizen/LandingPage/master/pexels-photo-2547231%20-%20Copy.jpeg) ](https://raw.githubusercontent.com/JoBarkhuizen/LandingPage/master/pexels-photo-2547231%20-%20Copy.jpeg)

---

<div class="post-metadata">

**Author:** ![JoBarkhuizen](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jobarkhuizen/32/117161_2.png) [@JoBarkhuizen](https://forum.freecodecamp.org/u/JoBarkhuizen)\
**Post date:** [July 6, 2019, 3:19pm UTC](https://forum.freecodecamp.org/t/help-with-my-landing-page-please/292668/5 "2019-07-06T15:19:08Z")

</div>

When I run the test I get the errors below. (how can I attach a screenshot of the errors to this page?)

I can see an image within the #header element with a corresponding id=“header-img”. A company logo would make a good image here.

When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page.

When I click the submit element, the email is submitted to a static page (use this mock URL: [https://www.freecodecamp.com/email-submit](https://www.freecodecamp.com/email-submit)) that confirms the email address was entered (and that it posted successfully)

---

<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:** [July 6, 2019, 3:20pm UTC](https://forum.freecodecamp.org/t/help-with-my-landing-page-please/292668/6 "2019-07-06T15:20:48Z")

</div>

Please include the test suite in the codepen

---

<div class="post-metadata">

**Author:** ![JoBarkhuizen](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jobarkhuizen/32/117161_2.png) [@JoBarkhuizen](https://forum.freecodecamp.org/u/JoBarkhuizen)\
**Post date:** [July 6, 2019, 3:22pm UTC](https://forum.freecodecamp.org/t/help-with-my-landing-page-please/292668/7 "2019-07-06T15:22:13Z")

</div>

How do I do this,? I’ve only been using Github  
Thank you for your assistance

---

<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:** [July 6, 2019, 3:24pm UTC](https://forum.freecodecamp.org/t/help-with-my-landing-page-please/292668/8 "2019-07-06T15:24:45Z")

</div>

There is a pen linked with the test suite included. Instructions in the project-page.

Anyway, in codepen try using the analyser, there is an arrow near the html box from which you can reach it, it will give you some useful errors about wrong syntax , fixing those is a step toward making the page better

---

<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:** [July 6, 2019, 3:27pm UTC](https://forum.freecodecamp.org/t/help-with-my-landing-page-please/292668/9 "2019-07-06T15:27:56Z")

</div>

> [@JoBarkhuizen](#):
>
> When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page.

You probably need to not put the ids on empty elements… `<div id="watch"></div>`  
It is speculation tho, the errors give infos about what is the issue too

---

<div class="post-metadata">

**Author:** ![JoBarkhuizen](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jobarkhuizen/32/117161_2.png) [@JoBarkhuizen](https://forum.freecodecamp.org/u/JoBarkhuizen)\
**Post date:** [July 6, 2019, 3:32pm UTC](https://forum.freecodecamp.org/t/help-with-my-landing-page-please/292668/10 "2019-07-06T15:32:19Z")

</div>

If I include the error screenshot in my github will you be able to see it?

You can find it here  
[![](https://raw.githubusercontent.com/JoBarkhuizen/LandingPage/master/landing%20page%20errors.png) ](https://raw.githubusercontent.com/JoBarkhuizen/LandingPage/master/landing%20page%20errors.png)

---

<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:** [July 6, 2019, 3:56pm UTC](https://forum.freecodecamp.org/t/help-with-my-landing-page-please/292668/11 "2019-07-06T15:56:06Z")

</div>

I can just make speculations, I can’t try to see what happens, if what I try is enough to fix it

---

<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:** [July 6, 2019, 3:59pm UTC](https://forum.freecodecamp.org/t/help-with-my-landing-page-please/292668/12 "2019-07-06T15:59:16Z")

</div>

See the first two lines of each error, if they can give you an hint of what’s wrong

---

<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:** [July 6, 2019, 4:03pm UTC](https://forum.freecodecamp.org/t/help-with-my-landing-page-please/292668/13 "2019-07-06T16:03:23Z")

</div>

For example `each .nav-link element should have an href attribute`

> [@](#):
>
> ```auto
> <div class="links">
> <div class="nav-link"></div>
> <a class="nav-link" href="#about">About</a>
> <a class="nav-link" href="#history">History</a>
> <a class="nav-link" href="#watch">Watch</a>
> <a class="nav-link" href="#news">News</a>
> </div>
> 
> ```

---

<div class="post-metadata">

**Author:** ![JoBarkhuizen](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jobarkhuizen/32/117161_2.png) [@JoBarkhuizen](https://forum.freecodecamp.org/u/JoBarkhuizen)\
**Post date:** [July 7, 2019, 8:53am UTC](https://forum.freecodecamp.org/t/help-with-my-landing-page-please/292668/15 "2019-07-07T08:53:12Z")

</div>

Hi There

I am ignoring the first error as my images are in the same folder as my code therefore I don’t need the url.

Is this what you mean?  
`<a class="nav-link" href="LandingPage.html">About</a>`  
If yes then should the reference in the page to this be the following?  
`<a id="about"><h4>About:</h4></a>`

---

<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:** [July 7, 2019, 10:56am UTC](https://forum.freecodecamp.org/t/help-with-my-landing-page-please/292668/16 "2019-07-07T10:56:46Z")

</div>

> [@ILM](#):
>
> `<div class="nav-link"></div>`

why do you have this? it’s not a link, so it can’t have a `href`, this is giving you issues

* * *

* * *

* * *

Then, `The #email imput should have a name attribute`. Missing:

```auto
<input type="email" id="email" placeholder="Enter Your Email" size="30" maxlength="256" id="email" required>

```

---

<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, 12:59pm UTC](https://forum.freecodecamp.org/t/help-with-my-landing-page-please/292668/17 "2021-01-16T12:59:05Z")

</div>


