Skip to content
This repository was archived by the owner on Oct 26, 2020. It is now read-only.

Html css/week2/nouri #67

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

Html css/week2/nouri #67

Changes from 1 commit
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
c1fb707
tick flexfroggy exercise as done
nouri89 May 17, 2020
e5b72c7
update html
nouri89 May 17, 2020
bc4672b
add an <a> to html
nouri89 May 18, 2020
c44fef6
update css
nouri89 May 18, 2020
7b755e8
update html
nouri89 May 19, 2020
43724ce
update css
nouri89 May 19, 2020
b23efc1
final html code
nouri89 May 23, 2020
fbe8aca
a further update
nouri89 May 23, 2020
5e510ce
update css
nouri89 May 23, 2020
9656c0e
update html
nouri89 May 29, 2020
8a5860a
update css
nouri89 May 29, 2020
c6ba8d0
Final update
nouri89 Jun 2, 2020
833fdb1
Final CSS update
nouri89 Jun 2, 2020
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
Prev Previous commit
Next Next commit
Final update 
Making a final changes to bring the website look like the original one.
  • Loading branch information
@nouri89
nouri89 authored Jun 2, 2020
commit c6ba8d0ccac7a44ec1c86a079d0d558fcf0718bc
52 changes: 26 additions & 26 deletions week2/2-website/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,36 +1,35 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Karma </title>
<title>Karma </title>
<link href='//fonts.googleapis.com/css?family=Roboto:400,500,300' rel='stylesheet' type='text/css'>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/normalize.css">
<!-- Add a link to your CSS file here (use the line above to guide you) -->
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<header id="header">
<div class="logo">
<img src="img/karma-logo.svg" alt="logo">
</div>
<header class="header">

<img class ="logo" src="img/karma-logo.svg" alt="logo">

<nav id="nav-bar">
<ul>
<li><a class="nav-link1" href=#meet-Karma>Meet Karma</a></li>
<li><a href=#How-it-Works>How it Works</a></li>
<li><a href=#How-it-Works>How it Works</a></li>
<li><a href=#Store>Store</a></li>
<li><a href=#Blog>Blog</a></li>
<li><a href=#Help>Help</a></li>
<li><a href=#Login>Login</a></li>
</ul>
</nav>
</header>
<div class ="hero">
<div class ="hero">
<div class="hero-content">
<h1>Introducing Karma </h1>
<h3>Bring WiFi with you, everywhere you go.</h3>
<h2>Bring WiFi with you, everywhere you go.</h2>
<Button >Learn More</Button>
</div>
</div>
Expand All @@ -44,42 +43,43 @@ <h2>
<ul class="listicons" >
<li>
<img src="img/icon-devices.svg" id="iconImage" alt="icon for devices">
<div class="cap">
<h3>Internet for all devices</h3>
</div>

<h4>Internet for all devices</h4>

</li>
<li>
<img src="img/icon-coffee.svg" id="iconImage" alt="Icon for cup of coffee">
<div class="cap">
<h3>Boost your productivity</h3>
</div>

<h4>Boost your productivity</h4>

</li>
<li>
<img src="img/icon-refill.svg" id="iconImage" alt="icon for refill">
<div class="cap">
<h3>Pay as you go</h3>
</div>

<h4>Pay as you go</h4>

</li>
</ul>
</div>
</div>
</section>
<hr>

<footer class="footer">
<hr>
<h5>Join us on</h5>
<div id="icons">
<ul class="icons">

<ul class="footerIcons">
<li >
<a href="" class="fa fa-twitter" id="twitter"></a>
</li>
<li >
<a href=""class="fa fa-facebook" class="facebook"></a>
<a href=""class="fa fa-facebook" id="facebook"></a>
</li>
<li >
<a href="" class="fa fa-instagram" class="instagram"></a>
<a href="" class="fa fa-instagram" id="instagram"></a>
</li>
</ul>
</div>

<span>© Karma Mobility, Inc.</span>
</footer>
</body>
Expand Down