Skip to content

Commit 1ea05cf

Browse files
added my personal font-awesome link so the exercise workss
1 parent 4e06006 commit 1ea05cf

File tree

3 files changed

+28
-13
lines changed

3 files changed

+28
-13
lines changed
Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width" />
6+
<link rel="stylesheet" type="text/css" href="./styles.css" />
7+
<script src="https://kit.fontawesome.com/78d2a11ad0.js" crossorigin="anonymous"></script>
8+
<title>11 Font Awesome</title>
9+
</head>
10+
<body>
11+
<ul>
12+
<li><i class="fa fa-camera-retro"></i> Hello</li>
13+
</ul>
14+
</body>
15+
</html>

exercises/11-Font-Awesome-Icons/README.md

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ But using icons can be frustrating and time-consuming because each icon is an im
66

77
Font-awesome solve the "image" problem by creating a new font- each letter is a different icon and you can now import the whole font into your website and use whatever icon you want.
88

9-
After linking your website with font-awesome, you can use the following to code to insert a specific icon:
9+
After linking your website with font-awesome, you can use the following code to insert a specific icon:
1010

1111
```html
1212
<i class="fa fa-camera-retro"></i>
@@ -17,6 +17,5 @@ You can find all the available names here: http://fontawesome.io/icons/
1717

1818
## 📝 Instructions:
1919

20-
2120
Add two more items into your list and add a different icon at the beginning of each item.
2221

Lines changed: 12 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,15 @@
11
<!DOCTYPE html>
22
<html>
3-
<head>
4-
<meta charset="utf-8" />
5-
<meta name="viewport" content="width=device-width" />
6-
<link rel="stylesheet" type="text/css" href="./styles.css" />
7-
<title>11 Font Awesome</title>
8-
</head>
9-
<body>
10-
<ul>
11-
<li><i class="fa fa-camera-retro"></i> Hello</li>
12-
</ul>
13-
</body>
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width" />
6+
<link rel="stylesheet" type="text/css" href="./styles.css" />
7+
<script src="https://kit.fontawesome.com/78d2a11ad0.js" crossorigin="anonymous"></script>
8+
<title>11 Font Awesome</title>
9+
</head>
10+
<body>
11+
<ul>
12+
<li><i class="fa fa-camera-retro"></i> Hello</li>
13+
</ul>
14+
</body>
1415
</html>

0 commit comments

Comments
 (0)