|
1 | 1 | <!DOCTYPE html> |
2 | 2 | <html lang="en"> |
3 | | -<head> |
4 | | - <meta charset="UTF-8"> |
5 | | - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
| 3 | + <head> |
| 4 | + <meta charset="UTF-8" /> |
| 5 | + <meta |
| 6 | + name="viewport" |
| 7 | + content="width=device-width, initial-scale=1, shrink-to-fit=no" |
| 8 | + /> |
6 | 9 | <title>Karma</title> |
7 | | - <link href='https://fonts.googleapis.com/css?family=Roboto:400,500,300' rel='stylesheet' type='text/css'> |
8 | | - <link rel="stylesheet" href="css/normalize.css"> |
9 | | - <link rel="stylesheet" href="css/style.css"> |
10 | | - <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"> |
11 | | -</head> |
12 | | -<body> |
13 | | - |
| 10 | + <link |
| 11 | + href="https://fonts.googleapis.com/css?family=Roboto:400,500,300" |
| 12 | + rel="stylesheet" |
| 13 | + type="text/css" |
| 14 | + /> |
| 15 | + <link rel="stylesheet" href="css/normalize.css" /> |
| 16 | + <link rel="stylesheet" href="css/style.css" /> |
| 17 | + <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> |
| 18 | + </head> |
| 19 | + <body> |
14 | 20 | <!-- Add your HTML markup here --> |
15 | 21 | <!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc --> |
16 | 22 | <!-- All the images you need are in the 'img' folder --> |
17 | | - |
18 | | -</body> |
| 23 | + <header class="header"> |
| 24 | + <img src="./img/karma-logo.svg" alt="" style="height: 50px" /> |
| 25 | + <nav> |
| 26 | + <ul> |
| 27 | + <li> |
| 28 | + <a href="#"><strong>Meet Karma</strong></a> |
| 29 | + </li> |
| 30 | + <li><a href="#">How it Works</a></li> |
| 31 | + <li><a href="./store.html"></a>Store</li> |
| 32 | + <li><a href="#">Blog</a></li> |
| 33 | + <li><a href="#">Help</a></li> |
| 34 | + <li><a href="#">Login</a></li> |
| 35 | + </ul> |
| 36 | + </nav> |
| 37 | + </header> |
| 38 | + <main class="main"> |
| 39 | + <div> |
| 40 | + <h2>Introducing Karma</h2> |
| 41 | + <p>Bring WiFi with you, everywhere you go.</p> |
| 42 | + <button>Learn More</button> |
| 43 | + </div> |
| 44 | + <div> |
| 45 | + <h2>Everyone needs a little Karma.</h2> |
| 46 | + <p>Internet for all devices</p> |
| 47 | + <p>Boost your productivity</p> |
| 48 | + <p>Pay as You Go</p> |
| 49 | + </div> |
| 50 | + </main> |
| 51 | + <footer class="footer"> |
| 52 | + <p>Join us on</p> |
| 53 | + <p>Karma mobility inc.</p> |
| 54 | + </footer> |
| 55 | + </body> |
19 | 56 | </html> |
0 commit comments