Cant select pages listed in my nav bar

This is my escaped html

<!DOCTYPE html>
<html lang = "en">

<!–This is my first comment in my index page–>

<meta charset="utf-8">
<link rel="stylesheet" href="greentea.css">
<a href= "greentea.html"></a>


<!–This is the body of my page–>
<h1>Teaz Nuts</h1>

&lt;li&gt;&lt;a href= &quot;greentea.html&quot;&gt; Home &lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;about.html&quot;&gt;Login&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;Product.html&quot;&gt;Product&lt;/a&gt; &lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;New User Signup.html&quot;&gt;New User Signup&lt;/a&gt;&lt;/li&gt; 



<image src = "hippiegirl.jpg" alt = "tranquility"></image>

<p>The properties of green tea are many and varied. Especially during an epidemic<br>
we all need to be aware of what tea can do for us. Along with its antibiotic properties, it also<br>
can cleanse the spirit and wash away our tensions. </p>


<a href="">Click to email Jack Cole</a>



And this is my css











background-color: lightgreen;


ul {

list-style-type: none;

margin: 0;

padding: 0;

overflow: hidden;

background-color: #333;


li {

float: left;


li a {

display: block;

color: white;

text-align: center;

padding: 14px 16px;

text-decoration: none;


/* Change the link color to #111 (black) on hover */

li a:hover {

background-color: #111;


@jackcole861 Instead trying to escape your code, it would be better to copy and paste it from your source code into the post and then add a single line of 3 backticks before the code and and after the code as shown below .

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.


Please edit your post, so we can better assist you.

Also, can you give more details about the kind of help you are needing here? What exactly are you trying to do with the code above?

Thank you.