forked from brecabal/challenge-jquery
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
94 lines (69 loc) · 3.1 KB
/
index.html
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
<!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="assets/img/favicon.png" sizes="16x16 32x32 64x64">
<link rel="apple-touch-icon" sizes="120x120" href="apple-touch-icon-precomposed.png">
<link rel="stylesheet" href="assets/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="assets/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 id="p-news"></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="assets/data/recipes.js"></script>
<script src="assets/js/underscore-min.js"></script>
<script src="assets/data/activities.js"></script>
<script type="text/javascript" src="assets/js/script-index.js"></script>
</body>
</html>