Fix getting started guide to use correct syntax (#110)

* fix float right and start converting getting started page

* fix formatting of getting started guide to use asciidoc

Author: rosieyohannan

docs/guides/modules/ROOT/images/getting-started-guide-exp/quick-start--first-step.svg renamed to docs/guides/modules/ROOT/images/getting-started-guide-exp/quick-start-first-step.svg

@@ -9,6 +9,7 @@
 *** xref:getting-started:first-steps.adoc[Sign up and try CircleCI]
 *** xref:getting-started:invite-your-team.adoc[Join teammates on CircleCI]
 *** xref:getting-started:create-project.adoc[Create a project]
+*** xref:getting-started:getting-started.adoc[Quickstart guide]
 ** How-to guides
 *** xref:getting-started:hello-world.adoc[Hello World]
 *** xref:getting-started:introduction-to-yaml-configurations.adoc[Introduction to YAML configuration]

docs/guides/modules/ROOT/images/getting-started-guide-exp/quick-start--second-step.svg renamed to docs/guides/modules/ROOT/images/getting-started-guide-exp/quick-start-second-step.svg

@@ -1,5 +1,4 @@
-[TIP]
-====
+****
 **Check your project slug to discover which GitHub integration you have set up:**
 
 . Head to the link:https://app.circleci.com/home[CircleCI web app] and select your org from the cards on your user homepage.
@@ -12,4 +11,4 @@
 * **GitHub OAuth app**: Project slug is human readable. For example, `github/circleci/circleci-demo-workflows`.
 
 For more information about the differences, see the xref:guides:integration:version-control-system-integration-overview.adoc[VCS integration overview].
-====
+****

docs/guides/modules/ROOT/images/getting-started-guide-exp/quick-start--third-step.svg renamed to docs/guides/modules/ROOT/images/getting-started-guide-exp/quick-start-third-step.svg

@@ -175,6 +175,12 @@
 
 .doc .right {
   float: right;
+  max-width: 50%;
+  height: auto;
+  margin: 0 0 1rem 1rem;
+  border-radius: 8px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  overflow: hidden;
 }
 
 .doc .left {