Jump to content

jackcole861

Members
 View Profile  See their activity

  • Posts

    1

  • Joined

  • Last visited

 Content Type 

Posts posted by jackcole861

    My nav bar isnt linking to my other pages

    in General

    Posted

     
     
     
     
     
    <!DOCTYPE html>
    <html lang = "en">
     
    <!--This is my first comment in my index page-->
    <head>
     
    <meta charset="utf-8">
    <link rel="stylesheet" href="greentea.css">
    <a href= "greentea.html"></a>
     
    </head>
     
    <header>
        <h1>Teaz Nuts</h1>
    </header>
     
    <!--This is the body of my page-->
    <body>
     
    <nav>
        <ul>
     
        <li><a href= "greentea.html"> Home </a></li>
        <li><a href="about.html">Login</a></li>
        <li><a href="Product.html">Product</a> </li>
        <li><a href="New User Signup.html">New User Signup</a></li> 
        </ul>
      </nav>
     
    <main>
     
    <div class = "hippiegirl">
    <image src = "hippiegirl.jpg" alt = "tranquility"></image>
    </div>
     
    <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>




     
    </main>
     
    <footer>
        <br>&copy;
        <a href="mailto:jackcole861@gmail.com">Click to email Jack Cole</a>
    </footer>
     
    </body>
     
    </html>
     
     
     
     
     
     
     
     
     
     
    This is my css
     
    .hippiegirl
     
    {
        position:absolute;
        left:0;
        top:0;
        width:400%;
        height:auto;
        opacity:0.6;
     
    }
     
    body{
     
        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;
      }
×
×
  • Create New...