Add factories
diff --git a/getting-started/index.html b/getting-started/index.html
index d596392..daa3f62 100644
--- a/getting-started/index.html
+++ b/getting-started/index.html
@@ -148,99 +148,155 @@
<div class="media-left">
<img src="http://placehold.it/50x50" alt="">
</div>
-
+
<div class="media-body">
- <h4>Custom Workspace</h4>
- <p class="small">Create workspaces for any programming language and framework.</p>
+ <h4>Custom Workspace</h4>
+ <p class="small">Create workspaces for any programming language and framework.</p>
</div>
- <a href="URL" class="btn-green">Create a free account</a>
- </div>
- </div> <!-- /.col -->
-
- <div class="col-md-4 col-sm-6">
- <div class="border media leader">
- <div class="media-left">
- <img src="http://placehold.it/50x50" alt="">
+ <a href="URL" class="btn-green">Create a free account</a>
</div>
-
+ </div> <!-- /.col -->
+
+ <div class="col-md-4 col-sm-6">
+ <div class="border media leader">
+ <div class="media-left">
+ <img src="../images/getting-started/spring.png" alt="Spring logo">
+ </div>
+
<div class="media-body">
- <h4>Title goes here</h4>
- <p class="small">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt </p>
+ <h4>Spring petclinic</h4>
+ <p class="small">A sample Spring-based application</p>
</div>
- <a href="URL" class="btn-gray80">Launch Workspace</a>
- </div>
- </div> <!-- /.col -->
-
- <div class="col-md-4 col-sm-6">
- <div class="border media">
- <div class="media-left">
- <img src="http://placehold.it/50x50" alt="">
+ <a href="http://beta.codenvy.com/f?id=r6p0l1sfnwm99k94" class="btn-gray80">Launch Workspace</a>
</div>
-
+ </div> <!-- /.col -->
+
+ <div class="col-md-4 col-sm-6">
+ <div class="border media">
+ <div class="media-left">
+ <img src="../images/getting-started/net.png" alt="">
+ </div>
+
<div class="media-body">
- <h4>Title goes here</h4>
- <p class="small">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt </p>
+ <h4>.net application</h4>
+ <p class="small">A sample .net application</p>
</div>
- <a href="URL" class="btn-gray80">Launch Workspace</a>
- </div>
- </div> <!-- /.col -->
-
- <div class="col-md-4 col-sm-6">
- <div class="border media">
- <div class="media-left">
- <img src="http://placehold.it/50x50" alt="">
+ <a href="http://beta.codenvy.com/f?id=mo97t9pkaijr7q1c" class="btn-gray80">Launch Workspace</a>
</div>
-
+ </div> <!-- /.col -->
+
+ <div class="col-md-4 col-sm-6">
+ <div class="border media">
+ <div class="media-left">
+ <img src="../images/getting-started/wildfly.png" alt="">
+ </div>
+
<div class="media-body">
- <h4>Title goes here</h4>
- <p class="small">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt </p>
+ <h4>Wildfly Application</h4>
+ <p class="small">Web application with Wildfly</p>
</div>
- <a href="URL" class="btn-gray80">Launch Workspace</a>
- </div>
- </div> <!-- /.col -->
-
- <div class="col-md-4 col-sm-6">
- <div class="border media">
- <div class="media-left">
- <img src="http://placehold.it/50x50" alt="">
+ <a href="http://beta.codenvy.com/f?id=gbfcsdb76f2iy1f2" class="btn-gray80">Launch Workspace</a>
</div>
-
+ </div> <!-- /.col -->
+
+ <div class="col-md-4 col-sm-6">
+ <div class="border media">
+ <div class="media-left">
+ <img src="../images/getting-started/cpp.png" alt="">
+ </div>
+
<div class="media-body">
- <h4>Title goes here</h4>
- <p class="small">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt </p>
+ <h4>C++ console</h4>
+ <p class="small">A sample C++</p>
</div>
- <a href="URL" class="btn-gray80">Launch Workspace</a>
- </div>
- </div> <!-- /.col -->
-
- <div class="col-md-4 col-sm-6">
- <div class="border media">
- <div class="media-left">
- <img src="http://placehold.it/50x50" alt="">
+ <a href="http://beta.codenvy.com/f?id=21w2nx87yto2xi1z" class="btn-gray80">Launch Workspace</a>
</div>
-
+ </div> <!-- /.col -->
+
+ <div class="col-md-4 col-sm-6">
+ <div class="border media">
+ <div class="media-left">
+ <img src="../images/getting-started/aspnet.png" alt="">
+ </div>
+
<div class="media-body">
- <h4>Title goes here</h4>
- <p class="small">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt </p>
+ <h4>asp.net example</h4>
+ <p class="small">A simple asp.net application</p>
</div>
- <a href="URL" class="btn-gray80">Launch Workspace</a>
- </div>
- </div> <!-- /.col -->
-
- <div class="col-md-4 col-sm-6">
- <div class="border media">
- <div class="media-left">
- <img src="http://placehold.it/50x50" alt="">
+ <a href="http://beta.codenvy.com/f?id=m9ylnmjtmzvmq99i" class="btn-gray80">Launch Workspace</a>
</div>
-
+ </div> <!-- /.col -->
+
+ <div class="col-md-4 col-sm-6">
+ <div class="border media">
+ <div class="media-left">
+ <img src="../images/getting-started/php.png" alt="">
+ </div>
+
<div class="media-body">
- <h4>Title goes here</h4>
- <p class="small">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt </p>
+ <h4>Php example</h4>
+ <p class="small">A simple php example</p>
</div>
- <a href="URL" class="btn-gray80">Launch Workspace</a>
- </div>
- </div> <!-- /.col -->
-
+ <a href="http://beta.codenvy.com/f?id=5ayat0naxlljn3p2" class="btn-gray80">Launch Workspace</a>
+ </div>
+ </div> <!-- /.col -->
+
+ <div class="col-md-4 col-sm-6">
+ <div class="border media">
+ <div class="media-left">
+ <img src="../images/getting-started/nodejs.png" alt="">
+ </div>
+
+ <div class="media-body">
+ <h4>nodejs example</h4>
+ <p class="small">A simple nodejs application</p>
+ </div>
+ <a href="http://beta.codenvy.com/f?id=af9r928owfulum17" class="btn-gray80">Launch Workspace</a>
+ </div>
+ </div> <!-- /.col -->
+
+ <div class="col-md-4 col-sm-6">
+ <div class="border media">
+ <div class="media-left">
+ <img src="../images/getting-started/spring.png" alt="">
+ </div>
+
+ <div class="media-body">
+ <h4>Spring boot</h4>
+ <p class="small">A Spring Boot application</p>
+ </div>
+ <a href="http://beta.codenvy.com/f?id=sz7uzyofb8olekkn" class="btn-gray80">Launch Workspace</a>
+ </div>
+ </div> <!-- /.col -->
+
+ <div class="col-md-4 col-sm-6">
+ <div class="border media">
+ <div class="media-left">
+ <img src="../images/getting-started/java.png" alt="">
+ </div>
+
+ <div class="media-body">
+ <h4>Java console</h4>
+ <p class="small">A simle java console application</p>
+ </div>
+ <a href="http://beta.codenvy.com/f?id=omriatu352kkthua" class="btn-gray80">Launch Workspace</a>
+ </div>
+ </div> <!-- /.col -->
+
+ <div class="col-md-4 col-sm-6">
+ <div class="border media">
+ <div class="media-left">
+ <img src="../images/getting-started/java.png" alt="">
+ </div>
+
+ <div class="media-body">
+ <h4>Java Gradle Console</h4>
+ <p class="small">A simle java with Gradle</p>
+ </div>
+ <a href="http://beta.codenvy.com/f?id=5use7stej9bi9mxd" class="btn-gray80">Launch Workspace</a>
+ </div>
+ </div> <!-- /.col -->
+
</div><!-- /.row -->
</div> <!-- /#tab1 -->
diff --git a/images/getting-started/aspnet.png b/images/getting-started/aspnet.png
new file mode 100644
index 0000000..e436b46
--- /dev/null
+++ b/images/getting-started/aspnet.png
Binary files differ
diff --git a/images/getting-started/cpp.png b/images/getting-started/cpp.png
new file mode 100644
index 0000000..cc08f44
--- /dev/null
+++ b/images/getting-started/cpp.png
Binary files differ
diff --git a/images/getting-started/java.png b/images/getting-started/java.png
new file mode 100644
index 0000000..981fb8b
--- /dev/null
+++ b/images/getting-started/java.png
Binary files differ
diff --git a/images/getting-started/net.png b/images/getting-started/net.png
new file mode 100644
index 0000000..ea80791
--- /dev/null
+++ b/images/getting-started/net.png
Binary files differ
diff --git a/images/getting-started/nodejs.png b/images/getting-started/nodejs.png
new file mode 100644
index 0000000..90c3a9a
--- /dev/null
+++ b/images/getting-started/nodejs.png
Binary files differ
diff --git a/images/getting-started/php.png b/images/getting-started/php.png
new file mode 100644
index 0000000..0da2ff3
--- /dev/null
+++ b/images/getting-started/php.png
Binary files differ
diff --git a/images/getting-started/spring.png b/images/getting-started/spring.png
new file mode 100644
index 0000000..cbca83e
--- /dev/null
+++ b/images/getting-started/spring.png
Binary files differ
diff --git a/images/getting-started/wildfly.png b/images/getting-started/wildfly.png
new file mode 100644
index 0000000..09f8cfc
--- /dev/null
+++ b/images/getting-started/wildfly.png
Binary files differ
