post-css-gulp/index.html at master · yeibercano/post-css-gulp · 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
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">

  <title>PostCSS and Gulp</title>
  <meta name="PostCSS and Gulp" content="PostCSS and Gulp">
  <meta name="Yeiber Cano" content="PostCSS/Gulp">

  <link rel="stylesheet" href="./styles/styles.css?v=1.0">

  <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</head>
<body>
  <header>
    <div class='header-wrapper container'>
     <div class="brand">BRAND</div>
       <nav >
        <ul>
          <li><a href="#" title="home">home</a></li>
          <li><a href="#" title="blog">blog</a></li>
          <li><a href="#" title="categories">categories</a></li>
        </ul>
       </nav>
    </div>
  </header>
  <main class='container'>
      <h1 class='content-title'> Movies</h1>
    <section class='movies'>
      <article class="movies-article">
        <h2 class="movies-title">Ticked</h2>
        <a href='#' class="movies-link"><img class="movies-images" src="img/tickled.jpg" /> </a>
        <p class='movies-description'>
          Journalist David Farrier stumbles upon a mysterious tickling competition online. As he delves deeper he comes up against fierce resistance, but that doesnt stop him getting to the bottom of a story stranger than fiction.
        </p>
      </article>
      <article class="movies-article">
        <h2 class="movies-title">Malala</h2>
        <img class="movies-images" src="img/malala.jpg" />
        <p class='movies-description'>
          A look at the events leading up to the Taliban's attack on Pakistani schoolgirl, Malala Yousafzai, for speaking out on girls' education followed by the aftermath, including her speech to the United Nations.
        </p>
      </article>
      <article class="movies-article">
        <h2 class="movies-title">Almost Holy</h2>
        <img class="movies-images" src="img/almostHoly.jpg" />
        <p class='movies-description'>
          Gennadiy calls himself "Pastor Crocodile." He's known throughout Ukraine for his years working to rehabilitate drug-addicted kids. But he's also a vigilante who uses any force necessary to carry out his moral vision.
        </p>
      </article>
    </section>
  </main>
  <footer >
    <p class="container">footer &copy; 2016</p>
  </footer>
</body>
</html>