Skip to content
This repository was archived by the owner on Jan 14, 2024. It is now read-only.

Update index.html #241

Open
laxmikckarki wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Update index.html #241

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
d8604de
Update index.html
laxmikckarki Oct 25, 2022
0ed38e5
Update index.html
laxmikckarki Oct 26, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
71 changes: 70 additions & 1 deletion index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,5 +18,74 @@
<body>
<!-- Add your HTML markup here -->
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
</body>

<header>
<a class="nav-list" href="index.html"><img src="/img/karma.logo.svg" alt="karma logo"</a>
<nav>


<ul class="nav list">
<li class="nav-items"><a class="nav-links" href="#">Meet Karma</a></li>
<li class="nav-items"><a class="nav-links" href="#">How it Works</a></li>
<li class="nav-items"><a class="nav-links" href="#">Store</a></li>
<li class="nav-items"><a class="nav-links" href="#">Blog</a></li>
<li class="nav-items"><a class="nav-links" href="#">Help</a></li>
<li class="nav-items"><a class="nav-links" href="#">Login</a></li>
</ul>
</nav>

</header>

<main>

<section class="hero">
<h2>Introducing Karma</h2>
<h5> Bring WIFI with you, everywhere you go
</h5>
<button> <a href="#">Learn More</a></button>

</section>

<section>

<h2>
Everyone needs a little Karma
</h2>
<article>

<div class="text">
<img src="/img/icon-devices.svg" alt="device icon">
<h5>Internet for all devices</h5>

</div>

<div class="text">

<img src="/img/icon-coffee.svg" alt="coffee icon">
<h5>Boost your productivity</h5>
</div>

<div class="text">

<img src="/img/icon-refill.svg" alt="refill icon">
<h5>Pay as you go</h5>

</div>
</article>
</section>
</main>
<footer>
<h2>Join us on</h2>
<ul>
<li><a href="#"><img src="/img/twitter-icon.svg" alt="twitter"></a></li>
<li><a href="#"><img src="/img/facebook-icon.svg" alt="facebook"></a></li>
<li><a href="#"><img src="/img/instagram-icon.svg" alt="instagram"></a></li>

</ul>

<h4>&copy; Karma Mobility Inc</h4>

</footer>

</body>
</html>