festival/template.html at master · og-vale/festival · 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
<!DOCTYPE html>
<html>

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="stylesheets/stylesheet_template.css" media="screen" title="stylesheet" charset="utf-8">
  <link rel="stylesheet" href="stylesheets/normalize.css" media="screen" title="normalize" charset="utf-8">
  <link rel="stylesheet" href="stylesheets/typeplate.css" media="screen" title="typeplate" charset="utf-8">
  <meta charset="utf-8">
  <title>Template</title>
</head>

<body>
  <div class="body">
    <article class="head">
      <div class="logo">
        <img src="" alt="logo" />
      </div>
      <header>
        Sunkarn festival
      </header>
      <h1>
          date 14-16
        </h1>
    </article>
    <nav id="nav">
      <ul>
        <li><a href="#">Menu 1</a></li>
        <li><a href="#">Menu 2</a></li>
        <li><a href="#">Menu 3</a></li>
        <li><a href="#">Menu 4</a></li>
        <li><a href="#">Menu 5</a></li>
        <li><a href="#">Menu 6</a></li>
        <li><a href="#">Menu 7</a></li>
        <li><a href="#">Menu 8</a></li>
        <li><a href="#">Menu 9</a></li>
      </ul>
    </nav>
    <div class="header-video">
      <iframe src="https://www.youtube.com/embed/thpsmZiDv6U">
      </iframe>
    </div>
    <article class="article_1">
      <header>
        What not to do?
      </header>
      <p>
        Amet. Sit. Id fringilla fermentum. Senectus, massa fringilla Habitasse turpis consectetuer proin sociis id mus fringilla sodales adipiscing. Ipsum ornare morbi luctus porttitor, egestas in nunc mattis felis turpis. Venenatis. Velit pharetra ligula Mauris
        hymenaeos nostra varius ultrices tincidunt ridiculus hymenaeos nibh et mollis, elit auctor dui commodo rutrum dolor sollicitudin porta dictum risus est fames conubia egestas, litora. Mollis mus nisl dictum dictumst. Quis habitant egestas sociosqu
        tincidunt congue condimentum. Praesent lorem vestibulum ante leo id integer sodales aliquet dui. Senectus praesent. Sociosqu primis magna. Morbi mauris adipiscing. At orci. Nullam torquent class nisl venenatis. Purus senectus auctor cursus dui,
        nec magnis suscipit gravida nibh dapibus lorem ac etiam donec. Sagittis aliquam lobortis hendrerit taciti netus nonummy felis senectus. Curabitur elit dis torquent. Risus senectus diam feugiat, vivamus molestie a. Quis malesuada odio dictumst.
        Posuere, scelerisque blandit nonummy, fames eu Fermentum. Pede eu placerat ligula. Sodales facilisis aliquet litora sed nisi at fusce bibendum netus lectus ante nascetur facilisis mollis nulla laoreet ligula nisi massa. Nullam pretium nulla aenean
        taciti. Quam posuere massa. Proin dignissim penatibus quam tempor integer facilisi. Mauris ipsum erat tincidunt nunc sociis vehicula elementum mattis lacinia. Sociosqu eget Metus Nascetur habitasse congue Nibh nisi. Fermentum augue nibh montes
        cubilia cum habitasse potenti. Scelerisque ligula justo molestie lacus ultrices euismod malesuada. Ligula fames fermentum nisi dolor facilisi imperdiet. Aliquet dapibus nisi platea, magna conubia nibh metus nulla nostra diam, at consequat etiam
        malesuada posuere facilisis a proin torquent nulla viverra pulvinar orci penatibus volutpat tellus nisi sollicitudin auctor dolor aliquet quis massa. Aliquet dui dolor, tortor eleifend libero aliquam viverra odio massa, at nam phasellus magna
        elementum. Pretium imperdiet dui egestas vestibulum euismod placerat, vulputate. Curabitur. Porta cursus Nam tristique cum vitae elit viverra sociosqu. Nostra viverra. Eget amet Fermentum. Tempor suscipit volutpat ad. Conubia fames.
      </p>
      <aside class="caption">
        <figure>
          <img src="http://placekitten.com.s3.amazonaws.com/homepage-samples/408/287.jpg" alt="kittens" />
        </figure>
        <figcaption>
          we love this kittens (photo by: user11)
        </figcaption>
      </aside>
    </article>
    <footer>
      <ul class="footer">
        <li><a href="#nav"><h3>Menu</h3></a></li>
        <li><a href="#"><h3>social</h3></a></li>
        <li><a href="#"><h3>about</h3></a></li>
      </ul>
      </nav>
    </footer>

  </div>

</body>

</html>