{"id":1919,"date":"2023-01-23T08:53:06","date_gmt":"2023-01-23T08:53:06","guid":{"rendered":"https:\/\/oneline.ch\/en\/?post_type=services&#038;p=1919"},"modified":"2023-04-04T13:45:31","modified_gmt":"2023-04-04T13:45:31","slug":"responsive-web-design","status":"publish","type":"services","link":"https:\/\/oneline.ch\/en\/services\/webdesign\/responsive-web-design\/","title":{"rendered":"Responsive Web design"},"content":{"rendered":"<!-- Services Intro -->\r\n<section id=\"image-text-section-block_04d3036de92aab0a8fd7d69f0bdfca6e\" class=\"services-intro responsive-web-design block-image-text-section\">\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n\r\n            <div class=\"col-left col-left__lg-pad\">\r\n                <div class=\"services-intro__img\" data-aos=\"fade-up\">\r\n\t                                                            <picture>\r\n                            <img loading=\"lazy\" decoding=\"async\" width=\"1022\" height=\"836\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Responsive-Webdesign-1.jpg\" class=\"attachment-full size-full\" alt=\"Responsive Web design\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Responsive-Webdesign-1.jpg 1022w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Responsive-Webdesign-1-300x245.jpg 300w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Responsive-Webdesign-1-768x628.jpg 768w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Responsive-Webdesign-1-185x151.jpg 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Responsive-Webdesign-1-135x110.jpg 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Responsive-Webdesign-1-872x713.jpg 872w\" sizes=\"auto, (max-width: 1022px) 100vw, 1022px\" \/>                        <\/picture>\r\n\t\t\t\t\t\t                                                                                    <\/div>\r\n            <\/div>\r\n            <div class=\"col-right\">\r\n                <div class=\"services-intro__head\" data-aos=\"fade-up\">\r\n                                            <h1 class=\"sm-title\">Responsive Web design<\/h1>\r\n                                                                <h2 class=\"section-title\">RESPONSIVE WEB DESIGN IS AN INDISPENSABLE TOOL IN ONLINE MARKETING<\/h2>\r\n                                                            <div class=\"services-intro__text\">\r\n                        <p>Once upon a time, Internet users could only access the World Wide Web via a huge desktop monitor. Accordingly, web designers adapted internet presence to the needs of the average visitor. But, as technology is subject to constant change, it was clear from the start that user behavior and the internet would improve. In the meantime, users no longer sit at their PC with a huge monitors. Instead, they mainly use mobile devices to access the internet.<\/p>\n                    <\/div>\r\n                    \t                                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <style>\r\n        .location-tpl .services-intro__img-icon.mobile {\r\n            top: initial;\r\n            left: -17%;\r\n            width: 43%;\r\n            bottom: 20%;\r\n        }\r\n        @media only screen and (min-width: 1200px) {\r\n            .location-tpl .services-intro__img-icon.mobile {\r\n                left: -16px;\r\n                bottom: 10%;\r\n            }\r\n        }\r\n        @media only screen and (min-width: 767px) {\r\n            .services-intro:not(.location-tpl) .services-intro__img-icon.mobile {\r\n                display: none!important;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/section>\r\n\n\n<!-- services-desc -->\r\n<section class=\"services-desc\">\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12\">\r\n                <hr>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"row\">\r\n            <div class=\"col-left col-left__lg-pad\">\r\n                <div class=\"section-head\" data-aos=\"fade-up\">\r\n                                            <h2 class=\"block-title text-uppercase\">RESPONSIVE WEB DESIGN ADAPTS TO THE NEEDS OF THE USER<\/h2>\r\n                                                                <p><strong>Mobile devices &#8211; such as tablets and smartphones &#8211; have different screen sizes<\/strong>. As a result, users expect the website to adapt to their devices. They have neither the desire nor the time to deal with adapting the website. <strong>Fortunately, this is where responsive <a href=\"https:\/\/oneline.ch\/en\/services\/webdesign\/\">web design<\/a> takes over<\/strong>. This is because devices are characterized by different expectations in terms of user-friendliness.<\/p>\n<p><strong>Responsive web design ensures that the content of a website is automatically adapted to the size of the screen of the device<\/strong> on which it is displayed. This includes resizing text, images and buttons to make them easier to tap. This allows users to easily use the website on their device without having to scroll, zoom or miss content.<\/p>\n                                    <\/div>\r\n            <\/div>\r\n            <div class=\"col-right\">\r\n                                    <div class=\"services-desc__list-head\" data-aos=\"fade-up\">\r\n                        <h4 class=\"lg-title\">Advantages resulting from responsive web design<\/h4>\r\n                    <\/div>\r\n                                <div class=\"services-desc__list-wrapper\" data-aos=\"fade-up\">\r\n                                                                        <div class=\"services-desc__list\">\r\n                                                                    <div class=\"services-desc__list-img\">\r\n                                        <picture>\r\n                                            <?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>\n<svg\n   xmlns:dc=\"http:\/\/purl.org\/dc\/elements\/1.1\/\"\n   xmlns:cc=\"http:\/\/creativecommons.org\/ns#\"\n   xmlns:rdf=\"http:\/\/www.w3.org\/1999\/02\/22-rdf-syntax-ns#\"\n   xmlns:svg=\"http:\/\/www.w3.org\/2000\/svg\"\n   xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n   xmlns:sodipodi=\"http:\/\/sodipodi.sourceforge.net\/DTD\/sodipodi-0.dtd\"\n   xmlns:inkscape=\"http:\/\/www.inkscape.org\/namespaces\/inkscape\"\n   width=\"51.115124\"\n   height=\"28.298595\"\n   viewBox=\"0 0 51.115124 28.298595\"\n   version=\"1.1\"\n   id=\"svg8\"\n   sodipodi:docname=\"icon-eye.svg\"\n   inkscape:version=\"0.92.3 (2405546, 2018-03-11)\">\n  <metadata\n     id=\"metadata14\">\n    <rdf:RDF>\n      <cc:Work\n         rdf:about=\"\">\n        <dc:format>image\/svg+xml<\/dc:format>\n        <dc:type\n           rdf:resource=\"http:\/\/purl.org\/dc\/dcmitype\/StillImage\" \/>\n        <dc:title><\/dc:title>\n      <\/cc:Work>\n    <\/rdf:RDF>\n  <\/metadata>\n  <defs\n     id=\"defs12\" \/>\n  <sodipodi:namedview\n     pagecolor=\"#ffffff\"\n     bordercolor=\"#666666\"\n     borderopacity=\"1\"\n     objecttolerance=\"10\"\n     gridtolerance=\"10\"\n     guidetolerance=\"10\"\n     inkscape:pageopacity=\"0\"\n     inkscape:pageshadow=\"2\"\n     inkscape:window-width=\"1920\"\n     inkscape:window-height=\"1018\"\n     id=\"namedview10\"\n     showgrid=\"false\"\n     inkscape:zoom=\"3.4705882\"\n     inkscape:cx=\"-8.4352507\"\n     inkscape:cy=\"15.798\"\n     inkscape:window-x=\"-8\"\n     inkscape:window-y=\"-8\"\n     inkscape:window-maximized=\"1\"\n     inkscape:current-layer=\"svg8\" \/>\n  <g\n     id=\"g6\"\n     style=\"fill:none;fill-rule:evenodd\"\n     transform=\"translate(-14.503047,-21.499404)\">\n    <path\n       d=\"m 50.298,24.248 c -0.37,-0.162 -0.778,-0.232 -1.172,-0.3 -0.179,-0.03 -0.358,-0.06 -0.533,-0.1 l -0.134,-0.03 -0.344,0.836 0.13,0.07 c 0.562,0.296 1.127,0.585 1.694,0.875 1.264,0.646 2.573,1.314 3.797,2.066 a 50.33,50.33 0 0 1 5.134,3.617 c 1.135,0.911 2.181,1.885 3.392,3.013 0.514,0.48 1.05,0.977 1.621,1.5 -0.29,0.24 -0.564,0.47 -0.83,0.691 a 63.165,63.165 0 0 1 -1.82,1.484 c -0.68,0.526 -1.362,1.071 -2.022,1.6 -1.616,1.293 -3.286,2.63 -5.042,3.763 -6.33,4.086 -12.873,5.38 -19.445,3.844 -6.213,-1.452 -12.286,-5.376 -18.053,-11.665 5.053,-5.232 10.134,-8.673 15.934,-10.786 -4.386,5.388 -4.92,10.613 -1.538,15.14 3.164,4.233 8.72,5.706 13.51,3.584 4.14,-1.834 7.07,-6.439 6.4,-10.057 l -0.026,-0.132 h -0.134 c -0.173,0 -0.35,0.005 -0.528,0.01 a 9.004,9.004 0 0 1 -1.16,-0.018 c -1.375,-0.138 -2.526,-0.792 -3.242,-1.843 -0.812,-1.19 -1.005,-2.749 -0.544,-4.389 0.081,-0.288 0,-0.6 -0.08,-0.903 -0.034,-0.128 -0.069,-0.255 -0.088,-0.379 l -0.05,-0.304 -0.223,0.213 a 3.164,3.164 0 0 1 -0.287,0.235 c -0.249,0.192 -0.507,0.39 -0.58,0.666 -0.207,0.8 -0.466,1.794 -0.4,2.733 0.202,2.985 1.973,4.655 5.911,5.57 a 6.844,6.844 0 0 0 -0.005,0.205 c -0.004,0.236 -0.008,0.481 -0.06,0.702 -1.088,4.514 -5.907,7.777 -10.515,7.127 -5.055,-0.714 -8.606,-4.682 -8.637,-9.65 -0.03,-4.996 3.55,-9.002 8.703,-9.74 0.395,-0.058 0.78,-0.182 1.152,-0.3 0.17,-0.056 0.341,-0.11 0.512,-0.159 L 40.826,23 40.75,22.227 40.625,22.209 a 8.233,8.233 0 0 1 -0.449,-0.086 c -0.342,-0.072 -0.694,-0.147 -1.048,-0.116 l -0.208,0.018 c -1.207,0.105 -2.456,0.214 -3.654,0.483 -6.989,1.567 -13.27,5.42 -19.774,12.127 -0.879,0.907 -0.419,1.541 0.127,2.113 4.767,4.994 9.722,8.482 15.147,10.667 3.116,1.253 6.204,1.883 9.222,1.883 1.194,0 2.376,-0.098 3.545,-0.296 7.412,-1.253 14.106,-5.17 21.065,-12.333 0.71,-0.73 0.694,-1.347 -0.053,-2.13 -4.493,-4.708 -9.153,-8.074 -14.247,-10.29\"\n       id=\"path2\"\n       inkscape:connector-curvature=\"0\"\n       style=\"fill:#00ffb2\" \/>\n    <path\n       d=\"m 50.298,24.248 c -0.37,-0.162 -0.778,-0.232 -1.172,-0.3 -0.179,-0.03 -0.358,-0.06 -0.533,-0.1 l -0.134,-0.03 -0.344,0.836 0.13,0.07 c 0.562,0.296 1.127,0.585 1.694,0.875 1.264,0.646 2.573,1.314 3.797,2.066 a 50.33,50.33 0 0 1 5.134,3.617 c 1.135,0.911 2.181,1.885 3.392,3.013 0.514,0.48 1.05,0.977 1.621,1.5 -0.29,0.24 -0.564,0.47 -0.83,0.691 a 63.165,63.165 0 0 1 -1.82,1.484 c -0.68,0.526 -1.362,1.071 -2.022,1.6 -1.616,1.293 -3.286,2.63 -5.042,3.763 -6.33,4.086 -12.873,5.38 -19.445,3.844 -6.213,-1.452 -12.286,-5.376 -18.053,-11.665 5.053,-5.232 10.134,-8.673 15.934,-10.786 -4.386,5.388 -4.92,10.613 -1.538,15.14 3.164,4.233 8.72,5.706 13.51,3.584 4.14,-1.834 7.07,-6.439 6.4,-10.057 l -0.026,-0.132 h -0.134 c -0.173,0 -0.35,0.005 -0.528,0.01 a 9.004,9.004 0 0 1 -1.16,-0.018 c -1.375,-0.138 -2.526,-0.792 -3.242,-1.843 -0.812,-1.19 -1.005,-2.749 -0.544,-4.389 0.081,-0.288 0,-0.6 -0.08,-0.903 -0.034,-0.128 -0.069,-0.255 -0.088,-0.379 l -0.05,-0.304 -0.223,0.213 a 3.164,3.164 0 0 1 -0.287,0.235 c -0.249,0.192 -0.507,0.39 -0.58,0.666 -0.207,0.8 -0.466,1.794 -0.4,2.733 0.202,2.985 1.973,4.655 5.911,5.57 a 6.844,6.844 0 0 0 -0.005,0.205 c -0.004,0.236 -0.008,0.481 -0.06,0.702 -1.088,4.514 -5.907,7.777 -10.515,7.127 -5.055,-0.714 -8.606,-4.682 -8.637,-9.65 -0.03,-4.996 3.55,-9.002 8.703,-9.74 0.395,-0.058 0.78,-0.182 1.152,-0.3 0.17,-0.056 0.341,-0.11 0.512,-0.159 L 40.826,23 40.75,22.227 40.625,22.209 a 8.233,8.233 0 0 1 -0.449,-0.086 c -0.342,-0.072 -0.694,-0.147 -1.048,-0.116 l -0.208,0.018 c -1.207,0.105 -2.456,0.214 -3.654,0.483 -6.989,1.567 -13.27,5.42 -19.774,12.127 -0.879,0.907 -0.419,1.541 0.127,2.113 4.767,4.994 9.722,8.482 15.147,10.667 3.116,1.253 6.204,1.883 9.222,1.883 1.194,0 2.376,-0.098 3.545,-0.296 7.412,-1.253 14.106,-5.17 21.065,-12.333 0.71,-0.73 0.694,-1.347 -0.053,-2.13 -4.493,-4.708 -9.153,-8.074 -14.247,-10.29 z\"\n       id=\"path4\"\n       inkscape:connector-curvature=\"0\"\n       style=\"stroke:#00ffb2\" \/>\n  <\/g>\n<\/svg>\n                                        <\/picture>\r\n                                    <\/div>\r\n                                                                                                    <div class=\"services-desc__list-desc\">Greater reach and beneficial for <a href=\"https:\/\/oneline.ch\/en\/services\/seo\/\">SEO<\/a><\/div>\r\n                                                            <\/div>\r\n                                                    <div class=\"services-desc__list\">\r\n                                                                    <div class=\"services-desc__list-img\">\r\n                                        <picture>\r\n                                            <?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>\n<svg\n   xmlns:dc=\"http:\/\/purl.org\/dc\/elements\/1.1\/\"\n   xmlns:cc=\"http:\/\/creativecommons.org\/ns#\"\n   xmlns:rdf=\"http:\/\/www.w3.org\/1999\/02\/22-rdf-syntax-ns#\"\n   xmlns:svg=\"http:\/\/www.w3.org\/2000\/svg\"\n   xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n   xmlns:sodipodi=\"http:\/\/sodipodi.sourceforge.net\/DTD\/sodipodi-0.dtd\"\n   xmlns:inkscape=\"http:\/\/www.inkscape.org\/namespaces\/inkscape\"\n   width=\"51.469784\"\n   height=\"35.598793\"\n   viewBox=\"0 0 51.469784 35.598793\"\n   version=\"1.1\"\n   id=\"svg8\"\n   sodipodi:docname=\"icon-snake.svg\"\n   inkscape:version=\"0.92.3 (2405546, 2018-03-11)\">\n  <metadata\n     id=\"metadata14\">\n    <rdf:RDF>\n      <cc:Work\n         rdf:about=\"\">\n        <dc:format>image\/svg+xml<\/dc:format>\n        <dc:type\n           rdf:resource=\"http:\/\/purl.org\/dc\/dcmitype\/StillImage\" \/>\n      <\/cc:Work>\n    <\/rdf:RDF>\n  <\/metadata>\n  <defs\n     id=\"defs12\" \/>\n  <sodipodi:namedview\n     pagecolor=\"#ffffff\"\n     bordercolor=\"#666666\"\n     borderopacity=\"1\"\n     objecttolerance=\"10\"\n     gridtolerance=\"10\"\n     guidetolerance=\"10\"\n     inkscape:pageopacity=\"0\"\n     inkscape:pageshadow=\"2\"\n     inkscape:window-width=\"1920\"\n     inkscape:window-height=\"1018\"\n     id=\"namedview10\"\n     showgrid=\"false\"\n     inkscape:zoom=\"3.4705882\"\n     inkscape:cx=\"-8.4326799\"\n     inkscape:cy=\"21.099289\"\n     inkscape:window-x=\"-8\"\n     inkscape:window-y=\"-8\"\n     inkscape:window-maximized=\"1\"\n     inkscape:current-layer=\"svg8\" \/>\n  <g\n     id=\"g6\"\n     style=\"fill:none;fill-rule:evenodd\"\n     transform=\"translate(-14.500477,-19.500497)\">\n    <path\n       d=\"m 56.222,20.014 a 9501.307,9501.307 0 0 0 -32.037,0 c -5.382,0.009 -9.156,3.82 -9.177,9.267 -0.012,3.037 -0.007,6.125 -0.003,9.11 v 0.76 c 0.01,5.733 3.728,9.444 9.474,9.454 1.93,0.005 3.86,0 5.79,-0.002 4.307,-0.009 8.759,-0.017 13.137,0.057 0.968,0.017 2.162,0.45 3.115,1.127 1.124,0.8 2.198,1.715 3.238,2.6 a 73.384,73.384 0 0 0 2.15,1.782 c 0.278,0.219 0.796,0.43 1.223,0.43 a 0.893,0.893 0 0 0 0.37,-0.07 c 0.436,-0.203 0.714,-0.987 0.722,-1.46 0.042,-2.458 0.08,-5.69 -0.002,-8.904 -0.053,-2.087 -1.612,-3.631 -3.792,-3.756 -0.354,-0.02 -0.711,-0.017 -1.057,-0.014 -0.135,0.002 -0.272,0.003 -0.408,0.003 l -5.32,0.002 c -4.301,0.004 -8.75,0.006 -13.124,-0.01 -1.035,-0.005 -1.853,-0.325 -2.365,-0.928 -0.488,-0.573 -0.667,-1.367 -0.52,-2.297 0.226,-1.419 1.256,-2.14 3.063,-2.145 2.784,-0.006 5.567,-0.006 8.35,-0.004 3.573,0.002 7.269,0.004 10.903,-0.012 1.28,-0.006 2.412,-0.442 3.185,-1.23 0.74,-0.752 1.123,-1.764 1.108,-2.924 -0.03,-2.367 -1.78,-4.027 -4.252,-4.036 -7.733,-0.026 -15.3,-0.014 -22.33,0.003 -0.332,0.002 -0.66,0.096 -0.975,0.188 -0.142,0.04 -0.283,0.082 -0.425,0.114 l -0.131,0.03 0.029,0.797 0.134,0.02 c 0.182,0.026 0.364,0.06 0.545,0.093 0.396,0.071 0.805,0.146 1.215,0.147 4.063,0.01 8.126,0.012 12.188,0.012 2.949,0.002 5.897,0.002 8.845,0.006 0.603,0 1.188,0.012 1.72,0.146 1.29,0.324 1.999,1.227 1.996,2.544 -0.003,1.346 -0.765,2.274 -2.144,2.611 -0.38,0.093 -0.803,0.086 -1.211,0.078 -0.118,-0.003 -0.235,-0.006 -0.352,-0.006 h -0.008 c -2.422,0.002 -4.843,0.002 -7.265,0.002 a 5358.39,5358.39 0 0 0 -11.341,0.007 c -2.136,0.003 -3.573,0.951 -4.157,2.74 -0.44,1.355 -0.263,2.726 0.486,3.763 0.77,1.068 2.076,1.684 3.578,1.693 3.756,0.017 7.575,0.015 11.268,0.012 2.662,-0.002 5.324,-0.003 7.987,0.003 1.95,0.005 3.058,0.797 3.12,2.235 0.092,2.083 0.074,4.175 0.056,6.39 -0.008,0.848 -0.016,1.715 -0.017,2.605 -0.515,-0.425 -1.014,-0.833 -1.5,-1.23 -1.244,-1.02 -2.421,-1.982 -3.54,-2.985 -1.292,-1.155 -2.722,-1.685 -4.51,-1.666 -6.424,0.073 -12.953,0.05 -19.09,0.02 -4.4,-0.02 -7.566,-3.057 -7.7,-7.386 -0.112,-3.686 -0.111,-7.384 0.003,-10.99 0.134,-4.23 3.244,-7.322 7.395,-7.354 a 2106.2,2106.2 0 0 1 32.68,0 c 4.228,0.035 7.326,3.198 7.366,7.524 0.036,3.985 0.035,7.476 -0.004,10.676 -0.04,3.307 -1.638,5.669 -4.75,7.015 -0.313,0.134 -0.617,0.295 -0.911,0.45 -0.136,0.074 -0.273,0.145 -0.411,0.214 l -0.122,0.063 0.282,0.907 0.142,-0.026 c 0.18,-0.036 0.365,-0.059 0.55,-0.083 0.41,-0.053 0.836,-0.108 1.217,-0.276 3.516,-1.55 5.36,-4.275 5.48,-8.099 0.118,-3.736 0.119,-7.441 0.003,-11.01 -0.167,-5.172 -3.934,-8.79 -9.162,-8.797\"\n       id=\"path2\"\n       inkscape:connector-curvature=\"0\"\n       style=\"fill:#00ffb2\" \/>\n    <path\n       d=\"m 56.222,20.014 a 9501.307,9501.307 0 0 0 -32.037,0 c -5.382,0.009 -9.156,3.82 -9.177,9.267 -0.012,3.037 -0.007,6.125 -0.003,9.11 v 0.76 c 0.01,5.733 3.728,9.444 9.474,9.454 1.93,0.005 3.86,0 5.79,-0.002 4.307,-0.009 8.759,-0.017 13.137,0.057 0.968,0.017 2.162,0.45 3.115,1.127 1.124,0.8 2.198,1.715 3.238,2.6 a 73.384,73.384 0 0 0 2.15,1.782 c 0.278,0.219 0.796,0.43 1.223,0.43 a 0.893,0.893 0 0 0 0.37,-0.07 c 0.436,-0.203 0.714,-0.987 0.722,-1.46 0.042,-2.458 0.08,-5.69 -0.002,-8.904 -0.053,-2.087 -1.612,-3.631 -3.792,-3.756 -0.354,-0.02 -0.711,-0.017 -1.057,-0.014 -0.135,0.002 -0.272,0.003 -0.408,0.003 l -5.32,0.002 c -4.301,0.004 -8.75,0.006 -13.124,-0.01 -1.035,-0.005 -1.853,-0.325 -2.365,-0.928 -0.488,-0.573 -0.667,-1.367 -0.52,-2.297 0.226,-1.419 1.256,-2.14 3.063,-2.145 2.784,-0.006 5.567,-0.006 8.35,-0.004 3.573,0.002 7.269,0.004 10.903,-0.012 1.28,-0.006 2.412,-0.442 3.185,-1.23 0.74,-0.752 1.123,-1.764 1.108,-2.924 -0.03,-2.367 -1.78,-4.027 -4.252,-4.036 -7.733,-0.026 -15.3,-0.014 -22.33,0.003 -0.332,0.002 -0.66,0.096 -0.975,0.188 -0.142,0.04 -0.283,0.082 -0.425,0.114 l -0.131,0.03 0.029,0.797 0.134,0.02 c 0.182,0.026 0.364,0.06 0.545,0.093 0.396,0.071 0.805,0.146 1.215,0.147 4.063,0.01 8.126,0.012 12.188,0.012 2.949,0.002 5.897,0.002 8.845,0.006 0.603,0 1.188,0.012 1.72,0.146 1.29,0.324 1.999,1.227 1.996,2.544 -0.003,1.346 -0.765,2.274 -2.144,2.611 -0.38,0.093 -0.803,0.086 -1.211,0.078 -0.118,-0.003 -0.235,-0.006 -0.352,-0.006 h -0.008 c -2.422,0.002 -4.843,0.002 -7.265,0.002 a 5358.39,5358.39 0 0 0 -11.341,0.007 c -2.136,0.003 -3.573,0.951 -4.157,2.74 -0.44,1.355 -0.263,2.726 0.486,3.763 0.77,1.068 2.076,1.684 3.578,1.693 3.756,0.017 7.575,0.015 11.268,0.012 2.662,-0.002 5.324,-0.003 7.987,0.003 1.95,0.005 3.058,0.797 3.12,2.235 0.092,2.083 0.074,4.175 0.056,6.39 -0.008,0.848 -0.016,1.715 -0.017,2.605 -0.515,-0.425 -1.014,-0.833 -1.5,-1.23 -1.244,-1.02 -2.421,-1.982 -3.54,-2.985 -1.292,-1.155 -2.722,-1.685 -4.51,-1.666 -6.424,0.073 -12.953,0.05 -19.09,0.02 -4.4,-0.02 -7.566,-3.057 -7.7,-7.386 -0.112,-3.686 -0.111,-7.384 0.003,-10.99 0.134,-4.23 3.244,-7.322 7.395,-7.354 a 2106.2,2106.2 0 0 1 32.68,0 c 4.228,0.035 7.326,3.198 7.366,7.524 0.036,3.985 0.035,7.476 -0.004,10.676 -0.04,3.307 -1.638,5.669 -4.75,7.015 -0.313,0.134 -0.617,0.295 -0.911,0.45 -0.136,0.074 -0.273,0.145 -0.411,0.214 l -0.122,0.063 0.282,0.907 0.142,-0.026 c 0.18,-0.036 0.365,-0.059 0.55,-0.083 0.41,-0.053 0.836,-0.108 1.217,-0.276 3.516,-1.55 5.36,-4.275 5.48,-8.099 0.118,-3.736 0.119,-7.441 0.003,-11.01 -0.167,-5.172 -3.934,-8.79 -9.162,-8.797 z\"\n       id=\"path4\"\n       inkscape:connector-curvature=\"0\"\n       style=\"stroke:#00ffb2\" \/>\n  <\/g>\n<\/svg>\n                                        <\/picture>\r\n                                    <\/div>\r\n                                                                                                    <div class=\"services-desc__list-desc\">Lower bounce rates and higher <a href=\"https:\/\/mailchimp.com\/marketing-glossary\/conversion-rates\/\" target=\"blank\">conversion rates<\/a><\/div>\r\n                                                            <\/div>\r\n                                                    <div class=\"services-desc__list\">\r\n                                                                    <div class=\"services-desc__list-img\">\r\n                                        <picture>\r\n                                            <?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>\n<svg\n   xmlns:dc=\"http:\/\/purl.org\/dc\/elements\/1.1\/\"\n   xmlns:cc=\"http:\/\/creativecommons.org\/ns#\"\n   xmlns:rdf=\"http:\/\/www.w3.org\/1999\/02\/22-rdf-syntax-ns#\"\n   xmlns:svg=\"http:\/\/www.w3.org\/2000\/svg\"\n   xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n   xmlns:sodipodi=\"http:\/\/sodipodi.sourceforge.net\/DTD\/sodipodi-0.dtd\"\n   xmlns:inkscape=\"http:\/\/www.inkscape.org\/namespaces\/inkscape\"\n   width=\"45.317574\"\n   height=\"43.296589\"\n   viewBox=\"0 0 45.317574 43.296589\"\n   version=\"1.1\"\n   id=\"svg8\"\n   sodipodi:docname=\"icon-note.svg\"\n   inkscape:version=\"0.92.3 (2405546, 2018-03-11)\">\n  <metadata\n     id=\"metadata14\">\n    <rdf:RDF>\n      <cc:Work\n         rdf:about=\"\">\n        <dc:format>image\/svg+xml<\/dc:format>\n        <dc:type\n           rdf:resource=\"http:\/\/purl.org\/dc\/dcmitype\/StillImage\" \/>\n      <\/cc:Work>\n    <\/rdf:RDF>\n  <\/metadata>\n  <defs\n     id=\"defs12\" \/>\n  <sodipodi:namedview\n     pagecolor=\"#ffffff\"\n     bordercolor=\"#666666\"\n     borderopacity=\"1\"\n     objecttolerance=\"10\"\n     gridtolerance=\"10\"\n     guidetolerance=\"10\"\n     inkscape:pageopacity=\"0\"\n     inkscape:pageshadow=\"2\"\n     inkscape:window-width=\"1920\"\n     inkscape:window-height=\"1018\"\n     id=\"namedview10\"\n     showgrid=\"false\"\n     inkscape:zoom=\"3.4705882\"\n     inkscape:cx=\"-8.4317555\"\n     inkscape:cy=\"20.798\"\n     inkscape:window-x=\"-8\"\n     inkscape:window-y=\"-8\"\n     inkscape:window-maximized=\"1\"\n     inkscape:current-layer=\"svg8\" \/>\n  <g\n     id=\"g6\"\n     style=\"fill:none;fill-rule:evenodd\"\n     transform=\"translate(-14.499552,-11.501411)\">\n    <path\n       d=\"m 59.283,32.974 c 0.002,-2.633 0.004,-5.266 0.004,-7.899 0,-0.788 -0.002,-1.575 -0.004,-2.363 -0.003,-1.824 -0.007,-3.71 0.01,-5.566 0.004,-0.424 -0.034,-0.899 -0.34,-1.206 -0.23,-0.23 -0.572,-0.339 -1.078,-0.339 h -0.013 c -4.504,0.015 -8.008,0.017 -12.512,0.02 -4.234,10e-4 -8.468,0.004 -12.703,0.017 -0.316,0 -0.618,0.145 -0.91,0.284 -0.125,0.06 -0.251,0.121 -0.377,0.168 l -0.126,0.048 0.152,0.843 h 26.3 v 35.663 h -31.9 C 25.262,49 25.584,37.412 26.206,34.46 l 1.269,1.71 c 1.42,1.912 2.802,3.773 4.189,5.632 0.096,0.128 0.186,0.271 0.278,0.414 0.252,0.395 0.514,0.803 0.902,0.984 2.528,1.173 5.06,2.287 7.743,3.465 l 2.645,1.166 0.199,0.088 0.027,-0.216 c 0.032,-0.254 0.064,-0.449 0.09,-0.606 0.044,-0.266 0.072,-0.442 0.053,-0.619 L 43.554,46.04 c -0.33,-3.018 -0.67,-6.139 -1.052,-9.203 -0.051,-0.404 -0.266,-0.864 -0.64,-1.37 -5.09,-6.886 -9.287,-12.54 -13.211,-17.797 -1.075,-1.439 -1.994,-1.558 -3.512,-0.455 -0.586,0.426 -1.166,0.864 -1.745,1.302 a 91.912,91.912 0 0 1 -2.148,1.592 c -0.508,0.361 -0.902,0.673 -1.221,0.924 -0.575,0.455 -0.89,0.707 -1.136,0.672 -0.294,-0.04 -0.635,-0.508 -1.315,-1.44 -0.181,-0.249 -0.386,-0.53 -0.621,-0.847 -0.025,-0.033 -0.058,-0.067 -0.09,-0.1 -0.018,-0.02 -0.047,-0.05 -0.061,-0.069 a 6.09,6.09 0 0 0 0.023,-0.445 c 0.01,-0.348 0.02,-0.742 0.17,-0.862 a 84.348,84.348 0 0 1 5.699,-4.236 c 0.226,-0.152 0.902,0.024 1.393,0.286 0.202,0.108 0.358,0.332 0.523,0.568 0.116,0.168 0.236,0.341 0.383,0.485 0.17,0.17 0.585,0.175 0.769,0.054 0.204,-0.132 0.326,-0.469 0.308,-0.688 -0.068,-0.882 -0.673,-1.696 -1.577,-2.124 -0.893,-0.422 -1.853,-0.377 -2.566,0.121 -1.013,0.706 -2.013,1.462 -2.981,2.193 -0.351,0.266 -0.702,0.531 -1.055,0.794 -1.865,1.395 -2.766,2.105 -2.88,2.98 -0.112,0.874 0.582,1.793 2.035,3.624 1.128,1.42 2.015,1.53 3.518,0.437 0.338,-0.246 0.677,-0.49 1.017,-0.734 1.306,-0.94 2.655,-1.913 3.906,-2.965 0.557,-0.468 0.96,-0.657 1.303,-0.616 0.349,0.044 0.696,0.33 1.125,0.923 0.719,0.997 1.433,2 2.148,3.002 2.813,3.945 5.722,8.024 8.892,11.78 2.089,2.475 2.356,5.217 2.64,8.121 0.12,1.227 0.243,2.494 0.512,3.762 -0.44,-0.19 -0.85,-0.374 -1.242,-0.55 -0.982,-0.44 -1.83,-0.82 -2.723,-1.108 -3.291,-1.06 -5.633,-2.905 -7.162,-5.639 -0.794,-1.42 -1.855,-2.656 -3.06,-4.008 -1.275,-1.433 -1.683,-2.697 -1.364,-4.227 0.21,-1.016 0.133,-2.15 -0.206,-2.963 -0.398,-0.957 -1.191,-1.887 -2.02,-2.369 -0.342,-0.2 -1,0.012 -1.193,0.082 -0.425,0.153 -0.922,0.43 -1.04,0.75 -0.355,0.968 -0.365,2.214 -0.023,3.101 0.26,0.675 0.722,1.268 1.169,1.842 0.314,0.404 0.64,0.822 0.888,1.262 a 3.88,3.88 0 0 1 0.466,1.957 c -0.031,0.825 -0.121,1.665 -0.207,2.477 -0.104,0.981 -0.211,1.995 -0.22,2.998 a 712.063,712.063 0 0 0 -0.011,8.26 c 0.008,3.127 0.016,1.36 -0.024,4.54 -0.011,0.874 0.124,1.388 0.452,1.72 0.329,0.33 0.823,0.471 1.698,0.463 10.676,-0.064 20.4,-0.063 30.877,0.001 h 0.047 c 0.829,0 1.322,-0.138 1.645,-0.462 0.329,-0.328 0.468,-0.843 0.463,-1.72 -0.044,-8.048 -0.04,-11.229 -0.034,-19.142\"\n       id=\"path2\"\n       inkscape:connector-curvature=\"0\"\n       style=\"fill:#00ffb2\" \/>\n    <path\n       d=\"m 59.283,32.974 c 0.002,-2.633 0.004,-5.266 0.004,-7.899 0,-0.788 -0.002,-1.575 -0.004,-2.363 -0.003,-1.824 -0.007,-3.71 0.01,-5.566 0.004,-0.424 -0.034,-0.899 -0.34,-1.206 -0.23,-0.23 -0.572,-0.339 -1.078,-0.339 h -0.013 c -4.504,0.015 -8.008,0.017 -12.512,0.02 -4.234,10e-4 -8.468,0.004 -12.703,0.017 -0.316,0 -0.618,0.145 -0.91,0.284 -0.125,0.06 -0.251,0.121 -0.377,0.168 l -0.126,0.048 0.152,0.843 h 26.3 v 35.663 h -31.9 C 25.262,49 25.584,37.412 26.206,34.46 l 1.269,1.71 c 1.42,1.912 2.802,3.773 4.189,5.632 0.096,0.128 0.186,0.271 0.278,0.414 0.252,0.395 0.514,0.803 0.902,0.984 2.528,1.173 5.06,2.287 7.743,3.465 l 2.645,1.166 0.199,0.088 0.027,-0.216 c 0.032,-0.254 0.064,-0.449 0.09,-0.606 0.044,-0.266 0.072,-0.442 0.053,-0.619 L 43.554,46.04 c -0.33,-3.018 -0.67,-6.139 -1.052,-9.203 -0.051,-0.404 -0.266,-0.864 -0.64,-1.37 -5.09,-6.886 -9.287,-12.54 -13.211,-17.797 -1.075,-1.439 -1.994,-1.558 -3.512,-0.455 -0.586,0.426 -1.166,0.864 -1.745,1.302 a 91.912,91.912 0 0 1 -2.148,1.592 c -0.508,0.361 -0.902,0.673 -1.221,0.924 -0.575,0.455 -0.89,0.707 -1.136,0.672 -0.294,-0.04 -0.635,-0.508 -1.315,-1.44 -0.181,-0.249 -0.386,-0.53 -0.621,-0.847 -0.025,-0.033 -0.058,-0.067 -0.09,-0.1 -0.018,-0.02 -0.047,-0.05 -0.061,-0.069 a 6.09,6.09 0 0 0 0.023,-0.445 c 0.01,-0.348 0.02,-0.742 0.17,-0.862 a 84.348,84.348 0 0 1 5.699,-4.236 c 0.226,-0.152 0.902,0.024 1.393,0.286 0.202,0.108 0.358,0.332 0.523,0.568 0.116,0.168 0.236,0.341 0.383,0.485 0.17,0.17 0.585,0.175 0.769,0.054 0.204,-0.132 0.326,-0.469 0.308,-0.688 -0.068,-0.882 -0.673,-1.696 -1.577,-2.124 -0.893,-0.422 -1.853,-0.377 -2.566,0.121 -1.013,0.706 -2.013,1.462 -2.981,2.193 -0.351,0.266 -0.702,0.531 -1.055,0.794 -1.865,1.395 -2.766,2.105 -2.88,2.98 -0.112,0.874 0.582,1.793 2.035,3.624 1.128,1.42 2.015,1.53 3.518,0.437 0.338,-0.246 0.677,-0.49 1.017,-0.734 1.306,-0.94 2.655,-1.913 3.906,-2.965 0.557,-0.468 0.96,-0.657 1.303,-0.616 0.349,0.044 0.696,0.33 1.125,0.923 0.719,0.997 1.433,2 2.148,3.002 2.813,3.945 5.722,8.024 8.892,11.78 2.089,2.475 2.356,5.217 2.64,8.121 0.12,1.227 0.243,2.494 0.512,3.762 -0.44,-0.19 -0.85,-0.374 -1.242,-0.55 -0.982,-0.44 -1.83,-0.82 -2.723,-1.108 -3.291,-1.06 -5.633,-2.905 -7.162,-5.639 -0.794,-1.42 -1.855,-2.656 -3.06,-4.008 -1.275,-1.433 -1.683,-2.697 -1.364,-4.227 0.21,-1.016 0.133,-2.15 -0.206,-2.963 -0.398,-0.957 -1.191,-1.887 -2.02,-2.369 -0.342,-0.2 -1,0.012 -1.193,0.082 -0.425,0.153 -0.922,0.43 -1.04,0.75 -0.355,0.968 -0.365,2.214 -0.023,3.101 0.26,0.675 0.722,1.268 1.169,1.842 0.314,0.404 0.64,0.822 0.888,1.262 a 3.88,3.88 0 0 1 0.466,1.957 c -0.031,0.825 -0.121,1.665 -0.207,2.477 -0.104,0.981 -0.211,1.995 -0.22,2.998 a 712.063,712.063 0 0 0 -0.011,8.26 c 0.008,3.127 0.016,1.36 -0.024,4.54 -0.011,0.874 0.124,1.388 0.452,1.72 0.329,0.33 0.823,0.471 1.698,0.463 10.676,-0.064 20.4,-0.063 30.877,0.001 h 0.047 c 0.829,0 1.322,-0.138 1.645,-0.462 0.329,-0.328 0.468,-0.843 0.463,-1.72 -0.044,-8.048 -0.04,-11.229 -0.034,-19.142 z\"\n       id=\"path4\"\n       inkscape:connector-curvature=\"0\"\n       style=\"stroke:#00ffb2\" \/>\n  <\/g>\n<\/svg>\n                                        <\/picture>\r\n                                    <\/div>\r\n                                                                                                    <div class=\"services-desc__list-desc\">Responsive web design requires less effort compared to traditional web design.<\/div>\r\n                                                            <\/div>\r\n                                                            <\/div>\r\n                                    <a href=\"\/\"\r\n                       data-aos=\"fade-up\"\r\n                       target=\"_self\"\r\n                       class=\"btn btn-primary open__contact-bar\">LET&#039;S GO<\/a>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n<!-- process -->\r\n<section class=\"process dark-section visible-md process-md\">\r\n    <div class=\"container\">\r\n                    <div class=\"row\">\r\n                <div class=\"col-12\">\r\n                    <div class=\"section-head text-center\" data-aos=\"fade-up\">\r\n                        <h2 class=\"section-title\">FROM PLANNING TO GENERATING AND USING<\/h2>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"row process__row\">\r\n                                        <div class=\"process__col\">\r\n                    <div class=\"process__block\" data-aos=\"fade-in\" data-aos-delay=\"0\">\r\n                                                    <div class=\"process__block-img\">\r\n                                <picture>\r\n                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M142.82,161.22l23.44-18.59a5.73,5.73,0,0,1,8,.92l57.92,67.94,5.66,35.23-34.68-13.53-49.89-52.74v22.71l.07,94.74a5.73,5.73,0,0,0,5.71,5.71H278.7a5.73,5.73,0,0,0,5.71-5.71V135.81a5.73,5.73,0,0,0-5.71-5.71H191.37\"\/><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M163.21,129.45l-4.11-5a5.73,5.73,0,0,0-8-.92l-23.43,18.59a5.73,5.73,0,0,0-.93,8l8.08,10.19a5.73,5.73,0,0,0,8,.92l23.44-18.59\"\/><\/svg>                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M142.82,161.22l23.44-18.59a5.73,5.73,0,0,1,8,.92l57.92,67.94,5.66,35.23-34.68-13.53-49.89-52.74v22.71l.07,94.74a5.73,5.73,0,0,0,5.71,5.71H278.7a5.73,5.73,0,0,0,5.71-5.71V135.81a5.73,5.73,0,0,0-5.71-5.71H191.37\"\/><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M163.21,129.45l-4.11-5a5.73,5.73,0,0,0-8-.92l-23.43,18.59a5.73,5.73,0,0,0-.93,8l8.08,10.19a5.73,5.73,0,0,0,8,.92l23.44-18.59\"\/><\/svg>                                <\/picture>\r\n                            <\/div>\r\n                                                <div class=\"process__block-desc\">\r\n                                                            <h3 class=\"block-title\">It starts with a Fluid Grid<\/h3>\r\n                                                                                        <div class=\"process__block-content\">\r\n                                    <p>A flowing grid is a correct translation for a fluid grid. Web designers are now using this method instead of relying on pixels. After all, grids adapt the different sizes of the elements to the website.<\/p>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"process__col\">\r\n                    <div class=\"process__block\" data-aos=\"fade-in\" data-aos-delay=\"700\">\r\n                                                    <div class=\"process__block-img\">\r\n                                <picture>\r\n                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M157.34,173.78q52.32-.14,104.62,0c11.29,0,19,7.63,19.17,18.16.14,10.9-7.63,18.65-19.36,18.7-30.07.13-60.14,0-90.21.08-8.91,0-14,3.78-15.1,10.68-1.51,9.49,4.07,16,14.26,16,28.81.11,57.62,0,86.43,0,2.27,0,4.55-.08,6.82.05,9.69.55,16.81,7.22,17,16.86.36,13.89.25,27.8,0,41.69,0,2.17-1.31,5.41-2.94,6.16s-5-.24-6.68-1.59c-8.54-6.72-16.45-14.27-25.28-20.55-4.21-3-9.94-5.33-15-5.42-29.56-.5-59.13-.2-88.7-.26-26.63-.05-43.58-17-43.62-43.54,0-15.42-.06-30.83,0-46.25.1-25.12,17.33-42.62,42.25-42.66q75.06-.14,150.11,0c23.91,0,41.4,16.59,42.18,40.48q.82,25.76,0,51.55c-.55,17.45-9.08,30.16-25.22,37.27\"\/><\/svg>                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M157.34,173.78q52.32-.14,104.62,0c11.29,0,19,7.63,19.17,18.16.14,10.9-7.63,18.65-19.36,18.7-30.07.13-60.14,0-90.21.08-8.91,0-14,3.78-15.1,10.68-1.51,9.49,4.07,16,14.26,16,28.81.11,57.62,0,86.43,0,2.27,0,4.55-.08,6.82.05,9.69.55,16.81,7.22,17,16.86.36,13.89.25,27.8,0,41.69,0,2.17-1.31,5.41-2.94,6.16s-5-.24-6.68-1.59c-8.54-6.72-16.45-14.27-25.28-20.55-4.21-3-9.94-5.33-15-5.42-29.56-.5-59.13-.2-88.7-.26-26.63-.05-43.58-17-43.62-43.54,0-15.42-.06-30.83,0-46.25.1-25.12,17.33-42.62,42.25-42.66q75.06-.14,150.11,0c23.91,0,41.4,16.59,42.18,40.48q.82,25.76,0,51.55c-.55,17.45-9.08,30.16-25.22,37.27\"\/><\/svg>                                <\/picture>\r\n                            <\/div>\r\n                                                <div class=\"process__block-desc\">\r\n                                                            <h3 class=\"block-title\">Touchscreens play an important role in responsive web design<\/h3>\r\n                                                                                        <div class=\"process__block-content\">\r\n                                    <p>Because laptops now also have the touchscreen function, responsive web design is just as suitable for touchscreen users. <strong>ONE<\/strong>LINE points out that mini-elements such as buttons are tiny on touchscreens. Users have difficulty feeling them. Therefore, the buttons should be large enough. Because then they appear correctly on the screens.<\/p>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"process__col\">\r\n                    <div class=\"process__block\" data-aos=\"fade-in\" data-aos-delay=\"1400\">\r\n                                                    <div class=\"process__block-img\">\r\n                                <picture>\r\n                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><polyline style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" points=\"227.09 121.06 290.88 121.06 290.88 323.21 141.6 323.21 141.6 121.06 188.46 121.06\"\/><polyline style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" points=\"227.09 121.06 227.09 161.12 269.67 161.12 269.67 193.37 161.45 193.37 161.45 163.51 208.88 163.51 208.88 222.14 269.67 222.14 269.67 248.23 161.45 248.23 161.45 223.52 191.79 223.52 191.79 265.89 269.67 265.89 269.67 291.2 161.45 291.2 161.45 265.89\"\/><\/svg>                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><polyline style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" points=\"227.09 121.06 290.88 121.06 290.88 323.21 141.6 323.21 141.6 121.06 188.46 121.06\"\/><polyline style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" points=\"227.09 121.06 227.09 161.12 269.67 161.12 269.67 193.37 161.45 193.37 161.45 163.51 208.88 163.51 208.88 222.14 269.67 222.14 269.67 248.23 161.45 248.23 161.45 223.52 191.79 223.52 191.79 265.89 269.67 265.89 269.67 291.2 161.45 291.2 161.45 265.89\"\/><\/svg>                                <\/picture>\r\n                            <\/div>\r\n                                                <div class=\"process__block-desc\">\r\n                                                            <h3 class=\"block-title\">Ready-made layouts facilitate the design of a responsive website<\/h3>\r\n                                                                                        <div class=\"process__block-content\">\r\n                                    <p>Those who have had little exposure to web design need some assistance in transforming their internet presence into a responsive web design. The help exists in the form of layouts. They take away much of the work. Web designers then adapt the branding, colors, and content to the company&#8217;s needs.<\/p>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"process__col\">\r\n                    <div class=\"process__block\" data-aos=\"fade-in\" data-aos-delay=\"2100\">\r\n                                                    <div class=\"process__block-img\">\r\n                                <picture>\r\n                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M144,282.62c-6.38,5.67-14.79,15-18,27.12l22.36-5.26s-13.35,18.59-8.68,30.79c12.94-1.75,22.86-22.38,22.86-22.38l6.1,22.16c15-14.32,16.65-37.5,16.72-38.7,0,.19,8.12,3,8.84,3.24,9.48,3.49,15.06,12.82,19.45,21.43,0,0,9.73-11.37,11.66-13.86a61.63,61.63,0,0,0,8.6-14.87c10.12-25.4,1.71-55.36-21.21-70.45-19.94-13.12-49.35-9-68,5.62-12.85,10.07-22.25,19-27.55,34.4-.2.56-.38,1.12-.56,1.69,17.13-7.74,55.4-2.94,55.4-2.94s34.19-116.82,121.83-138.34c0,0-.06,109.25-90.5,160.05\"\/><\/svg>                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M144,282.62c-6.38,5.67-14.79,15-18,27.12l22.36-5.26s-13.35,18.59-8.68,30.79c12.94-1.75,22.86-22.38,22.86-22.38l6.1,22.16c15-14.32,16.65-37.5,16.72-38.7,0,.19,8.12,3,8.84,3.24,9.48,3.49,15.06,12.82,19.45,21.43,0,0,9.73-11.37,11.66-13.86a61.63,61.63,0,0,0,8.6-14.87c10.12-25.4,1.71-55.36-21.21-70.45-19.94-13.12-49.35-9-68,5.62-12.85,10.07-22.25,19-27.55,34.4-.2.56-.38,1.12-.56,1.69,17.13-7.74,55.4-2.94,55.4-2.94s34.19-116.82,121.83-138.34c0,0-.06,109.25-90.5,160.05\"\/><\/svg>                                <\/picture>\r\n                            <\/div>\r\n                                                <div class=\"process__block-desc\">\r\n                                                            <h3 class=\"block-title\">Outsourcing is a sensible option<\/h3>\r\n                                                                                        <div class=\"process__block-content\">\r\n                                    <p>Companies that have neither the time nor the necessary skills can outsource the design of a responsive website. <strong>ONE<\/strong>LINE creates responsive websites that reflect the specifics of a company.<\/p>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                    <\/div>\r\n            <\/div>\r\n<\/section>\r\n\r\n<!-- process -->\r\n<section class=\"process dark-section hidden-md\">\r\n    <div class=\"container\">\r\n                <div class=\"row\">\r\n            <div class=\"col-12\">\r\n                <div class=\"section-head text-center\">\r\n                    <h2 class=\"section-title\">FROM PLANNING TO GENERATING AND USING<\/h2>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n                        <div class=\"row\">\r\n            <div class=\"col-12\">\r\n                <div class=\"process-slider\">\r\n                                                            <div class=\"slick-slide\">\r\n                        <div class=\"process__block\">\r\n                                                        <div class=\"process__block-img\">\r\n                                <picture>\r\n                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M142.82,161.22l23.44-18.59a5.73,5.73,0,0,1,8,.92l57.92,67.94,5.66,35.23-34.68-13.53-49.89-52.74v22.71l.07,94.74a5.73,5.73,0,0,0,5.71,5.71H278.7a5.73,5.73,0,0,0,5.71-5.71V135.81a5.73,5.73,0,0,0-5.71-5.71H191.37\"\/><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M163.21,129.45l-4.11-5a5.73,5.73,0,0,0-8-.92l-23.43,18.59a5.73,5.73,0,0,0-.93,8l8.08,10.19a5.73,5.73,0,0,0,8,.92l23.44-18.59\"\/><\/svg>                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M142.82,161.22l23.44-18.59a5.73,5.73,0,0,1,8,.92l57.92,67.94,5.66,35.23-34.68-13.53-49.89-52.74v22.71l.07,94.74a5.73,5.73,0,0,0,5.71,5.71H278.7a5.73,5.73,0,0,0,5.71-5.71V135.81a5.73,5.73,0,0,0-5.71-5.71H191.37\"\/><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M163.21,129.45l-4.11-5a5.73,5.73,0,0,0-8-.92l-23.43,18.59a5.73,5.73,0,0,0-.93,8l8.08,10.19a5.73,5.73,0,0,0,8,.92l23.44-18.59\"\/><\/svg>                                <\/picture>\r\n                            <\/div>\r\n                                                        <div class=\"process__block-desc\">\r\n                                                                <h3 class=\"block-title\">It starts with a Fluid Grid<\/h3>\r\n                                                                                                <div class=\"process__block-content\">\r\n                                    <p>A flowing grid is a correct translation for a fluid grid. Web designers are now using this method instead of relying on pixels. After all, grids adapt the different sizes of the elements to the website.<\/p>\r\n                                <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"slick-slide\">\r\n                        <div class=\"process__block\">\r\n                                                        <div class=\"process__block-img\">\r\n                                <picture>\r\n                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M157.34,173.78q52.32-.14,104.62,0c11.29,0,19,7.63,19.17,18.16.14,10.9-7.63,18.65-19.36,18.7-30.07.13-60.14,0-90.21.08-8.91,0-14,3.78-15.1,10.68-1.51,9.49,4.07,16,14.26,16,28.81.11,57.62,0,86.43,0,2.27,0,4.55-.08,6.82.05,9.69.55,16.81,7.22,17,16.86.36,13.89.25,27.8,0,41.69,0,2.17-1.31,5.41-2.94,6.16s-5-.24-6.68-1.59c-8.54-6.72-16.45-14.27-25.28-20.55-4.21-3-9.94-5.33-15-5.42-29.56-.5-59.13-.2-88.7-.26-26.63-.05-43.58-17-43.62-43.54,0-15.42-.06-30.83,0-46.25.1-25.12,17.33-42.62,42.25-42.66q75.06-.14,150.11,0c23.91,0,41.4,16.59,42.18,40.48q.82,25.76,0,51.55c-.55,17.45-9.08,30.16-25.22,37.27\"\/><\/svg>                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M157.34,173.78q52.32-.14,104.62,0c11.29,0,19,7.63,19.17,18.16.14,10.9-7.63,18.65-19.36,18.7-30.07.13-60.14,0-90.21.08-8.91,0-14,3.78-15.1,10.68-1.51,9.49,4.07,16,14.26,16,28.81.11,57.62,0,86.43,0,2.27,0,4.55-.08,6.82.05,9.69.55,16.81,7.22,17,16.86.36,13.89.25,27.8,0,41.69,0,2.17-1.31,5.41-2.94,6.16s-5-.24-6.68-1.59c-8.54-6.72-16.45-14.27-25.28-20.55-4.21-3-9.94-5.33-15-5.42-29.56-.5-59.13-.2-88.7-.26-26.63-.05-43.58-17-43.62-43.54,0-15.42-.06-30.83,0-46.25.1-25.12,17.33-42.62,42.25-42.66q75.06-.14,150.11,0c23.91,0,41.4,16.59,42.18,40.48q.82,25.76,0,51.55c-.55,17.45-9.08,30.16-25.22,37.27\"\/><\/svg>                                <\/picture>\r\n                            <\/div>\r\n                                                        <div class=\"process__block-desc\">\r\n                                                                <h3 class=\"block-title\">Touchscreens play an important role in responsive web design<\/h3>\r\n                                                                                                <div class=\"process__block-content\">\r\n                                    <p>Because laptops now also have the touchscreen function, responsive web design is just as suitable for touchscreen users. <strong>ONE<\/strong>LINE points out that mini-elements such as buttons are tiny on touchscreens. Users have difficulty feeling them. Therefore, the buttons should be large enough. Because then they appear correctly on the screens.<\/p>\r\n                                <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"slick-slide\">\r\n                        <div class=\"process__block\">\r\n                                                        <div class=\"process__block-img\">\r\n                                <picture>\r\n                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><polyline style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" points=\"227.09 121.06 290.88 121.06 290.88 323.21 141.6 323.21 141.6 121.06 188.46 121.06\"\/><polyline style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" points=\"227.09 121.06 227.09 161.12 269.67 161.12 269.67 193.37 161.45 193.37 161.45 163.51 208.88 163.51 208.88 222.14 269.67 222.14 269.67 248.23 161.45 248.23 161.45 223.52 191.79 223.52 191.79 265.89 269.67 265.89 269.67 291.2 161.45 291.2 161.45 265.89\"\/><\/svg>                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><polyline style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" points=\"227.09 121.06 290.88 121.06 290.88 323.21 141.6 323.21 141.6 121.06 188.46 121.06\"\/><polyline style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" points=\"227.09 121.06 227.09 161.12 269.67 161.12 269.67 193.37 161.45 193.37 161.45 163.51 208.88 163.51 208.88 222.14 269.67 222.14 269.67 248.23 161.45 248.23 161.45 223.52 191.79 223.52 191.79 265.89 269.67 265.89 269.67 291.2 161.45 291.2 161.45 265.89\"\/><\/svg>                                <\/picture>\r\n                            <\/div>\r\n                                                        <div class=\"process__block-desc\">\r\n                                                                <h3 class=\"block-title\">Ready-made layouts facilitate the design of a responsive website<\/h3>\r\n                                                                                                <div class=\"process__block-content\">\r\n                                    <p>Those who have had little exposure to web design need some assistance in transforming their internet presence into a responsive web design. The help exists in the form of layouts. They take away much of the work. Web designers then adapt the branding, colors, and content to the company&#8217;s needs.<\/p>\r\n                                <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                        <div class=\"slick-slide\">\r\n                        <div class=\"process__block\">\r\n                                                        <div class=\"process__block-img\">\r\n                                <picture>\r\n                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M144,282.62c-6.38,5.67-14.79,15-18,27.12l22.36-5.26s-13.35,18.59-8.68,30.79c12.94-1.75,22.86-22.38,22.86-22.38l6.1,22.16c15-14.32,16.65-37.5,16.72-38.7,0,.19,8.12,3,8.84,3.24,9.48,3.49,15.06,12.82,19.45,21.43,0,0,9.73-11.37,11.66-13.86a61.63,61.63,0,0,0,8.6-14.87c10.12-25.4,1.71-55.36-21.21-70.45-19.94-13.12-49.35-9-68,5.62-12.85,10.07-22.25,19-27.55,34.4-.2.56-.38,1.12-.56,1.69,17.13-7.74,55.4-2.94,55.4-2.94s34.19-116.82,121.83-138.34c0,0-.06,109.25-90.5,160.05\"\/><\/svg>                                    <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 432.49 444.27\"><path style=\"fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8.49px;\" d=\"M144,282.62c-6.38,5.67-14.79,15-18,27.12l22.36-5.26s-13.35,18.59-8.68,30.79c12.94-1.75,22.86-22.38,22.86-22.38l6.1,22.16c15-14.32,16.65-37.5,16.72-38.7,0,.19,8.12,3,8.84,3.24,9.48,3.49,15.06,12.82,19.45,21.43,0,0,9.73-11.37,11.66-13.86a61.63,61.63,0,0,0,8.6-14.87c10.12-25.4,1.71-55.36-21.21-70.45-19.94-13.12-49.35-9-68,5.62-12.85,10.07-22.25,19-27.55,34.4-.2.56-.38,1.12-.56,1.69,17.13-7.74,55.4-2.94,55.4-2.94s34.19-116.82,121.83-138.34c0,0-.06,109.25-90.5,160.05\"\/><\/svg>                                <\/picture>\r\n                            <\/div>\r\n                                                        <div class=\"process__block-desc\">\r\n                                                                <h3 class=\"block-title\">Outsourcing is a sensible option<\/h3>\r\n                                                                                                <div class=\"process__block-content\">\r\n                                    <p>Companies that have neither the time nor the necessary skills can outsource the design of a responsive website. <strong>ONE<\/strong>LINE creates responsive websites that reflect the specifics of a company.<\/p>\r\n                                <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n            <\/div>\r\n<\/section>\n\n<!-- serv-dignity -->\r\n<section class=\"serv-dignity\">\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-left col-left__lg-pad\">\r\n                <div class=\"section-head\" data-aos=\"fade-up\">\r\n                                            <h2 class=\"block-title color-green\">In the long term, responsive web design determines the success of a website<\/h2>\r\n                                        <div class=\"content\">\r\n                                            <p><p><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot; Responsives Webdesign Schweiz stellt weder eine vor\u00fcbergehende Modeerscheinung noch einen derzeitigen Trend dar. Stattdessen handelt es sich dabei um eine langfristige Strategie. F\u00fcr Unternehmen zahlt es sich aus, ihre Website so zu konzipieren, dass sie sich an jeden Browser anpasst. &quot;}\" data-sheets-userformat=\"{&quot;2&quot;:15101,&quot;3&quot;:{&quot;1&quot;:0},&quot;5&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;6&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;7&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;8&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;9&quot;:0,&quot;10&quot;:0,&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:3,&quot;3&quot;:1},&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\">Responsive web design is neither a passing fad nor a current trend. <strong>Instead, it is a long-term strategy<\/strong>. It pays for companies to design their website to adapt to any browser.<\/span><\/p>\n<p>In the long run, responsive web design determines the success of a website because it ensures that the website works well on all devices and is easy to navigate. <strong>With the increasing use of mobile devices to browse the internet<\/strong>, it is important that the website <strong>looks good on all devices and is easy to use<\/strong> to ensure visitor and customer satisfaction.<\/p>\n<\/p>\r\n                                        <\/div>\r\n                <\/div>\r\n                                    <a href=\"\/\"\r\n                       data-aos=\"fade-up\"\r\n                       target=\"_self\"\r\n                       class=\"btn btn-primary open__contact-bar\">LET&#039;S GO<\/a>\r\n                            <\/div>\r\n            <div class=\"col-right\">\r\n                                    <div class=\"serv-dignity__list-wrapper\">\r\n                                                    <div class=\"serv-dignity__list\" data-aos=\"fade-up\">\r\n                                                                    <div class=\"serv-dignity__list-img\">\r\n                                        <picture>\r\n                                            <img loading=\"lazy\" decoding=\"async\" width=\"43\" height=\"49\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/11\/leaf.svg\" class=\"attachment-full size-full\" alt=\"leaf\" \/>                                        <\/picture>\r\n                                    <\/div>\r\n                                                                <div class=\"serv-dignity__desc\">\r\n                                                                            <h3 class=\"md-title\">Responsive web design is timeless, practical and easy on the budget<\/h3>\r\n                                                                                                                <p>Responsive websites relieve businesses of one important worry: They don&#8217;t have to worry about their website becoming outdated due to new technologies.<\/p>\r\n                                                                    <\/div>\r\n                            <\/div>\r\n                                                    <div class=\"serv-dignity__list\" data-aos=\"fade-up\">\r\n                                                                    <div class=\"serv-dignity__list-img\">\r\n                                        <picture>\r\n                                            <img loading=\"lazy\" decoding=\"async\" width=\"49\" height=\"49\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/11\/map.svg\" class=\"attachment-full size-full\" alt=\"map\" \/>                                        <\/picture>\r\n                                    <\/div>\r\n                                                                <div class=\"serv-dignity__desc\">\r\n                                                                            <h3 class=\"md-title\">Responsive web design puts users at the center<\/h3>\r\n                                                                                                                <p>According to <a href=\"https:\/\/oneline.ch\/en\/\"><strong>ONE<\/strong>LINE<\/a>, responsive web design is almost as empathetic as a human being because it focuses on the needs of users and their mobile devices. Users don&#8217;t have to do anything and can still use the desired website without barriers.<\/p>\r\n                                                                    <\/div>\r\n                            <\/div>\r\n                                            <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n<!-- serv-faq -->\r\n<section class=\"serv-faq\">\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12\">\r\n                <div class=\"serv-faq__img\">\r\n                    <div id=\"serv-faq__img\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"row\">\r\n                            <div class=\"col-left col-left__lg-pad\">\r\n                    <div class=\"section-head\" data-aos=\"fade-up\">\r\n                        <h2 class=\"section-title\">Frequently asked questions about <br><span>Responsive Web design<\/span><\/h2>\r\n                    <\/div>\r\n                <\/div>\r\n                        <div class=\"col-right\">\r\n                <div class=\"accordion-container\" data-aos=\"fade-up\">\r\n                                            <div class=\"accordion-block\">\r\n                                                            <a href=\"#\" class=\"accordion-head\">Should every business prefer responsive web design?<\/a>\r\n                                                                                        <div class=\"accordion-content content\"><p>Companies that sell their products and services online should prefer a responsive web design. This is because many customers make their purchases via smartphone or tablet. Online merchants who do not have responsive websites lose sales.<\/p>\n<\/div>\r\n                                                    <\/div>\r\n                                            <div class=\"accordion-block\">\r\n                                                            <a href=\"#\" class=\"accordion-head\">Do companies face negative consequences if they don&#8217;t have a responsive website?<\/a>\r\n                                                                                        <div class=\"accordion-content content\"><p>Well, users punish web designers by leaving the website. Unfortunately, it doesn&#8217;t stop there. <a href=\"https:\/\/oneline.ch\/en\/\"><strong>ONE<\/strong>LINE<\/a> points out that Google also devalues online presences that are not mobile-friendly.<\/p>\n<\/div>\r\n                                                    <\/div>\r\n                                            <div class=\"accordion-block\">\r\n                                                            <a href=\"#\" class=\"accordion-head\">How can companies find out if their website is responsive?<\/a>\r\n                                                                                        <div class=\"accordion-content content\"><p>Businesses can either use a tool from Google to check their mobile responsiveness or hire a professional to test their website.<\/p>\n<\/div>\r\n                                                    <\/div>\r\n                                            <div class=\"accordion-block\">\r\n                                                            <a href=\"#\" class=\"accordion-head\">How long does it take to make an existing website responsive?<\/a>\r\n                                                                                        <div class=\"accordion-content content\"><p>The time required for the responsive design of a website depends on the size of the page, the design used, and the elements.<\/p>\n<\/div>\r\n                                                    <\/div>\r\n                                            <div class=\"accordion-block\">\r\n                                                            <a href=\"#\" class=\"accordion-head\">What are the costs for a responsive website design?<\/a>\r\n                                                                                        <div class=\"accordion-content content\"><p>The cost depends on the size of the website and the time involved.<\/p>\n<\/div>\r\n                                                    <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\n\n<!-- serv-projects -->\r\n<section class=\"serv-projects\" data-aos=\"fade-up\">\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-left\">\r\n                <div class=\"section-head\">\r\n                                            <h2 class=\"sm-title\">NEED SOME INSPIRATION?<\/h2>\r\n                                                                <div class=\"lg-title\">Web design projects<\/div>\r\n                                    <\/div>\r\n                <div class=\"serv-projects__nav\">\r\n                                                                        <div class=\"slick-slide\">\r\n                                <div class=\"serv-projects__title\"><a href=\"https:\/\/oneline.ch\/en\/cases\/rocken\/\">Rocken<\/a><\/div>\r\n                            <\/div>\r\n                                                                                                <div class=\"slick-slide\">\r\n                                <div class=\"serv-projects__title\"><a href=\"https:\/\/oneline.ch\/en\/cases\/chiida-spa\/\">Chiida Spa<\/a><\/div>\r\n                            <\/div>\r\n                                                                                                <div class=\"slick-slide\">\r\n                                <div class=\"serv-projects__title\"><a href=\"https:\/\/oneline.ch\/en\/cases\/kiana-krippen\/\">Kiana Krippen<\/a><\/div>\r\n                            <\/div>\r\n                                                            <\/div>\r\n            <\/div>\r\n            <div class=\"col-right\">\r\n                <div class=\"serv-projects__slider\">\r\n                                                                        <div class=\"slick-slide\">\r\n                                <div class=\"serv-projects__img\">\r\n                                    <picture>\r\n                                        <img loading=\"lazy\" decoding=\"async\" width=\"872\" height=\"458\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Rocken.png\" class=\"attachment-874x459 size-874x459\" alt=\"ROCKEN\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Rocken.png 872w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Rocken-300x158.png 300w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Rocken-768x403.png 768w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Rocken-185x97.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Rocken-135x71.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Rocken-600x315.png 600w\" sizes=\"auto, (max-width: 872px) 100vw, 872px\" \/>                                    <\/picture>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                                                                <div class=\"slick-slide\">\r\n                                <div class=\"serv-projects__img\">\r\n                                    <picture>\r\n                                        <img loading=\"lazy\" decoding=\"async\" width=\"872\" height=\"458\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2023\/01\/Chiida-Spa.png\" class=\"attachment-874x459 size-874x459\" alt=\"Chiida Spa\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2023\/01\/Chiida-Spa.png 872w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2023\/01\/Chiida-Spa-300x158.png 300w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2023\/01\/Chiida-Spa-768x403.png 768w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2023\/01\/Chiida-Spa-185x97.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2023\/01\/Chiida-Spa-135x71.png 135w\" sizes=\"auto, (max-width: 872px) 100vw, 872px\" \/>                                    <\/picture>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                                                                <div class=\"slick-slide\">\r\n                                <div class=\"serv-projects__img\">\r\n                                    <picture>\r\n                                        <img loading=\"lazy\" decoding=\"async\" width=\"872\" height=\"458\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Kiana-Krippen.png\" class=\"attachment-874x459 size-874x459\" alt=\"Kiana Krippen\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Kiana-Krippen.png 872w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Kiana-Krippen-300x158.png 300w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Kiana-Krippen-768x403.png 768w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Kiana-Krippen-185x97.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Kiana-Krippen-135x71.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Kiana-Krippen-600x315.png 600w\" sizes=\"auto, (max-width: 872px) 100vw, 872px\" \/>                                    <\/picture>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                            <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\n\n<!-- fast-fact -->\r\n<section class=\"fast-fact dark-section\">\r\n    <div class=\"container\">\r\n                    <div class=\"row\">\r\n                <div class=\"col-12\">\r\n                    <div class=\"section-head\" data-aos=\"fade-up\">\r\n                        <h2 class=\"sm-title\">Facts<\/h2>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n                <div class=\"row fast-fact__row\">\r\n            <div class=\"col-12\">\r\n\r\n                <div class=\"fast-fact__slider\">\r\n                                        <div class=\"slick-slide\">\r\n                        <div class=\"fast-fact__block\">\r\n                                                        <div class=\"fast-fact__block-img\">\r\n                                <picture><img loading=\"lazy\" decoding=\"async\" width=\"47\" height=\"49\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/11\/leads.svg\" class=\"attachment-full size-full\" alt=\"leads\" \/><\/picture>\r\n                            <\/div>\r\n                                                                                                                                            <div class=\"fast-fact__block-num\">+<span class=\"counter\">1,400,000<\/span><\/div>\r\n                                                                                                                <div class=\"fast-fact__block-footer\">leads generated<\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                        <div class=\"slick-slide\">\r\n                        <div class=\"fast-fact__block\">\r\n                                                        <div class=\"fast-fact__block-img\">\r\n                                <picture><img loading=\"lazy\" decoding=\"async\" width=\"63\" height=\"39\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/11\/web.svg\" class=\"attachment-full size-full\" alt=\"web\" \/><\/picture>\r\n                            <\/div>\r\n                                                                                                                                            <div class=\"fast-fact__block-num\"><span class=\"counter\">275<\/span><\/div>\r\n                                                                                                                <div class=\"fast-fact__block-footer\">optimised websites<\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                        <div class=\"slick-slide\">\r\n                        <div class=\"fast-fact__block\">\r\n                                                        <div class=\"fast-fact__block-img\">\r\n                                <picture><img loading=\"lazy\" decoding=\"async\" width=\"47\" height=\"37\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/11\/check.svg\" class=\"attachment-full size-full\" alt=\"check\" \/><\/picture>\r\n                            <\/div>\r\n                                                                                                                                            <div class=\"fast-fact__block-num\"><span class=\"counter\">98<\/span>%<\/div>\r\n                                                                                                                <div class=\"fast-fact__block-footer\">satisfied customers<\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                        <div class=\"slick-slide\">\r\n                        <div class=\"fast-fact__block\">\r\n                                                        <div class=\"fast-fact__block-img\">\r\n                                <picture><img loading=\"lazy\" decoding=\"async\" width=\"47\" height=\"41\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/11\/nl.svg\" class=\"attachment-full size-full\" alt=\"nl\" \/><\/picture>\r\n                            <\/div>\r\n                                                                                                                                            <div class=\"fast-fact__block-num\"><span class=\"counter\">808<\/span><\/div>\r\n                                                                                                                <div class=\"fast-fact__block-footer\">newsletter sent<\/div>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                                    <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\n\n<!-- serv-quote -->\n<section class=\"serv-quote  \">\n    <div class=\"container\">\n                <div class=\"row\">\n            <div class=\"col-left col-left__lg-pad\">\n                <div class=\"section-head\" data-aos=\"fade-up\">\n                                            <h2 class=\"section-title\">Get your free and non-binding offer from us now.<\/h2>\n                                                                                            <a href=\"https:\/\/oneline.ch\/en\/contact-with-coffee\/\" class=\"btn btn-primary btn-sm\">Contact us <i class=\"icon-arrow-right\"><\/i><\/a>\n                                            \n                                    <\/div>\n            <\/div>\n            <div class=\"col-right\">\n                <div class=\"serv-quote__block\" data-aos=\"fade-up\">\n                                            <h3 class=\"block-title\">You will receive an offer for:<\/h3>\n                                        <ul>\n                                                    <li>\n                                                                    <h4 class=\"md-title\">Project scope<\/h4>\n                                                                                                    <p>First, we sketch a complete overall picture of your project, in which all details are depicted. Desired services and products are also listed here.<\/p>\n                                                            <\/li>\n                                                    <li>\n                                                                    <h4 class=\"md-title\">Milestones<\/h4>\n                                                                                                    <p>In order to track your project efficiently, we create appropriate milestones. The number varies depending on the scope of the project.\r\n<\/p>\n                                                            <\/li>\n                                                    <li>\n                                                                    <h4 class=\"md-title\">Results<\/h4>\n                                                                                                    <p>Only those who know their goal will find the way. Lao Tzu already knew that. Accordingly, we formulate your desired results and goals at this point, which will guide us throughout the entire project.\r\n<\/p>\n                                                            <\/li>\n                                                    <li>\n                                                                    <h4 class=\"md-title\">Transparent cost structure<\/h4>\n                                                                                                    <p>Open communication is very important to us. This also includes that we transparently inform you of all costs incurred.\r\n<\/p>\n                                                            <\/li>\n                                            <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n            <\/div>\n<\/section>\n\n\n<section class=\"serv-client\">\r\n    <div class=\"container\">\r\n        <div class=\"row\">\r\n            <div class=\"col-12\">\r\n                                                    <div class=\"section-head text-center\" data-aos=\"fade-up\">\r\n                        <h2 class=\"block-title text-uppercase\">OUR CUSTOMERS. ALL THAT&#8217;S MISSING IS YOUR LOGO.<\/h2>\r\n                    <\/div>\r\n                                <div class=\"serv-client__logo-block left-direction\">\r\n                                            <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Cecil-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"Cecil Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Cecil-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Cecil-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Cecil-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Cecil-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Cecil-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n                                                    <\/div>\r\n                                            <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Weisbrod-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"Weisbrod Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Weisbrod-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Weisbrod-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Weisbrod-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Weisbrod-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Weisbrod-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n                                                    <\/div>\r\n                                            <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Twerenbold-Reisen-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"Twerenbold Reisen Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Twerenbold-Reisen-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Twerenbold-Reisen-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Twerenbold-Reisen-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Twerenbold-Reisen-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Twerenbold-Reisen-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n                                                    <\/div>\r\n                                            <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Kiana-Group-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"Kiana Group Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Kiana-Group-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Kiana-Group-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Kiana-Group-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Kiana-Group-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Kiana-Group-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n                                                    <\/div>\r\n                                            <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Die-Post-Logo-sw-1-135x135.png\" class=\"no-lazy\" alt=\"Die Post Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Die-Post-Logo-sw-1-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Die-Post-Logo-sw-1-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Die-Post-Logo-sw-1-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Die-Post-Logo-sw-1-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Die-Post-Logo-sw-1.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n                                                    <\/div>\r\n                                            <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Schulthess-Logo-sw-1-135x135.png\" class=\"no-lazy\" alt=\"Schulthess Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Schulthess-Logo-sw-1-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Schulthess-Logo-sw-1-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Schulthess-Logo-sw-1-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Schulthess-Logo-sw-1-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Schulthess-Logo-sw-1.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n                                                    <\/div>\r\n                                            <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Nivea-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"Nivea Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Nivea-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Nivea-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Nivea-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Nivea-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Nivea-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n                                                    <\/div>\r\n                                            <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/montana-sport-logo-sw-1-135x135.png\" class=\"no-lazy\" alt=\"Montana Sport Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/montana-sport-logo-sw-1-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/montana-sport-logo-sw-1-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/montana-sport-logo-sw-1-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/montana-sport-logo-sw-1-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/montana-sport-logo-sw-1.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n                                                    <\/div>\r\n                                            <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/gutschlafen-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"gutschlafen Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/gutschlafen-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/gutschlafen-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/gutschlafen-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/gutschlafen-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/gutschlafen-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n                                                    <\/div>\r\n                                            <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Cool-AG-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"Cool AG Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Cool-AG-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Cool-AG-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Cool-AG-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Cool-AG-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Cool-AG-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n                                                    <\/div>\r\n                                            <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/SWICA-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"SWICA Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/SWICA-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/SWICA-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/SWICA-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/SWICA-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/SWICA-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n                                                    <\/div>\r\n                    \r\n                <\/div>\r\n                                    <div class=\"serv-client__logo-block right-direction\">\r\n                                                <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Beldona-Logo-sw-1-135x135.png\" class=\"no-lazy\" alt=\"Beldona Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Beldona-Logo-sw-1-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Beldona-Logo-sw-1-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Beldona-Logo-sw-1-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Beldona-Logo-sw-1-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Beldona-Logo-sw-1.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n\t                                                <\/div>\r\n                                                <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Agrisnao-Logo-sw-1-135x135.png\" class=\"no-lazy\" alt=\"Agrisano Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Agrisnao-Logo-sw-1-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Agrisnao-Logo-sw-1-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Agrisnao-Logo-sw-1-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Agrisnao-Logo-sw-1-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Agrisnao-Logo-sw-1.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n\t                                                <\/div>\r\n                                                <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/FUJIFILM-Logo-sw-1-135x135.png\" class=\"no-lazy\" alt=\"FUJIFILM Logo sw\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/FUJIFILM-Logo-sw-1-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/FUJIFILM-Logo-sw-1-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/FUJIFILM-Logo-sw-1-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/FUJIFILM-Logo-sw-1-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/FUJIFILM-Logo-sw-1.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n\t                                                <\/div>\r\n                                                <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Weisbrod-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"Weisbrod Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Weisbrod-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Weisbrod-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Weisbrod-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Weisbrod-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Weisbrod-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n\t                                                <\/div>\r\n                                                <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2023\/01\/Husser-Palkoska-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"H\u00fcsser &amp; Palkoska AG\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2023\/01\/Husser-Palkoska-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2023\/01\/Husser-Palkoska-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2023\/01\/Husser-Palkoska-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2023\/01\/Husser-Palkoska-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2023\/01\/Husser-Palkoska-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n\t                                                <\/div>\r\n                                                <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/CH-Media-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"CH Media Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/CH-Media-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/CH-Media-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/CH-Media-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/CH-Media-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/CH-Media-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n\t                                                <\/div>\r\n                                                <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Porsche-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"Porsche Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Porsche-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Porsche-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Porsche-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Porsche-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Porsche-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n\t                                                <\/div>\r\n                                                <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/SIGG-Logo-sw-2-135x135.png\" class=\"no-lazy\" alt=\"SIGG Logo sw\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/SIGG-Logo-sw-2-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/SIGG-Logo-sw-2-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/SIGG-Logo-sw-2-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/SIGG-Logo-sw-2-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/SIGG-Logo-sw-2.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n\t                                                <\/div>\r\n                                                <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Keller-Fahnen-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"Keller Fahnen Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Keller-Fahnen-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Keller-Fahnen-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Keller-Fahnen-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Keller-Fahnen-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Keller-Fahnen-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n\t                                                <\/div>\r\n                                                <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Pinklady-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"Pinklady Logo sw\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Pinklady-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Pinklady-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Pinklady-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Pinklady-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Pinklady-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n\t                                                <\/div>\r\n                                                <div class=\"serv-client__logo\">\r\n\t                                                        <picture><img decoding=\"async\" width=\"135\" height=\"135\" src=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Intersport-Logo-sw-135x135.png\" class=\"no-lazy\" alt=\"Intersport Logo\" loading=\"eager\" srcset=\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Intersport-Logo-sw-135x135.png 135w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Intersport-Logo-sw-150x150.png 150w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Intersport-Logo-sw-50x50.png 50w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Intersport-Logo-sw-185x185.png 185w, https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/10\/Intersport-Logo-sw.png 190w\" sizes=\"(max-width: 135px) 100vw, 135px\" \/><\/picture>\r\n\t                                                <\/div>\r\n                        \r\n                    <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\n\n<!-- Share Section -->\r\n<section class=\"home-share\">\r\n    <div class=\"container\">\r\n        <div class=\"row align-items-center\">\r\n            <div class=\"home-share__left\">\r\n                <div class=\"section-head\" data-aos=\"fade-up\">\r\n                                            <h2 class=\"section-title\">READY TO MEET US?<\/h2>\r\n                                                                <div class=\"home-share__sub-title\">As well as open communication and excellent cooperation, we\u2019re also passionate about the right drinks for successful meetings. What can we get for you?<\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n            <div class=\"home-share__right\">\r\n                <div class=\"home-share__wrap\" data-aos=\"fade-up\">\r\n                    <div class=\"home-share__wrap-inner\">\r\n                        <a href=\"https:\/\/oneline.ch\/en\/contact-with-coffee\/\" class=\"home-share__block\">\r\n                            <picture>\r\n                                <svg class=\"home-share__block-img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 132.54 129.37\"><defs><style>.cls-1,.cls-2{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;}.cls-1{stroke:#000;}.cls-2{stroke:#ff00f5;}<\/style><\/defs><path class=\"cls-1\" d=\"M54,61.35C47.9,60,40.37,58.14,37,52.28,27.2,35.15,78.84,40.2,84.81,41.37c4.75.93,12,3.39,11.11,9.69-1.41,9.4-12.58,10.78-20.24,11.57A68.1,68.1,0,0,1,54,61.35Z\"\/><path class=\"cls-1\" d=\"M83.8,92.58a14.68,14.68,0,0,1,4.8,2.08c2.23,1.57,4,4.27,3.6,7.1-1.41,9.4-12.57,10.78-20.23,11.57a67.8,67.8,0,0,1-21.67-1.28c-6.11-1.36-13.64-3.21-17-9.07-2-3.46-1.58-7.23,1.7-9.72a12.31,12.31,0,0,1,5-1.91\"\/><path class=\"cls-1\" d=\"M35.72,47c-2.91,12.56-2.57,27.66,2.85,39.58C44.44,99.48,55,104.8,68.74,102.9c8.07-1.11,13.93-8.11,18.32-15C93.4,78,98,61.61,96,50\"\/><path class=\"cls-1\" d=\"M96.41,66.36c4.71-1.27,10.26-4.14,14.73-.6,9,7.14-16.73,20.41-22.54,20.71\"\/><path class=\"cls-2\" d=\"M58.86,51c-2.3-1-3.41-3.72-3.36-6.22s1-4.88,1.78-7.26A45.19,45.19,0,0,0,59,30.19a16.52,16.52,0,0,0-.33-7.6,7.46,7.46,0,0,0-5.26-5.1\"\/><path class=\"cls-2\" d=\"M67.47,16c3.2,1.23,4.75,5,4.7,8.44s-1.28,6.72-2,10.08a33.54,33.54,0,0,0,.39,15.59\"\/><\/svg>\r\n                            <\/picture>\r\n                                                            <div class=\"home-share__block-title\">A cup of coffee.<\/div>\r\n                                                    <\/a>\r\n                    <\/div>\r\n                    <div class=\"home-share__wrap-inner\">\r\n                        <a href=\"https:\/\/oneline.ch\/en\/contact-with-tea\/\" class=\"home-share__block\">\r\n                            <picture>\r\n                                <svg class=\"home-share__block-img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 132.54 129.37\"><defs><style>.cls-1,.cls-2{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;}.cls-1{stroke:#000;}.cls-2{stroke:#ff00f5;}<\/style><\/defs><path class=\"cls-1\" d=\"M65.83,46.8a5.5,5.5,0,0,1-3.3-5.39c.06-2.17,1-4.23,1.75-6.3a34.66,34.66,0,0,0,1.64-6.37,12.84,12.84,0,0,0-.32-6.6,7,7,0,0,0-5.17-4.42\"\/><path class=\"cls-1\" d=\"M72,16.33c3.14,1.15,4.66,4.7,4.62,7.92s-1.28,6.31-2,9.46c-1,4.64-.24,9.28,3.35,12.76\"\/><path class=\"cls-1\" d=\"M39,47.82c-.7-1.63-.65-3.69,1.17-4.56,3.61-1.74,9.24-1.73,13.23-2.15q7.23-.77,14.5-.94a178,178,0,0,1,28.28,1.56,6.55,6.55,0,0,1,2,.5c2,1,2,3.86.49,5.49s-3.86,2.33-6.1,2.88a124.51,124.51,0,0,1-26.69,4,73.56,73.56,0,0,1-13.68-.87C48.05,53.1,43,52.29,40,49.37A5.06,5.06,0,0,1,39,47.82Z\"\/><path class=\"cls-1\" d=\"M39,47.82c1.8,19.21,7.76,38.09,16.21,55.44,1.65,3.38,3.5,7,6.82,8.73,2.57,1.35,5.6,1.38,8.5,1.37h12a7.1,7.1,0,0,0,4-.83,6.74,6.74,0,0,0,2-2.88c9.25-20.06,13.46-43.43,11-65.38\"\/><path class=\"cls-2\" d=\"M59.9,51.33a18.75,18.75,0,0,0-2.23,12A29.25,29.25,0,0,0,62,74.84\"\/><path class=\"cls-2\" d=\"M64,69.49a1.59,1.59,0,0,1,.72.08,1.61,1.61,0,0,1,.52.55L68.1,74.4a2.29,2.29,0,0,1,.48,1.15,3,3,0,0,1-.35,1.18,8.53,8.53,0,0,0-.35,3.52l.41,10a37.62,37.62,0,0,0-11.64-.74A30,30,0,0,0,55.49,77.2c1.59-1.82,1.43-5.15,2.73-6.61S62.1,69.58,64,69.49Z\"\/><path class=\"cls-1\" d=\"M100.81,59.52c1.41-2.47,4.44-3.48,7.24-3.9,3.2-.48,6.9-.29,9,2.12a8.47,8.47,0,0,1,1.71,6.36c-.38,4.64-2.94,8.89-6.24,12.17s-7.33,5.73-11.34,8.1a16.84,16.84,0,0,1-4.54,2.09\"\/><\/svg>\r\n                            <\/picture>\r\n                                                            <div class=\"home-share__block-title\">Or maybe tea?<\/div>\r\n                                                    <\/a>\r\n                    <\/div>\r\n                    <div class=\"home-share__wrap-inner\">\r\n                        <a href=\"https:\/\/oneline.ch\/en\/contact-with-shake\/\" class=\"home-share__block\">\r\n                            <picture>\r\n                                <svg class=\"home-share__block-img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 132.54 129.37\"><defs><style>.cls-1,.cls-2{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;}.cls-1{stroke:#000;}.cls-2{stroke:#ff00f5;}<\/style><\/defs><path class=\"cls-1\" d=\"M42.86,54.49c1.7,5,22.37,49.31,26,59.46a1.37,1.37,0,0,0,.67.92,1.5,1.5,0,0,0,.86-.05l27.94-7.51c-1-11.5-8.24-52.13-11.4-65.51\"\/><path class=\"cls-1\" d=\"M88.49,41.33S87.6,38,87,36.45A7.65,7.65,0,0,0,85,33c-1.72-1.39-4.23-1-6.39-.56-12,2.63-23.72,6.64-35.38,10.64a8.93,8.93,0,0,0-2.71,1.3c-3.83,2.83,0,10.81,0,10.81L48,52.68q12.9-4.29,26-7.87C75.35,44.45,88.49,41.33,88.49,41.33Z\"\/><path class=\"cls-1\" d=\"M63.78,26.11a15.81,15.81,0,0,1,10.78,7.13\"\/><path class=\"cls-1\" d=\"M46.29,41.78a18,18,0,0,1,2-9A11.61,11.61,0,0,1,50.77,29a7.57,7.57,0,0,1,.7-.57\"\/><path class=\"cls-1\" d=\"M53.08,33.88,50.9,26.49c-.93-3.16.07-7,3.73-8.07,7.28-2.09,9.4,7.81,10.22,12.13\"\/><path class=\"cls-1\" d=\"M52.87,57.1l22.81,50.95\"\/><path class=\"cls-1\" d=\"M55.68,62.11c2-.74,3.26-1.16,5.29-1.74\"\/><path class=\"cls-1\" d=\"M58.4,69l5.34-1.83\"\/><path class=\"cls-1\" d=\"M61.5,76.34a13.88,13.88,0,0,1,5.13-1.7\"\/><path class=\"cls-1\" d=\"M65.83,82.83c2-.6,1.79-.55,3.81-1.16\"\/><path class=\"cls-1\" d=\"M67.47,89.38l5.19-1.5\"\/><path class=\"cls-1\" d=\"M70,95.42l5.64-1.63\"\/><path class=\"cls-1\" d=\"M73.63,103.09l5.48-1.58\"\/><path class=\"cls-1\" d=\"M55.86,25.52l1.9-.57\"\/><path class=\"cls-2\" d=\"M32.09,40.75a18.35,18.35,0,0,0,3.73,20.9\"\/><path class=\"cls-2\" d=\"M22.87,46a21.67,21.67,0,0,0,1.72,10.72\"\/><path class=\"cls-2\" d=\"M92.39,25.89a25.24,25.24,0,0,1,7,15.71\"\/><path class=\"cls-2\" d=\"M100,26.09a26.34,26.34,0,0,1,2.87,7\"\/><\/svg>\r\n                            <\/picture>\r\n                                                            <div class=\"home-share__block-title\">Let&#8217;s power up!<\/div>\r\n                                                    <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>","protected":false},"featured_media":0,"parent":1887,"menu_order":0,"template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"custom_permalink":"services\/webdesign\/responsive-web-design\/"},"type_page":[40],"class_list":["post-1919","services","type-services","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.1 (Yoast SEO v22.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Responsive Web design - ONELINE<\/title>\n<meta name=\"description\" content=\"Learn more about Responsive Web Design, why you need it and the benefits it brings to your company and your clients.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/oneline.ch\/en\/services\/webdesign\/responsive-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Responsive Web design\" \/>\n<meta property=\"og:description\" content=\"Learn more about Responsive Web Design, why you need it and the benefits it brings to your company and your clients.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/oneline.ch\/en\/services\/webdesign\/responsive-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"ONELINE EN\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-04T13:45:31+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/oneline.ch\/en\/services\/webdesign\/responsive-web-design\/\",\"url\":\"https:\/\/oneline.ch\/en\/services\/webdesign\/responsive-web-design\/\",\"name\":\"Responsive Web design - ONELINE\",\"isPartOf\":{\"@id\":\"https:\/\/oneline.ch\/en\/#website\"},\"datePublished\":\"2023-01-23T08:53:06+00:00\",\"dateModified\":\"2023-04-04T13:45:31+00:00\",\"description\":\"Learn more about Responsive Web Design, why you need it and the benefits it brings to your company and your clients.\",\"breadcrumb\":{\"@id\":\"https:\/\/oneline.ch\/en\/services\/webdesign\/responsive-web-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/oneline.ch\/en\/services\/webdesign\/responsive-web-design\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/oneline.ch\/en\/services\/webdesign\/responsive-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Services\",\"item\":\"https:\/\/oneline.ch\/en\/services\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webdesign\",\"item\":\"https:\/\/oneline.ch\/en\/services\/webdesign\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Responsive Web design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/oneline.ch\/en\/#website\",\"url\":\"https:\/\/oneline.ch\/en\/\",\"name\":\"ONELINE EN\",\"description\":\"Wir sind ONELINE, die Agentur f\u00fcr kreatives und zukunftsorientiertes Online Marketing in der Schweiz. Lokal ans\u00e4ssig, global vernetzt.\",\"publisher\":{\"@id\":\"https:\/\/oneline.ch\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/oneline.ch\/en\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/oneline.ch\/en\/#organization\",\"name\":\"ONELINE EN\",\"url\":\"https:\/\/oneline.ch\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/oneline.ch\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/11\/logo.svg\",\"contentUrl\":\"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/11\/logo.svg\",\"caption\":\"ONELINE EN\"},\"image\":{\"@id\":\"https:\/\/oneline.ch\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Responsive Web design - ONELINE","description":"Learn more about Responsive Web Design, why you need it and the benefits it brings to your company and your clients.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/oneline.ch\/en\/services\/webdesign\/responsive-web-design\/","og_locale":"en_US","og_type":"article","og_title":"Responsive Web design","og_description":"Learn more about Responsive Web Design, why you need it and the benefits it brings to your company and your clients.","og_url":"https:\/\/oneline.ch\/en\/services\/webdesign\/responsive-web-design\/","og_site_name":"ONELINE EN","article_modified_time":"2023-04-04T13:45:31+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/oneline.ch\/en\/services\/webdesign\/responsive-web-design\/","url":"https:\/\/oneline.ch\/en\/services\/webdesign\/responsive-web-design\/","name":"Responsive Web design - ONELINE","isPartOf":{"@id":"https:\/\/oneline.ch\/en\/#website"},"datePublished":"2023-01-23T08:53:06+00:00","dateModified":"2023-04-04T13:45:31+00:00","description":"Learn more about Responsive Web Design, why you need it and the benefits it brings to your company and your clients.","breadcrumb":{"@id":"https:\/\/oneline.ch\/en\/services\/webdesign\/responsive-web-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/oneline.ch\/en\/services\/webdesign\/responsive-web-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/oneline.ch\/en\/services\/webdesign\/responsive-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Services","item":"https:\/\/oneline.ch\/en\/services\/"},{"@type":"ListItem","position":2,"name":"Webdesign","item":"https:\/\/oneline.ch\/en\/services\/webdesign\/"},{"@type":"ListItem","position":3,"name":"Responsive Web design"}]},{"@type":"WebSite","@id":"https:\/\/oneline.ch\/en\/#website","url":"https:\/\/oneline.ch\/en\/","name":"ONELINE EN","description":"Wir sind ONELINE, die Agentur f\u00fcr kreatives und zukunftsorientiertes Online Marketing in der Schweiz. Lokal ans\u00e4ssig, global vernetzt.","publisher":{"@id":"https:\/\/oneline.ch\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/oneline.ch\/en\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/oneline.ch\/en\/#organization","name":"ONELINE EN","url":"https:\/\/oneline.ch\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/oneline.ch\/en\/#\/schema\/logo\/image\/","url":"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/11\/logo.svg","contentUrl":"https:\/\/oneline.ch\/en\/wp-content\/uploads\/sites\/2\/2022\/11\/logo.svg","caption":"ONELINE EN"},"image":{"@id":"https:\/\/oneline.ch\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/oneline.ch\/en\/wp-json\/wp\/v2\/services\/1919","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oneline.ch\/en\/wp-json\/wp\/v2\/services"}],"about":[{"href":"https:\/\/oneline.ch\/en\/wp-json\/wp\/v2\/types\/services"}],"up":[{"embeddable":true,"href":"https:\/\/oneline.ch\/en\/wp-json\/wp\/v2\/services\/1887"}],"wp:attachment":[{"href":"https:\/\/oneline.ch\/en\/wp-json\/wp\/v2\/media?parent=1919"}],"wp:term":[{"taxonomy":"type_page","embeddable":true,"href":"https:\/\/oneline.ch\/en\/wp-json\/wp\/v2\/type_page?post=1919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}