-
Notifications
You must be signed in to change notification settings - Fork 0
/
dinner.html
138 lines (99 loc) · 5.29 KB
/
dinner.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
<!doctype html>
<html class="no-js" lang="en">
<head>
<link href='https://fonts.googleapis.com/css?family=Comfortaa:700|Fira+Sans:700|Quicksand:700|Corben:400,700|Ultra|Sniglet:400,800|Oswald:100,400,700|Permanent+Marker|Patrick+Hand|Damion|Gochi+Hand|Yellowtail|Kalam:600,700|Grand+Hotel|Caveat+Brush' rel='stylesheet' type='text/css'>
<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" />
<link rel="stylesheet" href="css/ideas.css"/>
<script src="js/vendor/modernizr.js"></script>
</head>
<body>
<a class="button" href="index.html" id="homebutton">
<label style="color:white;">Home</label>
</a>
</div>
<header>
<div class="ideapic">
<img src="img/bread5.png">
</div>
</header>
<div class="text-center panel" style="font-family:'Oswald';">
<h2>Shabbat! A Dinner Party</h2>
<h3>The Quintessential Jewish Party</h3>
<h4 style="font-weight:100 !important;">Shabbat dinner has been bringing the challah and wine for over two thousand years. Whether you know the blessings or not, you can throw an awesome Shabbes dinner – all you need is a bunch of Jews, some roast chicken (or tacos), and a couple bottles of Manischewitz. Everyone loves Shabbat dinner – so give the people what they want!</h4>
</div>
<div class="center">
<div class="large-12 columns">
<h2>Follow this checklist and make it happen!</h2>
</div>
</div>
<div class="row">
<div class="checklist small-10 columns">
<div class="checkboxinfo">
<h4>Choose a date</h4>
<h4>Choose a location</h4>
<h4>Make a guest list (and actually invite folks)</h4>
<h4>Cook a “traditional” meal (You know, chicken, potatoes, etc.)OR order tacos or pizza or Vietnamese pho... get Lots of Wine! Lots of Challah...and a couple candles</h4>
<h4>Determine who might know how to “bless” the above ritual items (could be guest or host...if no one knows, then just light, drink, and eat)</h4>
<h4>Deck your apartment out real nice: Tablecloths, mood lighting, Jewish music from Spotify…you know, the works</h4>
<h4>As guests arrive, serve appetizers</h4>
<h4>Do the Shabbat table rituals – in a way that’s comfortable for you</h4>
<h4>Consider deepening conversation by asking a “Jewish Question” that’s been on your mind <br> –or choose from these <a href="prompts.html">“100 Prompts, Provocations, and Situations for Jewish Growth”</a></h4>
<h4>Eat something sweet</h4>
<h4>Make a Lechayim!</h4>
<h4>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 </h4>
</div>
</div>
</div>
<div class="row">
<div class="panel callout radial center small-8 small-centered"><h3>Ready? </h3> <h4>Shoot us a note and let’s make it happen</h4><a href="#" data-reveal-id="firstModal" class="button round">Contact Us!</a>
</div>
</div>
<div id="firstModal" class="reveal-modal" data-reveal aria-labelledby="firstModalTitle" aria-hidden="true" role="dialog">
<h1 id="firstModalTitle">Contact Us</h2>
<form action="" method="post">
<h3>Name</h3>
<input id="name" type="text" name="name"></input>
<h3>Email</h3>
<input id="email" type="email" name="email"></input>
<h3>What are you thinking?</h3>
<p>(When would you like to host? How many folks will be there? How can we help you?)</p>
<input id="thinking" type="textarea" name="thinking"></input>
<a href="#" data-reveal-id="secondModal"><input id="submit" type="submit" name="submit" value="submit"></input></a>
</form>
</div>
<div id="secondModal" class="reveal-modal" data-reveal aria-labelledby="secondModalTitle" aria-hidden="true" role="dialog">
<h2>Thank you. Your message has been received. We'll get back to you soon...</h2>
</div>
<br>
<h1 class="center"> Click a Pic for instant ideas!</h1>
<a href="brunch.html">
<div class="row" class="ideathumbnails">
<div class="small-10 medium-4 text-center column">
<img src="img/brunch.jpg" style="max-width:225px;">
<h4>Brunch</h4>
</div>
</a>
<a href="cheesewine.html">
<div class="small-10 medium-4 text-center column">
<img src="img/rsz_cheesewine.jpg">
<h4>Holiday Wine & Cheese Chill</h4>
</div>
</a>
<a href="dinner.html">
<div class="small-10 medium-4 text-center column">
<img src="img/rsz_dinner2.jpg">
<h4>Shabbat! A Dinner Party</h4>
</div>
</a>
</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>