index2.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="css/style2.css">
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,300,500' rel='stylesheet' type='text/css'>
</head>

<body>

<nav class="top-navigation">
        <div class="content">
            <ul class="links">
                    <li  class="active">Meet Karma</li>
                    <li >How it Works</li>
                    <li >Store</a></li>
                    <l  >Blog</a></li>
                    <li >Help</a></li>
                    <li >Login</a></li>
            </ul>

            <img  class ="logo" src="images/karma-logo.svg" alt="Logo Image" width="26px">
        </div>

</nav>

<section class="introduction">
            <div class="content">
                    <h1>Inroducing Karma</h1>
                    <h3>Bring Wifi with you, EveryWhere you go.</h3>

                        <button class="buttons"  type="button" >Learn More</button>

            </div>
</section>


</body>
</html>