-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
197 lines (196 loc) · 9.32 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
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
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
<!DOCTYPE html>
<html lang="en">
<head>
<title>Software Team Week 2 Meetings</title>
<meta charset="UTF-8">
<meta name="description" content="Meeting minutes site designed for CSE 110 Lab 2.">
<meta name="author" content="Lorenzo Mendes">
<link rel="apple-touch-icon" sizes="180x180" href="favicon_io/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon_io/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon_io/favicon-16x16.png">
<link rel="manifest" href="favicon_io/site.webmanifest">
<link rel="stylesheet" href="styles.css">
<style> /* Internal CSS to make our page background an eggshell white */
body {
background-color: #F0EAD6; /* Hex code for eggshell white */
}
</style>
</head>
<body> <!-- Noon Meeting -->
<header>
<nav>
<ol>
<li class="item"><a href="#">Software Team</a></li>
<li class="item"><a href="#">Meeting Minutes</a></li>
<li class="item">Week 2</li>
</ol>
</nav>
<hr>
<hr>
<!-- Inline CSS to center our heading and color it red by color name -->
<h1 style="color: red; text-align: center;">Big Corp. Software Team Week 2 Noon Meeting</h1>
<h2>Check-ins</h2>
<h3 style="text-align: center;">October 1, 2021 12:00pm</h3>
</header>
<hr>
<main>
<section> <!-- Attendance List -->
<h3 class="attendance">Attendance:</h3>
<ul>
<li><span>Lorenzo</span></li>
<li><span>John</span></li>
<li><span>Sarah</span></li>
<li><span>Michael</span></li>
<li><span>Hannah</span></li>
</ul>
</section>
<section class="agendalist"> <!-- Agenda -->
<h3>Agenda:</h3>
<h5>Items marked with "Unfinished" were carried over from last meeting</h5>
<ul>
<li class="agenda">Project debriefing -- <b>Unfinished</b></li>
<li class="agenda">Mentor introductions -- <b>Unfinished</b></li>
<li class="agenda">Development process tutorial -- <strong>New</strong></li>
<li class="agenda">Weekly recap -- <strong>New</strong></li>
</ul>
</section>
<section> <!-- Comments/Notes -->
<h3>Comments/Notes:</h3>
<p>Lorem ipsum dolor <i>sit amet</i>, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <i>Ut enim ad</i> minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu <em>fugiat nulla pariatur</em>. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui <em>officia deserunt</em> mollit anim id est laborum.</p>
</section>
<section>
<h3>Images/Diagrams:</h3>
<img src="imgs/MentorsInterns.png"
alt="Diagram of mentors and interns"
height=400>
</section>
<section>
<h3>Meeting Recordings:</h3>
<h4 class="vid">Video:</h4>
<video controls width="500">
<source src="video/BigCorpNoon.webm"
type="video/webm">
</video>
<h4>Audio:</h4>
<audio controls src="audio/BigCorpNoonAudio.mp3"></audio>
</section>
<br>
<div>
<details class="zoom">
<summary><strong>Zoom Recording:</strong></summary>
<a href="#">https://bigcorp.zoom.us/j/weektwonoon</a>
</details>
</div>
<hr>
<hr>
<header>
<!-- Inline CSS to center our heading and color it red by color name -->
<h1 style="color: red; text-align: center;">Big Corp. Software Team Week 2 Evening Meeting</h1>
<h2>Brainstorming</h2>
<h3 style="text-align: center;">October 1, 2021 5:00pm</h3>
</header>
<hr>
<section class="test1">
<h1>This is test number one!</h1>
</section>
<section class="test2">
<h2>This is test number two!</h2>
</section>
<section id="attendancenoon"> <!-- Attendance List -->
<h3 class="attendance">Attendance:</h3>
<ul>
<li><span>Lorenzo</span></li>
<li><span>John</span></li>
<li><span>Erica</span></li>
<li><span>Phineas</span></li>
</ul>
</section>
<section class="agendalist"> <!-- Agenda -->
<h3>Agenda:</h3>
<h5>Items marked with "Unfinished" were carried over from last meeting</h5>
<ul>
<li class="agenda">Weekly recap -- <b>Unfinished</b></li>
<li class="agenda">Web page design -- <strong>New</strong></li>
<li class="agenda">API standarization -- <strong>New</strong></li>
<li class="agenda">Plans for next week -- <strong>New</strong></li>
</ul>
</section>
<section> <!-- Comments/Notes -->
<h3>Comments/Notes:</h3>
<p>The <em>FitnessGram™ Pacer Test</em> is a multistage aerobic capacity test that progressively gets more difficult as it continues. The 20 meter pacer test will begin in <em>30 seconds</em>. Line up at the start. The running speed starts slowly, but gets faster each minute after you hear this signal. <i>[beep]</i> A single lap should be completed each time you hear this sound. <i>[ding]</i> Remember to run in a straight line, and run as long as possible. The second time you fail to complete a lap before the sound, your test is over. The test will begin on the word start. On your mark, get ready, start. </p>
</section>
<section>
<h3>Images/Diagrams:</h3>
<img src="imgs/WebpageDesign.png"
alt="Web page design layout"
height=400>
</section>
<br>
<section>
<h3>Meeting Recordings:</h3>
<h4 class="vid">Video:</h4>
<video controls width="500">
<source src="video/BigCorpEvening.webm"
type="video/webm">
</video>
<h4>Audio:</h4>
<audio controls src="audio/BigCorpEveningAudio.mp3"></audio>
</section>
<br>
<div>
<details class="zoom">
<summary><strong>Zoom Recording:</strong></summary>
<a href="#">https://bigcorp.zoom.us/j/weektwoevening</a>
</details>
</div>
</main>
<br>
<hr>
<hr>
<footer>
<form>
<fieldset>
<legend>Subscribe for more!</legend>
<label><input type="radio" name="radio">Yes!</label>
<label><input type="checkbox" name="checkbox">Check this for our luxury subscription </label>
<label>Name: <input type="text" name="text"></label>
<label>Subscribe until: <input type="date" name="date"></label>
<br>
<label>Subscribe with this message: </label><textarea></textarea>
<br>
<label for="medium">Choose subscription medium: </label>
<input list="mediums" id="medium" name="medium" />
<datalist id="mediums">
<option value="email"></option>
<option value="mail"></option>
<option value="text message"></option>
</datalist>
<br>
<label for="rate">Choose subscription rate:</label>
<select name="rates" id="rate">
<option value="">--Please choose an option--</option>
<option value="daily">Daily</option>
<option value="weekly">Weekly</option>
<option value="monthly">Monthly</option>
<option value="yearly">Yearly</option>
</select>
<br>
<br>
<label><input type="radio" name="radio">No :(</label>
<br>
<br>
<button type="button">Send!</button>
</fieldset>
</form>
<h2>Big Corp. Ltd.</h2>
<p class="address">
1234 Engineering Rd.<br>
San Diego, CA<br>
98765
</p>
<p class="me">
Ⓒ Lorenzo Mendes 2021
</p>
</footer>
</body>
</html>