{"id":944,"date":"2019-07-02T11:20:53","date_gmt":"2019-07-02T11:20:53","guid":{"rendered":"https:\/\/promo-theme.com\/rezo\/?page_id=944"},"modified":"2023-10-29T12:35:49","modified_gmt":"2023-10-29T12:35:49","slug":"splitscreen-dark","status":"publish","type":"page","link":"https:\/\/www.jolanberard.com\/?page_id=944","title":{"rendered":"Splitscreen"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; uniqid=&#8221;5d19eb61440a3&#8243;][vc_column]      <section class=\"split-screen split-screen-block-5d19eb59731c3\">\n                  <div class=\"navigation-block\">\n            <div class=\"pagination\"><\/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                <div class=\"items\">\n                <div class=\"screen-item split-screen-item-5d19eb7f46724 align-right\">\n                  <div class=\"item item-left type-image\" style=\"background-image: url(https:\/\/i0.wp.com\/www.jolanberard.com\/wp-content\/uploads\/2019\/06\/bg5-dark.jpg?fit=2034%2C1534&#038;ssl=1);\"><\/div>\n                <div class=\"item item-right\">\n          <div class=\"content\">\n                <div class=\"filled-letter filled-letter-5d19ffa740070\">m<\/div>\n        <div class=\"decor-square decor-square-5d1aecfd8b754\"><\/div>\n          <div class=\"heading-block heading-5d1a0583806b0 tal h-h1 with-offset vc_custom_1562750076484\">\n                  <div class=\"sub-h\">Web designer<\/div>\n                  <h1 class=\"h\"><span>Martin<br \/>\nWalker<\/span><\/h1>\n              <\/div>\n        <div class=\"social-links-block social-links-5d1a0e22cc02a justify-content-end vc_custom_1562046536695\">\n              <span class=\"label\">Follow me:<\/span>\n            <div class=\"links social-links-circle\"><a href=\"#\" target=\"_blank&quot;\"><i class=\"fab fa-facebook-f\"><\/i><\/a><a href=\"#\" target=\"_blank&quot;\"><i class=\"fab fa-twitter\"><\/i><\/a><a href=\"#\" target=\"_blank&quot;\"><i class=\"fab fa-instagram\"><\/i><\/a><a href=\"#\" target=\"_blank&quot;\"><i class=\"fab fa-behance\"><\/i><\/a><a href=\"#\" target=\"_blank&quot;\"><i class=\"fab fa-linkedin-in\"><\/i><\/a><\/div>\n    <\/div>\n    [vc_column_text css=&#8221;.vc_custom_1562046592170{margin-bottom: 5px !important;}&#8221;]<\/p>\n<blockquote><p>Technology moves fast. Design moves on. So it\u2019s important to keep learning.<\/p><\/blockquote>\n<p>[\/vc_column_text][vc_row_inner content_placement=&#8221;middle&#8221; uniqid=&#8221;5d1aee27a2caa&#8221;][vc_column_inner width=&#8221;1\/2&#8243;]      <div class=\"button-container button-5d1aeda3e290f left\">\n        <a class=\"button-style1 default\" href=\"#\" target=\"_self\">\n                    <span>Download CV<\/span>\n                  <\/a>\n      <\/div>\n    [\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;][vc_column_text]<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-679 alignright\" src=\"https:\/\/i0.wp.com\/www.jolanberard.com\/wp-content\/uploads\/2019\/06\/subscribe.png?resize=120%2C111&#038;ssl=1\" alt=\"\" width=\"120\" height=\"111\" srcset=\"https:\/\/i0.wp.com\/www.jolanberard.com\/wp-content\/uploads\/2019\/06\/subscribe.png?w=120&amp;ssl=1 120w, https:\/\/i0.wp.com\/www.jolanberard.com\/wp-content\/uploads\/2019\/06\/subscribe.png?resize=13%2C12&amp;ssl=1 13w\" sizes=\"auto, (max-width: 120px) 100vw, 120px\" data-recalc-dims=\"1\" \/>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner]          <\/div>\n        <\/div>\n      <\/div>\n          <div class=\"screen-item split-screen-item-5d1af3ee8dc50 align-left\">\n                  <div class=\"item item-left type-image\" style=\"background-image: url(https:\/\/i0.wp.com\/www.jolanberard.com\/wp-content\/uploads\/2019\/06\/bg6-dark.jpg?fit=2116%2C1534&#038;ssl=1);\"><\/div>\n                <div class=\"item item-right\">\n          <div class=\"content\">\n                <div class=\"filled-letter filled-letter-5d1b02e0114ab\">m<\/div>\n        <div class=\"decor-square decor-square-5d1b030507b15\"><\/div>\n          <div class=\"heading-block heading-5d1af4438b994 tal h-h1\">\n                  <h1 class=\"h\"><span>Services<\/span><\/h1>\n              <\/div>\n        <div class=\"icon-box-block-style2 icon-box-block-5d1af471510c3 vc_custom_1562051587452 row\">\n          <div class=\" col-12 col-sm-6\">\n      <div class=\"icon-box-style2 icon-box-style-5d1af48495ad8\">\n                  <a href=\"#\" target=\"_self\"><\/a>\n                  <div class=\"icon\"><i class=\"graphic-design-creativity\"><\/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-5d1af74622872\">\n                  <a href=\"#\" target=\"_self\"><\/a>\n                  <div class=\"icon\"><i class=\"graphic-design-rgb\"><\/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-5d1af75be0fd8\">\n                  <a href=\"#\" target=\"_self\"><\/a>\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-5d1af76d0d7ea\">\n                  <a href=\"#\" target=\"_self\"><\/a>\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          <div class=\"heading-block heading-5d1af789cd11c tal h-h1 vc_custom_1562051627176\">\n                  <h1 class=\"h\"><span>Skills<\/span><\/h1>\n              <\/div>\n        <div class=\"skills-dots-items skills-dots-5d1afc2820d9a row\">\n          <div class=\" col-12 col-sm-6 col-md-4\">\n      <div class=\"skill-dot skills-dots-item-5d1afc37ce9c2\">\n                  <div class=\"title\">photoshop<\/div>\n                <div class=\"rate\">\n          <span class=\"active\"><\/span>\n          <span class=\"active\"><\/span>\n          <span class=\"active\"><\/span>\n          <span class=\"active\"><\/span>\n          <span class=\"active\"><\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n        <div class=\" col-12 col-sm-6 col-md-4\">\n      <div class=\"skill-dot skills-dots-item-5d1afcd2d8132\">\n                  <div class=\"title\">sketch<\/div>\n                <div class=\"rate\">\n          <span class=\"active\"><\/span>\n          <span class=\"active\"><\/span>\n          <span class=\"active\"><\/span>\n          <span class=\"active\"><\/span>\n          <span class=\"active\"><\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n        <div class=\" col-12 col-sm-6 col-md-4\">\n      <div class=\"skill-dot skills-dots-item-5d1afce559fea\">\n                  <div class=\"title\">illustrator<\/div>\n                <div class=\"rate\">\n          <span class=\"active\"><\/span>\n          <span class=\"active\"><\/span>\n          <span class=\"active\"><\/span>\n          <span class=\"active\"><\/span>\n          <span class=\"\"><\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n        <div class=\" col-12 col-sm-6 col-md-4\">\n      <div class=\"skill-dot skills-dots-item-5d1afcedbd85a\">\n                  <div class=\"title\">invision<\/div>\n                <div class=\"rate\">\n          <span class=\"active\"><\/span>\n          <span class=\"active\"><\/span>\n          <span class=\"active\"><\/span>\n          <span class=\"\"><\/span>\n          <span class=\"\"><\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n        <div class=\" col-12 col-sm-6 col-md-4\">\n      <div class=\"skill-dot skills-dots-item-5d1b0067bef9a\">\n                  <div class=\"title\">css<\/div>\n                <div class=\"rate\">\n          <span class=\"active\"><\/span>\n          <span class=\"active\"><\/span>\n          <span class=\"active\"><\/span>\n          <span class=\"\"><\/span>\n          <span class=\"\"><\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n        <div class=\" col-12 col-sm-6 col-md-4\">\n      <div class=\"skill-dot skills-dots-item-5d1b00710ba3a\">\n                  <div class=\"title\">html<\/div>\n                <div class=\"rate\">\n          <span class=\"active\"><\/span>\n          <span class=\"active\"><\/span>\n          <span class=\"\"><\/span>\n          <span class=\"\"><\/span>\n          <span class=\"\"><\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n        <\/div>\n              <\/div>\n        <\/div>\n      <\/div>\n          <div class=\"screen-item split-screen-item-5d1b04e350318 align-right\">\n                  <div class=\"item item-left type-image\" style=\"background-image: url(https:\/\/i0.wp.com\/www.jolanberard.com\/wp-content\/uploads\/2019\/06\/bg7-dark.jpg?fit=2194%2C1534&#038;ssl=1);\"><\/div>\n                <div class=\"item item-right\">\n          <div class=\"content\">\n                <div class=\"tabs-block tabs-block-5d1b069f1b2a2 vertical \">\r\n      <div class=\"tb-buttons\">\r\n                  <div class=\"button\" data-magic-cursor=\"link-small\" data-title=\"my story\">my story<\/div>\r\n                  <div class=\"button\" data-magic-cursor=\"link-small\" data-title=\"mission\">mission<\/div>\r\n                  <div class=\"button\" data-magic-cursor=\"link-small\" data-title=\"my rules\">my rules<\/div>\r\n              <\/div>\r\n      <div class=\"tb-wrap\">\r\n            <div class=\"wrap\">\r\n      <div class=\"tb-m-button\">my story<\/div>\r\n      <div class=\"wrap-inner\">\r\n        <div class=\"inner-content\">\r\n              <div class=\"decor-square decor-square-5d1b22a86c33c\"><\/div>\n          <div class=\"heading-block heading-5d1b06d31a39e tal h-h1\">\n                  <h1 class=\"h\"><span>Experience<\/span><\/h1>\n              <\/div>\n          <div class=\"events-block events-block-5d1b06e65c073 vertical vc_custom_1562059349817 row\">\n            <div class=\"event-item event-item-5d1b06f8c3cd9 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-5d1b070a47322 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-5d1b07275927d 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          <div class=\"button-container button-5d1b074acf5ca left vc_custom_1562651461243\">\n        <a class=\"button-style1 white\" href=\"#\" target=\"_self\">\n                    <span>work with me<\/span>\n                  <\/a>\n      <\/div>\n            <\/div>\r\n      <\/div>\r\n    <\/div>\r\n        <div class=\"wrap\">\r\n      <div class=\"tb-m-button\">mission<\/div>\r\n      <div class=\"wrap-inner\">\r\n        <div class=\"inner-content\">\r\n              <div class=\"decor-square decor-square-6a2f1d8120848\"><\/div>\n          <div class=\"heading-block heading-5d1b234cde85c tal h-h1 vc_custom_1562060045631\">\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-t2&#8243;]Digital products and services are the apps, tools, sites and systems you use to <strong>watch stuff, buy stuff, create stuff,<\/strong> control stuff, manage stuff and a bazillion other things. We write the code that makes it tick.[\/vc_column_text][vc_column_text]<span style=\"font-weight: 300;\">At least, that\u2019s what we aim for. We make digital products and services for companies from startups to global brands, but our goal for every client is the same: to elevate the digital experience for their target users.<\/span>[\/vc_column_text]      <div class=\"button-container button-6a2f1d81208bd left\">\n        <a class=\"button-style1 white\" href=\"#\" target=\"_self\">\n                    <span>work with me<\/span>\n                  <\/a>\n      <\/div>\n            <\/div>\r\n      <\/div>\r\n    <\/div>\r\n        <div class=\"wrap\">\r\n      <div class=\"tb-m-button\">my rules<\/div>\r\n      <div class=\"wrap-inner\">\r\n        <div class=\"inner-content\">\r\n              <div class=\"decor-square decor-square-6a2f1d8120927\"><\/div>\n          <div class=\"heading-block heading-5d1b25a43da23 tal h-h1 vc_custom_1562060222930\">\n                  <h1 class=\"h\">Perfection &amp;<br \/>\n<span>creativity<\/span><\/h1>\n              <\/div>\n    [vc_column_text]<\/p>\n<ul class=\"ul-special\">\n<li class=\"li-block\">\n<div class=\"title\">Be open.<\/div>\n<div class=\"text\">Team members should be experienced but open to new ways of working and collaborating.<\/div>\n<\/li>\n<li class=\"li-block\">\n<div class=\"title\">Be better.<\/div>\n<div class=\"text\">We should all be on a quest to improve what we do and how we help our clients.<\/div>\n<\/li>\n<li class=\"li-block\">\n<div class=\"title\">Be positive.<\/div>\n<div class=\"text\">An upbeat attitude and open lines of communication go a long way.<\/div>\n<\/li>\n<\/ul>\n<p>[\/vc_column_text]      <div class=\"button-container button-6a2f1d8120999 left\">\n        <a class=\"button-style1 white\" href=\"#\" target=\"_self\">\n                    <span>work with me<\/span>\n                  <\/a>\n      <\/div>\n            <\/div>\r\n      <\/div>\r\n    <\/div>\r\n          <\/div>\r\n    <\/div>\r\n              <\/div>\n        <\/div>\n      <\/div>\n          <div class=\"screen-item split-screen-item-5d1b29f8d2e73 align-left\">\n                  <div class=\"item item-left type-image\" style=\"background-image: url(https:\/\/i0.wp.com\/www.jolanberard.com\/wp-content\/uploads\/2019\/06\/img8.jpg?fit=1510%2C1510&#038;ssl=1);\"><\/div>\n                <div class=\"item item-right\">\n          <div class=\"content\">\n                <div class=\"decor-square decor-square-6a2f1d81215dd\"><\/div>\n          <div class=\"heading-block heading-5d1b2a5538ab7 tal h-h1 vc_custom_1562061423679\">\n                  <h1 class=\"h\"><span>Projects<\/span><\/h1>\n              <\/div>\n                  <div class=\"portfolio-carousel portfolio-5d1b2a8035072 popup-gallery\" data-rows=\"2\">\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\">\n                <svg viewBox=\"0 0 52 52\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <circle class=\"empty\" cx=\"26\" cy=\"26\" r=\"25\"><\/circle>\n                  <circle cx=\"26\" cy=\"26\" r=\"25\"><\/circle>\n                <\/svg>\n              <\/div>\n            <\/div>\n                    <div class=\"swiper-container\">\n            <div class=\"swiper-wrapper\">\n                  <article class=\"portfolio-item  popup-item swiper-slide\" >\n      <div class=\"post-1304 fw-portfolio type-fw-portfolio status-publish has-post-thumbnail hentry\">\n        <div class=\"wrap\">\n          <div class=\"img-block\">\n                          <div class=\"img\" style=\"background-image: url(https:\/\/www.jolanberard.com\/wp-content\/uploads\/2023\/10\/Capture-decran-2023-10-29-a-18.44.13.png)\"><\/div>\n                      <\/div>\n          <div class=\"content\">\n            <h6 class=\"h\"><span>Au d\u00e9tour d'une \u00e9toile<\/span><\/h6>\n          <\/div>\n          <a href=\"https:\/\/i0.wp.com\/www.jolanberard.com\/wp-content\/uploads\/2023\/10\/Capture-decran-2023-10-29-a-18.44.13.png?fit=805%2C969&#038;ssl=1\" data-size=\"805x969\" data-magic-cursor=\"link-w-text\" data-magic-cursor-text=\"View\" data-id=\"1\"><\/a>        <\/div>\n      <\/div>\n    <\/article>\n                <\/div>\n          <\/div>\n        <\/div>\n                      <\/div>\n        <\/div>\n      <\/div>\n          <div class=\"screen-item split-screen-item-5d1b2ec6f866b align-right\">\n                  <div class=\"item item-left type-map\">\n            <div class=\"map-block\">\n              <div class=\"map\" id=\"map-split-screen-item-5d1b2ec6f866b\"><\/div>\n            <\/div>\n          <\/div>\n                <div class=\"item item-right\">\n          <div class=\"content\">\n                <div class=\"decor-square decor-square-6a2f1d8122893\"><\/div>\n          <div class=\"heading-block heading-5d1b2eec31292 tal h-h1 vc_custom_1562065541847\">\n                  <h1 class=\"h\">Let\u2019s Talk<br \/>\n<span>Contact Me<\/span><\/h1>\n              <\/div>\n          <div class=\"ul-special contacts-ul row contacts-block-5d1b33c135b3d\">\n              <div class=\" contacts-item-5d1b33c80c72e  col-12 col-sm-6\">\n        <div class=\"li-block\">\n                      <div class=\"title\">Phone<\/div>\n                      <div class=\"text\">+1 623-812-4957<br \/>\n+1 623-812-4888<\/div>\n                  <\/div>\n      <\/div>\n          <div class=\" contacts-item-5d1b33daca2ed  col-12 col-sm-6\">\n        <div class=\"li-block\">\n                      <div class=\"title\">E-mail<\/div>\n                      <div class=\"text\">support@promo-theme.com<br \/>\ninfo@promo-theme.com<\/div>\n                  <\/div>\n      <\/div>\n          <div class=\" contacts-item-5d1b33f41500b  col-12 col-sm-6\">\n        <div class=\"li-block\">\n                      <div class=\"title\">Location<\/div>\n                      <div class=\"text\">34562 Barlow St. 126,<br \/>\nNew York 79023<\/div>\n                  <\/div>\n      <\/div>\n          <div class=\" contacts-item-5d1b33fe14424  col-12 col-sm-6\">\n        <div class=\"li-block\">\n                      <div class=\"title\">Working Hours<\/div>\n                      <div class=\"text\">Mon-Fri: 08:00 - 17:30<br \/>\nSat-Sun: Non-working days<\/div>\n                  <\/div>\n      <\/div>\n          <\/div>\n        <div class=\"social-links-block social-links-5d1b35b117041 justify-content-start vc_custom_1562064313925\">\n            <div class=\"links social-links-circle\"><a href=\"#\" target=\"_blank&quot;\"><i class=\"fab fa-facebook-f\"><\/i><\/a><a href=\"#\" target=\"_blank&quot;\"><i class=\"fab fa-twitter\"><\/i><\/a><a href=\"#\" target=\"_blank&quot;\"><i class=\"fab fa-instagram\"><\/i><\/a><a href=\"#\" target=\"_blank&quot;\"><i class=\"fab fa-behance\"><\/i><\/a><a href=\"#\" target=\"_blank&quot;\"><i class=\"fab fa-linkedin-in\"><\/i><\/a><\/div>\n    <\/div>\n          <div class=\"button-container button-6a2f1d8122d58 left\">\n        <a class=\"button-style1 white\" href=\"#\" target=\"_self\">\n                    <span>work with me<\/span>\n                  <\/a>\n      <\/div>\n              <\/div>\n        <\/div>\n      <\/div>\n            <\/div>\n      <\/section>\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;5d19eb61440a3&#8243;][vc_column][\/vc_column][\/vc_row]<\/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-944","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\/944","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=944"}],"version-history":[{"count":1,"href":"https:\/\/www.jolanberard.com\/index.php?rest_route=\/wp\/v2\/pages\/944\/revisions"}],"predecessor-version":[{"id":1249,"href":"https:\/\/www.jolanberard.com\/index.php?rest_route=\/wp\/v2\/pages\/944\/revisions\/1249"}],"wp:attachment":[{"href":"https:\/\/www.jolanberard.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=944"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}