-
Notifications
You must be signed in to change notification settings - Fork 0
/
Technical Documentation Page.html
175 lines (140 loc) · 6.22 KB
/
Technical Documentation Page.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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="Technical Documentation Page.css">
<nav id="navbar">
<header class="nav-header">
Definitely not a Documentation Page
</header>
<br>
<br>
<br>
<br>
<br>
<li><a class="nav-link" href="#About_Peace">About Peace</a></li>
<li><a class="nav-link" href="#Why_I_Love_Dogs">Why I Love Dogs</a></li>
<li><a class="nav-link" href="#Why_I_Kinda_Like_Cats">Why I Kinda Like Cats</a></li>
<li><a class="nav-link" href="#Dog_Photo_Gallery">Dog Photo Gallery</a></li>
<li><a class="nav-link" href="#Cat_Photo_Gallery">Cat Photo Gallery</a></li>
<li><a class="nav-link" href="#A_Rant_About_Allergies">A Rant About Allergies</a></li>
<li><a class="nav-link" href="#Thank_You">Thank You</a></li>
</nav>
</head>
<body>
<main id="main-doc">
<section class="main-section" id="About_Peace">
<header>About Peace</header>
<h2>When I started coding</h2>
<p>I started coding in 7th grade for computer class. I didn't really much have much of a choice.</p>
<p>Despite that, I enjoyed coding and decided to choose Information and Communication Technology as my specialized subject</p>
<p>I am currently applying for a computer science program in the University of San Carlos.</p>
<hr>
</section>
<section class="main-section" id="Why_I_Love_Dogs">
<header>Why I Love Dogs</header>
<h2>Reasons:</h2>
<p>They're friendly, loving, and protective.</p>
<p>They don't really care about who you are and we'll always greet you with a smile and a wagging tail every time you arrive at the door</p>
<p>They're incredibly huggable</p>
<h2>Formula as to why dogs are nice (in Python)</h2>
<code>
f1 = 'fluffy'
f2 = 'furry'
f3 = f1 + f2
</code>
<br>
<code>
f3 = Fluffury'
f4 = 'Bark'
f5 = f3 + f5
</code>
<br>
<code>
f5 = 'Barking Fluffury'
f6 = 'Wagging Tail'
<br>
f7 = f5 + f6 = <strong> Wagging Barking Fluffury Perfect Animal</strong>
</code>
<hr>
</section>
<section class="main-section" id="Why_I_Kinda_Like_Cats">
<header>Why I Kinda Like Cats</header>
<h2>Reasons:</h2>
<p>They're like Tsunderes. They can go from loving and adoring to irritatable and annoying.</p>
<p>When they act cute, they're VERY CUTE</p>
<p>They can be so stupid, it's actually funny</p>
<h2>Formula as to why cats are kinda nice (in Python)</h2>
<code>
f1 = 'Meowy'
f2 = 'Purry'
f3 = f1 + f2
</code>
<br>
<code>
f3 = 'Purring Meowy'
f4 = 'Whiskers'
<br>
f5 = f3 + f4 = <strong>Purring Meowy Whiskers</strong>
</code>
</section>
<hr>
<section class="main-section" id="Dog_Photo_Gallery">
<header>Dog Photo Gallery</header>
<p>Here's a compilation of my pet dogs:</p>
<div class="gallery">
<img src="Kaloy 1.jpg">
<img src="Kaloy 2.jpg">
<img src="Kaloy 3.jpg">
<img src="Snoopy 1 .jpg">
<img src="Jack 1.jpg">
<img src="Tutay 1.jpg">
<img src="Tutay 2.jpg">
<img src="Tutay 3.jpg">
<img src="Tutay 4.jpg">
</div>
</section>
<hr>
<section class="main-section" id="Cat_Photo_Gallery">
<header>Cat Photo Gallery</header>
<p>Here's a compilation of random cats:</p>
<div class="gallery">
<img src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/2.jpg">
<img src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/3.jpg">
<img src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/4.jpg">
<img src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/5.jpg">
<img src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/6.jpg">
<img src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/7.jpg">
<img src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/8.jpg">
<img src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/9.jpg">
<img src="bright eye cat.jpg">
</div>
</section>
<hr>
<section class="main-section" id="A_Rant_About_Allergies">
<header>A Rant About Allergies</header>
<p>Like why do allergies even exist? I can't pet and hug any furry animals for more than 5 minutes without having a sneeze attack
afterwards.
</p>
<div class="list-item-content">
<ol type="1">
<h5>Why we should abolish allergies:</h5>
<li>It's not healthy</li>
<li>It's annoying</li>
<li>It doesn't make sense</li>
<li>You can't fully enjoy the existence of your pets</li>
<li>It's just plain annoying</li>
</ol>
</div>
</section>
<hr>
<hr>
<section class="main-section" id="Thank_You">
<header>Thank You</header>
<p>Thank you for reading through this "Technical Documentation Page". All of this are mere placeholders anyways.</p>
</section>
</main>
</body>
</html>