-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
933 lines (817 loc) · 49.7 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
<<<<<<< HEAD
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- TITLE OF SITE -->
<title>Etherparty</title>
<meta name="description" content="Etherparty is a blockchain agnostic smart contract platform designed for the non-technical user" />
<meta name="keywords" content="smart contracts, blockchain, bitcoin, ethereum, counterparty, dac, dao, dapp, decentralized, decentralization" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- FAVICON -->
<link rel="icon" href="assets/images/ep.png">
<!-- =========================
STYLESHEETS
============================== -->
<!-- BOOTSTRAP CSS -->
<link rel="stylesheet" href="assets/css/plugins/bootstrap.min.css">
<!-- FONT ICONS -->
<link rel="stylesheet" href="assets/css/icons/icons.min.css">
<!-- GOOGLE FONTS -->
<link href="http://fonts.googleapis.com/css?family=Raleway:300,400,600,700%7COpen+Sans:300,400,600,700%7CHandlee" rel="stylesheet">
<!-- PLUGINS STYLESHEET -->
<link rel="stylesheet" href="assets/css/plugins/plugins.min.css">
<!-- CUSTOM STYLESHEET -->
<link rel="stylesheet" href="assets/css/style.css">
<!-- RESPONSIVE FIXES -->
<link rel="stylesheet" href="assets/css/responsive.css">
<!-- COLORE STYLESHEET -->
<!-- Change here the Main Color of the Site: Choose your favorite predefined color from assets/css/colors.css -->
<link rel="stylesheet" href="assets/css/colors/red.css" title="red">
<!--[if lt IE 9]>
<script src="assets/js/plugins/html5shiv.min.js"></script>
<script src="assets/js/plugins/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- =========================
PRELOADER
============================== -->
<div class="preloader">
<div class="loader-container">
<div class="text-logo">Etherparty</div>
<div class="signal"></div>
</div>
</div>
<!-- =========================
HEADER
============================== -->
<header class="header video-bg" id="top">
<!-- Background Overlay -->
<div class="overlay">
<!-- =========================================
Navigation
========================================== -->
<nav class="navbar navbar-fixed-top" role="navigation">
<div class="container">
<div class="row">
<div class="col-md-12">
<!-- Navbar-Header -->
<div class="navbar-header">
<!-- Mobile Menu -->
<button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
<i class="icon icon_menu"></i>
</button>
<!-- Text-Logo -->
<a href="#top" class="navbar-brand scrollto" title="Etherparty">
<span class="text-logo">Etherparty</span>
</a>
<!-- Image-Logo: Remove this comments and the section above Text-Logo if you want to add an Image-Logo (recommended sizes -> max-height:50, max-width:200)
<a href="#top" class="navbar-brand img-logo scrollto" title="SmartMvp">
<img src="assets/images/logo.png" alt="Logo">
</a>
-->
</div><!-- /End Navbar-Header -->
<!-- Navbar-Collapse -->
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<!-- Menu Items -->
<li><a href="#about" title="" class="scrollto">About</a></li>
<li><a href="#charts" title="" class="scrollto">Development</a></li>
<li><a href="#features" title="" class="scrollto">Features</a></li>
<!-- Login and Signup Modal on click -->
<!-- <li><a class="btn btn-nav" data-toggle="modal" href="javascript:void(0)" onclick="openLoginModal();">Login</a></li>
<li><a class="btn btn-nav btn-signup" data-toggle="modal" href="javascript:void(0)" onclick="openRegisterModal();">Sign Up</a></li> -->
<li><a class="btn btn-nav btn-signup" href="#registration">Register</a></li>
</ul>
</div><!-- /End Navbar-Collapse -->
</div><!-- /End Col -->
</div><!-- /End Row -->
</div><!-- /End Container -->
</nav><!-- /End Sticky Navigation -->
<!-- =========================================
Login/Signup Bootstrap Modal
========================================== -->
<div class="modal fade login" id="loginModal">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal-Header -->
<div class="modal-header">
<!-- Close Button -->
<button id="lm-close-btn" type="button" class="close" data-dismiss="modal" aria-hidden="true">
<i class="icon icon_close_alt2"></i>
</button>
<!-- Modal-Header Title-->
<h4 class="modal-title">Register with <span>Etherparty</span></h4>
<!-- <p class="modal-subtitle">Enter your email and name</p> -->
</div><!-- /End Modal-Header -->
<!-- Modal-Body Content -->
<div class="modal-body">
<div class="box">
<div class="content">
<!-- Login Form -->
<div class="loginBox">
<form id="login-modal" role="form">
<!-- Success/Alert Notification -->
<p class="lm-success"><i class="icon icon_check_alt2"></i> <strong>Registration Success! Your ID is <p class="lm-success-id"></p> </strong></p>
<p class="lm-failed"><i class="icon icon_close_alt2"></i><strong> Registration failed :( Try again? An email has been dispatched to our developers recording this error. </strong></p>
<!-- Input Fields -->
<input id="lm-name" class="form-control input-lg" type="text" placeholder="Name" name="name" required>
<input id="lm-email" class="form-control input-lg" type="email" placeholder="Email" name="email" required>
<input id="lm-alias" class="form-control input-lg" type="text" placeholder="Alias (optional)" name="alias" >
<!-- Login Button -->
<button id="lm-submit" class="btn btn-color"> Sign up </button>
</form>
</div><!-- /End Login Form -->
</div>
</div><!-- /End Login Form Box -->
<small> We will not sell your information to anyone. You will receive a email confirmation after your registration has been processed. </small>
</div><!-- /End Modal-Body -->
</div><!-- /End Modal Content -->
</div><!-- /End Modal Dialog -->
</div><!-- /End Modal -->
<!-- Privacy and other modals -->
<div class="modal fade privacy" id="privModal">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal-Header -->
<div class="modal-header">
<!-- Close Button -->
<button id="lm-close-btn" type="button" class="close" data-dismiss="modal" aria-hidden="true">
<i class="icon icon_close_alt2"></i>
</button>
<!-- Modal-Header Title-->
<h4 class="modal-title"><span>Etherparty</span> Privacy Policy</h4>
</div><!-- /End Modal-Header -->
<!-- Modal-Body Content -->
<div class="modal-body">
<div class="box">
<div class="privacy content">
<!-- Login Form -->
Privacy Policy
Last updated: January 17, 2015
Etherparty ("us", "we", or "our") operates the http://www.etherparty.io website (the "Service").
This page informs you of our policies regarding the collection, use and disclosure of Personal Information when you use our Service.
We will not use or share your information with anyone except as described in this Privacy Policy.
We use your Personal Information for providing and improving the Service. By using the Service, you agree to the collection and use of information in accordance with this policy. Unless otherwise defined in this Privacy Policy, terms used in this Privacy Policy have the same meanings as in our Terms and Conditions, accessible at http://www.etherparty.io
Information Collection And Use
While using our Service, we may ask you to provide us with certain personally identifiable information that can be used to contact or identify you. Personally identifiable information may include, but is not limited to, your name, postal address and other information ("Personal Information").
Log Data
We collect information that your browser sends whenever you visit our Service ("Log Data"). This Log Data may include information such as your computer's Internet Protocol ("IP") address, browser type, browser version, the pages of our Service that you visit, the time and date of your visit, the time spent on those pages and other statistics.
Cookies
Cookies are files with small amount of data, which may include an anonymous unique identifier. Cookies are sent to your browser from a web site and stored on your computer's hard drive.
We use "cookies" to collect information. You can instruct your browser to refuse all cookies or to indicate when a cookie is being sent. However, if you do not accept cookies, you may not be able to use some portions of our Service.
Service Providers
We may employ third party companies and individuals to facilitate our Service, to provide the Service on our behalf, to perform Service-related services or to assist us in analyzing how our Service is used.
These third parties have access to your Personal Information only to perform these tasks on our behalf and are obligated not to disclose or use it for any other purpose.
Security
The security of your Personal Information is important to us, but remember that no method of transmission over the Internet, or method of electronic storage is 100% secure. While we strive to use commercially acceptable means to protect your Personal Information, we cannot guarantee its absolute security.
Links To Other Sites
Our Service may contain links to other sites that are not operated by us. If you click on a third party link, you will be directed to that third party's site. We strongly advise you to review the Privacy Policy of every site you visit.
We have no control over, and assume no responsibility for the content, privacy policies or practices of any third party sites or services.
Children's Privacy
Our Service does not address anyone under the age of 13 ("Children").
We do not knowingly collect personally identifiable information from children under 13. If you are a parent or guardian and you are aware that your Children has provided us with Personal Information, please contact us. If we discover that a Children under 13 has provided us with Personal Information, we will delete such information from our servers immediately.
Changes To This Privacy Policy
We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page.
You are advised to review this Privacy Policy periodically for any changes. Changes to this Privacy Policy are effective when they are posted on this page.
Contact Us
If you have any questions about this Privacy Policy, please contact us.
</div>
</div><!-- /End Login Form Box -->
</div><!-- /End Modal-Body -->
</div><!-- /End Modal Content -->
</div><!-- /End Modal Dialog -->
</div><!-- /End Modal -->
<!-- =========================================
Hero-Section
========================================== -->
<div class="container vmiddle">
<div class="row">
<div class="col-md-8">
<div class="hero-section">
<img height="200px" width="200px" src="assets/images/ep.png">
<!-- Welcome - Hero Message -->
<h1 class="text-white">Etherparty is Blockchain agnostic </h1>
<p class="text-white">Your starting point for building successful decentralized applications and organizations. Etherparty is designed for the non-technical user, join us. </p>
<!-- Learn More Buttons -->
<div class="btn-box">
<a href="#about" class="btn btn-ghost scrollto">Learn More</a>
<a href="#canvas-bg" class="btn btn-color scrollto"><i class="icon arrow_carrot-2dwnn_alt"></i>Register for updates </a>
</div>
</div><!-- /End Intro-Section -->
</div><!-- /End Col -->
</div><!-- /End Row -->
</div><!-- /End Container Hero-Section -->
</div><!-- /End Background Overlay -->
</header>
<!-- =========================
/END HEADER
============================== -->
<!-- =================================
SECTION ABOUT - INTRO FEATURES
====================================== -->
<section class="intro-features white-bg" id="about">
<div class="container">
<!-- Padding -->
<div class="wrapper-lg">
<div class="row">
<!-- Section Header Title -->
<div class="col-xs-12">
<h2>It's about making ideas happen</h2>
<p class="large">Build with the best of Bitcoin 2.0 and beyond</p>
</div>
</div>
<!-- Three Main Features with Icons -->
<div class="row">
<div class="col-sm-4 intro-content">
<div class="icon-lg">
<i class="icon icon-mobile"></i>
</div>
<h4>Multi-Platform</h4>
<p>Etherparty is a responsive web application enabling Smart Contracts on mobile, tablet, or desktop.</p>
</div>
<div class="col-sm-4 intro-content">
<div class="icon-lg">
<i class="icon icon-browser"></i>
</div>
<h4>Easy to Use</h4>
<p>Etherparty is a front-end for Smart Contract creation, writing a Smart Contract is as simple as filling out a form. </p>
</div>
<div class="col-sm-4 intro-content">
<div class="icon-lg">
<i class="icon icon-documents"></i>
</div>
<h4>Blockchain Agnostic</h4>
<p>Etherparty is a platform to interface with multiple blockchains leveraging intelligent scripts and decentralized tools. </p>
</div>
</div><!-- /End Row -->
</div><!-- /End Wrapper -->
</div><!-- /End Container -->
</section>
<!-- =============================
/END INTRO FEATURES
============================== -->
<!-- ==================================================
SECTION 2 COLS - IMAGE RIGHT AND TEXT WITH CALL TO ACTION
======================================================= -->
<section class="img-with-action light-bg">
<div class="container wrapper-lg">
<div class="row">
<div class="col-lg-5 col-md-5">
<!-- Text Col -->
<h3>Built with Ethereum</h3>
<p>Etherparty is using Ethereum for Smart Contract creation. We remove the complexity and technical programming with our visual contract creation tools. </p>
<!-- Call To Action Buttons -->
<div class="btn-box">
<a href="#features" class="btn btn-grey scrollto">Learn More</a>
<a href="#canvas-bg" class="btn btn-color scrollto"><i class="icon arrow_carrot-2dwnn_alt"></i>Receive updates</a>
</div>
<!-- Div Required for Correct Charts Animation -->
<div class="start-charts"></div>
</div>
</div><!-- /End Row-->
</div><!-- /End Container-->
<!-- Image Col -->
<div class="hidden-sm hidden-xs col-md-6 img-col-bg img-right"><a href ="namecoin.info"><img src="assets/images/etherpartystack.png"></a></div>
</section>
<!-- =============================
/END SECTION
============================== -->
<!-- ==================================================
CHARTS & SHOWCASE SECTION
======================================================= -->
<section class="charts white-bg" id="charts">
<div class="container">
<div class="wrapper-lg">
<div class="row">
<div class="col-md-12">
<h2>Build your Decentralized Applications</h2>
<p class="large">Etherparty is a Blockchain agnostic platform for all Smart Contracts. </p>
</div>
</div>
<div class="row doughnut-box">
<div class="col-md-5">
<!-- Div Required for Correct Line Chart Animation -->
<div class="start-line"></div>
<!-- Chart Text Description -->
<h4>Everything you need in one place.</h4>
<p>Writing a contract is the first step. Discover how Etherparty makes it easy to build your ideas, so you can spend less time managing multiple systems to easily build your DAC, DAO, or DApp. </p>
<p><a href="#canvas-bg" class="scrollto"><strong>Want to learn more? Sign up for updates here ›</strong></a></p>
</div>
<div class="col-md-7">
<!-- Doughnut Charts -->
<div id="canvas-holder">
<div class="chart-text">
100%<span>Blockchain<br> Architecture</span>
</div>
<canvas id="chart-area" width="400" height="400"></canvas>
</div>
<div id="canvas2-holder">
<div class="chart2-text">
100%<span>Smart<br>Services</span>
</div>
<canvas id="chart2-area" width="300" height="300"></canvas>
</div>
</div>
</div><!-- /End Chart-Box -->
<div class="row chart-box">
<div class="col-md-6 col-md-push-6 col-sm-12">
<!-- Chart Text Description -->
<h4>Smart Contracts are the future.</h4>
<p>We are building Etherparty to enable simple tools for the next generation of Blockchain-connected economies powered by Smart Contract automation. No programming required.<br><br>Smart Contracts vs Cryptocurrency adoption rates (in thousands):<br><br><font size ="2" color="#00006B">Blue: Smart Contract users</font><br><font size ="2" color ="#CC0000">Red: Cryptocurrency users</font></p>
</div>
<div class="col-md-6 col-md-pull-6 col-sm-12">
<!-- Line Chart -->
<div class="line-canvas">
<div>
<canvas id="line-canvas" height="450" width="600"></canvas>
</div>
</div>
</div>
</div><!-- /End Chart-Box -->
</div><!-- /End Wrapper -->
</div><!-- /End Container -->
</section>
<!-- =============================
/END CHARTS SECTION
============================== -->
<!-- ==================================================
FEATURES SECTION
======================================================= -->
<section class="tab-features color-bg" id="features">
<div class="container">
<div class="features-title">
<div class="row">
<div class="col-md-12">
<h2 class="text-white">Explore Etherparty</h2>
<p class="large text-white">Our roll out plan for developing the 1st Blockchain agnostic platform to create and manage all of your Smart Contract ideas: </p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<!-- Features Tab -->
<div class="tabs features tab-container">
<ul class="etabs">
<!-- Feature Icon -->
<li class="tab">
<a href="#tab-feature-1">
<div class="icon-sm">
<i class="icon icon-layers"></i>
</div>
<h5 class="text-white">Phase 1: <br> Register for updates</h5>
</a>
</li>
<!-- Feature Icon -->
<li class="tab">
<a href="#tab-feature-2">
<div class="icon-sm">
<i class="icon icon-pictures"></i>
</div>
<h5 class="text-white">Phase 2: <br> Design Preview </h5>
</a>
</li>
<!-- Feature Icon -->
<li class="tab">
<a href="#tab-feature-3">
<div class="icon-sm">
<i class="icon icon-grid"></i>
</div>
<h5 class="text-white">Phase 3: <br> Whitepaper: SaaS on the Blockchain </h5>
</a>
</li>
<!-- Feature Icon -->
<li class="tab">
<a href="#tab-feature-4">
<div class="icon-sm">
<i class="icon icon-chat"></i>
</div>
<h5 class="text-white">Phase 4: <br> Developer Release</h5>
</a>
</li>
<!-- Feature Icon -->
<li class="tab">
<a href="#tab-feature-5">
<div class="icon-sm">
<i class="icon icon-lightbulb"></i>
</div>
<h5 class="text-white">Phase 5: <br> Beta Launch</h5>
</a>
</li>
</ul><!-- /End Etabs -->
<div class="panel-container">
<div class="tab-content" id="tab-feature-1">
<div class="container">
<div class="row">
<!-- Feature Description 2cols Text-Left with Buttons -->
<div class="col-md-5 col-sm-6">
<h4>Get Etherparty updates </h4>
<p>We are working with Ethereum's development team and will have regular updates to share about our progress. </p>
<div class="btn-box">
<a href="#registration" class="btn btn-grey scrollto">Sign up </a>
<a href="#registration" class="btn btn-grey scrollto">View Blog </a>
</div>
</div>
<!-- Image-right -->
<div class="col-md-7 col-sm-6 hidden-xs wow fadeInRight" data-wow-duration="2s">
<img src="assets/images/features/feature1.png" alt="">
</div>
</div>
</div>
</div><!-- /End Tab-content -->
<div class="tab-content" id="tab-feature-2">
<div class="container">
<div class="row">
<!-- Feature Description 2cols Text-Right with Icons -->
<div class="col-xs-12 col-sm-6 col-sm-push-6 col-lg-7 col-lg-push-5">
<h4>Fully-featured and intuitive</h4>
<p>Etherparty will release an integrated platform combining Ethereum's latest proof of concept, decentralized file storage, and the Bitcoin Blockchain for transaction processing.</p>
<div class="tab-icon">
<div class="icon-sm">
<i class="icon icon-adjustments"></i>
</div>
<p class="large">Smart Templates</p>
<p> Pull up your Smart Contract templates and customize them as needed. We have designed Etherparty for the non-technical.</p>
</div>
<div class="tab-icon">
<div class="icon-sm">
<i class="icon icon-target"></i>
</div>
<p class="large">Visually Assemble your Ideas</p>
<p> We use the latest visual tools to assemble Smart Contracts - no programming required from contract start to launch.</p>
</div>
</div>
<!-- Image-Left -->
<div class="col-xs-12 col-sm-6 col-sm-pull-6 col-lg-5 col-lg-pull-7 hidden-xs wow fadeInLeft" data-wow-duration="2s">
<img src="assets/images/features/feature2.png" class="img-device" alt="">
</div>
</div>
</div>
</div><!-- / End Tab-content -->
<div class="tab-content" id="tab-feature-3">
<div class="container">
<div class="row">
<!-- Feature Description 2cols Text-Left -->
<div class="col-md-5 col-sm-6">
<h4>Etherparty Map</h4>
<p>The whitepaper is a deep dive into Etherparty's business model and technical architecture. Bringing together service oriented automation and the connected Blockchains of Ethereum and Bitcoin. <br>
</p>
</div>
<!-- Image-Right -->
<div class="col-md-7 col-sm-6 hidden-xs wow fadeInRight" data-wow-duration="2s">
<img src="assets/images/features/feature3.png" alt="">
</div>
</div>
</div>
</div><!-- /End Tab-content -->
<div class="tab-content" id="tab-feature-4">
<div class="container">
<div class="row">
<!-- Feature Description 2col Text-Left with Icons-->
<div class="col-md-7 col-sm-6">
<h4>Get first peek at Etherparty</h4>
<p>Etherparty is a platform for future networks of distributed, autonomous scripts that carry out tasks and follow directions. </p>
<div class="tab-icon">
<div class="icon-sm">
<i class="icon icon-profile-male"></i>
</div>
<p class="large">The Alpha version</p>
<p>Our developer release is the launch of Etherparty's initial feature set to a select few, get on the list for our Beta invitations and join the development discussions.</p>
</div>
<div class="tab-icon">
<div class="icon-sm">
<i class="icon icon-compass"></i>
</div>
<p class="large">Vision</p>
<p>Our goal is to facilitate decentralized development using Ethereum, Bitcoin, and user friendly approaches to creating Smart Contracts. </p>
</div>
</div>
<!-- Image Right -->
<div class="col-md-5 col-sm-6 hidden-xs wow fadeInRight" data-wow-duration="2s">
<img src="assets/images/features/feature4.png" class="img-device" alt="">
</div>
</div>
</div>
</div><!-- /End Tab-content -->
<div class="tab-content" id="tab-feature-5">
<div class="container">
<div class="row">
<!-- Feature Description 2col Text both -->
<div class="col-xs-12">
<div class="col-sm-6">
<h4>Gas up</h4>
<p>Etherparty runs Smart Contracts to enable DApps, DAOs, and DACs. And because all Smart Contracts require gasoline to run, Etherparty manages your fuel, monitors your fuel tank, and let's you know when you need to gas up. </p>
</div>
<div class="col-sm-6">
<h4>Ready, Set, Run!</h4>
<p>Our official release of Etherparty. Built using open source systems and distributed networks, this release encompasses a feature-rich dashboard and integrated toolset for creating, running, and storing your Smart Contracts.</p>
</div>
</div>
</div>
<div class="row">
<!-- Image below -->
<div class="col-xs-12 hidden-xs wow fadeInUp" data-wow-duration="2s">
<img src="assets/images/features/feature5.png" class="img-device" alt="">
</div>
</div>
</div>
</div><!-- / End Tab-content -->
</div><!-- / End Panel-Container -->
</div><!-- / End Tabs -->
</div><!-- /End Col -->
</div><!-- /End Row -->
</section>
<!-- =============================
/END FEATURES TAB
============================== -->
<!-- ==================================================
SIGNUP DIVIDER
======================================================= -->
<section id="canvas-bg" class="dark-bg signup-divider">
<div class="container">
<div class="wrapper-lg">
<div class="row">
<div class="col-md-12">
<h2 class="text-white">ETHERPARTY IS COMING</h2>
<p class="large text-white">Smart Contracts so easy to use, people might not know they're using them. </p>
<a href="#canvas-bg" class="btn btn-color scrollto"><i class="icon arrow_carrot-2dwnn_alt"></i> Register for updates </a>
</div>
</div>
</div><!-- /End Wrapper -->
</div><!-- /End Container -->
</section>
<!-- =============================
/END SIGNUP SECTION
============================== -->
<!-- ==================================================
NEWSLETTER AND SOCIAL DIVIDER
======================================================= -->
<section class="newsletter color-bg" id="newsletter">
<div class="container">
<div class="wrapper-sm">
<div class="row">
<div class="col-md-6">
<!-- =========================
Social Icons
============================== -->
<div class="table">
<div class="table-row">
<div class="table-cell follow">
<h5 class="table-title">Follow Us</h5>
</div>
<div class="table-cell">
<ul class="social-list">
<li>
<a href="https://www.facebook.com/pages/Etherparty/1390705864566685">
<i class="icon icon-facebook"></i>
</a>
</li>
<li>
<a href="https://www.twitter.com/etherparty_io">
<i class="icon icon-twitter"></i>
</a>
</li>
<li>
<a href="https://plus.google.com/+EtherpartyIo8">
<i class="icon icon-googleplus"></i>
</a>
</li>
</a>
</li>
</ul>
</div><!-- /End Table-Cell -->
</div><!-- /End Table-Row -->
</div><!-- /End Table -->
</div><!-- /End Col -->
<div class="col-md-6">
</div><!-- /End Col -->
</div><!-- /End Row -->
</div><!-- End Wrapper -->
</div><!-- /End Container -->
</section>
<!-- =============================
/END NEWSLETTER SECTION
============================== -->
<!-- ==================================================
FOOTER
======================================================= -->
<footer class="footer dark-bg" id="footer">
<div class="container">
<div class="wrapper-lg">
<div class="row">
<!-- Footer Left Col -->
<div class="col-md-5">
<!-- Logo -->
<a href="#top" class="scrollto" title="Etherparty">
<span class="text-logo">Etherparty</span>
</a>
<p class="footer-text">Easily create and run your Smart Contracts for all of your decentralized ideas.</p>
<p class="footer-cta">
<a href="mailto:[email protected]" class="btn btn-color">Developer Registration </a>
</p>
</div>
<!-- Footer Contact Col -->
<div class="col-md-3">
<h5 class="text-white">Our Contact</h5>
<div class="contact-item">
<div class="contact-icon">
<i class="icon icon_mail"></i>
</div>
<div class="contact-content">
<a href="mailto:[email protected]">[email protected]</a>
</div>
</div>
</div>
<!-- Footer Right Col: Twitter Feed -->
<div class="col-md-4">
<h5 class="text-white">Recent Tweets - <a href="https://twitter.com/etherparty_io"> @etherparty_io </a> </h5>
<div class="tweet"><ul class="subtweet"></ul></div>
</div>
<!-- Footer Menu and Copy -->
<div class="row">
<div class="col-md-12">
<ul class="footer-nav">
<center><a href="http://VANBEX.com"><img width=100px height=100px src="assets/images/vanbex.png"></a></img></center><br>
<li>
<a href="#">About</a>
</li>
<li>
<a data-toggle="modal" href="javascript:void(0)" onclick="openPrivModal();" href="#">Privacy</a>
</li>
</ul>
<p class="footer-copy">© 2015 - Etherparty is proudly sponsored by<a href="http://VANBEX.com"> Vanbex Labs.</a></p>
</div>
</div>
</div><!-- End Row -->
</div><!-- /End Wrapper -->
</div><!-- /End Container -->
</footer>
<!-- =========================
SCRIPTS
============================== -->
<script src="assets/js/plugins/jquery1.11.0.min.js"></script>
<script src="assets/js/plugins/bootstrap.min.js"></script>
<script src="assets/js/plugins/jquery.easing.1.3.min.js"></script>
<script src="assets/js/plugins/modernizr.custom.min.js"></script>
<script src="assets/js/plugins/plugins.min.js"></script>
<script src="assets/js/plugins/twitter/tweetie.min.js"></script>
<script src="assets/js/plugins/videobg/videoplugins.min.js"></script>
<!-- Custom Script -->
<script src="assets/js/custom.js"></script>
<script src="assets/js/plugins/videobg/videobg.js"></script>
=======
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>EtherParty.io</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="./assets/bootstrap.css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<style> *{ font-family: 'Open Sans', sans-serif;} </style>
<link rel="stylesheet" type="text/css" href="./assets/flatui.css">
<link rel="shortcut icon" href="img/favicon.ico">
</head>
<body>
<div class="col-xs-2"> </div>
<div class="container col-xs-10 ">
<br>
<nav class="navbar col-xs-10 navbar-inverse navbar-embossed">
<div class="navbar-header">
<a class="navbar-brand" href="#">EtherParty! Rawr </a>
</div>
<ul class="nav navbar-nav navbar-right">
<li><a href="builder">See Contract Examples</a></li>
<li><a>|</a></li>
<li><a href="contracts">View all Contracts</a></li>
</ul>
</nav>
<div class="col-xs-10">
<div>
<h2 class="text-center">Welcome to Smart Contracts on the Blockchain</h2>
<small class="hidden"> Status: counterpartyd <br> Status: Bitcoind <br> Status: XYZ <br> </small>
</div>
<br>
<blockquote class="small text-left">
<li>Step 1: Create Contract (use examples provided as we're still in Alpha!)</li>
<li>Step 2: Publish Contract via Etherparty and claim your Contract ID</li>
<li>Step 3: Execute Contract with your values</li>
<li>First time running Etherparty? Create a New Address and load up on Gas - you're going to need it to fuel your contract!</li>
</blockquote>
<div class="hidden well well-md text-center">
Available Addresses: X Y Z
<br>
Gas: 0 0 0
<br>
BTC: 0 0 0
</div>
<div class="row">
<form name="publish" action="/publish" method="post">
<h4 class="col-xs-6 text-center"> Publish
<input placeholder="source address" class="form-control" name="source" type="text" />
<input placeholder="contract/code-hex" class="form-control" name="codehex" type="text" />
<input name="gasprice" placeholder="gas price" class="form-control" type="text" />
<input name="startgas" placeholder="start gas" class="form-control" type="text" />
<input name="endowment" placeholder="endowment" class="form-control" type="text" />
<input name="endowment" placeholder="endowment" class="form-control invisible" type="text" />
<br>
<input type="submit" class="col-xs-12 btn btn-lg btn-danger" value="Publish Contract" />
<p class="help-block "> This allows you to publish a contract to the blockchain, use the transaction id to get the contract ID. </p> </h4>
</h4>
</form>
<form name="execute" action="/execute" method="post">
<h4 class="col-xs-6 text-center"> Execute
<input placeholder="source address" class="form-control" name="source" type="text" />
<input placeholder="contract id" class="form-control" name="contract" type="text" />
<input name="gasprice" placeholder="gas price" class="form-control" type="text" />
<input name="startgas" placeholder="start gas" class="form-control" type="text" />
<input name="value" placeholder="value" class="form-control" type="text" />
<input name="payload" placeholder="payload" class="form-control" type="text" />
<br>
<input type="submit" class="col-xs-12 btn btn-lg btn-danger" value="Execute Contract" />
<p class="help-block "> This allows you to execute a piece of contract code against another contract ID, use the transaction id to get the result. </p></h4>
</h4>
</form>
</div>
<div class="row">
<form name="gascalc" action="/gascalc" method="post">
<h4 class="col-xs-push-1 col-xs-10">
<input name="codehex" placeholder="contract/code hex" class="form-control" type="text" />
<br>
<input type="submit" class="col-xs-12 btn btn-lg btn-danger" value="Calculate startgas/gasprice" />
<p class="help-block text-center"> Enter contract here to have the gas price calculated for you, or see below for more information. </p>
</h4>
</form>
<br>
<blockquote class="small col-xs-push-2 col-xs-10 text-left">
<li>Every transaction must contain a GASPRICE and STARTGAS value.</li>
<li>STARTGAS is the amount of "gas" that the transaction is assigned.</li>
<li>GASPRICE is the fee that the transaction pays per unit of gas.</li>
<li>from the <a href="https://github.com/ethereum/wiki/wiki/Ethereum-Development-Tutorial#gas"> Ethereum Development Guide</a> </li>
</blockquote>
</div>
<br> <div class="row">
<div class="col-xs-push-2 col-xs-8">
<div class="progress"> <div class="progress-bar progress-bar-info" style="width: 100%;"> </div> </div> </div> </div> <br>
<div class="row">
<form name="findID" action="/findcontractid" method="post">
<h4 class="col-xs-push-1 col-xs-10 text-center">
<input name="txid" placeholder="txid" class="form-control" type="text" />
<br>
<input type="submit" class="col-xs-12 btn btn-lg btn-danger" value="Find ContractID" />
<p class="help-block "> This allows you to retreive the contractID for a published transaction, which is useful in executing against other scripts. </p> </h4>
</h4>
</form>
</div>
<form name="findeval" action="/fetchcontractresult" method="post">
<h4 class="col-xs-push-1 col-xs-10 text-center" >
<input name="txid" placeholder="txid" class="form-control" type="text" />
<br>
<input type="submit" class="col-xs-12 btn btn-lg btn-danger" value="Fetch Contract Result" />
<p class="help-block "> This retreives the result of a given contract piece, when run against another contract. </p> </h4>
</form>
<div class=row></div>
<br> <div class="row">
<div class="col-xs-push-2 col-xs-8">
<div class="progress"> <div class="progress-bar progress-bar-warning" style="width: 100%;"> </div> </div> </div> </div> <br>
<div class="row">
<form name="getgas" action="/getgas" method="post">
<h4 class="col-xs-push-1 col-xs-5" >
<input name="address" placeholder="bitcoin address" class="form-control" type="text" /> <br>
<input type="submit" class="col-xs-12 btn btn-lg btn-danger" value="Get Gas" />
<p class="help-block "> This consumes btc and gives your specified address gas, you need to have at least 0.001 btc before attemping this. </p> </h4>
</form>
<form name="checkgas" action="/checkgas" method="post">
<h4 class="col-xs-push-1 col-xs-5" >
<input name="address" placeholder="bitcoin address" class="form-control" type="text" /> <br>
<input type="submit" class="col-xs-12 btn btn-lg btn-danger" value="Check Gas" />
<p class="help-block "> This tells you your specified address' collected gas. </p> </h4>
</form>
</div>
<div class="row">
<form name="payload" action="/payload" method="post">
<h4 class="col-xs-push-1 col-xs-5">
<input name="payload" placeholder="numeric value" class="form-control" type="text" /> <br>
<input type="submit" class="col-xs-12 btn btn-lg btn-danger" value="Construct Payload" />
<p class="help-block "> This creates a hex representation to use to construct a payload, example payload would be "4 4 4 4" </p>
</h4>
</form>
<form name="getaddr" action="/getaddress" method="post">
<h4 class="col-xs-push-1 col-xs-5">
<input name="address" placeholder="bitcoin address" class="invisible form-control" type="text" /> <br>
<input type="submit" class="col-xs-12 btn btn-lg btn-danger" value="Get New Address" />
<p class="help-block "> This creates an address for you to use on our server, you will need to put Test Bitcoins here to get Gas. </p>
</h4>
</form>
</div>
<br> <div class="row">
<div class="progress"> <div class="progress-bar" style="width: 100%;"> </div> </div> </div>
<!-- footer -->
<small class="col-xs-12 pull-right text-center"> git: [email protected]:etherparty/etherparty.io.git | PoC3 | copyright vanbexlabs 2014 <small>
</div>
</div>
>>>>>>> 27238ec29c4619656a09d8a921aa09f552392c5b
</body>
</html>