Skip to content

Commit 09f18e8

Browse files
sandrabosksandrabosk
committed
update fontawesome link
1 parent 7e4e6b6 commit 09f18e8

File tree

1 file changed

+104
-90
lines changed

1 file changed

+104
-90
lines changed

‎starter_code/index.html‎

Lines changed: 104 additions & 90 deletions
Original file line numberDiff line numberDiff line change
@@ -1,101 +1,115 @@
11
<!DOCTYPE html>
22
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
37

4-
<head>
5-
<meta charset="UTF-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<meta http-equiv="X-UA-Compatible" content="ie=edge">
8-
<script src="https://use.fontawesome.com/1fb0eb3889.js"></script>
9-
<title>Where work happens | Slack</title>
10-
</head>
8+
<!-- link the font awesome CDN -->
9+
<link
10+
href="https://use.fontawesome.com/releases/v5.0.1/css/all.css"
11+
rel="stylesheet"
12+
/>
1113

12-
<body>
13-
<nav>
14-
<img src="./images/slack-logo.png" alt="slack_logo">
15-
<ul>
16-
<li>Why Slack?</li>
17-
<li>Pricing</li>
18-
<li>About Us</li>
19-
<li>Your Workspaces</li>
20-
</ul>
21-
</nav>
22-
<header>
23-
<img src="./images/home_talking.png" alt="home_work_happening">
24-
<h1>Where Work Happens</h1>
25-
<p>When your team needs to kick off a project, hire a new employee, deploy some code, review a sales contract, finalize next year's budget, measure an A/B test, plan your next office opening, and more, Slack has you covered.</p>
26-
<button type="button" name="button">GET STARTED</button>
27-
<p>Already using Slack? <a href="#">Sign in</a></p>
28-
</header>
29-
<main>
30-
<div>
31-
<h2>You´re in good company</h2>
32-
<p>Millions of people around the world have already made Slack the place where their work happens.</p>
33-
<button>DISCOVER WHY</button>
34-
<img src="./images/airbnb-logo.png" alt="">
35-
<img src="./images/capital-one-logo.png" alt="">
36-
<img src="./images/harvard-logo.png" alt="">
37-
<img src="./images/los-angeles-times-logo.png" alt="">
38-
<img src="./images/oracle-logo.png" alt="">
39-
<img src="./images/ticketmaster-logo.png" alt="">
40-
</div>
41-
<div>
42-
<p>Try it for free</p>
43-
<p>Already using Slack? <a href="">Sign in</a></p>
44-
<button type="button" name="button">GET STARTED</button>
45-
</div>
46-
</main>
47-
<footer>
48-
<div>
49-
<img src="./images/iso-slack.png" alt="">
50-
<ul>
51-
<li>COMPANY</li>
52-
<li>About Us</li>
53-
<li>Careers</li>
54-
<li>Blog</li>
55-
<li>Press</li>
56-
<li>Brand Guidelines</li>
57-
</ul>
14+
<!-- link your styles -->
15+
<link rel="stylesheet" href="./stylesheets/style.css" />
16+
<title>Where work happens | Slack</title>
17+
</head>
18+
19+
<body>
20+
<nav>
21+
<img src="./images/slack-logo.png" alt="slack_logo" />
5822
<ul>
59-
<li>PRODUCT</li>
6023
<li>Why Slack?</li>
61-
<li>Enterprise</li>
62-
<li>Customer Stories</li>
6324
<li>Pricing</li>
64-
<li>Security</li>
65-
</ul>
66-
<ul>
67-
<li>RESOURCES</li>
68-
<li>Download</li>
69-
<li>Help Center</li>
70-
<li>Guides</li>
71-
<li>Events</li>
72-
<li>App Directory</li>
73-
<li>API</li>
74-
</ul>
75-
<ul>
76-
<li>EXTRAS</li>
77-
<li>Podcast</li>
78-
<li>Slack Shop</li>
79-
<li>Slack at Work</li>
80-
<li>Slack Fund</li>
81-
</ul>
82-
</div>
83-
<div>
84-
<ul>
85-
<li>Status</li>
86-
<li>Privacy & Terms</li>
87-
<li>Contact Us</li>
25+
<li>About Us</li>
26+
<li>Your Workspaces</li>
8827
</ul>
28+
</nav>
29+
<header>
30+
<img src="./images/home_talking.png" alt="home_work_happening" />
31+
<h1>Where Work Happens</h1>
32+
<p>
33+
When your team needs to kick off a project, hire a new employee, deploy
34+
some code, review a sales contract, finalize next year's budget, measure
35+
an A/B test, plan your next office opening, and more, Slack has you
36+
covered.
37+
</p>
38+
<button type="button" name="button">GET STARTED</button>
39+
<p>Already using Slack? <a href="#">Sign in</a></p>
40+
</header>
41+
<main>
8942
<div>
90-
<img src="./images/us-flag.png" alt="">
91-
<span>English (US)</span>
92-
<i class="fa fa-chevron-down" aria-hidden="true"></i>
93-
<i class="fa fa-twitter" aria-hidden="true"></i>
94-
<i class="fa fa-facebook" aria-hidden="true"></i>
95-
<i class="fa fa-youtube-play" aria-hidden="true"></i>
43+
<h2>You're in good company</h2>
44+
<p>
45+
Millions of people around the world have already made Slack the place
46+
where their work happens.
47+
</p>
48+
<button>DISCOVER WHY</button>
49+
<img src="./images/airbnb-logo.png" alt="" />
50+
<img src="./images/capital-one-logo.png" alt="" />
51+
<img src="./images/harvard-logo.png" alt="" />
52+
<img src="./images/los-angeles-times-logo.png" alt="" />
53+
<img src="./images/oracle-logo.png" alt="" />
54+
<img src="./images/ticketmaster-logo.png" alt="" />
9655
</div>
97-
</div>
98-
</footer>
99-
</body>
100-
56+
<div>
57+
<p>Try it for free</p>
58+
<p>Already using Slack? <a href="">Sign in</a></p>
59+
<button type="button" name="button">GET STARTED</button>
60+
</div>
61+
</main>
62+
<footer>
63+
<div>
64+
<img src="./images/iso-slack.png" alt="" />
65+
<ul>
66+
<li>COMPANY</li>
67+
<li>About Us</li>
68+
<li>Careers</li>
69+
<li>Blog</li>
70+
<li>Press</li>
71+
<li>Brand Guidelines</li>
72+
</ul>
73+
<ul>
74+
<li>PRODUCT</li>
75+
<li>Why Slack?</li>
76+
<li>Enterprise</li>
77+
<li>Customer Stories</li>
78+
<li>Pricing</li>
79+
<li>Security</li>
80+
</ul>
81+
<ul>
82+
<li>RESOURCES</li>
83+
<li>Download</li>
84+
<li>Help Center</li>
85+
<li>Guides</li>
86+
<li>Events</li>
87+
<li>App Directory</li>
88+
<li>API</li>
89+
</ul>
90+
<ul>
91+
<li>EXTRAS</li>
92+
<li>Podcast</li>
93+
<li>Slack Shop</li>
94+
<li>Slack at Work</li>
95+
<li>Slack Fund</li>
96+
</ul>
97+
</div>
98+
<div>
99+
<ul>
100+
<li>Status</li>
101+
<li>Privacy & Terms</li>
102+
<li>Contact Us</li>
103+
</ul>
104+
<div>
105+
<img src="./images/us-flag.png" alt="" />
106+
<span>English (US)</span>
107+
<i class="fas fa-chevron-down"></i>
108+
<i class="fab fa-twitter"></i>
109+
<i class="fab fa-facebook-f"></i>
110+
<i class="fab fa-youtube"></i>
111+
</div>
112+
</div>
113+
</footer>
114+
</body>
101115
</html>

0 commit comments

Comments
 (0)