{"_id":"5731eb5d4245100e0017459e","parentDoc":null,"__v":3,"version":{"_id":"5731eb5c4245100e00174564","project":"551f01538503071700b3b7f9","__v":9,"createdAt":"2016-05-10T14:08:28.764Z","releaseDate":"2016-05-10T14:08:28.764Z","categories":["5731eb5c4245100e00174565","5731eb5c4245100e00174566","5731eb5c4245100e00174567","5731eb5c4245100e00174568","5731eb5c4245100e00174569","5731eb5c4245100e0017456a","5731eb5c4245100e0017456b","5731eb5c4245100e0017456c","5731eb5c4245100e0017456d","5731eb5c4245100e0017456e","5731eb5c4245100e0017456f","57ff9eb38e087d0e0003044a","5806465f03669119003d3e19","584b11df0e13f125004ef71f","58ab1a408f862f250076fb9f","58ab1bbb8f862f250076fbb1","58ab28dc4c5f511900a5f8af","58ab295912931125003b2740","5b46742ef8d10800036d5ba6"],"is_deprecated":false,"is_hidden":false,"is_beta":true,"is_stable":false,"codename":"German","version_clean":"1.4.0","version":"1.4"},"category":{"_id":"5731eb5c4245100e00174565","project":"551f01538503071700b3b7f9","version":"5731eb5c4245100e00174564","__v":0,"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-05-11T19:22:49.769Z","from_sync":false,"order":0,"slug":"getting-started","title":"Los geht´s"},"githubsync":"","project":"551f01538503071700b3b7f9","user":"551f00c9610f400d00837e8f","updates":["559eab2fc713ef0d000282e8"],"next":{"pages":[],"description":""},"createdAt":"2015-05-11T19:22:23.555Z","link_external":false,"link_url":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":0,"body":"[block:html]\n{\n  \"html\": \"<div class=\\\"container\\\">\\n\\t<div class=\\\"row\\\">\\n\\t<link rel=\\\"stylesheet\\\" href=\\\"https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css\\\">\\n\\n\\t<!-- Latest compiled and minified CSS -->\\n<link rel=\\\"stylesheet\\\" href=\\\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\\\" integrity=\\\"sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u\\\" crossorigin=\\\"anonymous\\\">\\n\\n<!-- Optional theme -->\\n<link rel=\\\"stylesheet\\\" href=\\\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css\\\" integrity=\\\"sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp\\\" crossorigin=\\\"anonymous\\\">\\n\\n<!-- Latest compiled and minified JavaScript -->\\n<script src=\\\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\\\" integrity=\\\"sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa\\\" crossorigin=\\\"anonymous\\\"></script>\\n<div class=\\\"row\\\">\\n<div class=\\\"col-md-12 nopadding\\\">\\n\\t\\t\\t\\t<div class=\\\"col-md-6\\\">\\n\\t\\t\\t\\t\\t<p>Treffen Sie Ihre Auswahl unten, verwenden Sie die Navigationsleiste auf der linken Seite oder das Suchfeld oben, um Produktinformationen, Bildmaterial, und Assets für HP Großformatdruckmedien zu finden.</p>\\n\\t\\t\\t\\t</div>\\n\\t\\t\\t</div>\\n<div class=\\\"row\\\">\\n        <div class=\\\"col-xs-3 nopadding\\\">\\n          <div class=\\\"card-card text-center\\\">\\n            <div class=\\\"card-info\\\">\\n              <h2 class=\\\"hvr-underline-from-center\\\">Produkte</h2>\\n                <div><a href=\\\"/v1.4/docs/hp-75-gm2-bond-with-colorpro-technology\\\">Technische Daten</a></li></div>\\n\\t\\t\\t\\t\\t\\t\\t\\t<div>&nbsp;</div>\\n\\t\\t\\t\\t\\t\\t\\t\\t<div>&nbsp;</div>\\n\\t\\t\\t\\t\\t\\t\\t\\t<div>&nbsp;</div>\\n              </div>\\n            </div>\\n          </div>\\n\\n        <div class=\\\"col-xs-3 nopadding\\\">\\n          <div class=\\\"card-card text-center\\\">\\n            <div class=\\\"card-info\\\">\\n              <h2 class=\\\"hvr-underline-from-center\\\">Portfolio</span></h2>\\n              <div>\\n                  <div><a href=\\\"/v1.4/docs/graphics-technical-brochure\\\">Broschüre</a></div>\\n                  <div>&nbsp;</div>\\n                  <div>&nbsp;</div>\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t<div>&nbsp;</div>\\n              </div>\\n            </div>\\n          </div>\\n        </div>\\n</div>\\n<div class=\\\"row\\\">\\n        <div class=\\\"col-xs-3 nopadding\\\">\\n          <div class=\\\"card-card text-center\\\">\\n            <div class=\\\"card-info\\\">\\n              <h2 class=\\\"hvr-underline-from-center\\\">Assets</span></h2>\\n              <div>\\n                  <div><a href=\\\"/v1.4/docs/email-hp-grafischen-technischen-medien-ger%C3%BCstet\\\">Email Templates</a></div>\\n                  <div><a href=\\\"/v1.4/docs/support-hub\\\">Video Assets</a></div>\\n                  <div>&nbsp;</div>\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t<div>&nbsp;</div>\\n              </div>\\n            </div>\\n          </div>\\n        </div>\\n\\t\\t\\t</div>\\n  </div>\\n\\t</div>\\n  </div>\\n\\n<style>\\n\\n.card-card {\\n\\tborder: 1px solid rgba(0,0,0,.125);\\n\\tborder-radius: 6px;\\n\\tdisplay: block;\\n\\tmargin-left: 25px;\\n\\tmargin-bottom: 25px;\\n\\t\\t}\\n\\n.card-pic {\\n  border-radius: 50%;\\n  position: absolute;\\n  top: -65px;\\n  left: 0;\\n  right: 0;\\n  margin: auto;\\n  z-index: 1;\\n  max-width: 100px;\\n  -webkit-transition: all 0.4s;\\n\\t\\t  transition: all 0.4s;\\n\\t\\t\\t\\t}\\n\\n\\n.card-info {\\n\\t\\tpadding: 15px;\\n\\t    position: relative;\\n\\t    margin-top: 15px;\\n\\t\\t\\t\\t}\\n\\n.card-info h2 {\\n\\t  padding-bottom: 12px;\\n\\t\\t\\t\\t}\\n\\n.card-info span {\\n\\tdisplay: block;\\n\\tletter-spacing: 2px;\\n\\t\\t\\t}\\n\\n.card-info a {\\n\\t\\t}\\n.card-info i {\\n\\t    padding: 15px 35px 0px 35px;\\n\\t\\t}\\n\\n\\n.card-card:hover .card-pic {\\n\\n\\ttransform: scale(1.1);\\n\\t\\t}\\n\\n.card-card:hover .card-info hr  {\\n\\topacity: 1;\\n\\t\\t}\\n\\n\\n\\n\\n/* Underline From Center */\\n.hvr-underline-from-center {\\n  display: inline-block;\\n  vertical-align: middle;\\n  -webkit-transform: translateZ(0);\\n  transform: translateZ(0);\\n  box-shadow: 0 0 1px rgba(0, 0, 0, 0);\\n  -webkit-backface-visibility: hidden;\\n  backface-visibility: hidden;\\n  -moz-osx-font-smoothing: grayscale;\\n  position: relative;\\n  overflow: hidden;\\n}\\n.hvr-underline-from-center:before {\\n  content: \\\"\\\";\\n  position: absolute;\\n  z-index: -1;\\n  left: 52%;\\n  right: 52%;\\n  bottom: 0;\\n  background: #FFFFFF;\\n  border-radius: 50%;\\n  height: 3px;\\n  -webkit-transition-property: all;\\n  transition-property: all;\\n  -webkit-transition-duration: 0.2s;\\n  transition-duration: 0.2s;\\n  -webkit-transition-timing-function: ease-out;\\n  transition-timing-function: ease-out;\\n}\\n.card-card:hover .hvr-underline-from-center:before, .card-card:focus .hvr-underline-from-center:before, .card-card:active .hvr-underline-from-center:before {\\n  left: 0;\\n  right: 0;\\n  height: 1px;\\n  background: #CECECE;\\n}\\n.nopadding {\\n   padding: 0 !important;\\n   margin: 0 !important;\\n}\\n</style>\\n\"\n}\n[/block]","excerpt":"","slug":"getting-started","type":"basic","title":"Willkommen"}
[block:html] { "html": "<div class=\"container\">\n\t<div class=\"row\">\n\t<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css\">\n\n\t<!-- Latest compiled and minified CSS -->\n<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" integrity=\"sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u\" crossorigin=\"anonymous\">\n\n<!-- Optional theme -->\n<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css\" integrity=\"sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp\" crossorigin=\"anonymous\">\n\n<!-- Latest compiled and minified JavaScript -->\n<script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\" integrity=\"sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa\" crossorigin=\"anonymous\"></script>\n<div class=\"row\">\n<div class=\"col-md-12 nopadding\">\n\t\t\t\t<div class=\"col-md-6\">\n\t\t\t\t\t<p>Treffen Sie Ihre Auswahl unten, verwenden Sie die Navigationsleiste auf der linken Seite oder das Suchfeld oben, um Produktinformationen, Bildmaterial, und Assets für HP Großformatdruckmedien zu finden.</p>\n\t\t\t\t</div>\n\t\t\t</div>\n<div class=\"row\">\n <div class=\"col-xs-3 nopadding\">\n <div class=\"card-card text-center\">\n <div class=\"card-info\">\n <h2 class=\"hvr-underline-from-center\">Produkte</h2>\n <div><a href=\"/v1.4/docs/hp-75-gm2-bond-with-colorpro-technology\">Technische Daten</a></li></div>\n\t\t\t\t\t\t\t\t<div>&nbsp;</div>\n\t\t\t\t\t\t\t\t<div>&nbsp;</div>\n\t\t\t\t\t\t\t\t<div>&nbsp;</div>\n </div>\n </div>\n </div>\n\n <div class=\"col-xs-3 nopadding\">\n <div class=\"card-card text-center\">\n <div class=\"card-info\">\n <h2 class=\"hvr-underline-from-center\">Portfolio</span></h2>\n <div>\n <div><a href=\"/v1.4/docs/graphics-technical-brochure\">Broschüre</a></div>\n <div>&nbsp;</div>\n <div>&nbsp;</div>\n\t\t\t\t\t\t\t\t\t<div>&nbsp;</div>\n </div>\n </div>\n </div>\n </div>\n</div>\n<div class=\"row\">\n <div class=\"col-xs-3 nopadding\">\n <div class=\"card-card text-center\">\n <div class=\"card-info\">\n <h2 class=\"hvr-underline-from-center\">Assets</span></h2>\n <div>\n <div><a href=\"/v1.4/docs/email-hp-grafischen-technischen-medien-ger%C3%BCstet\">Email Templates</a></div>\n <div><a href=\"/v1.4/docs/support-hub\">Video Assets</a></div>\n <div>&nbsp;</div>\n\t\t\t\t\t\t\t\t\t<div>&nbsp;</div>\n </div>\n </div>\n </div>\n </div>\n\t\t\t</div>\n </div>\n\t</div>\n </div>\n\n<style>\n\n.card-card {\n\tborder: 1px solid rgba(0,0,0,.125);\n\tborder-radius: 6px;\n\tdisplay: block;\n\tmargin-left: 25px;\n\tmargin-bottom: 25px;\n\t\t}\n\n.card-pic {\n border-radius: 50%;\n position: absolute;\n top: -65px;\n left: 0;\n right: 0;\n margin: auto;\n z-index: 1;\n max-width: 100px;\n -webkit-transition: all 0.4s;\n\t\t transition: all 0.4s;\n\t\t\t\t}\n\n\n.card-info {\n\t\tpadding: 15px;\n\t position: relative;\n\t margin-top: 15px;\n\t\t\t\t}\n\n.card-info h2 {\n\t padding-bottom: 12px;\n\t\t\t\t}\n\n.card-info span {\n\tdisplay: block;\n\tletter-spacing: 2px;\n\t\t\t}\n\n.card-info a {\n\t\t}\n.card-info i {\n\t padding: 15px 35px 0px 35px;\n\t\t}\n\n\n.card-card:hover .card-pic {\n\n\ttransform: scale(1.1);\n\t\t}\n\n.card-card:hover .card-info hr {\n\topacity: 1;\n\t\t}\n\n\n\n\n/* Underline From Center */\n.hvr-underline-from-center {\n display: inline-block;\n vertical-align: middle;\n -webkit-transform: translateZ(0);\n transform: translateZ(0);\n box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n -moz-osx-font-smoothing: grayscale;\n position: relative;\n overflow: hidden;\n}\n.hvr-underline-from-center:before {\n content: \"\";\n position: absolute;\n z-index: -1;\n left: 52%;\n right: 52%;\n bottom: 0;\n background: #FFFFFF;\n border-radius: 50%;\n height: 3px;\n -webkit-transition-property: all;\n transition-property: all;\n -webkit-transition-duration: 0.2s;\n transition-duration: 0.2s;\n -webkit-transition-timing-function: ease-out;\n transition-timing-function: ease-out;\n}\n.card-card:hover .hvr-underline-from-center:before, .card-card:focus .hvr-underline-from-center:before, .card-card:active .hvr-underline-from-center:before {\n left: 0;\n right: 0;\n height: 1px;\n background: #CECECE;\n}\n.nopadding {\n padding: 0 !important;\n margin: 0 !important;\n}\n</style>\n" } [/block]