Learn_HTML_CSS/schedule.html at master · leedu708/Learn_HTML_CSS · 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
118
119
120
121
122
123
<!DOCTYPE html>
<html lang = "en">
  <head>
    <meta charset = "utf-8">
    <link rel="stylesheet" type="text/css" href="assets/stylesheets/main.css">
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lato:100,300,400">
    <title>Schedule</title>
  </head>
  <body>

    <header class="primary-header container group">

        <h1 class="logo">
          <a href = "index.html">Styles <br> Conference</a>
        </h1>

      <h3 class="tagline">August 24&ndash;26th &mdash; Chicago, IL</h3>

      <nav class="nav primary-nav">
        <ul>
          <li><a href="index.html">Home</a></li><!--
          --><li><a href="speakers.html">Speakers</a></li><!--
          --><li><a href="schedule.html">Schedule</a></li><!--
          --><li><a href="venue.html">Venue</a></li><!--
          --><li><a href="register.html">Register</a></li>
        </ul>
      </nav>
    </header>

    <section class="row-alt">
      <div class="lead container">

        <h1>Schedule</h1>
        <p>The conference opens with amazing workshops and continues with two days of incredible talks and keynotes, all of which are facilitated by industry-leading experts.</p>

      </div>
    </section>

    <section class="row">
      <div class="container">

        <table>
          <thead>
            <tr>
              <th scope="row">
                Workshops
              </th>
              <td class="schedule-offset" colspan="2">
                August 24th
              </td>
            </tr>
          </thead>
          <tbody>
            <tr>
              <th scope="row">
                <time datetime="08:30:00">8:30 AM</time>
              </th>
              <td class="schedule-offset" colspan="2">
                Registration
              </td>
            </tr>
            <tr>
              <th scope="row">
                <time datetime="09:00:00">9:00 AM</time>
              </th>
              <td>
                <a href="<code>speakers.html</code>#adam-connor">
                  <h4>Adam Connor</h4>
                  Lights! Camera! Interaction! Design Inspiration from Filmmakers
                </a>
              </td>
              <td>
                <a href="speakers.html#jennifer-jones">
                  <h4>Jennifer Jones</h4>
                  What Designers Can Learn from Parenting
                </a>
              </td>
            </tr>
            <tr>
              <th scope="row">
                <time datetime="12:30:00">12:30 PM</time>
              </th>
              <td class="schedule-offset" colspan="2">
                Lunch
              </td>
            </tr>
            <tr>
              <th scope="row">
                <time datetime="14:00">2:00 PM</time>
              </th>
              <td>
                <a href="speakers.html#tessa-harmon">
                  <h4>Tessa Harmon</h4>
                  Crafty Coding: Generating Knitting Patterns
                </a>
              </td>
              <td>
                <a href="speakers.html#russ-unger">
                  <h4>Russ Unger</h4>
                  From Muppets to Mastery: Core UX Principles from Mr. Jim Henson
                </a>
              </td>
            </tr>
          </tbody>
        </table>

      </div>
    </section>

    <footer class="primary-footer container group">
      <small>&copy; Styles Conference</small>
      <nav class="nav">
        <ul>
          <li><a href="index.html">Home</a></li><!--
          --><li><a href="speakers.html">Speakers</a></li><!--
          --><li><a href="schedule.html">Schedule</a></li><!--
          --><li><a href="venue.html">Venue</a></li><!--
          --><li><a href="register.html">Register</a></li>
        </ul>
      </nav>
    </footer>

  </body>