{"id":12196,"date":"2026-08-10T10:42:24","date_gmt":"2026-08-10T10:42:24","guid":{"rendered":"https:\/\/nokobox.com\/index.php\/item\/skillshare-code-your-own-portfolio-html-css-basics-2020-3\/"},"modified":"2026-08-10T10:42:24","modified_gmt":"2026-08-10T10:42:24","slug":"skillshare-code-your-own-portfolio-html-css-basics-2020-3","status":"publish","type":"digital_item","link":"https:\/\/nokobox.com\/index.php\/item\/skillshare-code-your-own-portfolio-html-css-basics-2020-3\/","title":{"rendered":"SkillShare \u2013 Code your own portfolio \u2013 HTML &#038; CSS basics 2020-3"},"content":{"rendered":"<div class=\"w-post-elm post_content\">\n<h2 dir=\"ltr\" style=\"text-align: left\"><span dir=\"auto\" style=\"vertical-align: inherit\">Description<\/span><\/h2>\n<p dir=\"ltr\" style=\"text-align: left\"><span dir=\"auto\" style=\"vertical-align: inherit\">Code your own portfolio \u2013 HTML &amp; CSS basics. This course is a practical, project-based course that is presented in 19 lessons and a total of 3 hours and 2 minutes. This course teaches the basics and basics of HTML and CSS step by step by building a real portfolio. The main goal of this course is to empower UI and UX designers to implement their design ideas directly in the browser environment and with coding. This skill not only gives them a better understanding of the front-end development process, but also allows them to deliver their projects to developers more efficiently and communicate with them more effectively. Also, for those who intend to customize WordPress HTML templates, this course provides a strong foundation to understand the structure of the codes and more easily modify them according to specific needs.<\/span><\/p>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span dir=\"auto\" style=\"vertical-align: inherit\">What you will learn<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\">\n<li><span dir=\"auto\" style=\"vertical-align: inherit\">HTML Tags: You will learn about different HTML tags and how to use them to structure content.<\/span><\/li>\n<li><span dir=\"auto\" style=\"vertical-align: inherit\">CSS Basics and Features: You will learn the basics of CSS and its various features for styling web pages.<\/span><\/li>\n<li><span dir=\"auto\" style=\"vertical-align: inherit\">Implementing Google Fonts: You will learn how to use Google Fonts on your website.<\/span><\/li>\n<li><span dir=\"auto\" style=\"vertical-align: inherit\">Using developer tools in the browser: You will become familiar with developer tools in the web browser and learn how to work with them.<\/span><\/li>\n<li><span dir=\"auto\" style=\"vertical-align: inherit\">Build a Portfolio: By coding a portfolio, you put the skills you learn into practice.<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span dir=\"auto\" style=\"vertical-align: inherit\">This course is suitable for people who:<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\">\n<li><span dir=\"auto\" style=\"vertical-align: inherit\">UI and UX Designers: This course is specifically designed for UI and UX designers who want to start learning HTML and CSS with practical examples.<\/span><\/li>\n<li><span dir=\"auto\" style=\"vertical-align: inherit\">People with no coding background: No prior coding knowledge is required. The basics are covered step-by-step so participants can easily follow the course.<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span dir=\"auto\" style=\"vertical-align: inherit\">Course details: Code your own portfolio \u2013 HTML &amp; CSS basics<\/span><\/h3>\n<ul dir=\"ltr\" style=\"text-align: left\">\n<li><span dir=\"auto\" style=\"vertical-align: inherit\">Publisher:&nbsp; <\/span><a href=\"https:\/\/href.li\/?https:\/\/www.skillshare.com\/en\/classes\/code-your-own-portfolio-html-and-css-basics\/1042721241?via=search-layout-grid\" target=\"_blank\" rel=\"noopener\"><span dir=\"auto\" style=\"vertical-align: inherit\">SkillShare<\/span><\/a><\/li>\n<li><span dir=\"auto\" style=\"vertical-align: inherit\">Instructor: <\/span><a href=\"https:\/\/downloadlynet.ir\/tag\/aga-naplocha\/\"><span dir=\"auto\" style=\"vertical-align: inherit\">Aga Naplocha<\/span><\/a><\/li>\n<li><span dir=\"auto\" style=\"vertical-align: inherit\">Language: English<\/span><\/li>\n<li><span dir=\"auto\" style=\"vertical-align: inherit\">Training level: Beginner<\/span><\/li>\n<li><span dir=\"auto\" style=\"vertical-align: inherit\">Number of lessons: 19<\/span><\/li>\n<li><span dir=\"auto\" style=\"vertical-align: inherit\">Training duration: 3 hours and 2 minutes<\/span><\/li>\n<\/ul>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span dir=\"auto\" style=\"vertical-align: inherit\">Course topics<\/span><\/h3>\n<p dir=\"ltr\" style=\"text-align: left\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1006601 size-full\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2025\/09\/Code-your-own-portfolio-\u2013-HTML-CSS-basics.png\" alt=\"Code your own portfolio - HTML &amp; CSS basics\" width=\"1091\" height=\"1063\"><\/p>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span dir=\"auto\" style=\"vertical-align: inherit\">Course images<\/span><\/h3>\n<p dir=\"ltr\" style=\"text-align: left\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1006599 size-full\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2025\/09\/Code-your-own-portfolio-\u2013-HTML-CSS-basics-2.png\" alt=\"\" width=\"753\" height=\"178\"><\/p>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span dir=\"auto\" style=\"vertical-align: inherit\">Sample course video<\/span><\/h3>\n<div style=\"width: 640px;\" class=\"wp-video\"><span class=\"mejs-offscreen\">Video Player<\/span><\/p>\n<div id=\"mep_0\" class=\"mejs-container mejs-container-keyboard-inactive wp-video-shortcode mejs-video\" tabindex=\"0\" role=\"application\" aria-label=\"Video Player\" style=\"width: 640px; height: 360px; min-width: 217px;\">\n<div class=\"mejs-inner\">\n<div class=\"mejs-mediaelement\"><mediaelementwrapper id=\"video-176084-1\"><video class=\"wp-video-shortcode\" id=\"video-176084-1_html5\" width=\"640\" height=\"360\" preload=\"metadata\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Code_your_own_portfolio%E2%80%93HTML_And_CSS_basics_Downloadly.ir.mp4?_=1\" style=\"width: 640px; height: 360px;\"><source type=\"video\/mp4\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Code_your_own_portfolio\u2013HTML_And_CSS_basics_Downloadly.ir.mp4?_=1\"><a href=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Code_your_own_portfolio\u2013HTML_And_CSS_basics_Downloadly.ir.mp4?nocache=1786142817308\">https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Code_your_own_portfolio\u2013HTML_And_CSS_basics_Downloadly.ir.mp4<\/a><\/video><\/mediaelementwrapper><\/div>\n<div class=\"mejs-layers\">\n<div class=\"mejs-poster mejs-layer\" style=\"display: none; width: 100%; height: 100%;\"><\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-loading\"><span class=\"mejs-overlay-loading-bg-img\"><\/span><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-error\"><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer mejs-overlay-play\" style=\"width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-button\" role=\"button\" tabindex=\"0\" aria-label=\"Play\" aria-pressed=\"false\"><\/div>\n<\/div>\n<\/div>\n<div class=\"mejs-controls\">\n<div class=\"mejs-button mejs-playpause-button mejs-play\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Play\" aria-label=\"Play\" tabindex=\"0\"><\/button><\/div>\n<div class=\"mejs-time mejs-currenttime-container\" role=\"timer\" aria-live=\"off\"><span class=\"mejs-currenttime\">00:00<\/span><\/div>\n<div class=\"mejs-time-rail\"><span class=\"mejs-time-total mejs-time-slider\" role=\"slider\" tabindex=\"0\" aria-label=\"Time Slider\" aria-valuemin=\"0\" aria-valuemax=\"0\" aria-valuenow=\"0\" aria-valuetext=\"00:00\"><span class=\"mejs-time-buffering\" style=\"display: none;\"><\/span><span class=\"mejs-time-loaded\"><\/span><span class=\"mejs-time-current\"><\/span><span class=\"mejs-time-hovered no-hover\"><\/span><span class=\"mejs-time-handle\"><span class=\"mejs-time-handle-content\"><\/span><\/span><span class=\"mejs-time-float\"><span class=\"mejs-time-float-current\">00:00<\/span><span class=\"mejs-time-float-corner\"><\/span><\/span><\/span><\/div>\n<div class=\"mejs-time mejs-duration-container\"><span class=\"mejs-duration\">00:00<\/span><\/div>\n<div class=\"mejs-button mejs-volume-button mejs-mute\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Mute\" aria-label=\"Mute\" tabindex=\"0\"><\/button><a href=\"javascript:void(0);\" class=\"mejs-volume-slider\" aria-label=\"Volume Slider\" aria-valuemin=\"0\" aria-valuemax=\"100\" role=\"slider\" aria-orientation=\"vertical\"><span class=\"mejs-offscreen\">Use Up\/Down Arrow keys to increase or decrease volume.<\/span><\/p>\n<div class=\"mejs-volume-total\">\n<div class=\"mejs-volume-current\" style=\"bottom: 0px; height: 100%;\"><\/div>\n<div class=\"mejs-volume-handle\" style=\"bottom: 100%; margin-bottom: -3px;\"><\/div>\n<\/div>\n<p><\/a><\/div>\n<div class=\"mejs-button mejs-fullscreen-button\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Fullscreen\" aria-label=\"Fullscreen\" tabindex=\"0\"><\/button><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div dir=\"ltr\" style=\"text-align: left\">\n<h3><span dir=\"auto\" style=\"vertical-align: inherit\">Installation Guide<\/span><\/h3>\n<p><span dir=\"auto\" style=\"vertical-align: inherit\">After Extract, view with your favorite player.<\/span><\/p>\n<p><span dir=\"auto\" style=\"vertical-align: inherit\">Subtitles: None<\/span><\/p>\n<p><span dir=\"auto\" style=\"vertical-align: inherit\">Quality: 1080p<\/span><\/p>\n<\/div>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span dir=\"auto\" style=\"vertical-align: inherit\">Download link<\/span><\/h3>\n<p dir=\"ltr\" style=\"text-align: left\"><a href=\"https:\/\/dl4.downloadly.ir\/Files\/Elearning\/SkillShare_Code_your_own_portfolio\u2013HTML_And_CSS_basics_2020-3.part1_Downloadly.ir.rar?nocache=1786142816\"><span dir=\"auto\" style=\"vertical-align: inherit\">Download Part 1 \u2013 1 GB<\/span><\/a><\/p>\n<p dir=\"ltr\" style=\"text-align: left\"><a href=\"https:\/\/dl4.downloadly.ir\/Files\/Elearning\/SkillShare_Code_your_own_portfolio\u2013HTML_And_CSS_basics_2020-3.part2_Downloadly.ir.rar?nocache=1786142816\"><span dir=\"auto\" style=\"vertical-align: inherit\">Download Part 2 \u2013 1 GB<\/span><\/a><\/p>\n<p dir=\"ltr\" style=\"text-align: left\"><a href=\"https:\/\/dl4.downloadly.ir\/Files\/Elearning\/SkillShare_Code_your_own_portfolio\u2013HTML_And_CSS_basics_2020-3.part3_Downloadly.ir.rar?nocache=1786142816\"><span dir=\"auto\" style=\"vertical-align: inherit\">Download Part 3 \u2013 549 MB<\/span><\/a><\/p>\n<p dir=\"ltr\" style=\"text-align: left\"><span dir=\"auto\" style=\"vertical-align: inherit\">File(s) password: www.downloadly.ir<\/span><\/p>\n<h3 dir=\"ltr\" style=\"text-align: left\"><span dir=\"auto\" style=\"vertical-align: inherit\">File size<\/span><\/h3>\n<p dir=\"ltr\" style=\"text-align: left\"><span dir=\"auto\" style=\"vertical-align: inherit\">2.5 GB<\/span><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Description Code your own portfolio \u2013 HTML &amp; CSS basics. This course is a practical, project-based course that is presented in 19 lessons and a total of 3 h<\/p>\n","protected":false},"author":1,"template":"","dgi_category":[10458],"dgi_tag":[100916,100917,100918,100919,100920,100921],"class_list":["post-12196","digital_item","type-digital_item","status-publish","has-post-thumbnail","hentry","dgi_category-video-tutorials","dgi_tag-aga-naplocha","dgi_tag-course-code-your-own-portfolio-html-css-basics","dgi_tag-download-code-your-own-portfolio-html-css-basics","dgi_tag-download-course-code-your-own-portfolio-html-css-basics","dgi_tag-free-code-your-own-portfolio-html-css-basics","dgi_tag-free-download-code-your-own-portfolio-html-css-basics"],"_links":{"self":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/12196","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item"}],"about":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/types\/digital_item"}],"author":[{"embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/12196\/revisions"}],"wp:attachment":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/media?parent=12196"}],"wp:term":[{"taxonomy":"dgi_category","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_category?post=12196"},{"taxonomy":"dgi_tag","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_tag?post=12196"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}