-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
978 lines (964 loc) · 62.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
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
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<!-- Custom CSS -->
<link rel="stylesheet" href="static/css/main.css">
<link rel="shortcut icon" href="static/img/favicon.ico">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600" rel="stylesheet">
<!-- Fontawesome Icons -->
<script src="https://use.fontawesome.com/releases/v5.0.6/js/all.js" defer></script>
<!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> -->
<title>Esoteric Brewing Co.</title>
</head>
<body>
<nav class="navbar navbar-expand-md" >
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon">Menu</span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent" style="flex-grow:0; margin:0 auto;">
<ul class="navbar-nav mr-auto" style="z-index:10000;">
<li class="nav-item">
<a id="home" class="nav-link" style="margin-top: 20px; color: white;" href="/">Home</a>
</li>
<a class="navbar-brand" href="/">
<img src="https://d39vfcx1kl8j34.cloudfront.net/img/logo.png" width="auto" height="100" alt="Home" style="margin-right:0em;padding:0rem;">
</a>
</ul>
</div>
</nav>
<!-- Scroll to Top -->
<a href="#" id="scroll"><span></span></a>
<!-- Modal Window -->
<div class="modal" id="memberModal" tabindex="-1" role="dialog" aria-labelledby="memberModalLabel" data-backdrop="static" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<h4 class="modal-title" id="memberModalLabel">Are you 21 years of age?</h4>
<p style="font-weight:300; padding-bottom:22px;">Hey fellow beer lover, you must be 21 to enter our page.</p>
<div class="modalBtn">
<a class="drinkBtn" href=""data-dismiss="modal"class="close" aria-label="close">YES</a>
</div>
<div class="modalBtn">
<a class="drinkBtn" href="http://www.google.com">NO</a>
</div>
</div><!--end div.modal-body-->
</div>
</div>
</div><!-- end div.modal -->
<div class="view">
<div class="compInfo">
<h1 class="h1-responsive">Esoteric Brewing</h1>
<p class="offeringInfo">
Raising <strong>$894,200</strong> | <strong>$3M</strong> Valuation
</p>
<p class="offeringInfo">Minimum investment <strong>$100</strong></p>
</div>
</div><!-- end div.view -->
<div class="status">
<div class="row">
<div class="col-sm" id="statusCol1">
<span>Amount Raised</span>
<p class="metric">$759,914.01</p>
</div>
<div class="col-sm" id="statusCol2">
<span>Investors</span>
<p class="metric">149</p>
</div>
<div class="col-sm" id="statusCol3">
<span>Funding Round Closes:</span>
<p class="metric">CLOSED</p>
</div>
</div>
</div><!-- end div.status -->
<section class="campaignInfo">
<div class="container">
<div class="row">
<aside class="col-md-3">
<div id="sideNav">
<p class="story"><a href="#overview" style="color:#292929;"><strong>Overview</strong></a></p>
<p class="story"><a href="#theteam" style="color:#292929;"><strong>The Team</strong></a></p>
<p class="story"><a href="#perks" style="color:#292929;"><strong>Perks</strong></a></p>
<p class="story"><a href="#offering" style="color:#292929;"><strong>Offering Details</strong></a><p>
<p class="story"><a href="#letter" style="color:#292929;"><strong>From the Founders</strong></a></p>
<p class="story"><a href="#investors" style="color:#292929;"><strong>Testimonials</strong></a></p>
<p class="story"><a href="#docs" style="color:#292929;"><strong>Documents</strong></a></p>
<p class="story"><a href="#risks" style="color:#292929;"><strong>Risks/Offering Circular</strong></a></p><br>
<p class="story"><a href="#FAQs" style="color:#292929;">FAQs</a></p>
</div>
</aside>
<article class="col-md-9">
<div id="overview" style="padding-top:80px;">
<div style="padding:56.25% 0 0 0;position:relative;margin-bottom:40px;">
<iframe src="https://player.vimeo.com/video/268656394?title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<h3 class="contentHeaders">Vision & Mission</h3>
<p class="story">
Our vision is to create a beer with such integrity that it has a profound social impact.
<br><br>
The lotus flower is our symbol, a metaphor that represents the beauty that fights through adversity to rise out the ashes. Esoteric found this 100 year old building, abandoned, and left for decay. Together with your help, we want to revive this place by building a new production brewery that creates jobs for our neighbors and instills pride in this wonderful community once again!
</p>
<h3 class="contentHeaders">Overview</h3>
<div class="row">
<div class="col-sm-4">
<p class="opqOverview">Legal Name</p>
<p class="fullOverview">Esoteric Brewing Company, LLC</p>
<p class="opqOverview">Address</p>
<p class="fullOverview">900 E McMillan Street<br>Cincinnati, OH 45206</p>
</div>
<div class="col-sm-4">
<p class="opqOverview">Employees</p>
<p class="fullOverview">2</p>
<p class="opqOverview">Social Media</p>
<a href="https://www.facebook.com/Esotericbrewingco/" target="_blank"class="icons-md fb-ic">
<i class="fab fa-facebook-f" style="margin-right:7px; color:#3b5998"></i>
</a>
<a href="https://twitter.com/esotericbeer" target="_blank"class="icons-md tw-ic">
<i class="fab fa-twitter" style="margin-right:7px; color:#0084b4"></i>
</a>
<a href="https://www.instagram.com/esotericbrewing/" target="_blank"class="icons-md ins-ic">
<i class="fab fa-instagram" style="margin-right:7px; color:black;"></i>
</a>
</div>
<div class="col-sm-4">
<p class="opqOverview">Raise Amount</p>
<p class="fullOverview">Up to $894,200</p>
</div>
</div>
<h3 class="contentHeaders">Esoteric is Craft Beer with Integrity</h3>
<p class="story">
Over the past few years, a wave of craft breweries has swept across America bringing innovation, new styles, and bold new flavors. But the traditional styles of craft beer are getting lost in the mix. In many ways, we’re losing the integrity of craft beer... the very soul that started this craft beer movement altogether.
<br><br>
That's why Esoteric elevates craft beer so it’s as elegant as fine wine. Our master brewer spent years honing his craft, paying homage to traditional Belgian, English, German, & American style beers made with old world character.
<br><br>
Esoteric beers are brewed with pure ingredients, sourced locally, and grown organically. We’re a craft brewery that will elevate your palate and create a sumptuous experience that changes the way you think about beer.
<br><br>
When you experience Esoteric you experience enlightenment.
</p><br>
<!--start of beer line-up-->
<div class="row desktopBeers">
<div class="col-3 lineUp">
<a onclick="show('id1')">
<img src="static/img/mezzanine.png" style="width:100%">
</a>
</div>
<div class="col-3 lineUp">
<a onclick="show('id3')">
<img src="static/img/efflorescent.png" style="width:100%">
</a>
</div>
<div class="col-3 lineUp">
<a onclick="show('id2')">
<img src="static/img/illuminati.png" style="width:100%">
</a>
</div>
<div class="col-3 lineUp">
<a onclick="show('id4')">
<img src="static/img/caliginous.png" style="width:100%">
</a>
</div>
<div id="id1" style="display:none">
<div class="row">
<div class="col-md-9 col-sm-12">
<h3 class="beerTitle">Mezzanine</h3>
<p class="beerType">English Pale Ale</p>
<p class="beerDesc">
Understood to be an intermediate floor of a building, Mezzanine is the step up. Lighter than an American Pale and smoother than a Lager, Mezzanine will showcase sweet caramel notes, bready malts & herbal tea hops. If you're making a transition into craft beer, this ale will be on your level.
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>ABV:</strong></span> 5.0%
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>Color:</strong></span> Gold
</p>
</div>
<div class="col-md-3">
<img src="static/img/mezzanine_pint.png" style="width:100%" class="pintImg">
</div>
</div>
</div><!-- end div#id1 -->
<div id="id3" style="display:none">
<div class="row">
<div class="col-md-9 col-sm-12">
<h3 class="beerTitle">Efflorescent</h3>
<p class="beerType">American IPA</p>
<p class="beerDesc">
IPA's. The staple of craft breweries. But this isn't your typical IPA. Soft and well rounded. Pungent, floral and citrusy; Efflorescent is a balanced IPA suitable for any palate, brewed with a restrained bitterness and sustainable hops.
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>ABV:</strong></span> 6.5%
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>Color:</strong></span> Deep Gold
</p>
</div>
<div class="col-md-3">
<img src="static/img/efflorescent_pint.png" style="width:100%" class="pintImg">
</div>
</div>
</div><!-- end div#id2 -->
<div id="id2" style="display:none">
<div class="row">
<div class="col-md-9 col-sm-12">
<h3 class="beerTitle">Illuminati</h3>
<p class="beerType">American Amber Ale</p>
<p class="beerDesc">
Next in the lineup to a pale ale and an IPA. Malt forward, sweet caramel, bready with light hop citrus.
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>ABV:</strong></span> 5.1%
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>Color:</strong></span> Amber
</p>
</div>
<div class="col-md-3">
<img src="static/img/illuminati_pint.png" style="width:100%" class="pintImg">
</div>
</div>
</div><!-- end div#id2 -->
<div id="id4" style="display:none">
<div class="row">
<div class="col-md-9 col-sm-12">
<h3 class="beerTitle">Caliginous</h3>
<p class="beerType">American Stout</p>
<p class="beerDesc">
Every story has its beginning. For the lotus flower, it must fight through the adversity of murky waters before finding its awakening. Dark beers have the same challenge to prove their worth in a world of light lagers. Coffee-like roasted malts blend nicely with a chocolate caramel note, giving this stout a smooth and obscure full bodied finish.
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>ABV:</strong></span> 6.0%
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>Color:</strong></span> Black
</p>
</div>
<div class="col-md-3">
<img src="static/img/caliginous_pint.png" style="width:100%" class="pintImg">
</div>
</div>
</div><!-- end div#id4 -->
</div><!--end here for first row of beers & content-->
<div class="row desktopBeers">
<div class="col-3 lineUp">
<a onclick="show('id5')"><img src="static/img/ethereal.png" style="width:100%"></a>
</div>
<div class="col-3 lineUp">
<a onclick="show('id6')"><img src="static/img/albatross.png" style="width:100%"></a>
</div>
<div class="col-3 lineUp">
<a onclick="show('id7')"><img src="static/img/clarity.png" style="width:100%"></a>
</div>
<div class="col-3 lineUp">
<a onclick="show('id15')"><img src="static/img/nirvana.png" style="width:100%"></a>
</div>
<div class="col-3"></div>
<div id="id5" style="display:none">
<div class="row">
<div class="col-md-9 col-sm-12">
<h3 class="beerTitle">Ethereal</h3>
<p class="beerType">Belgian Blond</p>
<p class="beerDesc">
Of all the Belgian styles, the Blond is the most elegant. This relatively new style has it all; sweet stone fruit, bubblegum, black pepper spice, honey and perfume just to name a few. Complex yet subtle, the Blond should be in every Belgian portfolio.
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>ABV:</strong></span> 6.5%
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>Color:</strong></span> Pale Gold
</p>
</div>
<div class="col-md-3">
<img src="static/img/ethereal_pint.png" style="width:100%" class="pintImg">
</div>
</div>
</div>
<div id="id6" style="display:none">
<div class="row">
<div class="col-md-9 col-sm-12">
<h3 class="beerTitle">Albatross</h3>
<p class="beerType">Belgian Dubbel</p>
<p class="beerDesc">
For the core lineup of Belgian beers, the Dubbel bares the weight of being first. It has the task of blending contrasting flavors and has been our hardest beer to master. Toasted caramel malt, dark cherries and plums all mix subtly with roses, bananas and anise. The draft of the Albatross is a sign of good fortune.
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>ABV:</strong></span> 7.0%
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>Color:</strong></span> Amber-Brown
</p>
</div>
<div class="col-md-3">
<img src="static/img/albatross_pint.png" style="width:100%" class="pintImg">
</div>
</div>
</div>
<div id="id7" style="display:none">
<div class="row">
<div class="col-md-9 col-sm-12">
<h3 class="beerTitle">Clarity</h3>
<p class="beerType">Belgian Tripel</p>
<p class="beerDesc">
Not to be mistaken by its siblings, the Tripel is in a class of its own. Brewed with wheat and significantly hopped, this classic Belgian is in your face yet still refined. From its clove spice to its citrus and floral esters, Clarity will have you pondering why it wasn't your first choice.
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>ABV:</strong></span> 9.0%
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>Color:</strong></span> Pale Gold
</p>
</div>
<div class="col-md-3">
<img src="static/img/clarity_pint.png" style="width:100%" class="pintImg">
</div>
</div>
</div>
<div id="id15" style="display:none">
<div class="row">
<div class="col-md-9 col-sm-12">
<h3 class="beerTitle">Nirvana</h3>
<p class="beerType">Belgian Quadrupel</p>
<p class="beerDesc">
Nirvana; the highest state of transcendence and undoubtedly pure bliss. This Belgian Quad has all the right stuff. Notes of rum soaked red fruits, chocolate undertones on a medium bodied mouthfeel. And we intentionally age it before it hits your glass like fine wine. Let Nirvana relieve the stressors of your day.
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>ABV:</strong></span> 10.5%
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>Color:</strong></span> Deep Ruby
</p>
</div>
<div class="col-md-3">
<img src="static/img/nirvana_pint.png" style="width:100%" class="pintImg">
</div>
</div>
</div>
</div><!--end here for second row of beers & content-->
<br>
<!--start for mobile beers-->
<div class="row mobileBeers">
<div class="col-6 lineUp">
<a onclick="show('id8')">
<img src="static/img/mezzanine.png" style="width:100%">
</a>
</div>
<div class="col-6 lineUp">
<a onclick="show('id9')">
<img src="static/img/efflorescent.png" style="width:100%">
</a>
</div>
<div id="id8" style="display:none">
<div class="row">
<div class="col-md-9 col-sm-12">
<h3 class="beerTitle">Mezzanine</h3>
<p class="beerType">English Pale Ale</p>
<p class="beerDesc">
Understood to be an intermediate floor of a building, Mezzanine is the step up. Lighter than an American Pale and smoother than a Lager, Mezzanine will showcase sweet caramel notes, bready malts & herbal tea hops. If you're making a transition into craft beer, this ale will be on your level.
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>ABV:</strong></span> 5.0%
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>Color:</strong></span> Gold
</p>
</div>
</div>
</div><!-- end div#id8 -->
<div id="id9" style="display:none">
<div class="row">
<div class="col-md-9 col-sm-12">
<h3 class="beerTitle">Efflorescent</h3>
<p class="beerType">American IPA</p>
<p class="beerDesc">
IPA's. The staple of craft breweries. But this isn't your typical IPA. Soft and well rounded. Pungent, floral and citrusy; Efflorescent is a balanced IPA suitable for any palate, brewed with a restrained bitterness and sustainable hops.
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>ABV:</strong></span> 6.5%
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>Color:</strong></span> Deep Gold
</p>
</div>
</div>
</div><!-- end div#id9 -->
</div><!--end of first row with beers and descriptions-->
<div class="row mobileBeers">
<div class="col-6 lineUp">
<a onclick="show('id10')">
<img src="static/img/illuminati.png" style="width:100%">
</a>
</div>
<div class="col-6 lineUp">
<a onclick="show('id11')">
<img src="static/img/caliginous.png" style="width:100%">
</a>
</div>
<div id="id10" style="display:none">
<div class="row">
<div class="col-md-9 col-sm-12">
<h3 class="beerTitle">Amber</h3>
<p class="beerType">American Amber Ale</p>
<p class="beerDesc">
Next in the lineup to a pale ale and an IPA. Malt forward, sweet caramel, bready with light hop citrus.
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>ABV:</strong></span> 5.1%
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>Color:</strong></span> Amber
</p>
</div>
</div>
</div><!-- end div#id10 -->
<div id="id11" style="display:none">
<div class="row">
<div class="col-md-9 col-sm-12">
<h3 class="beerTitle">Caliginous</h3>
<p class="beerType">American Stout</p>
<p class="beerDesc">
Every story has its beginning. For the lotus flower, it must fight through the adversity of murky waters before finding its awakening. Dark beers have the same challenge to prove their worth in a world of light lagers. Coffee-like roasted malts blend nicely with a chocolate caramel note, giving this stout a smooth and obscure full bodied finish.
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>ABV:</strong></span> 6.0%
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>Color:</strong></span> Black
</p>
</div>
</div>
</div><!-- end div#id11 -->
</div><!--end of second row with beers and descriptions-->
<div class="row mobileBeers">
<div class="col-6 lineUp">
<a onclick="show('id12')">
<img src="static/img/ethereal.png" style="width:100%">
</a>
</div>
<div class="col-6 lineUp">
<a onclick="show('id13')">
<img src="static/img/albatross.png" style="width:100%">
</a>
</div>
<div id="id12" style="display:none">
<div class="row">
<div class="col-md-9 col-sm-12">
<h3 class="beerTitle">Ethereal</h3>
<p class="beerType">Belgian Blond</p>
<p class="beerDesc">
Of all the Belgian styles, the Blond is the most elegant. This relatively new style has it all; sweet stone fruit, bubblegum, black pepper spice, honey and perfume just to name a few. Complex yet subtle, the Blond should be in every Belgian portfolio.
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>ABV:</strong></span> 6.5%
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>Color:</strong></span> Pale Gold
</p>
</div>
</div>
</div><!--end #id 12-->
<div id="id13" style="display:none">
<div class="row">
<div class="col-md-9 col-sm-12">
<h3 class="beerTitle">Albatross</h3>
<p class="beerType">Belgian Dubbel</p>
<p class="beerDesc">
For the core lineup of Belgian beers, the Dubbel bares the weight of being first. It has the task of blending contrasting flavors and has been our hardest beer to master. Toasted caramel malt, dark cherries and plums all mix subtly with roses, bananas and anise. The draft of the Albatross is a sign of good fortune.
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>ABV:</strong></span> 7.0%
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>Color:</strong></span> Amber-Brown
</p>
</div>
</div>
</div><!--end id 13-->
</div><!--end of third row with beers and descriptions-->
<div class="row mobileBeers">
<div class="col-6 lineUp">
<a onclick="show('id14')">
<img src="static/img/clarity.png" style="width:100%">
</a>
</div>
<div class="col-6 lineUp">
<a onclick="show('id16')">
<img src="static/img/nirvana.png" style="width:100%">
</a>
</div>
<div id="id14" style="display:none">
<div class="row">
<div class="col-md-9 col-sm-12">
<h3 class="beerTitle">Clarity</h3>
<p class="beerType">Belgian Tripel</p>
<p class="beerDesc">
Not to be mistaken by its siblings, the Tripel is in a class of its on. Brewed with wheat and significantly hopped, this classic Belgian is in your face yet still refined. From its clove spice to its citrus and floral esters, Clarity will have you pondering why it wasn't your first choice.
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>ABV:</strong></span> 9.0%
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>Color:</strong></span> Pale Gold
</p>
</div>
</div>
</div><!--end of id 14-->
<div id="id16" style="display:none">
<div class="row">
<div class="col-md-9 col-sm-12">
<h3 class="beerTitle">Nirvana</h3>
<p class="beerType">Belgian Quadrupel</p>
<p class="beerDesc">
Nirvana; the highest state of transcendence and undoubtedly pure bliss. This Belgian Quad has all the right stuff. Notes of rum soaked red fruits, chocolate undertones on a medium bodied mouthfeel. And we intentionally age it before it hits your glass like fine wine. Let Nirvana relieve the stressors of your day.
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>ABV:</strong></span> 10.5%
</p>
<p class="beerDesc">
<span style="color:#A91818"><strong>Color:</strong></span> Deep Ruby
</p>
</div>
</div>
</div><!--end of id 16-->
</div><!--end mobile beers rows-->
</div><!-- end of div#overview -->
<div id="product" style="padding-top:80px;">
<h3 class="contentHeaders">Create an Enlightened Taproom Experience</h3>
<p class="story">
Esoteric will redefine the standard taproom by creating a 5 star experience. We’re renovating the Paramount Building, the most recognizable building in Walnut Hills. Inside this exquisite 1920’s art deco style building, an intimate taproom awaits hearkening back to the days of the prohibition speakeasy. The brewery will occupy 10,000 sf, and will host as many as 400 guests. But unlike the standard warehouse taprooms of today, we’ll have a warm & inviting place built just for you.
</p>
<div class="row">
<div class="col-4" style="padding:2px;">
<img src="static/img/esoteric_interior.jpg" style="width:100%">
</div>
<div class="col-4" style="padding:2px;">
<img src="static/img/esoteric_interior2.jpg" style="width:100%">
</div>
<div class="col-4" style="padding:2px;">
<img src="static/img/esoteric_interior3.jpg" style="width:100%">
</div>
</div>
<br>
<h3 class="contentHeaders">There’s a Bigger Vision for Walnut Hills</h3>
<p class="story">
Walnut Hills is a mile from downtown Cincy in a densely populated area. It represents the best of our city with a diverse population in age, race, & socio-economics. Long-time residents have seen the ups & downs and have a deep sense of pride in its renaissance. Twenty-somethings like the accessibility to downtown, affordable housing, and evening nightlife. Boomers enjoy the high-rise luxe apartments that overlook the Ohio River.
<br><br>
The Walnut Hills Redevelopment Foundation (WHRF) is investing $20M into the block, to revitalize <a href="https://www.cincinnatiport.org/projects/paramount-square/" target="_blank">Paramount Square</a>. There are ~1,000 units planned in the next 3 years within a ¼ mile from the new brewery. The neighborhood is also between 2 major universities and has direct access to a major interstate.
<br><br>
Many new businesses have already moved in ahead of the development. Esoteric Brewing Co. is proud to join the Walnut Hills community including local favorites such as: The Greenwich, Taste of Belgium, Gomez Salsa, Just Q’n BBQ, Video Archive, Fireside Pizza, and Parkside Cafe.
</p>
<br>
<img src="static/img/location.jpg" alt="Location" style="width:100%; margin-bottom:20px;">
<br>
<h3 class="contentHeaders">Esoteric Wants Equity for All</h3>
<p class="story">
Breweries are playing a role in the revitalization of communities. They are a magnet for visitors, they become anchors for retail, create new jobs, and instill pride. But the sudden influx of new residents can shift the demographics of the neighborhood. In an industry that traditionally lacks diversity, Esoteric brings you the first African-American and Asian-American owned brewery in Greater Cincinnati.
<br><br>
We are so committed to maintaining the integrity of our neighborhood. That's why we're offering the community a unique opportunity to own a piece of Esoteric Brewing Company. You're the fabric that's made this neighborhood so special. You already invested your lives here, and now we invite you to invest in Esoteric so we can grow together. As part of our commitment, Esoteric plans to designate a portion of our proceeds to non-profits in the local community that promote education, economic equity, improve food access, provide skills training, and other important causes that make our neighborhood better.
</p>
<h3 class="contentHeaders">Timeline</h3>
<img src="static/img/timeline_2.jpg" alt="Timeline" class="timelineImg">
<img src="static/img/timeline_2_mobile.jpg" alt="Timeline" class="timelineMobile">
<h3 class="contentHeaders">The Craft Beer Market: Growing 6% a Year With Plenty of Room for More</h3>
<p class="story">
The craft beer segment now represents 13% of the overall beer industry taking share away from the likes of AB InBev each year, and it’s still growing 5% a year. According to the the <a href="https://www.brewersassociation.org/" target="_blank">Brewers Association</a>, the craft beer industry has grown to 6,000 breweries in 2017. Ninety eight percent of them will be small independently run establishments. Ohio craft beer sales topped $2.7B and employed over 15K people (per the <a href="http://www.ohiocraftbeer.org/" target="_blank">Ohio Craft Brewer’s Association</a>) making it the 7th largest for craft beer.
</p>
<h3 class="contentHeaders">The Local Cincinnati Brewery Market </h3>
<p class="story">
The Cincinnati market alone has 35 breweries on line. We believe there’s plenty of room for more, especially in neighborhoods that can maintain an installed base of loyal customers. In fact, the taste for craft beer has gone local as patrons prefer to drink hometown beers, especially ones that come from their neighborhoods.
<br><br>
This hyperlocal focus works in our favor, as we stand to become the go-to neighborhood brewery in this fast growing residential market that’s expanding in Walnut Hills. Conservatively, we’ve based our projections on sustaining a minimum of 300 guests per day.
</p>
<h3 class="contentHeaders">Production Capacity</h3>
<p class="story">
Esoteric’s brewhouse will contain a three vessel 10-barrel craft brewing system capable of producing up to 5,000 barrels the first 3 years. There’s room for expansion in the building to maximize capacity at 12,000 barrels, generating going revenues of $5.5M at full-scale. To get there, the plan is to launch the neighborhood taproom to sustain a healthy base business. Then in years 2-3, we’ll begin self-distributing to grow our brand, and reinvesting our profits to expand capacity to full-scale by years 4 & 5.
</p>
</div><!-- end of div#product-->
<div id="theteam" style="padding-top:80px;">
<h3 class="contentHeaders">The Team</h3>
<p class="theTeam">Founders and Directors</p>
<div class="row">
<div class="col-lg-4" style=" text-align:center; margin-bottom:20px;">
<img src="static/img/brian.jpg" style="width: 100%; vertical-align:top;">
<a href="https://www.facebook.com/profile.php?id=100006809821835" target="_blank">
<i class="fab fa-facebook-f" aria-hidden="true" style="margin-top:10px; color:#3B5998;"></i>
</a>
</div>
<div class="col-lg-8">
<p class="name">Brian Jackson</p>
<p class="title"><i>CEO and Co-Founder</i></p>
<p class="teamDesc">
Brian graduated with a Bachelor’s Degree in Psychology from the University of Cincinnati. Brian began his career as a General Manager at Chipotle, where he learned the importance of making quality products with superb service. He carried over this approach to home brewing when he started in his basement 8 years ago. Since then, he’s garnered awards for his beers, and became a certified Beer Judge. Brian then spent 7 years working for Cavalier Distributing, an alcohol distribution company building relationships with restaurants & retailers. Two years ago, he then moved on to MadTree Brewing Company where he currently serves as a commercial brewer.
</p>
</div>
</div>
<br>
<div class="row">
<div class="col-lg-4" style=" text-align:center; margin-bottom:20px;">
<img src="static/img/marvin.jpg"c="assets/COO.jpg" style="width: 100%; vertical-align:top;">
<a href="https://www.facebook.com/marvin.abrinica" target="_blank">
<i class="fab fa-facebook-f"aria-hidden="true" style="margin-top:10px; color:#3B5998; margin-right:5px;"></i>
</a>
<a href="https://twitter.com/marvinador" target="_blank" >
<i class="fab fa-twitter" aria-hidden="true" style="margin-top:10px; color:#00aced;"></i>
</a>
</div>
<div class="col-lg-8">
<p class="name">Marvin Abrinica</p>
<p class="title"><i>Chief Marketing Officer and Co-Founder</i></p>
<p class="teamDesc">
Marvin spent 18 years at Procter & Gamble building brands, sourcing deals, and training leaders. In 2015, Marvin began Thrivera a digital marketing agency that helps companies brand and fund their ideas. He then started Wunderfund as the region’s first FINRA regulated crowdfunding portal. Marvin is a public speaker, a two time TEDx speaker, and now gives talks at Fortune 500s, conferences, accelerators, and universities. Marvin’s also a leading advocate for the growing startup ecosystem in Ohio, and is a mentor and advisor for several startup companies.
</p>
</div>
</div>
</div><!-- end of div#theteam -->
<div id="perks" style="padding-top:80px;">
<h3 class="contentHeaders">
Perks <span style="font-size:13px;">All perks are additive. See the <a href="#docs">agreements below</a> below for further details.</span>
</h3>
<br>
<div class="row">
<div class="col-sm-6">
<div class="perksBox">
<p class="perksHeaderLight">invest</p>
<p class="perksHeaderDark">$100 (First 250 people)</p>
<p class="perksHeaderLight">receive</p>
<img src="static/img/glass.jpg" alt="glassware" style="width:100%; border-radius:3px; margin-bottom:10px;">
<br>
</div>
</div>
<div class="col-sm-6">
<div class="perksBox">
<p class="perksHeaderLight">invest</p>
<p class="perksHeaderDark">$250 (First 200 people)</p>
<p class="perksHeaderLight">receive</p>
<img src="static/img/coaster.jpg" alt="Slate Coasters" style="width:100%; border-radius:3px; margin-bottom:10px;">
<br>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="perksBox">
<p class="perksHeaderLight">invest</p>
<p class="perksHeaderDark">$500 (First 150 people)</p>
<p class="perksHeaderLight">receive</p>
<img src="static/img/keychain.jpg" alt="Keychain" style="width:100%; border-radius:3px; margin-bottom:10px;">
<br>
</div>
</div>
<div class="col-sm-6">
<div class="perksBox">
<p class="perksHeaderLight">invest</p>
<p class="perksHeaderDark">$1,000 (First 100 people)</p>
<p class="perksHeaderLight">receive</p>
<img src="static/img/caddy.jpg" alt="Caddy" style="width:100%; border-radius:3px; margin-bottom:10px;">
<br>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="perksBox">
<p class="perksHeaderLight">invest</p>
<p class="perksHeaderDark">$5,000 (First 50 people)</p>
<p class="perksHeaderLight">receive</p>
<img src="static/img/crate.jpg" alt="Crate" style="width:100%; border-radius:3px; margin-bottom:10px;">
<br>
</div>
</div>
<div class="col-sm-6">
<div class="perksBox">
<p class="perksHeaderLight">invest</p>
<p class="perksHeaderDark">$10,000 (First 25 people)</p>
<p class="perksHeaderLight">receive</p>
<img src="static/img/party.jpg" alt="Party" style="width:100%; border-radius:3px; margin-bottom:10px;">
<br>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<div class="perksBox">
<p class="perksHeaderLight">invest</p>
<p class="perksHeaderDark">$25,000 (First 4 people)</p>
<p class="perksHeaderLight">receive</p>
<img src="static/img/barrel.jpg" alt="Esoteric Barrel" style="width:100%; border-radius:3px; margin-bottom:10px;">
<br>
</div>
</div>
<div class="col-sm-6"></div>
</div>
</div><!-- end of div#perks -->
<div id="offering" style="padding-top:80px;">
<h3 class="contentHeaders">Offering Details</h3>
<table class="table">
<tbody>
<tr style="border-bottom: 1px solid #e1e1e1; border-top: 2px solid transparent;">
<td class="tableTitle">Issuer Name</td>
<td class="tableDesc"><strong>Esoteric Brewing Company, LLC</strong></td>
</tr>
<tr>
<td class="tableTitle">Securities</td>
<td class="tableDesc"><strong>Equity</strong></td>
</tr>
<tr>
<td class="tableTitle">Offering Amount</td>
<td class="tableDesc"><strong>$894,200</strong></td>
</tr>
<tr>
<td class="tableTitle">Valuation</td>
<td class="tableDesc"><strong>$3,000,000</strong></td>
</tr>
<tr>
<td class="tableTitle">Minimum Investment:</td>
<td class="tableDesc"><strong>$100</strong></td>
</tr>
<tr>
<td class="tableTitle">Ownership % of the Company</td>
<td class="tableDesc">
<strong>30%.</strong> Investors will receive common equity interests in the Issuer. Anyone who invests greater than $25,000 can convert their common equity units to preferred equity (after a six month holding period). The preferred equity units feature an annual distribution to pay down the principal investment. Once paid off, preferred units continue to receive an annual pro-rata distribution from profits.
</td>
</tr>
</tbody>
</table>
<p class="story">Click here to view the Esoteric’s <a href="https://www.sec.gov/cgi-bin/browse-edgar?action=getcompany&CIK=0001737337&owner=exclude&count=40" target="_blank">SEC Form 1-A </a>filing.</p>
<h3 class="contentHeaders">Project Budget</h3>
<p class="story">
Esoteric Brewery requires an estimated $2.1 to $2.45 million to fund the complete project build-out and get the brewery operational. We’ve already accounted for >70% of the funding needed.
</p>
<table class="table">
<tbody>
<tr style="border-top: 2px solid transparent;">
<td class="tableTitle">$850,000 </td>
<td class="tableDesc">Tenant Allowance by landlord Model Group</td>
</tr>
<tr style="border-top: 2px solid transparent;">
<td class="tableTitle">$195,000</td>
<td class="tableDesc">Private capital already raised</td>
</tr>
<tr style="border-top: 2px solid transparent;">
<td class="tableTitle">$50,000</td>
<td class="tableDesc">Commitment from Cincinnati Development Foundation</td>
</tr>
<tr style="border-top: 2px solid transparent;">
<td class="tableTitle">$700,000</td>
<td class="tableDesc">
<a href="static/docs/esoteric_sba.pdf" class="risks">
SBA Loan
</a>
</td>
</tr>
<tr>
<td class="tableTitle" style="color:#292929;">$1,766,000</td>
<td class="tableDesc"></td>
</tr>
<tr style="border-top: 2px solid transparent;">
<td class="tableTitle">$334,000 - $699,200</td>
<td class="tableDesc">Remaining Balance to Fund</td>
</tr>
</tbody>
</table>
<br>
<h3 class="contentHeaders">Use of Funds</h3>
<p class="story">
The Company anticipates to get the brewery up and running even if this offering is partially subscribed
</p>
<img src="static/img/use_of_funds.jpg" alt="Use of Funds" class="proForma">
</div><!-- end of div#offering -->
<div id="letter" style="padding-top:80px;">
<h3 class="contentHeaders">A letter from the Founders</h3>
<i>
<p class="story">Dear Investors,</p>
<p class="story">
Hi, I’m Brian Jackson. Eight years ago, I started home brewing in my basement, while I worked days distributing beer. Then, I was fortunate enough to get hired at a large microbrewery, where I learned the trade and have been brewing beer in full-scale tanks. Every experience led me down this path to bring you Esoteric Brewery.
<br><br>
Esoteric is not just any craft beer, it’s a beer created with sophistication, full of integrity, and with the power to make a profound social impact.
<br><br>
When searching for a location, we wanted a place that embodied our principles and shared these values. Then we came upon Walnut Hills, a community with vibrant diversity, a beautiful history, and the promise of greatness.
<br><br>
There’s no greater promise in this neighborhood than the Paramount building. It once was the premium shopping destination of the city, but the neighborhood hit hard times, and the building fell into disrepair. But today, Esoteric is pleased to raise it out of the ashes once & for all.
<br><br>
Marvin and I are just two ordinary guys with a plan. But as two minority brewers, we realize the plan is much bigger than us alone. Esoteric Brewing did not choose this neighborhood… this neighborhood chose Esoteric.
<br><br>
So today, I invite you to join us and become an owner and partner in this dream. We invite you to experience the enlightenment of Esoteric Brewing.
<br><br>
Sincerely yours!<br>
</p>
</i>
<img src="static/img/ma_bj.png" alt="Marvin and Brian" style="height:200px;"/>
<br>
<br>
<h3 class="contentHeaders">It Takes a Village...</h3>
<p class="story">
The building is 100 years old, and requires some major construction & rehabilitation. So, we’ve partnered with the Walnut Hills Redevelopment Foundation to fit into their master plan. The Model Group, a prominent builder of several communities across Cincinnati, is leading the construction & build-out, while New Republic Architects has spearheaded our drawings and interior design efforts. The <a href="https://thrivera.io">Thrivera Brand Group</a> is our marketing agency.
</p>
<img src="static/img/village.jpg" style="width:100%" />
</div><!-- end of div#letter -->
<div id="investors" style="padding-top:80px;">
<h3 class="contentHeaders">Testimonials from Investors</h3>
<div class="row">
<div class="col-3">
<img src="static/img/tj.png" style="width:100%" />
</div>
<div class="col-9">
<p class="story">
I listed everything that I would want and what I thought would resonate and be successful in a new Cincinnati brewery. From flagship styles of beer (Belgian), to the sounds (not too loud), from the seating (softer chairs and lounge space) to the location (anchor spot in a neighborhood...) As they presented their vision, I was able to mentally check-off about every single one of the characteristics on my list.
<br><br>
I love the old deco-style Paramount building. I love the location in the neighborhood where this start-up can become an anchor for a rejuvenated community. A gathering space where all folks can come and have great conversation, in a comfortable place, over a fantastic craft beer.
<br><br>
- TJ Statt
<br>
</p>
</div>
</div>
<div class="row" style="margin-top:15px;">
<div class="col-3">
<img src="static/img/mike.png" style="width:100%" />
</div>
<div class="col-9">
<p class="story">
I invested in Esoteric because Brian and Marvin are the perfect combination: beer-smart and business-savvy. Walnut Hills is an excellent location for their unique brewery and I'm happy to be a small part of the continuing redevelopment of that community.
<br><br>
- Mike Willians
</p>
</div>
</div>
</div><!-- end of div#investors -->
<br><br>
<div id="docs" style="padding-top:80px;">
<h3 class="contentHeaders">Documents</h3>
<div class="row">
<div class="col-lg-6 col-md-12 docs">
<a target="_blank" href="static/docs/esoteric_offering_agreement.pdf" class="btn btn-sm animated-button thar-three">
Offering Agreement <i class="fas fa-arrow-down"></i>
</a>
</div>
<div class="col-lg-6 col-md-12 docs">
<a target="_blank" href="static/docs/esoteric_perks_agreement.pdf" class="btn btn-sm animated-button thar-three">
Perks Agreement <i class="fas fa-arrow-down"></i>
</a>
</div>
</div>
</div><!-- end of div#docs --><br>
<div id="risks" style="padding-top:80px;">
<h3 class="contentHeaders">Risks and Offering Circular</h3>
<p class="risks">
Please read through the <a href="static/docs/esoteric_offering_circular.pdf" target="_blank" class="risks">full document</a> which includes the offering memorandum, risks & disclosures, existing contracts, leases, and financial statements.
</p>
</div><!-- end of div#risks -->
<div id="FAQs" class="py-5">
<h3 class="contentHeaders">FAQs</h3>
<div id="accordion">
<details open>
<summary class="pb-3">Will you be serving food in the brewery?</summary>
<p>Yes, we’re planning for the adjacent space next to the brewery to have a kitchen and food counter for our guests to order food and dine directly from the inside the brewery.</p>
</details>
<details open>
<summary class="pb-3">What happens if you don't reach your full fundraising goal? Will the project stop?</summary>
<p>The project will proceed whether we reach our full crowdfunding goal or not. The pre-approved SBA loan will allow us to make up for any short-fall. Additionally, we have a pre-committed investor who is willing to put up to $400,000 in equity at the tail-end of the campaign. As a contingency plan, we can scale back some of our equipment, furnishings & fixtures as needed.</p>
</details>
<details open>
<summary class="pb-3">What makes Brian and Marvin such a great working team?</summary>
<p>When it comes to running a brewery, we both have different strengths that complement one another. I’m an operational brewer with retail experience, and distribution connections. Meanwhile, Marvin’s understands the numbers, the business, and what it means to build a brand. Together, we make a phenomenal team.</p>
</details>
<details open>
<summary class="pb-3">With so many breweries already out there, what makes Esoteric so special?</summary>
<p>Esoteric is a brand built on sophistication. When you step into our tap room, you’ll experience a location that transcends the typical warehouse you’re accustomed to going to. Expect, a warm & inviting atmosphere that feels upscale, but is accessible for all. Oh, and we promise the beer will taste just as sophisticated!</p>
</details>
<details open>
<summary class="pb-3">What do you predict will happen with the beer industry?</summary>
<p>The craft beer industry reached 6,000 taprooms in 2017, and the Craft Beer Association reported a 6% growth rate. Importantly, the craft beer segment is the only segment of the overall beer market that is growing, and still only accounts for 13% of the overall beer market. So, there’s plenty of upside. There may be some natural selection that occurs, and the ones that thrive will have strongly established brands rooted in a profitable taproom sustained by the neighborhoods they reside in.</p>
</details>
<details open>
<summary class="pb-3">What do people say about your beers?</summary>
<p>People love our beers. I’ve been a homebrewer and part of the local brewery scene for eight years. As a homebrewer, I’ve been sharing my beer at parties and home gatherings and people always ask for my Belgian Quad. I call it Nirvana, because that’s the state of mind that you’re in after you have one. In fact, some people don’t even remember my name, and call me the Nirvana guy.
</p>
<p>Needless to say, I’ve won several awards for my beer, and I’m a certified beer judge. I work for a major microbrewery now, and two of my own recipes have been featured there in the last year alone. It’s safe to say that people believe in Esoteric’s liquid.</p>
</details>
<details open>
<summary class="pb-3">What’s the plan for distribution as you grow the brand?</summary>
<p>We expect to establish a profitable taproom in Year 1, which will self-fund our distribution & expansion. By year 2-3, we want to self-distribute kegs to local retail establishments within the region. As a former distributor, I have good relationships within the restaurants & bar industry. It’s imperative we begin seeding our presence around the region at high volume retail in order to generate demand. This gives us the right to bottle & distribute to bigger retail accounts by Years 3-5.</p>
</details>
<details open>
<summary class="pb-3">What’s the price range of your beers?</summary>
<p>Our beers will range in price from $5 to $7 depending on the style of the beer. This is pretty standard within the industry. Some of our beer styles such as our specialty Belgian beers, as an example, have a higher alcohol content by volume (abv), which means we’ll serve smaller pours. This also gives us higher profitability by ounce.</p>
</details>
<details open>
<summary class="pb-3">What will the high-end range of the fundraising allow you to do?</summary>
<p>If we’re fortunate to reach $900K, it allows us to add bottling equipment and distribution capability sooner. That allows us to start building our brand in retailers and accounts so we can grow our top-line revenues. Since this is equity, it also gives more ownership to our shareholders, and importantly, it also allows us to carry less debt to service.</p>
</details>
</div><!--end of div#accordion -->
</div><!--end of div#FAQs-->
</article><!--end of right column-->
</div><!--end of whole row-->
</div><!--end of container-->
</section><!--end of content section-->
<footer>
<div class="container">
<div class="row">
<div class="col-md-4">
<ul class="footerUL">
<li class="footerLinks">Esoteric Brewing Co.</li>
<li class="footerLinks">900 E McMillan Street</li>
<li class="footerLinks">Cincinnati, OH 45206</li>
</ul>
</div>
<div class="col-md-4">
<ul class="footerUL">
<li class="footerLinks">
<a href="{{ url_for('home.homepage') }}">Home</a>
</li>
<li class="footerLinks">
<a href="{{ url_for('home.termspage') }}">Terms of Service</a>
</li>
</ul>
</div>
<div class="col-md-4">
<ul class="footerUL">
<li class="footerLinks">
<a href="https://www.facebook.com/Esotericbrewingco/" target="_blank" class="icons-sm fb-ic">
<i class="fab fa-facebook-f" style="margin-right:7px;"></i> Facebook
</a>
</li>
<li class="footerLinks">
<a href="https://twitter.com/esotericbeer" target="_blank" class="icons-sm tw-ic">
<i class="fab fa-twitter" style="margin-right:7px;"></i> Twitter
</a>
</li>
<li class="footerLinks">
<a href="https://www.instagram.com/esotericbrewing/" target="_blank" class="icons-sm ins-ic">
<i class="fab fa-instagram" style="margin-right:7px;"></i> Instagram
</a>
</li>
</ul>
</div>
</div>
<div class="row">
<div class="mx-md-auto">
<p class="copyright text-muted small mb-0 mt-5">
<i class="fas fa-code"></i>
with
<i class="fas fa-heart"></i>
by
<a style="color:white" href="https://www.thrivera.io">Thrivera</a>
</p>
</div>
</div>
</div>
</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous" defer></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous" defer></script>
<!-- Custom JS -->
<script src="static/js/main.js" defer></script>
<script src="static/js/home.js" defer></script>
<!-- Vimeo Player -->
<script src="https://player.vimeo.com/api/player.js" defer></script>
</body>
</html>