decouverte-gulp-dev1/index.html at master · emdevnet/decouverte-gulp-dev1 · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Tests avec SASS</title>

  <link rel="stylesheet" href="dist/app.min.css">
</head>
<body>

<nav>
  <ul>
    <li><a href="#">Menu item 1</a></li>
    <li><a href="#">Menu item 2</a></li>
    <li><a href="#">Menu item 3</a></li>
    <li><a href="#">Menu item 4</a></li>
  </ul>
</nav>

<div class="container_12">
  <div class="row">
    <div class="grid_12">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque perspiciatis sequi a cumque beatae quod nemo hic quisquam enim iste unde accusantium, quas ipsum natus ut dignissimos laborum deserunt, at!</div>
  </div>

  <div class="row">
    <div class="grid_3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut incidunt ipsa, tempore pariatur tempora eaque blanditiis nostrum, deleniti iusto quis quasi in maiores, similique asperiores sapiente nesciunt eos repellendus molestiae.</div>
    <div class="grid_3">Tempora sequi dolorem a velit accusantium distinctio placeat cupiditate repudiandae sapiente quas reprehenderit rem ducimus ipsa pariatur deserunt commodi non, laboriosam ut quibusdam expedita ipsam nam id nihil. Harum, dicta!</div>
    <div class="grid_3">Cum, exercitationem optio sequi amet dolorum inventore, eos, laborum ullam illo veniam aliquid sint deleniti hic aut saepe vel culpa deserunt sapiente, necessitatibus suscipit? Recusandae explicabo cumque fuga atque, autem?</div>
    <div class="grid_3">Quisquam eos deleniti corporis hic earum eveniet accusantium eum delectus repellat, autem possimus, voluptates ratione quam fugiat animi distinctio asperiores quidem illo ullam minima ducimus assumenda sit repudiandae vero sed!</div>
  </div>

  <div class="row">
    <div class="grid_4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. At, sequi enim magni suscipit nostrum nam inventore omnis provident delectus maxime, ipsam numquam est, soluta possimus ad sapiente pariatur ipsa quia.</div>
    <div class="grid_4">Facilis non repudiandae, repellendus corporis at labore alias dicta reiciendis fuga sequi molestiae incidunt inventore voluptatibus laborum enim, blanditiis doloremque voluptate, ullam repellat! Iure aut non minima dolore voluptatibus optio.</div>
    <div class="grid_4">Totam quis a vitae sit voluptas quidem ipsa vero suscipit, quo culpa veritatis unde enim, numquam in sunt aliquam magni ab harum. Beatae sed, sunt ratione placeat voluptas neque minus.</div>
  </div>

  <div class="row">
    <div class="grid_12">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde quod et est quidem dolor suscipit. Qui cupiditate, vitae sapiente, explicabo fugiat ab aliquid provident, cum facere asperiores repellendus architecto repellat.</div>
  </div>
</div>

</body>
</html>