{"id":896,"date":"2019-07-01T10:22:01","date_gmt":"2019-07-01T10:22:01","guid":{"rendered":"https:\/\/promo-theme.com\/rezo\/?page_id=896"},"modified":"2019-07-01T10:22:01","modified_gmt":"2019-07-01T10:22:01","slug":"left-menu-dark","status":"publish","type":"page","link":"https:\/\/www.jolanberard.com\/?page_id=896","title":{"rendered":"Left Menu"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; uniqid=&#8221;5d15e67bb846b&#8221;][vc_column]      <section class=\"about-me-banner about-me-banner-5d15fcc8cd83d\" style=\"background-image: url(https:\/\/i0.wp.com\/www.jolanberard.com\/wp-content\/uploads\/2019\/06\/bg4-dark-scaled.jpg?fit=2560%2C683&#038;ssl=1);\">\n        <div class=\"container\">\n          <div class=\"row full-height\">\n            <div class=\"col offset-md-5 offset-lg-6\">\n                              <div class=\"filled-letter\" style=\"background-image: url(https:\/\/i0.wp.com\/www.jolanberard.com\/wp-content\/uploads\/2019\/06\/mask-img.png?fit=455%2C369&#038;ssl=1);\">m<\/div>\n                            <div class=\"heading-block with-offset\">\n                                  <div class=\"sub-h\">Web designer<\/div>\n                                  <h1 class=\"h\"><span>Marta<br \/>\nWalker<\/span><\/h1>\n                              <\/div>\n              <div class=\"content\">\n                    <div class=\"decor-square decor-square-5d15e7f400abf\"><\/div>\n        <div class=\"num-box-items num-box-5d15ffde6a0b1 row\">\n          <div class=\" col-12 col-sm-6\">\n      <div class=\"num-box num-box-item-5d15fff19d770\">\n        <div class=\"num\">\n          40                      <span>+<\/span>\n                  <\/div>\n                  <div class=\"title\">Succesfull<br \/>\nProjects<\/div>\n              <\/div>\n    <\/div>\n        <div class=\" col-12 col-sm-6\">\n      <div class=\"num-box num-box-item-5d16000d405ee\">\n        <div class=\"num\">\n          30                      <span>+<\/span>\n                  <\/div>\n                  <div class=\"title\">Satisfied<br \/>\nCustomers<\/div>\n              <\/div>\n    <\/div>\n        <\/div>\n          <div class=\"button-container button-5d16004176fb0 left vc_custom_1561723366420\">\n        <a class=\"button-style1 white\" href=\"#\" target=\"_self\">\n                    <span>Download CV<\/span>\n                  <\/a>\n      <\/div>\n                  <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n                  <div class=\"scroll-down-arrow\" data-magic-cursor=\"link\"><i class=\"simple-icon-set-download-arrow\"><\/i><span><span><\/span><\/span><\/div>\n              <\/section>\n    [\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1561728994992{padding-top: 110px !important;padding-bottom: 80px !important;}&#8221; uniqid=&#8221;5d1617cb631ee&#8221;][vc_column css_animation=&#8221;fadeInLeft&#8221; width=&#8221;5\/12&#8243; uniqid=&#8221;5d1614df19552&#8243;]    <div class=\"side-img side-img-5d1614965919c\">\n      <img loading=\"lazy\" decoding=\"async\" width=\"822\" height=\"1008\" src=\"https:\/\/i0.wp.com\/www.jolanberard.com\/wp-content\/uploads\/2019\/06\/side-img2-dark.jpg?fit=822%2C1008&amp;ssl=1\" class=\"attachment-full size-full\" alt=\"\" \/>    <\/div>\n    [\/vc_column][vc_column css_animation=&#8221;fadeInRight&#8221; width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-7&#8243; uniqid=&#8221;5d1614fc21d38&#8243;]    <div class=\"decor-square decor-square-5d16150c192a5\"><\/div>\n          <div class=\"heading-block heading-5d1615348b19e tal h-h1 vc_custom_1561729076519\">\n                  <h1 class=\"h\">Bring passion to<br \/>\n<span>everything I do<\/span><\/h1>\n              <\/div>\n    [vc_column_text el_class=&#8221;text-t1&#8243;]Digital products and services are the apps, tools, sites and systems you use <strong>to watch stuff, buy stuff, create stuff, control stuff,<\/strong> manage stuff and a bazillion other things. We design the beautiful interface your clients interact with, and write the code that <strong>makes it tick.<\/strong>[\/vc_column_text]    <div class=\"icon-box-block-style2 icon-box-block-5d1616c5b9e5c row\">\n          <div class=\" col-12 col-sm-6\">\n      <div class=\"icon-box-style2 icon-box-style-5d1616db21cd8\">\n                  <div class=\"icon\"><i class=\"graphic-design-creativity\"><\/i><\/div>\n                  <h5 class=\"title\">Graphic Design<\/h5>\n              <\/div>\n    <\/div>\n        <div class=\" col-12 col-sm-6\">\n      <div class=\"icon-box-style2 icon-box-style-5d1616f53731c\">\n                  <div class=\"icon\"><i class=\"graphic-design-rgb\"><\/i><\/div>\n                  <h5 class=\"title\">Web Design<\/h5>\n              <\/div>\n    <\/div>\n        <div class=\" col-12 col-sm-6\">\n      <div class=\"icon-box-style2 icon-box-style-5d161716a2af2\">\n                  <div class=\"icon\"><i class=\"graphic-design-grid\"><\/i><\/div>\n                  <h5 class=\"title\">Copywriting<\/h5>\n              <\/div>\n    <\/div>\n        <div class=\" col-12 col-sm-6\">\n      <div class=\"icon-box-style2 icon-box-style-5d16172c1a076\">\n                  <div class=\"icon\"><i class=\"graphic-design-wireframe-1\"><\/i><\/div>\n                  <h5 class=\"title\">UX \/ UI Design<\/h5>\n              <\/div>\n    <\/div>\n        <\/div>\n    [\/vc_column][\/vc_row][vc_row css_animation=&#8221;fadeInUp&#8221; uniqid=&#8221;5d2451438b3bf&#8221;][vc_column width=&#8221;1\/2&#8243;]      <div class=\"heading-block heading-5d16194de615d tal h-h2 vc_custom_1562745324762\">\n                  <h2 class=\"h\"><span>Education<\/span><\/h2>\n              <\/div>\n          <div class=\"events-block events-block-5d161976e55a4 vertical row\">\n            <div class=\"event-item event-item-5d161a32607ef col-12\">\n      <div class=\"decor-dot\"><\/div>\n      <div class=\"top\">\n                  <div class=\"date\">2016<\/div>\n                  <div class=\"sub-h\">Web Courses Skillbox<\/div>\n              <\/div>\n      <div class=\"content\">\n                  <h5 class=\"title\">Graphic Design<\/h5>\n                  <div class=\"desc\">It\u2019s our design philosophy, and the way we approach our work, our team and our clients.<\/div>\n              <\/div>\n    <\/div>\n        <div class=\"event-item event-item-5d161a533b31e col-12\">\n      <div class=\"decor-dot\"><\/div>\n      <div class=\"top\">\n                  <div class=\"date\">2012-2014<\/div>\n                  <div class=\"sub-h\">Web Courses Skillbox<\/div>\n              <\/div>\n      <div class=\"content\">\n                  <h5 class=\"title\">UI\/UX Design<\/h5>\n                  <div class=\"desc\">Understanding where you\u2019re coming from helps us to go in the right direction together.<\/div>\n              <\/div>\n    <\/div>\n        <div class=\"event-item event-item-5d161a63396b7 col-12\">\n      <div class=\"decor-dot\"><\/div>\n      <div class=\"top\">\n                  <div class=\"date\">2006-2011<\/div>\n                  <div class=\"sub-h\">University of Design<\/div>\n              <\/div>\n      <div class=\"content\">\n                  <h5 class=\"title\">Web Design<\/h5>\n                  <div class=\"desc\">Our international clients and colleagues inspire us with new perspectives on work and life.<\/div>\n              <\/div>\n    <\/div>\n          <\/div>\n    [\/vc_column][vc_column width=&#8221;1\/2&#8243;]      <div class=\"heading-block heading-5d16195d0eb23 tal h-h2 vc_custom_1562745316442\">\n                  <h2 class=\"h\"><span>Experience<\/span><\/h2>\n              <\/div>\n          <div class=\"events-block events-block-5d19953dcdf64 vertical row\">\n            <div class=\"event-item event-item-5d161a7c93aa7 col-12\">\n      <div class=\"decor-dot\"><\/div>\n      <div class=\"top\">\n                  <div class=\"date\">2016-2019<\/div>\n                  <div class=\"sub-h\">University of Design<\/div>\n              <\/div>\n      <div class=\"content\">\n                  <h5 class=\"title\">Lead Web Designer<\/h5>\n                  <div class=\"desc\">Understanding where you\u2019re coming from helps us to go in the right direction together.<\/div>\n              <\/div>\n    <\/div>\n        <div class=\"event-item event-item-5d161a8dc8771 col-12\">\n      <div class=\"decor-dot\"><\/div>\n      <div class=\"top\">\n                  <div class=\"date\">2013-2015<\/div>\n                  <div class=\"sub-h\">University of Design<\/div>\n              <\/div>\n      <div class=\"content\">\n                  <h5 class=\"title\">Senior Designer<\/h5>\n                  <div class=\"desc\">It\u2019s our design philosophy, and the way we approach our work, our team and our clients.<\/div>\n              <\/div>\n    <\/div>\n        <div class=\"event-item event-item-5d161aa515016 col-12\">\n      <div class=\"decor-dot\"><\/div>\n      <div class=\"top\">\n                  <div class=\"date\">2012-2013<\/div>\n                  <div class=\"sub-h\">University of Design<\/div>\n              <\/div>\n      <div class=\"content\">\n                  <h5 class=\"title\">Junior Designer<\/h5>\n                  <div class=\"desc\">Technology moves fast. Design moves on. So it\u2019s important to keep learning.<\/div>\n              <\/div>\n    <\/div>\n          <\/div>\n    [\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1561963732797{padding-bottom: 85px !important;}&#8221; uniqid=&#8221;5d19acca0b470&#8243;][vc_column]      <div class=\"heading-block heading-5d2599a673a40 tal h-h2 vc_custom_1562745415967\">\n                  <h2 class=\"h\"><span>Projects<\/span><\/h2>\n              <\/div>\n                  <div class=\"portfolio-block portfolio-5d19977364202  popup-gallery\">\n          <div class=\"portfolio-slider swiper-container\">\n            <div class=\"swiper-wrapper\">\n                  <div class=\"swiper-slide\">\n      <div class=\"img\"><a href=\"#\" style=\"background-image: url(https:\/\/www.jolanberard.com\/wp-content\/uploads\/2023\/10\/Capture-decran-2023-10-29-a-18.44.13.png)\"><\/a><\/div>\n      <div class=\"content\">\n        <div class=\"counter swiper-pagination-custom\">\n          <span class=\"current\">01<\/span>\n          <span class=\"sep\">\/<\/span>\n          <span class=\"total\">01<\/span>\n        <\/div>\n                  <div class=\"nav-buttons\">\n            <div class=\"prev simple-icon-set-left-arrow\" data-magic-cursor=\"link\"><\/div>\n            <div class=\"next simple-icon-set-right-arrow\" data-magic-cursor=\"link\"><\/div>\n          <\/div>\n                <div class=\"inner-content\">\n          <h3 class=\"h\">Au d\u00e9tour d'une \u00e9toile<\/h3>\n                      <div class=\"desc\">Au d\u00e9tour d\u2019une \u00e9toile est un film court. Il nous invite \u00e0 un voyage po\u00e9tique dans nos souvenirs inconscients, pour explorer la...<\/div>\n                  <\/div>\n        <a class=\"read-more-link button-style1 white\" href=\"https:\/\/www.jolanberard.com\/?fw-portfolio=au-detour-dune-etoile\"><span>View Full Project<\/span><i class=\"simple-icon-set-right-arrow\"><\/i><\/a>\n      <\/div>\n    <\/div>\n                <\/div>\n          <\/div>\n        <\/div>\n            [\/vc_column][\/vc_row][vc_row][vc_column]      <div class=\"heading-block heading-5d1997209ede7 tal h-h2 vc_custom_1562745263394\">\n                  <h2 class=\"h\"><span>Testimonials<\/span><\/h2>\n              <\/div>\n        <div class=\"testimonials-carousel swiper-container testimonials-items-5d19a8017c98f align-left navigation-style1\">\n                        <div class=\"nav-buttons\">\n            <div class=\"prev simple-icon-set-left-arrow\" data-magic-cursor=\"link\"><\/div>\n            <div class=\"next simple-icon-set-right-arrow\" data-magic-cursor=\"link\"><\/div>\n          <\/div>\n                    <div class=\"swiper-wrapper\">\n            <div class=\"testimoils-item swiper-slide testimonials-item-5d19a8379cf92\">\n      <blockquote>An ideal fit for companies that have ongoing design needs - we work with you to build out the deliverables needed to drive your marketing efforts. Let\u2019s work together to build something great.<\/blockquote>\n      <div class=\"people-block\">\n                  <div class=\"avatar\">\n            <div style=\"background-image: url(https:\/\/i0.wp.com\/www.jolanberard.com\/wp-content\/uploads\/2019\/06\/persona-dark.png?fit=326%2C326&#038;ssl=1);\"><\/div>\n          <\/div>\n                <div class=\"content\">\n                      <div class=\"name\">Markus Winterfell<\/div>\n                      <div class=\"post\">Dior Developer<\/div>\n                  <\/div>\n      <\/div>\n    <\/div>\n        <div class=\"testimoils-item swiper-slide testimonials-item-5d19a87986e2a\">\n      <blockquote>Last but not least, our task is to use scientific metrics to analyze campaign performance. This helps easily identify what worked, we then initiate new strategies to maximize your goals.<\/blockquote>\n      <div class=\"people-block\">\n                  <div class=\"avatar\">\n            <div style=\"background-image: url(https:\/\/i0.wp.com\/www.jolanberard.com\/wp-content\/uploads\/2019\/06\/img1.jpg?fit=1393%2C2090&#038;ssl=1);\"><\/div>\n          <\/div>\n                <div class=\"content\">\n                      <div class=\"name\">George Livermore<\/div>\n                      <div class=\"post\">Founder of JBP<\/div>\n                  <\/div>\n      <\/div>\n    <\/div>\n        <div class=\"testimoils-item swiper-slide testimonials-item-5d19a8f9399bb\">\n      <blockquote>Last but not least, our task is to use scientific metrics to analyze campaign performance. This helps easily identify what worked, we then initiate new strategies to maximize your goals.<\/blockquote>\n      <div class=\"people-block\">\n                  <div class=\"avatar\">\n            <div style=\"background-image: url(https:\/\/i0.wp.com\/www.jolanberard.com\/wp-content\/uploads\/2019\/06\/side-img2-dark.jpg?fit=822%2C1008&#038;ssl=1);\"><\/div>\n          <\/div>\n                <div class=\"content\">\n                      <div class=\"name\">George Livermore<\/div>\n                      <div class=\"post\">Founder of JBP<\/div>\n                  <\/div>\n      <\/div>\n    <\/div>\n          <\/div>\n    <\/div>\n    [\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1561964412708{padding-top: 100px !important;padding-bottom: 100px !important;}&#8221; uniqid=&#8221;5d19af7444c23&#8243;][vc_column]    <div class=\"brand-block swiper-container brand-block-5d19aeb376b5e\" data-magic-cursor=\"link-w-text\" data-magic-cursor-text=\"Drag\">\n      <div class=\"swiper-wrapper\">\n            <div class=\"brand-item swiper-slide brand-item-5d19aec4aebb4 without-hover\">\n      <div class=\"content\">\n                  <a href=\"#\" target=\"_self\">\n                  <img loading=\"lazy\" decoding=\"async\" width=\"97\" height=\"109\" src=\"https:\/\/i0.wp.com\/www.jolanberard.com\/wp-content\/uploads\/2019\/06\/brand1-dark.png?fit=97%2C109&amp;ssl=1\" class=\"attachment-full size-full\" alt=\"\" \/>                            <\/a>\n              <\/div>\n    <\/div>\n        <div class=\"brand-item swiper-slide brand-item-5d19aee0971f4 without-hover\">\n      <div class=\"content\">\n                  <a href=\"#\" target=\"_self\">\n                  <img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"36\" src=\"https:\/\/i0.wp.com\/www.jolanberard.com\/wp-content\/uploads\/2019\/06\/brand2-dark.png?fit=150%2C36&amp;ssl=1\" class=\"attachment-full size-full\" alt=\"\" \/>                            <\/a>\n              <\/div>\n    <\/div>\n        <div class=\"brand-item swiper-slide brand-item-5d19af036bd44 without-hover\">\n      <div class=\"content\">\n                  <a href=\"#\" target=\"_self\">\n                  <img loading=\"lazy\" decoding=\"async\" width=\"109\" height=\"109\" src=\"https:\/\/i0.wp.com\/www.jolanberard.com\/wp-content\/uploads\/2019\/06\/brand3-dark.png?fit=109%2C109&amp;ssl=1\" class=\"attachment-full size-full\" alt=\"\" \/>                            <\/a>\n              <\/div>\n    <\/div>\n        <div class=\"brand-item swiper-slide brand-item-5d19af11dfdec without-hover\">\n      <div class=\"content\">\n                  <a href=\"#\" target=\"_self\">\n                  <img loading=\"lazy\" decoding=\"async\" width=\"160\" height=\"49\" src=\"https:\/\/i0.wp.com\/www.jolanberard.com\/wp-content\/uploads\/2019\/06\/brand4.png?fit=160%2C49&amp;ssl=1\" class=\"attachment-full size-full\" alt=\"\" \/>                            <\/a>\n              <\/div>\n    <\/div>\n        <div class=\"brand-item swiper-slide brand-item-5d19af3516575 without-hover\">\n      <div class=\"content\">\n                  <a href=\"#\" target=\"_self\">\n                  <img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"109\" src=\"https:\/\/i0.wp.com\/www.jolanberard.com\/wp-content\/uploads\/2019\/06\/brand5-dark.png?fit=150%2C109&amp;ssl=1\" class=\"attachment-full size-full\" alt=\"\" \/>                            <\/a>\n              <\/div>\n    <\/div>\n          <\/div>\n    <\/div>\n    [\/vc_column][\/vc_row][vc_row][vc_column]      <form class=\"feedback-form-slider swiper-container feedback-form-slider-5d19c7d04745b\" method=\"post\">\n                  <div class=\"bg-img\"><img loading=\"lazy\" decoding=\"async\" width=\"598\" height=\"398\" src=\"https:\/\/i0.wp.com\/www.jolanberard.com\/wp-content\/uploads\/2019\/06\/bg-form-dark.jpg?fit=598%2C398&amp;ssl=1\" class=\"attachment-full size-full\" alt=\"\" \/><\/div>\n                <div class=\"prev\" data-magic-cursor=\"link\"><span>Prev<\/span><i class=\"simple-icon-set-left-arrow\"><\/i><\/div>\n        <div class=\"next\" data-magic-cursor=\"link\"><span>Next<\/span><i class=\"simple-icon-set-right-arrow\"><\/i><\/div>\n        <button class=\"submit-button\" type=\"submit\" data-magic-cursor=\"link\"><span>Send<\/span><i class=\"simple-icon-set-paper-plane\"><\/i><\/button>\n        <div class=\"swiper-wrapper\">\n          <div class=\"swiper-slide\">\n            <div class=\"heading-block\">\n              <h2 class=\"h\"><span>Hello, dear Marta<\/span><\/h2>\n            <\/div>\n            <div class=\"text\">My name is <span class=\"name-f\" contenteditable=\"true\" data-placeholder=\"type here\" data-name=\"name\" data-magic-cursor=\"link-small\"><\/span> and<br>I represent a company <span contenteditable=\"true\" data-name=\"company\" data-placeholder=\"optional\" data-magic-cursor=\"link-small\"><\/span><\/div>\n          <\/div>\n          <div class=\"swiper-slide\">\n            <div class=\"heading-block\">\n              <h2 class=\"h\"><span>You can reach me by<\/span><\/h2>\n            <\/div>\n            <div class=\"text\">My phone <span contenteditable=\"true\" data-placeholder=\"type here\" data-name=\"phone\" data-magic-cursor=\"link-small\"><\/span><br>And e-mail <span contenteditable=\"true\" data-placeholder=\"type here\" data-name=\"email\" data-magic-cursor=\"link-small\"><\/span><\/div>\n          <\/div>\n          <div class=\"swiper-slide\">\n            <div class=\"heading-block\">\n              <h2 class=\"h\"><span>The reason for my appeal to you is<\/span><\/h2>\n            <\/div>\n            <div class=\"text\"><span contenteditable=\"true\" data-placeholder=\"type your message here\" data-name=\"message\" data-magic-cursor=\"link-small\"><\/span><\/div>\n          <\/div>\n        <\/div>\n      <\/form>\n    [\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; uniqid=&#8221;5d15e67bb846b&#8221;][vc_column][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1561728994992{padding-top: 110px !important;padding-bottom: 80px !important;}&#8221; uniqid=&#8221;5d1617cb631ee&#8221;][vc_column css_animation=&#8221;fadeInLeft&#8221; width=&#8221;5\/12&#8243; uniqid=&#8221;5d1614df19552&#8243;][\/vc_column][vc_column css_animation=&#8221;fadeInRight&#8221; width=&#8221;1\/2&#8243; offset=&#8221;vc_col-lg-7&#8243; uniqid=&#8221;5d1614fc21d38&#8243;][vc_column_text el_class=&#8221;text-t1&#8243;]Digital products and services are the apps, tools, sites and systems you use to watch stuff, buy stuff, create stuff, control stuff, manage stuff and a bazillion other things. We design the beautiful interface your clients interact with, and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-landing.php","meta":{"footnotes":""},"class_list":["post-896","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.jolanberard.com\/index.php?rest_route=\/wp\/v2\/pages\/896","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jolanberard.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.jolanberard.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.jolanberard.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jolanberard.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=896"}],"version-history":[{"count":0,"href":"https:\/\/www.jolanberard.com\/index.php?rest_route=\/wp\/v2\/pages\/896\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.jolanberard.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=896"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}