Lab2/index.html at master · TallisDawson/Lab2 · GitHub

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
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Meeting Minutes</title>
        <link rel="icon"
            type="image/png"
            href="https://e7.pngegg.com/pngimages/138/702/png-clipart-yellow-and-black-bee-illustration-bee-insect-cartoon-bee-honey-bee-food-thumbnail.png">
    </head>
    <body>
        <header>
            <h1>Beekeeper Meeting Minutes</h1>
            <h2>Task Management</h2>
            <h3>10/01/21</h3>
            <nav>
                <details>
                    <summary>Navigation</summary>
                    <ol>
                        <li><a href="#Agenda">Agenda</a></li>
                        <li><a href="#lm">Last meeting</a></li>
                        <li><a href="#new">New to address</a></li>
                        <li><a href="#qs">Questions, comments, concerns</a></li>
                        <li><a href="#recs">Meeting Recordings</a></li>
                    </ol>
            </details>
            </nav>
        </header>
        <main>
            <div>
                <h3>Attendance List</h3>
                <ul>
                    <li>Rico Nasty <img src="Rico-Nasty.jpg" alt="pic of rico" width="126" height="83"></li>
                    <li>Laura <img src="Laura.jpg" alt="pic of laura les" width="100" height="100"></li>
                    <li>Dorian Electra <img src="dorian.jpg" alt="pic of dorian" width="100" height="100"></li>
                </ul>
            </div>
            <hr>
            <div>
                <h2 id="Agenda">Agenda</h2>

                <h3 id="lm">From last meeting</h3>
                <p><strong>How to eliminate wasps?!</strong></p>

                <h3 id="new">New to address</h3>
                <p>We wanna talk bout how to look after bees cuz everyone loves bees and that's why we're here today.
                    <b>Especially</b> hyperpop artists need to know as it is <em>incredibly</em> on brand.
                    <span>Also why are our bees being so <i>wiggly and squirmy?</i></span>
                </p>

                <h3 id="qs">Questions, Comments, Concerns</h3>
                <p>Where is the bathroom?</p>
            </div>
            <hr>
            <Section>
                <h2 id="recs">Meeting recordings</h2>
                <h4>Video</h4>
                <video width="300" height="200" controls>
                    <source src="bees_meeting.mp4" type="video/mp4">
                </video>
                <h4>Audio</h4>
                <audio controls>
                    <source src="bees_meeting.mp3" type="audio/mp3">
                </audio>
                <h4>Diagrams</h4>
                <img src="bee.png" alt="poorly drawn bee" width="200" height="200">
            </Section>


        </main>
        <footer>
            <h5><em>SUBSCRIBE!!!!</em></h5>
            <form>
                <fieldset>
                    <input type="text" placeholder="email" />
                    <input type="checkbox" id="box">
                    <label for="box">Like bees?</label>
                    <input type="date" id="dt">
                    <label for="dt">birthday?</label>

                    <p>What would you name your bee?</p>
                    <input type="radio" id="spots" name="name">
                    <label for="spots">spots</label>
                    <input type="radio" id="stripes" name="name">
                    <label for="stripes">stripes</label>
                </fieldset>
                <fieldset>
                    <label for="beeStory">Tell us your bee story!!</label><br>
                    <textarea id="beeStory" name="Bee Story" rows="3" cols="40"></textarea>

                    <div>
                        <label for="watbee">What is you favorite kind of bee?</label>
                        <input list="favBee" id="watbee">
                        <datalist id="favBee">
                          <option value="bumble">
                          <option value="honey">
                        </datalist>
                    </div>
                    <div>
                        <label for="colors">What color would your hive bee?</label>

                        <select id="colors">
                          <option value="pink">pink</option>
                          <option value="neon pink">NEON pink</option>
                          <option value="beige">beige</option>
                          </select>
                    </div>


                    <button>Submit</button>
                </fieldset>
            </form>
        </footer>

    </body>
</html>