{"id":242,"date":"2017-04-07T06:56:38","date_gmt":"2017-04-07T06:56:38","guid":{"rendered":"http:\/\/randykaraan.com\/dev\/?p=242"},"modified":"2025-05-19T03:51:49","modified_gmt":"2025-05-19T03:51:49","slug":"website-coding-psd-htmlbootstrap","status":"publish","type":"post","link":"https:\/\/randykaraan.com\/dev\/website-coding-psd-htmlbootstrap\/","title":{"rendered":"Website Coding (PSD-HTML\/Bootstrap)"},"content":{"rendered":"<div class=\"carousel-slider-outer carousel-slider-outer-image-carousel carousel-slider-outer-245\" style=\"--carousel-slider-nav-color:#333333;--carousel-slider-active-nav-color:#333333;--carousel-slider-arrow-size:48px;--carousel-slider-bullet-size:10px\">\n<div id=\"&#039;id-245\" class=\"carousel-slider carousel-slider-245 arrows-visibility-hover dots-visibility-never arrows-outside dots-center dots-circle owl-carousel\" data-slide-type=\"image-carousel\" data-owl-settings='{\"nav\":true,\"dots\":false,\"slideBy\":1,\"stagePadding\":0,\"margin\":10,\"loop\":true,\"lazyLoad\":false,\"autoplay\":true,\"autoplayTimeout\":5000,\"autoplaySpeed\":500,\"autoplayHoverPause\":false,\"autoWidth\":false,\"responsive\":{\"300\":{\"items\":1},\"576\":{\"items\":2},\"768\":{\"items\":2},\"1024\":{\"items\":3},\"1280\":{\"items\":4},\"1536\":{\"items\":5}}}'>\n<div class=\"carousel-slider__item\">\n\t<a class=\"magnific-popup\" href=\"https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img1-17.jpg\" data-width=\"820\" data-height=\"401\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img1-17-300x300.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img1-17-300x300.jpg 300w, https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img1-17-125x125.jpg 125w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/div>\n\n<div class=\"carousel-slider__item\">\n\t<a class=\"magnific-popup\" href=\"https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img2-8.jpg\" data-width=\"820\" data-height=\"401\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img2-8-300x300.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img2-8-300x300.jpg 300w, https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img2-8-125x125.jpg 125w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/div>\n\n<div class=\"carousel-slider__item\">\n\t<a class=\"magnific-popup\" href=\"https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img3-9.jpg\" data-width=\"820\" data-height=\"401\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img3-9-300x300.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img3-9-300x300.jpg 300w, https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img3-9-125x125.jpg 125w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/div>\n\n<div class=\"carousel-slider__item\">\n\t<a class=\"magnific-popup\" href=\"https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img4-8.jpg\" data-width=\"820\" data-height=\"401\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img4-8-300x300.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img4-8-300x300.jpg 300w, https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img4-8-125x125.jpg 125w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/div>\n\n<div class=\"carousel-slider__item\">\n\t<a class=\"magnific-popup\" href=\"https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img5-8.jpg\" data-width=\"820\" data-height=\"401\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img5-8-300x300.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img5-8-300x300.jpg 300w, https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img5-8-125x125.jpg 125w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/div>\n\n<div class=\"carousel-slider__item\">\n\t<a class=\"magnific-popup\" href=\"https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img6-7.jpg\" data-width=\"820\" data-height=\"401\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img6-7-300x300.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img6-7-300x300.jpg 300w, https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img6-7-125x125.jpg 125w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/div>\n\n<div class=\"carousel-slider__item\">\n\t<a class=\"magnific-popup\" href=\"https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img7-6.jpg\" data-width=\"820\" data-height=\"401\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img7-6-300x300.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img7-6-300x300.jpg 300w, https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img7-6-125x125.jpg 125w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/div>\n\n<div class=\"carousel-slider__item\">\n\t<a class=\"magnific-popup\" href=\"https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img8-5.jpg\" data-width=\"820\" data-height=\"401\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img8-5-300x300.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" srcset=\"https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img8-5-300x300.jpg 300w, https:\/\/randykaraan.com\/dev\/wp-content\/uploads\/2017\/04\/img8-5-125x125.jpg 125w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/div>\n\n<\/div><!-- .carousel-slider-245 -->\n<\/div><!-- .carousel-slider-outer-245 -->\n\n<p>The client wanted to have a new design for their website and the designer gave me the PSD to code. I proposed using Bootstrap because it has a built-in responsive functionality.<\/p>\n<p style=\"margin-top:50px;font-size:16px;\">\nTechnology used: <strong>Photoshop (PSD), Bootstrap<\/strong><br \/>\nURL: http:\/\/randykaraan.com\/five\/index.html\n<\/p>\n<p><a href=\"https:\/\/randykaraan.com\/dev\/\" style=\"color:blue;font-size:16px;\">Back<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The client wanted to have a new design for their website and the designer gave me the PSD to code&#8230;.  <a class=\"excerpt-read-more\" href=\"https:\/\/randykaraan.com\/dev\/website-coding-psd-htmlbootstrap\/\" title=\"Read Website Coding (PSD-HTML\/Bootstrap)\">Read more &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":243,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,7],"tags":[],"class_list":["post-242","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sitecode-customization","category-psd-to-htmlbootstrap"],"_links":{"self":[{"href":"https:\/\/randykaraan.com\/dev\/wp-json\/wp\/v2\/posts\/242","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/randykaraan.com\/dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/randykaraan.com\/dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/randykaraan.com\/dev\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/randykaraan.com\/dev\/wp-json\/wp\/v2\/comments?post=242"}],"version-history":[{"count":5,"href":"https:\/\/randykaraan.com\/dev\/wp-json\/wp\/v2\/posts\/242\/revisions"}],"predecessor-version":[{"id":772,"href":"https:\/\/randykaraan.com\/dev\/wp-json\/wp\/v2\/posts\/242\/revisions\/772"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/randykaraan.com\/dev\/wp-json\/wp\/v2\/media\/243"}],"wp:attachment":[{"href":"https:\/\/randykaraan.com\/dev\/wp-json\/wp\/v2\/media?parent=242"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/randykaraan.com\/dev\/wp-json\/wp\/v2\/categories?post=242"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/randykaraan.com\/dev\/wp-json\/wp\/v2\/tags?post=242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}