-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbrunch.html
174 lines (134 loc) · 5.86 KB
/
brunch.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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Foundation | Welcome</title>
<link rel="stylesheet" href="css/foundation.css" />
<script src="js/vendor/modernizr.js"></script>
</head>
<body>
<nav class="top-bar fixed" data-topbar>
<ul class="title-area">
<li class="name">
<h1><a href="#">JThing</a></h1>
</li>
<li class="toggle-topbar menu-icon"><a href="#">Menu</a></li>
</ul>
<section class="top-bar-section">
<ul class="right">
<li><a href="signin.html">Sign-In</a></li>
<li><a href="about.html">About</a></li>
<li><a href="apply.html">Hangout $$</a></li>
<li><a href="dinner.html">Ideas</a></li>
<li><a href="prompts.html">100 Jewish Prompts</a></li>
<li><a href="beingjewish.html">What's being Jewish?</a></li>
</ul>
</section>
</nav>
<header>
<div class="ideapic">
<img src="img/brunchtable.jpg">
</div>
</header>
<br>
<h1 class="center"> Click a Pic for instant ideas!</h1>
<a href="brunch.html">
<div class="row" class="ideathumbnails">
<div class="medium-3 large-3 text-center columns">
<img src="img/brunch.jpg">
<h4>Brunch</h4>
</div>
</a>
<a href="cheesewine.html">
<div class="medium-3 large-3 text-center column">
<img src="img/rsz_cheesewine.jpg">
<h4>Holiday Wine & Cheese Chill</h4>
</div>
</a>
<a href="dinner.html">
<div class="medium-3 large-3 text-center column">
<img src="img/rsz_dinner2.jpg">
<h4>Shabbat! A Dinner Party</h4>
</div>
</a>
<a href="lchaim.html">
<div class="medium-3 large-3 text-center column">
<img src="img/lchaim.jpg">
<h4>Lechayim!</h4>
</div>
</a>
</div>
<div class="text-center panel">
<h2>Brunch</h2>
<h4>You don't even have to wake up early...</h4>
<p>Nothing says, “Life is good” more than a chilled-out Sunday brunch. It’s a chance to catch up with friends, chat about the latest news, and recover from the previous evening’s adventures. And it’s easy to make a Sunday brunch kinda Jewish – all it takes is a handful of Jews and one good Jewish question. So what’s been on your mind? </p>
</div>
<div class="center">
<div class="large-12 columns">
<h2>Follow this checklist and make it happen!</h2>
</div>
</div>
<form>
<div class="medium-4 large-4 columns">
<div class="checkboxinfo">
<h3>Plan the Date</h3>
<input id="checkbox1" type="checkbox" <label for="checkbox1">Find a Sunday morning that works well with some friends</label>
</div>
<div class="checkboxinfo">
<h3>Invite Guests</h3>
<input id="checkbox2" type="checkbox" <label for="checkbox2">Make a guest list (and actually invite folks)</label>
</div>
<div class="checkboxinfo">
<h3>Gather the Goods</h3>
<input id="checkbox3" type="checkbox" <label for="checkbox3">Go out and buy provisions for challah French toast or pancakes – or just buy a bunch of bagels, shmear, and lox Mimosas are optional</label>
</div>
</div>
<div class="medium-4 large-4 columns">
<div class="checkboxinfo">
<h3>Groove</h3>
<input id="checkbox3" type="checkbox" <label for="checkbox3"> Put on some music</label>
</div>
<div class="checkboxinfo">
<h3>Eat</h3>
<input id="checkbox3" type="checkbox" <label for="checkbox3"> Have everyone over Nosh</label>
</div>
<div class="checkboxinfo">
<h3>Spark Convo.</h3>
<input id="checkbox3" type="checkbox" <label for="checkbox3">Think about a “Jewish question” you’d like to ask everyone, or have everyone share tales of love and adventure on Birthright, or choose from one of these <a>“100 Prompts, Provocations, and Situations for Jewish Growth</a>”</label>
</div>
</div>
<div class="medium-4 large-4 columns text-center">
<div class="checkboxinfo">
<h3>Give Thanks</h3>
<input id="checkbox3" type="checkbox" <label for="checkbox3">Thank everyone for coming Make plans for the next Kinda Jewish Brunch</label>
</div>
<div class="checkboxinfo">
<h3>Get the $$chmoolah</h3>
<input id="checkbox3" type="checkbox" <label for="checkbox3">Use your phone to take a picture of all receipts and email these pics to the JThing staff – they’ll send out a reimbursement check ASAP </label>
</div>
</div>
<button class="centerbutton" type="submit">Save Your Planning Progress</button>
</form>
<hr>
<div class="panel">
<div class="row">
<div class="medium-6 large-6 columns">© Copyright no one at all. Go to town.</div>
<div class="medium-6 large-6 columns">
<ul class="inline-list right">
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>
</div>
</div>
</div>
<script src="js/foundation/foundation.clearing.js"></script>
<script src="js/vendor/jquery.js"></script>
<script src="js/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
</body>
</html>