Skip to content

Commit b8f4799

Browse files
gitdagraygitdagray
committed
Added chapters 7, 8 & 9
1 parent 4da46a3 commit b8f4799

File tree

15 files changed

+210
-1
lines changed

15 files changed

+210
-1
lines changed

‎.gitignore

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,4 +4,7 @@
44
03_lesson
55
04_lesson
66
05_lesson
7-
06_lesson
7+
06_lesson
8+
07_lesson
9+
08_lesson
10+
09_lesson

‎07_lesson_starter/css/style.css

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
2+
3+
body {
4+
padding: 10%;
5+
font-size: 2rem;
6+
font-family: 'Roboto', sans-serif;
7+
}

‎07_lesson_starter/index.html

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<title>CSS Links</title>
9+
<link rel="stylesheet" href="css/style.css">
10+
</head>
11+
12+
<body>
13+
<header>
14+
<h1>CSS Links</h1>
15+
</header>
16+
<main>
17+
<p>Welcome to my page about <a href="https://www.google.com/search?q=+web+links">cool web links</a>.</p>
18+
19+
<p>Actually.. that isn&apos;t a good search phrase. Let's search for <a
20+
href="https://www.google.com/search?q=hypertext+links">hypertext links</a> instead!</p>
21+
22+
<p>I created page one with information about <a href="one.html">guitars</a>.</p>
23+
24+
<p>I created page two with information about <a href="two.html">JavaScript</a>.</p>
25+
</main>
26+
</body>
27+
28+
</html>

‎07_lesson_starter/one.html

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<title>Page One</title>
9+
<link rel="stylesheet" href="css/style.css">
10+
</head>
11+
12+
<body>
13+
<h1>Page One</h1>
14+
</body>
15+
16+
</html>

‎07_lesson_starter/two.html

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<title>Page Two</title>
9+
<link rel="stylesheet" href="css/style.css">
10+
</head>
11+
12+
<body>
13+
<h1>Page Two</h1>
14+
</body>
15+
16+
</html>

‎08_lesson_starter/css/style.css

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
2+
3+
body {
4+
padding: 5% 10%;
5+
font-size: 2rem;
6+
font-family: "Roboto", sans-serif;
7+
}

‎08_lesson_starter/images/checkmark.png

843 Bytes
Loading

‎08_lesson_starter/index.html

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<title>CSS Lists</title>
9+
<link rel="stylesheet" href="css/style.css">
10+
</head>
11+
12+
<body>
13+
<header>
14+
<h1>CSS Lists</h1>
15+
</header>
16+
<main>
17+
<article>
18+
<h2>Ordered List</h2>
19+
<ol>
20+
<li>Step One</li>
21+
<li>Step Two</li>
22+
<li>Step Three</li>
23+
</ol>
24+
</article>
25+
<article>
26+
<h2>Unordered List</h2>
27+
<ul>
28+
<li>Step One</li>
29+
<li>Step Two</li>
30+
<li>Step Three</li>
31+
</ul>
32+
</article>
33+
</main>
34+
</body>
35+
36+
</html>

‎08_lesson_starter/one.html

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<title>Page One</title>
9+
<link rel="stylesheet" href="css/style.css">
10+
</head>
11+
12+
<body>
13+
<h1>Page One</h1>
14+
</body>
15+
16+
</html>

‎08_lesson_starter/two.html

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<title>Page Two</title>
9+
<link rel="stylesheet" href="css/style.css">
10+
</head>
11+
12+
<body>
13+
<h1>Page Two</h1>
14+
</body>
15+
16+
</html>

‎09_lesson_starter/css/style.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");

‎09_lesson_starter/index.html

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<title>CSS Menu</title>
9+
<link rel="stylesheet" href="css/style.css">
10+
</head>
11+
12+
<body>
13+
<nav>
14+
<h2>CSS Menu</h2>
15+
<ul>
16+
<li><a href="one.html">Appetizers</a></li>
17+
<li><a href="one.html">Entrees</a></li>
18+
<li><a href="two.html">Desserts</a></li>
19+
<li><a href="two.html">Beverages</a></li>
20+
<li><a href="two.html">About</a></li>
21+
</ul>
22+
</nav>
23+
<p>Learn more about <a href="https://www.cnn.com/travel/article/world-best-food-dishes/index.html">Amazing Foods</a>!</p>
24+
</body>
25+
26+
</html>

‎09_lesson_starter/one.html

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<title>Page One</title>
9+
<link rel="stylesheet" href="css/style.css">
10+
</head>
11+
12+
<body>
13+
<h1>Page One</h1>
14+
</body>
15+
16+
</html>

‎09_lesson_starter/two.html

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<title>Page Two</title>
9+
<link rel="stylesheet" href="css/style.css">
10+
</head>
11+
12+
<body>
13+
<h1>Page Two</h1>
14+
</body>
15+
16+
</html>

‎README.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -55,10 +55,12 @@
5555
- 🔗 [MDN: Applying Color to HTML Elements using CSS](https://developer.mozilla.org/en-US/docs/Web/HTML/Applying_color)
5656
- 🔗 [MDN: CSS Values and Units](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units)
5757
- 🔗 [MDN: The Box Model](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model)
58+
- 🔗 [MDN: Styling Lists](https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Styling_lists)
5859

5960
### 📚 Typography Resources:
6061
- 🔗 [MDN: Fundamental Text and Font Styling](https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Fundamentals)
6162
- 🔗 [CSSFontStack.com: Websafe Fonts](https://www.cssfontstack.com/)
63+
- 🔗 [MDN: Styling Links](https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Styling_links)
6264

6365
### 📚 Color Resources:
6466
- 🔗 [Coolors Contrast Checker](https://coolors.co/contrast-checker/112a46-acc8e5)
@@ -93,5 +95,8 @@
9395
- 🔗 [Chapter 4 Starter Code](https://github.com/gitdagray/css_course/tree/main/04_lesson_starter)
9496
- 🔗 [Chapter 5 Starter Code](https://github.com/gitdagray/css_course/tree/main/05_lesson_starter)
9597
- 🔗 [Chapter 6 Starter Code](https://github.com/gitdagray/css_course/tree/main/06_lesson_starter)
98+
- 🔗 [Chapter 7 Starter Code](https://github.com/gitdagray/css_course/tree/main/07_lesson_starter)
99+
- 🔗 [Chapter 8 Starter Code](https://github.com/gitdagray/css_course/tree/main/08_lesson_starter)
100+
- 🔗 [Chapter 9 Starter Code](https://github.com/gitdagray/css_course/tree/main/09_lesson_starter)
96101

97102

0 commit comments

Comments
 (0)