challenge-jquery/index.html at master · brecabal/challenge-jquery · 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
<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="utf-8">
    <title>Local Market - Your Neighborhood Grocer</title>
    <meta name="description" content="Get the latest news, checkout hand-picked recipes, and share with other locals.">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1" />
    <link rel="shortcut icon" type="image/png" href="favicon.png?123" sizes="16x16 32x32 64x64">

    <link rel="apple-touch-icon" sizes="120x120" href="apple-touch-icon-precomposed.png">
    <link rel="stylesheet" href="css/styles.css">
  </head>

  <body>

    <div class="page home">

      <!-- Inicia navbar -->
      <nav class="black">

        <div class="nav-group">

          <a class="nav-item js-back" href="#">
            <span class="icon-arrow-left-alt"></span>
          </a>

          <a class="nav-item js-menu" href="#"><span class="icon-menu"></span></a>

        </div>

        <div class="title-page">
          Market
          <span class="subtext-page">Home</span>
        </div>

        <div class="nav-group right"></div>

      </nav>
      <!-- Termina navbar -->

      <div class="content-scrollable">
        <div class="bg-image home">
          <h1 class="title-home">
            <img src="img/app/logo-local.svg" alt="Local Market"/>
          </h1>
          <span class="hours"><span class="title-callout">Hours</span>
            Mon–Fri 9-6pm, Sat 10-5pm</span>
          <span class="arrow"></span>
        </div>

        <div class="callout-news">
          <span class="title-callout">News</span>
          <p></p>
          <!-- AQUI VA LA LISTA DE NOTICIAS -->
        </div>

        <h2 class="list-title">What's Cooking</h2>
        <div class="list-subtitle">See what the community is cooking</div>
        <div class="list-activities">

          <!-- AQUI VA LA LISTA DE ACTIVIDADES -->

          <div class="wrapper-message">
            <div class="title-message">No one is cooking yet!</div>
            <div class="subtitle-message">Share that you made a recipe and it will show up here.</div>
          </div>

        </div>
        <a href="#" class="btn-primary">See what's cooking</a>

        <h2 class="list-title">Our Favorite Recipes</h2>
        <div class="list-subtitle">Hand-picked by neighborhood chefs</div>
        <div class="list-recipes">

          <!-- AQUI SE TIENE QUE VER LA LISTA DE RECETAS -->

        </div>

        <a href="#" class="btn-primary">Explore all our recipes</a>
      </div>

    </div>

    <!--JS FILES-->
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
    <script type="text/javascript" src="data/recipes.js"></script>
    <script type="text/javascript" src="js/script-index.js"></script>

  </body>

</html>