-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
96 lines (70 loc) · 3.43 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<!DOCTYPE html>
<html lang = "en-US">
<head>
<meta charset = "UTF-8"/>
<title>Assignment 4 - A Very Boring Web Page</title>
<!-- <link rel = "stylesheet" type = "text/css" href = "normalize.css"> -->
<link rel = "stylesheet" type = "text/css" href = "styles.css">
</head>
<body>
<!-- Write your HTML in this file! -->
<header>
<h1 id = "mainHeading">Assignment 4 - A Very Boring Web Page</h1>
</header>
<main>
<section>
<a name = "main, boring part 1"></a>
<h2>Boring Part Number 1</h2>
<p id = 'testP' class = 'funParagraph'>
This is a very boring notFunParagraph.
</p>
<p>
No one said we had to be creative. This is good, because I'm not creative.
</p>
<p>
No, indeed, I am not very creative at all.
</p>
<p>
Oh, crap. We <em>do</em> have to be creative. "d. Demonstrates creativity. Don’t stop with these items or tags. Have some ideas for your page, and make it great. And dig into the w3schools HTML reference to learn more about other tags, their usage and attributes!"
</p>
<p>
But this doesn't mean the <em>copy</em> has to be creative. Good!
</p>
</section>
<section id = "section-2">
<a name = "main, boring part 2"></a>
<h2>Boring Part Number 2</h2>
<p>
Here are some HTML entities, at random, to show I know how to use them (and also an ordered list):
</p>
<ol>
<li>
My knowledge of HTML is < my knowledge of reading web pages.
</li>
<li>
However, it's a small bit > my knowledge of JavaScript.
</li>
<li>
You might say, "How 'bout them apples?", but does that really make sense in this context? I mean, what do apples & oranges have to do with HTML?
</li>
</ol>
<p>Ok, 'nuffa that.
</p>
</section>
</main>
<article>
<header>
<h2>(Short (Boring)) Article About My Avatar</h2>
</header>
<br>
<img src = "./images/pexels-anni-roenkae-5278835.jpg" class = "localSource" alt = "photo of abstract painting" height=500vh> </img>
<p>I recently chose an avatar for my LaunchCode stuff. I don't like showing my actual face (for privacy reasons), but I was tired of the default Slack avatar.</p>
<p>I went to <a src="https://www.pexels.com">Pexels</a> and searched for "textures," then looked until I found something I liked. The source is <a href = "https://www.pexels.com/photo/close-up-photo-of-an-abstract-art-5278835/" target = '_blank'>here</a>. Pexels has free-to-use images.
</p>
<p>The image is sourced (and styled) differently below.</p>
<img src = "https://images.pexels.com/photos/5278835/pexels-photo-5278835.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1" class = "pexelSource" alt = "photo of abstract painting" height=500vh> </img>
<p>That's enough for this article.</p>
</article>
<footer>© 2023 Tracy H</footer>
</body>
</html>