{"id":3046,"date":"2017-04-10T13:01:46","date_gmt":"2017-04-10T18:01:46","guid":{"rendered":"http:\/\/cssnewbie.com\/?p=2156"},"modified":"2017-04-10T13:01:46","modified_gmt":"2017-04-10T18:01:46","slug":"how-to-create-a-website-layout-without-coding","status":"publish","type":"post","link":"https:\/\/cssdeck.com\/blog\/how-to-create-a-website-layout-without-coding\/","title":{"rendered":"How to Create a Website Layout Without Coding"},"content":{"rendered":"<p>Do you really want a custom website, but you don&#8217;t really know how to code and don&#8217;t want to hire someone to do it? If this is the case, <a href=\"http:\/\/templatr.cc\/\">Templatr<\/a> is possibly the right tool for you. You can use it to create a totally custom website layout completely from scratch without having any knowledge of HTML or CSS. You can choose from layouts with single sidebars, multiple sidebars, footers, headers, etc. You can customize colors, fonts, positioning, and spacing, and you can even add your own graphics into the mix.<\/p>\n<p><a href=\"http:\/\/templatr.cc\/\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-2157 aligncenter\" src=\"https:\/\/cssdeck.com\/blog\/wp-content\/uploads\/2017\/03\/Screen-Shot-2017-03-02-at-12.10.28-PM.png\" alt=\"Screen Shot 2017-03-02 at 12.10.28 PM\" width=\"598\" height=\"186\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>What&#8217;s really great about Templatr though is that as you customize your colors and fonts and whatever else you might like to tailor to your own preferences, you can see the HTML elements and the classes of the items you&#8217;re editing. This is a cool feature because, if you&#8217;re trying to learn code, a program like templatr that is automatic and intuitive while also showing you how some of the coding elements work is a great option for improving your coding skills and seeing how code works in real contexts.<\/p>\n<p>Once you&#8217;ve created a template you&#8217;re happy with and have edited it to your full satisfaction, you can download the code files to insert into your projects. Templatr supports several different languages, including English, French, German, Spanish, Italian, and more, so it&#8217;s really user friendly for aspiring developers all over the world. The only downside to using the template is that it doesn&#8217;t create responsive or mobile-friendly designs, but as a learning tool it&#8217;s a great way to begin to understand for yourself just what goes into\u00a0building a website from scratch.<\/p>\n<div class=\"wp-socializer wpsr-share-icons \" data-lg-action=\"show\" data-sm-action=\"show\" data-sm-width=\"768\" ><h3>Share and Enjoy !<\/h3><div class=\"wpsr-si-inner\"><div class=\"wpsr-counter wpsrc-sz-32px\" style=\"color:#000\"><span class=\"scount\"><span data-wpsrs=\"\" data-wpsrs-svcs=\"facebook,twitter,linkedin,pinterest,print,pdf\">0<\/span><\/span><small class=\"stext\">Shares<\/small><\/div><div class=\"socializer sr-popup sr-32px sr-circle sr-opacity sr-pad sr-count-1 sr-count-1\"><span class=\"sr-facebook\"><a rel=\"nofollow\" href=\"https:\/\/www.facebook.com\/share.php?u=\" target=\"_blank\"  title=\"Share this on Facebook\"  style=\"color: #ffffff\" ><i class=\"fab fa-facebook-f\"><\/i><span class=\"ctext\"><span data-wpsrs=\"\" data-wpsrs-svcs=\"facebook\">0<\/span><\/span><\/a><\/span>\n<span class=\"sr-twitter\"><a rel=\"nofollow\" href=\"https:\/\/twitter.com\/intent\/tweet?text=%20-%20%20\" target=\"_blank\"  title=\"Tweet this !\"  style=\"color: #ffffff\" ><i class=\"fab fa-twitter\"><\/i><\/a><\/span>\n<span class=\"sr-linkedin\"><a rel=\"nofollow\" href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=\" target=\"_blank\"  title=\"Add this to LinkedIn\"  style=\"color: #ffffff\" ><i class=\"fab fa-linkedin-in\"><\/i><\/a><\/span>\n<span class=\"sr-pinterest\"><a rel=\"nofollow\" href=\"https:\/\/www.pinterest.com\/pin\/create\/button\/?url=&amp;media=&amp;description=\" target=\"_blank\"  title=\"Submit this to Pinterest\"  style=\"color: #ffffff\" data-pin-custom=\"true\"><i class=\"fab fa-pinterest\"><\/i><span class=\"ctext\"><span data-wpsrs=\"\" data-wpsrs-svcs=\"pinterest\">0<\/span><\/span><\/a><\/span>\n<span class=\"sr-print\"><a rel=\"nofollow\" href=\"https:\/\/www.printfriendly.com\/print?url=\" target=\"_blank\"  title=\"Print this article \"  style=\"color: #ffffff\" ><i class=\"fa fa-print\"><\/i><\/a><\/span>\n<span class=\"sr-pdf\"><a rel=\"nofollow\" href=\"https:\/\/www.printfriendly.com\/print?url=\" target=\"_blank\"  title=\"Convert to PDF\"  style=\"color: #ffffff\" ><i class=\"fa fa-file-pdf\"><\/i><\/a><\/span><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Do you really want a custom website, but you don&#8217;t really know how to code and don&#8217;t want to hire someone to do it? If this is the case, Templatr is possibly the right tool for you. You can use [&#8230;]<\/p>\n<p><a class=\"more-link article\" href=\"https:\/\/cssdeck.com\/blog\/how-to-create-a-website-layout-without-coding\/\" title=\"Click to read 'How to Create a Website Layout Without Coding'\">Read Article<\/a><\/p>\n","protected":false},"author":18,"featured_media":2843,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[193],"tags":[],"_links":{"self":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/3046"}],"collection":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/comments?post=3046"}],"version-history":[{"count":0,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/posts\/3046\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/media\/2843"}],"wp:attachment":[{"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/media?parent=3046"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/categories?post=3046"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cssdeck.com\/blog\/wp-json\/wp\/v2\/tags?post=3046"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}