-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathBlog.html
171 lines (144 loc) · 7.34 KB
/
Blog.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Room 916-Study Hall</title>
<link rel="stylesheet" href="style3.css" />
</head>
<header>
<div class="w3-bar w3-black">
<a href="index.html" class="w3-bar-item w3-button">Rm.329</a>
<a href="Blog.html" class="w3-bar-item w3-button">Rm.916</a>
<a href="Notes.html" class="w3-bar-item w3-button">Rm.815</a>
<a href="ArtRoom.html" class="w3-bar-item w3-button">Rm.1115</a>
<a href="Music Room.html" class="w3-bar-item w3-button">Rm.427</a>
</div>
</header>
<body>
<br>
<br>
<section class="blogform" ;>
<h1 style="text-align: center; color: red;">Room 916</h1> <!-- Blog form start; then built on by the year-->
<hr>
<div class="bloghead">
<h1 style="font-size: 80px;"><strong>Time Blog</strong></h1>
<br>
<br>
<br>
</div>
<br>
<hr>
<p style="text-align: center; color:blueviolet;"><strong>2022</strong></p>
<hr>
<div class="grid-container">
<div class="item1">Grade: 2nd</div>
<div class="item2">Favorite Subject: Math</div>
<div class="item3">Favorite Game: Pokemon Go</div>
<div class="item4">Favorite Foods? Mashed Potatoes</div>
</div>
<br>
<br>
<section class="imggrid" style="text-align: center;">
<div class="row">
<div class="column">
<img src="https://m.media-amazon.com/images/M/MV5BY2ZjYjY2ZGMtZGMwNi00NjRlLWJlNmQtMGRlYTE4YjE4MGFjXkEyXkFqcGdeQXVyMzIwMjMyMzc@._V1_FMjpg_UX1000_.jpg">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS71H9Sj4iLTvrY5W2IgzBHMId2DahekhXocyJ-JkPl3PH8S4MJfgEC1oIRTrNvIO3vXhI&usqp=CAU">
<div class="column";>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRXH4iErYAMWPBW5uDk1Z_hzdx4JttpxTVFWTYQH1xsAolZoBhxB929yTMP4pwH95ed2y8&usqp=CAU">
<img src="https://cdn.akamai.steamstatic.com/steam/apps/265930/capsule_616x353.jpg?t=1596094271">
</div>
</div>
</div>
</section>
<section>
<div class="favarticle">
<p>
Filler text for now...current year done first...now backtracking and creating the previous year's info. This will probably be as far as I go backwards. We'll see. Filler text should be good enough now.
</p>
</div>
</section>
<section class="imggrid" style="text-align: center;">
<div class="row">
<div class="column">
<img src="https://upload.wikimedia.org/wikipedia/en/thumb/7/7a/Cub_Scouting_%28Boy_Scouts_of_America%29.svg/1200px-Cub_Scouting_%28Boy_Scouts_of_America%29.svg.png">
<img src="https://pngimg.com/d/cat_PNG50473.png">
<div class="column";>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS328iaTzWkPmtWGqHlpNslL9g3XVlNk6xRHg&usqp=CAU">
<img src="https://i.insider.com/6046780444d8e300117b9a99?width=1136&format=jpeg">
<div class="column">
<img src="https://variety.com/wp-content/uploads/2020/06/youtube-logo.png">
<img src="https://staticg.sportskeeda.com/editor/2021/12/5cf0b-16393163791152-1920.jpg">
</div>
</div>
</div>
</div>
</section>
<hr>
<br>
<h3 style="text-align: center; color: aqua">2023</h3>
<hr>
<div class="grid-container2">
<div class="item1">Grade: 3rd</div>
<div class="item2">Favorite Subject: Math</div>
<div class="item3">Favorite Game: Minecraft</div>
<div class="item4">Favorite Foods? Green Beans (what?!)</div>
</div>
<h1 style="text-align: center; display: block;">Favorite Things</h1>
<!-- fav color is teal-->
<!--fav game Duet Cats -->
<!--update?-->
<br>
<br>
<section class="imggrid" style="text-align: center;">
<div class="row">
<div class="column">
<img src="https://upload.wikimedia.org/wikipedia/en/5/51/Minecraft_cover.png">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/98/International_Pok%C3%A9mon_logo.svg/250px-International_Pok%C3%A9mon_logo.svg.png">
<div class="column";>
<img src="https://yt3.googleusercontent.com/ytc/AOPolaSPEGZyCYn6jlNu9kbov9oJAw_GG4cSgYAd8fAAyw=s900-c-k-c0x00ffffff-no-rj">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQNdsoB6n_R3flUvZTm2WpXXdpr47MLKMS_OA&usqp=CAU">
</div>
</div>
</div>
</section>
<section>
<div class="favarticle">
<p>
Loves the color teal and enjoyed playing soccer. Wants to be a vet when all grown up. Really likes watching YouTube with included YouTubers Aphmau and Infinite. Aphmau played minecraft with friends in all kinds of different scenarios. Infinite plays lots of different games but the popular one is modded GTA5 but he also had scary video reactions.
</p>
</div>
</section>
<section class="imggrid" style="text-align: center;">
<div class="row">
<div class="column">
<img src="https://i.etsystatic.com/32867869/r/il/9fffc9/4104825431/il_fullxfull.4104825431_6cj7.jpg">
<img src="https://cdn.britannica.com/51/190751-050-147B93F7/soccer-ball-goal.jpg?w=600&q=60">
<div class="column";>
<img src="https://upload.wikimedia.org/wikipedia/en/0/09/Goat_Simulator_3_cover_art.png">
<img src="https://i.ytimg.com/vi/j86TTIMWBYY/sddefault.jpg">
<div class="column">
<img src="https://upload.wikimedia.org/wikipedia/en/5/51/Minecraft_cover.png">
<img src="https://upload.wikimedia.org/wikipedia/en/thumb/7/73/Minecraft_Dungeons_cover_art.jpg/220px-Minecraft_Dungeons_cover_art.jpg">
</div>
</div>
</div>
</div>
</section>
<section class="memory">
<div>
<h3 style="text-align: center;">Ears Pierced on a Thursday. July 27th at Claire's with Grandma </h3>
<p style="text-align: center;">Aurora was super brave and asked for this on her own. Seemed she even held back tears after getting the second ear done and already being in pain.</p>
</div>
</section>
<hr>
<h3 style="text-align: center; color:blue">2024</h3>
<hr>
<section>
<div>
</div>
</section>
<p></p>
</section>
</body>
</html>