{"id":7816,"date":"2012-08-25T06:01:40","date_gmt":"2012-08-25T06:01:40","guid":{"rendered":"http:\/\/premiumcoding.com\/?p=7816"},"modified":"2017-08-31T06:32:17","modified_gmt":"2017-08-31T06:32:17","slug":"responsive-portfolio-html-css-theme-darx","status":"publish","type":"post","link":"https:\/\/premiumcoding.com\/responsive-portfolio-html-css-theme-darx\/","title":{"rendered":"Responsive Portfolio HTML \/ CSS Theme: Darx"},"content":{"rendered":"<p><strong>Darx<\/strong>\u00a0is a<strong>\u00a0responsive<\/strong>\u00a0<strong>portfolio WordPress Theme<\/strong>, suited for creative folk that wish to present their products or services in a creative way. It is suited for both\u00a0personal and corporate websites. This is the HTML\/CSS version of the theme.<\/p>\n<p><strong>Full width or 960px grid portfolio\u00a0<\/strong>will showcase your products or photographies in an impressive manner.<\/p>\n<p><strong>Two premade home pages\u00a0<\/strong>will allow you to present your site in a way suited for your company. Choose between a great full width portfolio and 960px grid portfolio if you prefer a non full width home page.<\/p>\n<h2>LIVE PREVIEW<\/h2>\n<div class=\"buttonshort\"><div class=\"buttondark\"><div class=\"buttonleft\"><a  href=\"http:\/\/premiumcoding.com\/darxHtml\/demo.php\" target=\"_blank\">See Darx Responsive Portfolio HTML\/CSS Theme in live action!<\/a><\/div><\/div><\/div>\n<h2><\/h2>\n<p>\n<a href=\"http:\/\/premiumcoding.com\/wp-content\/uploads\/2012\/08\/01-darx-responsive-portfolio-wordpress-theme.jpg\" rel=\"lightbox[7816]\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-7817\" title=\" darx responsive portfolio HTML theme\" src=\"http:\/\/premiumcoding.com\/wp-content\/uploads\/2012\/08\/01-darx-responsive-portfolio-wordpress-theme.jpg\" alt=\"darx responsive portfolio HTML theme\" width=\"590\" height=\"300\" \/><\/a><\/p>\n<h3>Darx HTML\/CSS Theme Features<\/h3>\n<ul>\n<li><strong>Minimal &amp; Elegant Design<\/strong><\/li>\n<li><strong>CSS3 Features<\/strong>\u00a0and Animations<\/li>\n<li>Google Web fonts<\/li>\n<li><strong>+70 shorcodes<\/strong>\u00a0with easy shortcode generator.<\/li>\n<li>Use your custom logo and favicon icon.<\/li>\n<li><strong>Responsive Portfolio<\/strong><\/li>\n<li><strong>2 portfolio page layouts<\/strong>\u00a0(full width and 960px width)<\/li>\n<li>Filterable portfolio items.<\/li>\n<\/ul>\n<h3>HOW TO REGISTER ON OUR SUPPORT FORUMS<\/h3>\n<p>Support is handled via our\u00a0<strong>Envato support forum<\/strong>. It is designed in a way so\u00a0<strong>only Envato users<\/strong>\u00a0that have bought some of our plugins or Themes can register. You have to use the\u00a0<strong>purchase code<\/strong>\u00a0in the process. This has been causing some problems so please check the screenshots below to see where to get the purchase code.<\/p>\n<p>Click on the image for a larger preview!<\/p>\n<p><a href=\"http:\/\/premiumcoding.com\/wp-content\/uploads\/2012\/03\/screen1.jpg\" rel=\"lightbox[7816]\"><img loading=\"lazy\" title=\"screen1\" src=\"http:\/\/premiumcoding.com\/wp-content\/uploads\/2012\/03\/screen1.jpg\" alt=\"\" width=\"570\" height=\"205\" \/><\/a><\/p>\n<p>After you click on the<strong>\u00a0License Certificate<\/strong>\u00a0you will then be able to see the code in the file which will look like in the screenshot below:<\/p>\n<p><a href=\"http:\/\/premiumcoding.com\/wp-content\/uploads\/2012\/03\/screen2.jpg\" rel=\"lightbox[7816]\"><img loading=\"lazy\" title=\"screen2\" src=\"http:\/\/premiumcoding.com\/wp-content\/uploads\/2012\/03\/screen2.jpg\" alt=\"\" width=\"498\" height=\"76\" \/><\/a><\/p>\n<h2>QUICK GUIDE<\/h2>\n<h3>TIMTHUMB<\/h3>\n<p>Theme uses timthumb for image adjustment and resizing. Timthumb doesn&#8217;t work on most local machines (without a server) so if you want to see images properly you have to upload the theme to a<strong> live server<\/strong>.<\/p>\n<h3>FILE STRUCTURE<\/h3>\n<p>Below is a file structure for different aspects of the HTML site.<\/p>\n<h4>CSS FILES<\/h4>\n<ul>\n<li>style.css<\/li>\n<li>CSS\/default.css<\/li>\n<li>CSS\/yellow.css<\/li>\n<li>CSS\/grey.css<\/li>\n<li>CSS\/pink.css<\/li>\n<li>CSS\/strong_red.css<\/li>\n<li>CSS\/red.css<\/li>\n<li>CSS\/orange.css<\/li>\n<li>CSS\/green.css<\/li>\n<li>CSS\/purple.css<\/li>\n<\/ul>\n<p><strong>CSS is structured<\/strong>\u00a0so you have one main file (<strong>style.css<\/strong>) and a second css file called for instance red.css that define the<strong>\u00a0leading color<\/strong>\u00a0and some other aspects of the Theme (hover colors, background colors, etc.). If you want to choose a different coloring scheme simply replace the current css file with new one in each HTML file.<br \/>\n<div class=\"pmc-code\">\n<link rel='stylesheet' id='options-css' href='css\/options.css' type='text\/css' media='all'>\n<\/div><\/p>\n<h4>FOLDERS<\/h4>\n<ul>\n<li>css (This folder holds the CSS for all of the secondary styles)<\/li>\n<li>js (This folder holds all of the JavaScript used throughout the template.)<\/li>\n<\/ul>\n<h3>PAGE TEMPLATES<\/h3>\n<p><strong>Darx HTML Website Template<\/strong> comes with several premade page templates that are listed below.<\/p>\n<h4>HOME PAGE TEMPLATES<\/h4>\n<ul>\n<li>index.html (Main home page with full width Responsive Portfolio)<\/li>\n<li>home-portfolio.html\u00a0(Home page with 960px wide portfolio)<\/li>\n<li>blog.html (Home Page with latest Posts)<\/li>\n<\/ul>\n<div>\n<h4>CONTENT PAGE TEMPLATES<\/h4>\n<ul>\n<li>page-with-sidebar.html\u00a0&#8211; (Static page with Sidebar on the right)<\/li>\n<li>portfolio.html\u00a0&#8211;\u00a0(Portfolio Page)<\/li>\n<li>html-test-page.html (Page with basic elements)<\/li>\n<li>columns.html &#8211; (Static page with Shortcodes: Columns)<\/li>\n<li>tabs-other.html\u00a0&#8211; (Static page with Shortcodes: Tabs)<\/li>\n<li>buttons.html\u00a0&#8211; (Static page with Shortcodes: Buttons)<\/li>\n<li>text-elements.html\u00a0&#8211; (Static page with Shortcodes: Text Elements)<\/li>\n<\/ul>\n<h4>BLOG AND SINGLE POSTS PAGES<\/h4>\n<ul>\n<li>single.html\u00a0&#8211; (A default single Post with content and sidebar on the left)<\/li>\n<li>blog.html\u00a0&#8211; (Category page)<\/li>\n<\/ul>\n<h4>OTHER PAGES<\/h4>\n<ul>\n<li>contact.html (a contact form page)<\/li>\n<\/ul>\n<div>\n<h4>PORTFOLIO PAGES<\/h4>\n<\/div>\n<\/div>\n<h3>GOOGLE WEB FONTS<\/h3>\n<p>The template uses\u00a0<strong>Google Web Fonts<\/strong>\u00a0for the title fonts. Font that is used in the preview is<strong>\u00a0Open Sans<\/strong>. Link to the font is done in\u00a0<strong>HTML files<\/strong>\u00a0in the header part:<br \/>\n<div class=\"pmc-code\">\n<link rel='stylesheet' id='googleFont-css' href='http:\/\/fonts.googleapis.com\/css?family=Open%20Sans%20Condensed:300' type='text\/css' media='all' \/>\n<\/div><br \/>\nTo change the font simply replace Pt Sans with the font you want. You can see all the fonts that you can use in the\u00a0<a title=\"Google Web Fonts Library\" href=\"http:\/\/www.google.com\/webfonts\">Google Web Fonts Library<\/a>.<\/p>\n<h3>SETTING UP THE HOME PORTFOLIO<\/h3>\n<p>One of the leading features of our HTML template is the full width portfolio section. This portfolio can be found in three files: index.html, home-portfolio.html,\u00a0portfolio-4-full-width.html and\u00a0portfolio-4.html.<\/p>\n<h4>ADDING NEW PORTFOLIO ITEMS<\/h4>\n<p>When you are adding new items to this section please note that the name of the ID of the post that you set in index.html\u00a0has to be the same as the name of the HTML file in the home directory. In case when you are adding posts use the following html code:<br \/>\n<div class=\"pmc-code\"><\/p>\n<div class=\"item4\">\n<div class=\"overdefult\"><\/div>\n<\/div>\n<div class=\"detailsoverdefault\">\n<h3>Portrait of a Woman<\/h3>\n<p>&nbsp;<\/p>\n<div class=\"moreButton\">+<\/div>\n<\/div>\n<div class=\"image\"><img class=\"newimage\" src=\"http:\/\/premiumcoding.com\/darxHtml\/js\/timthumb.php?src=images\/placeHolder-odd.jpg&amp;\" alt=\"Portrait of a Woman\" \/><\/div>\n<p><\/div><\/p>\n<h4><\/h4>\n<h3>WEBSITE NAVIGATION<\/h3>\n<ul>\n<li>All navigations are created by forming nested lists<\/li>\n<li>Navigations can be easily setup by copy\/paste from the provided page templates<\/li>\n<\/ul>\n<p>Example:<br \/>\n<div class=\"pmc-code\"><\/p>\n<ul>\n<li><strong>Home<\/strong>\n<ul>\n<li>Home with Fullwidth Slideshow<\/li>\n<\/ul>\n<\/li>\n<li>Home with Nivo Slideshow<\/li>\n<li><\/li>\n<li>Home Page as a Blog<\/li>\n<li><\/li>\n<li>Home Page as a Portfolio<\/li>\n<li><\/li>\n<\/ul>\n<p><\/div><\/p>\n<h3>SUPPORT<\/h3>\n<p>For support please visit our\u00a0support portal\u00a0and register as described above.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Darx\u00a0is a\u00a0responsive\u00a0portfolio WordPress Theme, suited for creative folk that wish to present their products or services in a creative way. It is suited for both\u00a0personal and corporate websites. This is the HTML\/CSS version of the theme. Full width or 960px grid portfolio\u00a0will showcase your products or photographies in an impressive manner. Two premade home pages\u00a0will &#8230;<\/p>\n","protected":false},"author":1,"featured_media":7817,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.6.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Responsive Portfolio HTML \/ CSS Theme: Darx - PremiumCoding<\/title>\n<meta name=\"description\" content=\"Darx\u00a0is a\u00a0responsive\u00a0portfolio Wordpress Theme, suited for creative folk that wish to present their products or services in a creative way. It is suited\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/premiumcoding.com\/responsive-portfolio-html-css-theme-darx\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Responsive Portfolio HTML \/ CSS Theme: Darx - PremiumCoding\" \/>\n<meta property=\"og:description\" content=\"Darx\u00a0is a\u00a0responsive\u00a0portfolio Wordpress Theme, suited for creative folk that wish to present their products or services in a creative way. It is suited\" \/>\n<meta property=\"og:url\" content=\"https:\/\/premiumcoding.com\/responsive-portfolio-html-css-theme-darx\/\" \/>\n<meta property=\"og:site_name\" content=\"PremiumCoding\" \/>\n<meta property=\"article:published_time\" content=\"2012-08-25T06:01:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-08-31T06:32:17+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"4 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/premiumcoding.com\/#organization\",\"name\":\"PremiumCoding\",\"url\":\"https:\/\/premiumcoding.com\/\",\"sameAs\":[],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/premiumcoding.com\/#logo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/premiumcoding.com\/wp-content\/uploads\/2013\/12\/premiumcoding-wordpress-themes-logo@2x.png\",\"width\":400,\"height\":134,\"caption\":\"PremiumCoding\"},\"image\":{\"@id\":\"https:\/\/premiumcoding.com\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/premiumcoding.com\/#website\",\"url\":\"https:\/\/premiumcoding.com\/\",\"name\":\"PremiumCoding\",\"description\":\"WordPress Themes, Tutorials &amp; Articles\",\"publisher\":{\"@id\":\"https:\/\/premiumcoding.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/premiumcoding.com\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/premiumcoding.com\/responsive-portfolio-html-css-theme-darx\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/premiumcoding.com\/responsive-portfolio-html-css-theme-darx\/#webpage\",\"url\":\"https:\/\/premiumcoding.com\/responsive-portfolio-html-css-theme-darx\/\",\"name\":\"Responsive Portfolio HTML \/ CSS Theme: Darx - PremiumCoding\",\"isPartOf\":{\"@id\":\"https:\/\/premiumcoding.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/premiumcoding.com\/responsive-portfolio-html-css-theme-darx\/#primaryimage\"},\"datePublished\":\"2012-08-25T06:01:40+00:00\",\"dateModified\":\"2017-08-31T06:32:17+00:00\",\"description\":\"Darx\\u00a0is a\\u00a0responsive\\u00a0portfolio Wordpress Theme, suited for creative folk that wish to present their products or services in a creative way. It is suited\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/premiumcoding.com\/responsive-portfolio-html-css-theme-darx\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/premiumcoding.com\/responsive-portfolio-html-css-theme-darx\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/premiumcoding.com\/responsive-portfolio-html-css-theme-darx\/#webpage\"},\"author\":{\"@id\":\"https:\/\/premiumcoding.com\/#\/schema\/person\/e82e4a7d2166758ae7c30a69e651b04c\"},\"headline\":\"Responsive Portfolio HTML \/ CSS Theme: Darx\",\"datePublished\":\"2012-08-25T06:01:40+00:00\",\"dateModified\":\"2017-08-31T06:32:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/premiumcoding.com\/responsive-portfolio-html-css-theme-darx\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/premiumcoding.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/premiumcoding.com\/responsive-portfolio-html-css-theme-darx\/#primaryimage\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/premiumcoding.com\/responsive-portfolio-html-css-theme-darx\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/premiumcoding.com\/#\/schema\/person\/e82e4a7d2166758ae7c30a69e651b04c\",\"name\":\"Ales\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/premiumcoding.com\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a5b70a6c161b959988486ba65abb4653?s=96&d=wp_user_avatar&r=g\",\"caption\":\"Ales\"},\"sameAs\":[\"https:\/\/premiumcoding.com\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/premiumcoding.com\/wp-json\/wp\/v2\/posts\/7816"}],"collection":[{"href":"https:\/\/premiumcoding.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/premiumcoding.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/premiumcoding.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/premiumcoding.com\/wp-json\/wp\/v2\/comments?post=7816"}],"version-history":[{"count":0,"href":"https:\/\/premiumcoding.com\/wp-json\/wp\/v2\/posts\/7816\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/premiumcoding.com\/wp-json\/wp\/v2\/media\/7817"}],"wp:attachment":[{"href":"https:\/\/premiumcoding.com\/wp-json\/wp\/v2\/media?parent=7816"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/premiumcoding.com\/wp-json\/wp\/v2\/categories?post=7816"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/premiumcoding.com\/wp-json\/wp\/v2\/tags?post=7816"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}