algorithmhub.github.io/index.html at master · AlgorithmHub/algorithmhub.github.io · GitHub

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
---
layout: default
---
<div id="h">
  <div class="container">
    <div class="row centered">
      <h2><b>AlgorithmHub</b></h2>
      <div class="mt">
      <h1><b>Algorithms for you<br>and your projects.</b></h1>
      <p class="text22">We're making it easier for you to Develop & Deploy interoperable Algorithms.</p>
    </div>
<!--       <div class="container sign-up">
        <div class="row">
          <div class="row">
            <div class="form-group col-xs-12 text-center">
              <button type="submit" class="btn btn-success btn-lg">Sign Up for a free Trial</button>
            </div>
          </div>
        </div>
      </div>
 -->
    </div>

    <div class="continue text-center">
        <a class="btn btn-lg btn-default" href="#contact">
            More Info
        </a>
    </div>
  </div><!--/container -->
</div>


<section id="overview">

<div id="cta">
  <div class="container text-center">
    <div class="row">
      <h3>Have an algorithm? Easily commercialize it on AlgorithmHub.</h3>
      <p class="text16">We support a wide variety of software languages. With the AlgorithmHub's Open Algorithm Container specification,
        your algorithm will be accessible anywhere from the cloud and automatically interoperable with other algorithms on AlgorithmHub.
        Get your algorithm seen and used with AlgorithmHub.</p>
    </div><!--/row -->
  </div><!--/container -->
</div>


<div id="g">
    <div class="container">
      <div class="row">
        <div class="col-md-6 col-md-offset-3 centered">
          <h2>How It Works</h2>
          <hr class="aligncenter">
          <p class="text16">Save time by utilizing AlgorithmHub's simple steps to deploy an Algorithm Container to the cloud.</p>
        </div><!-- /col-md-6-->
      </div><!--/ row-->

      <ul id="user-site" class="tutorial-list wrapper active">

          <li id="new-user-step-1" class="animate-in image-right effect-slide-bottom animate-in" alt="" data-effect="slide-bottom">
            <h4><b>Create an Algorithm Container</b></h4>
            <p>Start a new container from scratch or from a list of preconfigured containers.</p>
          </li>

          <li id="new-user-step-2" class="animate-in image-right effect-slide-bottom animate-in" alt="" data-effect="slide-bottom">
            <h4><b>Upload and Develop</b></h4>
            <p>Use the AlgorithmHub cloud integrated development environment to configure, develop and test.</p>
          </li>

          <li id="new-user-step-4" class="animate-in effect-slide-bottom animate-in" alt="" data-effect="slide-bottom">
            <h4><b>Publish it...</b></h4>
            <p>Push your algorithm container to the AlgorithmHub repository<br>with the click of a button.</p>
          </li>

          <li id="new-user-step-5" class="animate-in effect-slide-bottom animate-in" alt="" data-effect="slide-bottom">
            <h4><b>...and you're done.</b></h4>
            <p>Share or monetize your algorithm from a REST API<br>or web application.</p>
          </li>

  </div>
</div>
</section>


<section id="features">


<div id="cta">
  <div class="container text-center">
    <div class="row">
      <h3>Use the AlgorithmHub web tools for development and data analysis.</h3>
    </div><!--/row -->
  </div><!--/container -->
</div>


<div class="container mt">
    <div class="container">
      <div class="row">
        <div class="col-md-10 col-md-offset-1 centered">
          <h2>Features</h2>
          <hr class="aligncenter">
          <p class="text16">We've built web tools to help you develop and run algorithms in the cloud.</p>
        </div><!-- /col-md-6-->
      </div><!--/ row-->
    <div class="row mt">
      <div class="col-md-4 centered">
        <i class="fa fa-users big theme-color"></i>
        <p class="theme-color text16">Real Time Collaboration</p>
        <p class="text16">Work together with other users in the AlgorithmHub integrated development environment.</p>
      </div><!--/col-md-4-->
      <div class="col-md-4 centered">
        <i class="fa fa-bar-chart big theme-color"></i>
        <p class="theme-color text16">Web Application</p>
        <p class="text16">Quickly produce a web application for your algorithm with the touch of a button. Bring your algorithm to life with plots that are interactive from the browser.</p>
      </div><!--/col-md-4-->
      <div class="col-md-4 centered">
        <i class="fa fa-cubes big theme-color"></i>
        <p class="theme-color text16">Scale your Application</p>
        <p class="text16">Run your algorithm accross many compute nodes. AlgorithmHub scales your algorithms on demand.</p>
      </div><!--/col-md-4-->
    </div><!--/row -->

    <div class="row mt">
      <div class="col-md-12">
        <img src="/img/display.jpg" class="img-responsive aligncenter effect-slide-bottom animate-in" alt="" data-effect="slide-bottom">
      </div><!--/col-md-12-->
    </div><!--/row -->
  </div>

</section>


<section id="contact">


<div id="cta">
  <div class="container text-center">
    <div class="row">
      <h3>Contact us for more information.</h3>
    </div><!--/row -->
  </div><!--/container -->
</div>


<div id="g">
  <div class="container">
    <div class="row">
      <div class="col-lg-12 text-center">
        <h2>Contact Us</h2>
        <hr class="aligncenter">
        <p class="text16">Contact us for more information.</p>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-8 col-lg-offset-2">
        <form  action="//formspree.io/alexander.cabello@algoritics.com" method="POST" name="sentMessage" id="contactForm" novalidate>
          <div class="row control-group">
            <div class="form-group col-xs-12 floating-label-form-group controls">
              <label class="control-label">Name</label>
              <input type="text" name="name" class="form-control" placeholder="First Last" id="name" required data-validation-required-message="Please enter your name.">
            </div>
          </div>
          <div class="row control-group">
            <div class="form-group col-xs-12 floating-label-form-group controls">
              <label class="control-label">Email Address</label>
              <input type="email" name="_replyto" class="form-control" placeholder="you@email.com" id="email" required data-validation-required-message="Please enter your email address.">
            </div>
          </div>
          <div>
            <input type="hidden"  name="_subject" value="New submission!">
            <input type="text" name="_gotcha" style="display:none" />
          </div>
          <div class="row control-group">
            <div class="form-group col-xs-12 floating-label-form-group controls">
              <label class="control-label">Message</label>
              <textarea rows="5" name="message" class="form-control" placeholder="Type message here." id="message" required data-validation-required-message="Please enter a message."></textarea>
            </div>
          </div>
          <br>
          <div id="success"></div>
          <div class="row">
            <div class="form-group col-xs-12 text-center">
              <button type="submit" class="btn btn-default btn-lg"><i class="fa fa-paper-plane"></i> Submit</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

</section>