{"id":5476,"date":"2022-05-22T14:42:27","date_gmt":"2022-05-22T14:42:27","guid":{"rendered":"https:\/\/shock.codings.dev\/?post_type=shock-portfolio&amp;p=5476"},"modified":"2022-05-22T14:42:27","modified_gmt":"2022-05-22T14:42:27","slug":"single-project-8","status":"publish","type":"shock-portfolio","link":"https:\/\/arps.one\/index.php\/portfolio\/single-project-8\/","title":{"rendered":"How to become a successful web designer?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"5476\" class=\"elementor elementor-5476\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-76b30de elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"76b30de\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ecd452c\" data-id=\"ecd452c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-0f9a9f2 elementor-section-full_width elementor-section-content-middle container elementor-reverse-mobile elementor-section-height-default elementor-section-height-default\" data-id=\"0f9a9f2\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-911f08e\" data-id=\"911f08e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ae2aaa6 elementor-widget elementor-widget-shock-gallery\" data-id=\"ae2aaa6\" data-element_type=\"widget\" data-widget_type=\"shock-gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t    <!-- Gallery -->\r\n    <div class=\"shock-section\">\r\n            <!-- Gallery -->\r\n      <div class=\"gallery has-gap stretched scrolling-grid\">\r\n        <div class=\"bricklayer\" data-columns=\"2\">          <a href=\"\/wp-content\/uploads\/2022\/11\/f-1.jpg\" class=\"lightbox-link item   hover-zoom-rotate \">            <div class=\"image-wrapper\">\r\n              <div class=\"overlay\"><\/div>\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2022\/11\/f-1.jpg\" alt=\"This is an example description for this image.\" class=\"image\" \/>            <\/div>\r\n                      <\/a>\r\n                    <a href=\"\/wp-content\/uploads\/2022\/11\/f-2.jpg\" class=\"lightbox-link item   hover-zoom-rotate \">            <div class=\"image-wrapper\">\r\n              <div class=\"overlay\"><\/div>\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2022\/11\/f-2.jpg\" alt=\"This is an example description for this image.\" class=\"image\" \/>            <\/div>\r\n                      <\/a>\r\n          <\/div>      <\/div> <!-- \/Gallery -->\r\n          <\/div>\r\n\r\n    \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-a7ada33\" data-id=\"a7ada33\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c1627b9 elementor-widget elementor-widget-shock-intro-text\" data-id=\"c1627b9\" data-element_type=\"widget\" data-widget_type=\"shock-intro-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t    <!-- Intro Text -->\r\n    <div class=\"intro-text side-intro me-auto \">\r\n      <h1 class=\"title\"><span class=\"text-1 text-style-1 text-offset\"><span class=\"filled\">Mercury<\/span><span class=\"outline\">Mercury<\/span><\/span><span class=\"text-2 text-style-3 text-italic text-outline\">handmade design.<\/span><\/h1><div class=\"description \">Design is a concept that represents the process of creating products based on technical and aesthetic excellence, with the aim of solving problems.\n<figure class=\"blockquote\">\n<blockquote class=\"blockquote-body text-style-11 black\">\"I am very satisfied with the service provided\".<\/blockquote>\n<figcaption class=\"blockquote-footer\"><cite title=\"Source Title\">Laura Garcia \/ Satisfied customer<\/cite><\/figcaption><\/figure><\/div>    <\/div>\r\n\r\n    \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-69d742e elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"69d742e\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-eb9732b\" data-id=\"eb9732b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-440b598 elementor-section-full_width elementor-section-content-middle container elementor-section-height-default elementor-section-height-default\" data-id=\"440b598\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-28929f0\" data-id=\"28929f0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e054991 elementor-widget elementor-widget-shock-intro-text\" data-id=\"e054991\" data-element_type=\"widget\" data-widget_type=\"shock-intro-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t    <!-- Intro Text -->\r\n    <div class=\"intro-text side-intro me-auto \">\r\n      <h1 class=\"title\"><span class=\"text-1 text-style-1 text-offset\"><span class=\"filled\">Neptune<\/span><span class=\"outline\">Neptune<\/span><\/span><span class=\"text-2 text-style-3 text-italic text-outline\">handmade design.<\/span><\/h1><div class=\"description \">To connect the brand with the target audience, it is necessary to observe each shape, color, font and style that will compose a subconscious message.\n<figure class=\"blockquote\">\n<blockquote class=\"blockquote-body text-style-11 black\">\"This is the most amazing product I have ever seen\".<\/blockquote>\n<figcaption class=\"blockquote-footer\"><cite title=\"Source Title\">Alice Johnson \/ Satisfied customer<\/cite><\/figcaption><\/figure><\/div>    <\/div>\r\n\r\n    \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-f0b7e87\" data-id=\"f0b7e87\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-684a6ef elementor-widget elementor-widget-shock-gallery\" data-id=\"684a6ef\" data-element_type=\"widget\" data-widget_type=\"shock-gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t    <!-- Gallery -->\r\n    <div class=\"shock-section\">\r\n            <!-- Gallery -->\r\n      <div class=\"gallery has-gap stretched scrolling-grid\">\r\n        <div class=\"bricklayer\" data-columns=\"2\">          <a href=\"\/wp-content\/uploads\/2022\/11\/f-5.jpg\" class=\"lightbox-link item   hover-zoom-rotate \">            <div class=\"image-wrapper\">\r\n              <div class=\"overlay\"><\/div>\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2022\/11\/f-5.jpg\" alt=\"This is an example description for this image.\" class=\"image\" \/>            <\/div>\r\n                      <\/a>\r\n                    <a href=\"\/wp-content\/uploads\/2022\/11\/f-6.jpg\" class=\"lightbox-link item   hover-zoom-rotate \">            <div class=\"image-wrapper\">\r\n              <div class=\"overlay\"><\/div>\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2022\/11\/f-6.jpg\" alt=\"This is an example description for this image.\" class=\"image\" \/>            <\/div>\r\n                      <\/a>\r\n          <\/div>      <\/div> <!-- \/Gallery -->\r\n          <\/div>\r\n\r\n    \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-477c8ae elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"477c8ae\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7a701cc\" data-id=\"7a701cc\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-e8f301a elementor-section-full_width elementor-section-content-middle container elementor-section-height-default elementor-section-height-default\" data-id=\"e8f301a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-45b9c1a\" data-id=\"45b9c1a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8a5f9e4 elementor-widget elementor-widget-shock-image\" data-id=\"8a5f9e4\" data-element_type=\"widget\" data-widget_type=\"shock-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t    <div class=\"holder align-h-center align-v-center\">\r\n              <!-- Circular Text -->\r\n        <div class=\"circular-text absolute\">\r\n          <div class=\"emblem mix-blend-lighter\">We use the best technologies<\/div>        <\/div>\r\n        <!-- Script Needs -->\r\n        <script>\r\n          jQuery(function ($) {\r\n            'use strict';\r\n\r\n            var CircularText = {\r\n              \r\n              init: function(el, str) {\r\n\r\n                var element = document.querySelector(el);\r\n                var text = str ? str : element.innerHTML;\r\n                element.innerHTML = '';\r\n\r\n                for (var i = 0; i < text.length; i++) {\r\n                  var letter = text[i];\r\n                  var span = document.createElement('span');\r\n                  var node = document.createTextNode(letter);\r\n                  var r = (360\/text.length)*(i);\r\n                  var x = (Math.PI\/text.length).toFixed(0) * (i);\r\n                  var y = (Math.PI\/text.length).toFixed(0) * (i);\r\n                  span.appendChild(node);\r\n                  span.style.webkitTransform = 'rotateZ('+r+'deg) translate3d('+x+'px,'+y+'px,0)';\r\n                  span.style.transform = 'rotateZ('+r+'deg) translate3d('+x+'px,'+y+'px,0)';\r\n                  element.appendChild(span);\r\n                }\r\n              }\r\n            };\r\n\r\n            if (document.querySelector('.circular-text') !== null) {\r\n              CircularText.init('.circular-text .emblem');\r\n            }\r\n          })\r\n        <\/script>\r\n            <!-- Image -->\r\n            <div class=\"image-wrapper floating-item-smooth\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2022\/10\/f-1.png\" alt=\"f-1\" class=\"image\" \/>              <\/div>\r\n    <\/div>\r\n  \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-addadac\" data-id=\"addadac\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4ecbfed elementor-widget elementor-widget-shock-intro-text\" data-id=\"4ecbfed\" data-element_type=\"widget\" data-widget_type=\"shock-intro-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t    <!-- Intro Text -->\r\n    <div class=\"intro-text side-intro me-auto \">\r\n      <h1 class=\"title\"><span class=\"text-1 text-style-1 text-offset\"><span class=\"filled\">We bulid<\/span><span class=\"outline\">We bulid<\/span><\/span><span class=\"text-2 text-style-3 text-italic text-outline\">amazing projects.<\/span><\/h1>    <\/div>\r\n\r\n    \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d50c426 elementor-widget elementor-widget-shock-form\" data-id=\"d50c426\" data-element_type=\"widget\" data-widget_type=\"shock-form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t      <!-- Form -->\r\n      <div class=\"shock-form floating-label-form scheme-light\">\r\n        \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f1807-o1\" lang=\"en-US\" dir=\"ltr\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php\/wp-json\/wp\/v2\/shock-portfolio\/5476#wpcf7-f1807-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"1807\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"5.7.7\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1807-o1\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/div>\n<div class=\"form-area delay-init\">\n  <div class=\"form-row row\">\n    <div class=\"form-col form-floating col-12 col-md-6\">\n      <input size=\"40\" class=\"wpcf7-form-control form-control focus-trigger-field wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" required=\"required\" aria-invalid=\"false\" placeholder=\"Name\" value=\"\" type=\"text\" name=\"your-name\" \/>\n      <label class=\"form-label\">Name<\/label>\n      <div class=\"invalid-feedback\">Please enter your name.<\/div>\n      <div class=\"valid-feedback\">Looks good.<\/div>\n    <\/div>\n    <div class=\"form-col form-floating col-12 col-md-6\">\n      <input size=\"40\" class=\"wpcf7-form-control form-control focus-trigger-field wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email\" aria-required=\"true\" required=\"required\" aria-invalid=\"false\" placeholder=\"Email\" value=\"\" type=\"email\" name=\"your-email\" \/>\n      <label class=\"form-label\">Email<\/label>\n      <div class=\"invalid-feedback\">Please enter a valid email address.<\/div>\n      <div class=\"valid-feedback\">Looks good.<\/div>\n    <\/div>\n  <\/div>\n  <div class=\"form-row row\">\n    <div class=\"form-col form-floating col-12\">\n      <textarea cols=\"40\" rows=\"5\" class=\"wpcf7-form-control form-control focus-trigger-field wpcf7-textarea form-textarea\" aria-invalid=\"false\" placeholder=\"Message\" name=\"your-message\"><\/textarea>\n      <label class=\"form-label\">Message<\/label>\n      <div class=\"valid-feedback\">It's optional, but we'd like to know about it :)<\/div>\n    <\/div>\n  <\/div>\n  <div class=\"form-row row\">\n    <div class=\"form-col col-12\">\n      <span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item form-check\"><label><input class=\"form-check-input\" type=\"checkbox\" name=\"acceptance\" required=\"required\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item form-check-label\">I agree to the <a href=\"#your-link\">terms of use<\/a><\/span><\/label><\/span><\/span>\n    <\/div>\n  <\/div>\n<\/div><p style=\"display: none !important;\"><label>&#916;<textarea name=\"_wpcf7_ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"_wpcf7_ak_js\" value=\"122\"\/><script>document.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );<\/script><\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n        <!-- Button -->\r\n        <div class=\"form-button form-row row\">\r\n          <div class=\"form-col col-12\">\r\n            <button class=\"button arrow-button next\">\r\n                              <span class=\"arrow\">\r\n                  <span class=\"item\"><\/span>\r\n                  <span class=\"item\"><\/span>\r\n                <\/span>\r\n                <span class=\"line\"><\/span>\r\n                <span class=\"text\">SEND MESSAGE<\/span>                          <\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    \r\n    \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>You must have the technical prowess required to create functional websites, as well as the artistic talent to build compelling designs<\/p>\n","protected":false},"featured_media":5070,"comment_status":"open","ping_status":"closed","template":"templates\/full-width.php","shock-portfolio-category":[25],"shock-portfolio-tag":[20,21,26],"class_list":["post-5476","shock-portfolio","type-shock-portfolio","status-publish","has-post-thumbnail","hentry","shock-portfolio-category-innovation","shock-portfolio-tag-corporate","shock-portfolio-tag-design","shock-portfolio-tag-marketing"],"_links":{"self":[{"href":"https:\/\/arps.one\/index.php\/wp-json\/wp\/v2\/shock-portfolio\/5476","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arps.one\/index.php\/wp-json\/wp\/v2\/shock-portfolio"}],"about":[{"href":"https:\/\/arps.one\/index.php\/wp-json\/wp\/v2\/types\/shock-portfolio"}],"replies":[{"embeddable":true,"href":"https:\/\/arps.one\/index.php\/wp-json\/wp\/v2\/comments?post=5476"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/arps.one\/index.php\/wp-json\/wp\/v2\/media\/5070"}],"wp:attachment":[{"href":"https:\/\/arps.one\/index.php\/wp-json\/wp\/v2\/media?parent=5476"}],"wp:term":[{"taxonomy":"shock-portfolio-category","embeddable":true,"href":"https:\/\/arps.one\/index.php\/wp-json\/wp\/v2\/shock-portfolio-category?post=5476"},{"taxonomy":"shock-portfolio-tag","embeddable":true,"href":"https:\/\/arps.one\/index.php\/wp-json\/wp\/v2\/shock-portfolio-tag?post=5476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}