Figma HTML + CSS Code

HTML

              
                <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href='https://fonts.googleapis.com/css?family=Lora:400,700,400italic|Open+Sans:300,400,500,700|Waiting+for+the+Sunrise|Shadows+Into+Light' rel='stylesheet' type='text/css'>

<div class="wrapper clearfix">
<div class="left">
    
    <div class="name-hero">
      
      <div class="me-img"></div>
      
      <div class="name-text">
        
      
        
        
       
        <h1>Sara <em>Ray </em> 👋</h1>
       <img src="data:image/png;base64,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" data-deferred="1" class="rg_i Q4LuWd" jsname="Q4LuWd" width="25" height="25" alt="Email icon - Free download on Iconfinder" data-iml="789.0999999046326" data-atf="true"><h42> sara@gmail.com</h42>  
       <img src="http://simpleicon.com/wp-content/uploads/current-location.png" alt="Current Location Icon - Free Icons" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 30px; height: 30px;"> Vancouver B.C.| Remote </br>
      
        
     
      </div>
   
    </div>
    
  </div>
 <div class="right">
  
   
<h5> <svg width="133" height="29" viewBox="0 0 133 29" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.6357 4.81187V2.00391H7.01978V4.81187C7.01978 6.36308 8.27754 7.61983 9.82774 7.61983C11.379 7.61983 12.6357 6.36308 12.6357 4.81187Z" fill="#5D57FB"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M14.0396 2.00391V4.81187C14.0396 6.36207 15.2963 7.61983 16.8475 7.61983H19.6555V2.00391H14.0396Z" fill="#5D57FB"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.61593 4.81187V2.00391H0V7.61983H2.80796C4.35917 7.61983 5.61593 6.36308 5.61593 4.81187Z" fill="#5D57FB"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M5.61593 11.8314C5.61593 10.2802 4.35917 9.02344 2.80796 9.02344H0V14.6394H2.80796C4.35917 14.6394 5.61593 13.3826 5.61593 11.8314Z" fill="#5D57FB"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M19.6552 16.0439H16.8473C15.2971 16.0439 14.0393 17.3007 14.0393 18.8519V21.6599H19.6552V16.0439Z" fill="#5D57FB"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M12.6357 11.8314C12.6357 10.2802 11.379 9.02344 9.82774 9.02344C8.27754 9.02344 7.01978 10.2802 7.01978 11.8314C7.01978 13.3826 8.27754 14.6394 9.82774 14.6394C11.379 14.6394 12.6357 13.3826 12.6357 11.8314Z" fill="#5D57FB"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M9.82786 16.0439C8.27665 16.0439 7.0199 17.3007 7.0199 18.8519V21.6599H12.6358V18.8519C12.6358 17.3007 11.3791 16.0439 9.82786 16.0439Z" fill="#5D57FB"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.80809 16.0439H0.00012207V21.6599H5.61605V18.8519C5.61605 17.3007 4.3593 16.0439 2.80809 16.0439Z" fill="#5D57FB"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M16.8474 9.02441C15.2962 9.02441 14.0394 10.2812 14.0394 11.8324C14.0394 13.3826 15.2962 14.6403 16.8474 14.6403H19.6554V9.02441H16.8474Z" fill="#5D57FB"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M50.137 7.0498C45.9427 7.0498 42.2635 10.0375 42.2635 14.5792C42.2635 18.5434 45.3835 22.2116 50.137 22.2116C54.3314 22.2116 58.0105 19.2235 58.0105 14.6822C58.0105 10.7181 54.8905 7.0498 50.137 7.0498ZM52.981 14.6321C52.981 16.1824 51.7242 17.4392 50.1739 17.4392C48.6236 17.4392 47.3668 16.1824 47.3668 14.6321C47.3668 13.0823 48.6236 11.8255 50.1739 11.8255C51.7242 11.8255 52.981 13.0823 52.981 14.6321Z" fill="#100826"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M97.6682 7.0498C93.4738 7.0498 89.7947 10.0375 89.7947 14.5792C89.7947 18.5434 92.9147 22.2116 97.6682 22.2116C101.863 22.2116 105.542 19.2235 105.542 14.6822C105.542 10.7181 102.422 7.0498 97.6682 7.0498ZM100.512 14.6321C100.512 16.1824 99.2553 17.4392 97.705 17.4392C96.1547 17.4392 94.8979 16.1824 94.8979 14.6321C94.8979 13.0823 96.1547 11.8255 97.705 11.8255C99.2553 11.8255 100.512 13.0823 100.512 14.6321Z" fill="#100826"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M34.229 7.05032C31.5264 7.05032 29.8731 8.88044 29.8731 8.88044V2H25.2727V21.6502H29.8731V20.5101C29.8731 20.5101 31.1554 22.2122 34.3515 22.2122C37.9158 22.2122 41.4852 19.0534 41.4852 14.7272C41.4852 10.1273 38.1001 7.05032 34.229 7.05032ZM33.6212 17.4398C32.0709 17.4398 30.8141 16.183 30.8141 14.6327C30.8141 13.0828 32.0709 11.826 33.6212 11.826C35.1715 11.826 36.4283 13.0828 36.4283 14.6327C36.4283 16.183 35.1715 17.4398 33.6212 17.4398Z" fill="#100826"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M58.9509 21.6497H63.5513V2H58.9509V21.6497Z" fill="#100826"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M85.5661 16.0361C84.0158 16.0361 82.759 17.2929 82.759 18.8432C82.759 20.3935 84.0158 21.6503 85.5661 21.6503C87.1164 21.6503 88.3732 20.3935 88.3732 18.8432C88.3732 17.2929 87.1164 16.0361 85.5661 16.0361Z" fill="#100826"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M64.882 14.7272C64.882 19.0529 68.4515 22.2122 72.0157 22.2122C75.2118 22.2122 76.4937 20.5096 76.4937 20.5096V21.6497H81.0945V2H76.4937V8.88044C76.4937 8.88044 74.8408 7.05032 72.1382 7.05032C68.2671 7.05032 64.882 10.1273 64.882 14.7272ZM69.9389 14.6327C69.9389 13.0828 71.1957 11.8256 72.746 11.8256C74.2963 11.8256 75.5531 13.0828 75.5531 14.6327C75.5531 16.183 74.2963 17.4398 72.746 17.4398C71.1957 17.4398 69.9389 16.183 69.9389 14.6327Z" fill="#100826"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M112.146 9.49816V7.61037H107.56V21.6062H112.146V15.0287C112.146 13.9813 112.294 13.2444 112.589 12.8167C113.061 12.1526 113.96 11.6951 114.889 11.6951C115.125 11.6951 115.435 11.7248 115.833 11.7697V7.07958C115.612 7.06493 115.465 7.0498 115.361 7.0498C113.828 7.0498 112.751 7.72854 112.146 9.49816Z" fill="#100826"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M128.192 7.59862V8.73914C128.192 8.73914 126.91 7.03711 123.714 7.03711C120.15 7.03711 116.58 10.1954 116.58 14.5216C116.58 19.122 119.965 22.1989 123.836 22.1989C126.499 22.1989 128.143 20.4222 128.19 20.3707V21.0811C128.19 23.5644 126.827 25.094 124.359 25.094C122.663 25.094 121.225 24.4426 120.029 23.1253L117.182 26.0322C119.287 28.0154 121.755 29 124.601 29C126.176 29 127.599 28.697 128.871 28.1067C131.657 26.7738 132.792 24.7154 132.792 20.3698V20.3683V7.59862H128.192ZM124.444 17.4232C122.894 17.4232 121.637 16.1664 121.637 14.6161C121.637 13.0654 122.894 11.809 124.444 11.809C125.995 11.809 127.251 13.0654 127.251 14.6161C127.251 16.1664 125.995 17.4232 124.444 17.4232Z" fill="#100826"></path></svg></h5>
   
   
   
   <h7> PM Highlights </h7>
   <hr>
   <h2><img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;"> Liaised with public education faculty and staff to adopt programs +2 years</h2>
   <h3> <img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;"> Conduct user interviews, design actionable insights/prototypes into Figma +2 years</h3>
   <h4> <img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;"> Develop reports, data analysis & provide feature ROI recommendations +2 </h4> <h8><img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;"> Exposure in tech start-up culture, environment & fast-paced nature +2 year </h8>
   
   <hr>
   
   <br><h50> EDUCATION </h50></br> 

  <h49>Masters in Digital Marketing & eCommerce - University of Barcelona  Sept 2020 - June 2022</h49></br>

<h48>MicroMasters in Digital Product Management (GPA 3.0) Sept 2020 - Boston June 2022</48></br>
<h47>B.A.- University of Manitoba September 2015 - June 2019</47></br><br><br>
<h43> CERTIFICATES </h43></br> 
<h45>Campaign Manager (exam 90%) Google -  December  2020 </h45></br>

<h48>International Scrum Institute ™ - March 2020</44></br>
<h47>UX Design Specialization  (GPA 3.0) 
  University of Michigan  Sept 2020  -August 2021</47></br>
<h46>Agile Specialization (GPA 3.5) University of Illinois Sept 2020 -August 2021</46></br>
<h44>Product Analytics Certification Mixpanel  -  December  2021</44>

   
   
    <div class="inner">
      <section>
        <h1>Employment</h1>
        <p>Spring 2021 - Present <em>Doc Plus. | Product Manager</em></p>
        <p> <img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;"> Supervise UI/UX Designers and cross-function with software team (30%)</br>
<img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;"> Coordinate with product partners, stakeholders, companies (15%)</br>
<img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;"> Develop GTM strategies consistent with DocPlus vision (10%)</br>
<img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;"> Collect and analyze feedback from customers, stakeholders and other teams to shape requirements, features and end products and suggest ways to track product use and impact on end-users (20%)</br>
<img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;"> Work with senior management to create product plans/roadmaps (20%)</br>
<img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;"> Ensure products and releases are launched correctly and on schedule (5%)
.</p>
        <p>Spring 2021 - Present | <em>TwingCart. | Product Manger </em></p>
        <p> <img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;"> Materialized and led smart home technology and ERP property management system for new and existing homes, increasing value by 35% and projected sales by $1,750,000 in its first year</br>
<img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;"> Designed intuitive UI/UX enterprise resource planning (ERP) system and application for the tenants’ interfacing home technology (35%)</br>
<img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;"> Developed use cases and efficiently oversee backlog (20%)</br>
.</p>
       
  <p>Fall 2013 - Summer 2016| <em>Vancouver School Board. | Community Schools Team Programmer</em></p>
        <p> <img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;"> Consult with faculty at post-secondary educations, manage +500 participants for programs (25%)</br>
<img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;"> Ensure program quality, reporting, survey and intake/synthesize data and writing marketing, copyrighting and messaging content(15%) 
</br>
<img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;"> Act as a liaison for building programs for teachers and faculty staff at various secondary and post-secondary education locations (35%)</br>
<img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;"> Recruited post-secondary students to administer programs (15%)</br>
<img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;"> Recruit, train and hire educators and teachers to mentor youth and assist in training leadership classes at secondary locations (10%)</br>

<h1>Awards</h1>

<p>Winter 2021  | <em> Deloitte. | Technology Consulting</em></p>
        <p> <img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;">Tech strategy & innovation, feasibility assessment and value analysis (33%)</br>
<img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;"> optimisation & delivery, project planning & resource management (33%)</br>
<img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;"> Developed use cases and efficiently oversee backlog (20%)</br>
<img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;"> cloud engineering, feasibility, risk & readiness assessment(33%). 
</br>
<img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;"> Case scenario of a bank with $50 billion last year in revenue, and approx 50,000 employees across Australia going digital for end-users to use</br>


<p>Winter 2021 | <em>SAP. |Technology Consulting </em></p>
        <p> <img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;"> Choose the right data source(s) to solve the client's problem. (33%)</br>
<img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;">  Perform data analysis and build a dashboard to explore the data  (33%),
</br>
<img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;"> Provide actionable recommendations supported by data analysis (33%)</br>


<p>Winter 2021 | <em>Boston Consulting Group. |Digital Transformation and Experience Program </em></p>
        <p> <img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;"> Understand emerging trends to improve customer engagement (33%)</br>
<img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;">  Use case development Identifying the highest impact features  (33%),
</br>
<img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;"> Impact assessment & prioritization Evaluating product features (33%)</br>
<img src="https://images.unidays.world/i/self-serve/customer/pvHHZ8tyFEm9I8hYDlNsGDR_8HZ4fEdLrLAnpbEKnwg=/logo/png/5265a31f-c9a2-452f-a70f-88b72fe69902" alt="Bold.org $10,000 Be Bold Scholarship - UNiDAYS student discount August 2021" jsname="HiaYvf" jsaction="load:XAeZkd;" class="n3VNCb" data-noaft="1" style="width: 12px; height: 12px; margin: 0px;"> Developed use cases and efficiently oversee backlog (20%)</br>



      </section>
      <section>
        <h1>Technical Skills</h1>
        <ul class="skill-set">
          <li>HTML</li>
          <li>CSS</li>
          <li>SQL</li>
          <li>User Journey Mapping</li>
          <li>Data Assessment</li>
          <li>Prototyping</li>
          <li>Copyrighting</li>
          <li>UI/UX Design</li>
          <li>GA/Mixpanel</li>
          <li>Data Analysis</li>
          <li>Figma</li>
          <li>User Acceptance Testing</li>
          <li>Data Science</li>
          
        </ul>
      </section>
      <section>
        <h1>References</h1>
        <p>Habi Bami, MBA | <em>Royal Bank of Canada | Financial Advisor </em></p>
        <p>(555) 802-888-3759 | bams@yahoo.com </p>
        <p>Sadia De B.A. | <em>Vancouver School Board | Supervisor</em></p>
        <p>(266) 589-4565 | sadiairee@hotmail.com </p>
        <p>Greg Roy | <em> DocPlus | Founder & CEO</em></p>
        <p>(97) 255-66881 | greg@docplusonline.com</p>
      </section>
            <section>
        <h1>Personal Interests</h1>
        <ul class="skill-set">
          <li>Snowboarding</li>
          <li>Sailing</li>
          <li>Paddleboarding</li>
          <li>Coding Bootcamps</li>
          <li>New Technologies</li>
          <li>Reading</li>
          <li>Podcasts</li>
          <li>Science</li>
          <li>Hiking</li>
        </ul>
      </section>
      <section>
        <div class="handmade">
          <p>created with ♥ by 
  <a href="https://www.canva.com/design/DAEoby2-1Gk/dD26QeAuf3HkLj2e2t3SQQ/view?utm_content=DAEoby2-1Gk&utm_campaign=designshare&utm_medium=link&utm_source=sharebutton">@jennaegedeon</a> 
:)<span></span></p> 
        </div>
      </section>
    </div>
    
  </div>
  
  
  
</div>

CSS

              
                
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

html
{
	font-size:100%;
  
}

body
{
	-webkit-font-smoothing:antialiased;
	color:#333332; 
	font-family:Lora, serif;
	font-size:18px;
	font-weight:400;
	line-height:1.4;
	text-rendering:optimizeLegibility;
  min-height:100max;
  
  }

.skill-set li:hover
{
	background:#5b2ee0;
}

h5 /*logo at the top of the page*/
{ 
 padding: 100px;
 margin-left:-90px;
 top: 0px; 
}

h50
{
  fontsize: 10px;
}
  
h2
{
  margin-left:150px;
  color:000000;
	font-size:15px;
	line-height:1.5;
	text-align:left;
  font-family:Open Sans,sans-serif;
  font-weight:normal;
  }


h3
{
  font-size:15px;
  margin-left:150px;
  font-family:Open Sans, sans-serif;
  font-weight:normal;
  
}

h4
{
  font-size:15px;
  margin-left:150px;
  font-family:Open Sans, sans-serif;
  font-weight:normal;
}

h6/*not being used*/
{
  font-size:15px;
  mmargin-left:150px;
  font-family:Open Sans, sans-serif;
  font-weight:normal;
  text-align:left;
  }

h7
{
  font-size:20px;
  margin-left:150px;
  font-family:Open Sans, sans-serif;
  font-weight:normal;
  }

h8
{
  font-size:15px;
  margin-left:150px;
  font-family:Open Sans, sans-serif;
  font-weight: bold;
  font-weight:normal;
  }

h1 /*title of first/last name + positioning of right page*/
{
	color: #5b2ee0;
  margin-left:150px;
  font-family:Open Sans, sans-serif;
  
}

h1 /*title of first/last name and effects positioning of right page*/
{
	color: #5b2ee0;
  margin-left:-27px;
  font-family:Open Sans, sans-serif;
  text-align:left;
}


h50 
{
  font-size:20px;
  margin-left:150px;
  font-family:Open Sans, sans-serif;
  font-weight:normal;
  }

h49 
{
  font-size:15px;
  margin-left:150px;
  font-family:Open Sans, sans-serif;
  font-weight:normal;
  }
h48 
{
  font-size:15px;
  margin-left:150px;
  font-family:Open Sans, sans-serif;
  font-weight:normal;
  }

h47 
{
  font-size:15px;
  margin-left:150px;
  font-family:Open Sans, sans-serif;
  font-weight:normal;
  }

h46
 {
  font-size:15px;
  margin-left:150px;
  font-family:Open Sans, sans-serif;
  font-weight:normal
}

h45
 {
  font-size:15px;
  margin-left:150px;
  font-family:Open Sans, sans-serif;
  font-weight:normal;
}

h44
 {
  font-size:15px;
  margin-left:150px;
  font-family:Open Sans, sans-serif;
  font-weight:normal;
}


h43 /*certificate text*/
 {
  font-size:20px;
  margin-left:150px;
  font-family:Open Sans, sans-serif;
  font-weight:normal;
}

.wrapper
{
	height:100%;
}

.left
{
	background-color:rgba(0,0,0,.025);
	border-right:1px solid rgba(0,0,0,.05);
	float:right;
	height:100%;
	margin-left:-1px;
	min-width:256px;
	position:fixed;
	width:33.33%;
  
  
}

.right
{
	float:right;
	height:100%;
	position:relative;
	width:66.66%;
}


.name-hero
{
	background:rgba(0,0,0,.001);
	bottom:0;
	height:290px;
	left:0;
	margin:auto;
	position:absolute;
	right:0;
	top:0;
	width:85%;
}

.me-img
{
	background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/36334/profile/profile-512_4.jpg) no-repeat center center ;
	background-size:100%;
  background-position:0px;
	border-radius:100%;
	height:150px;
	margin:0 auto;
	position:relative;
	width:150px;
}

.name-hero h1
{
	font-family:Open Sans, sans-serif;
	font-size:1.5em;
	text-align:center;
}

.name-hero h1 em
{
	color:rgba(0,0,0,.3);
	font-style:normal;
	font-weight:700;
}

.name-hero p /*test GO HERE */
{
	color:rgba(0,0,0,.5);
	font-size:.75em;
	line-height:1.5;
	margin:0 8px 0 0;
	text-align:left;
}

.name-hero .name-text
{
	margin:0 auto;
	width:85%;
}

.inner
{
	margin:0 auto;
	max-width:975px;
	padding:3em;
}

.inner h1
{
	font-size:1.75em;
}

.inner p
{
	color:rgba(0,0,0,.3);
}

.inner p em
{
	color:rgba( 0,0,0,.75);
	font-style:normal;
}

.inner section
{
	margin:100px auto;
}

ul
{
	list-style-type:none;
	margin-top:-10px;
	max-width:570px;
	padding:0;
}

.skill-set li
{
	background:rgba(0,0,0,.75);
	border-radius:5px;
	color:#FFF;
	display:inline-block;
	list-style:none;
	margin:15px 15px 0 0;
	padding:10px;
	text-align:justify;
}

@media screen and (max-width: 48em) {
	.right,.left
	{
		float:none;
    position:relative !important;
		width:100%;
    min-height:500px;
	}
  .handmade {
  text-align:center !important;
  margin-top:0px !important;
}

@media screen and (max-width: 75em) {
    body
{ font-size:16px;}
}

@media screen and (max-width: 60em) {
    body
{ font-size:14px;}
}
.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
.handmade {
  text-align:right;
  margin-top:100px;
}
.handmade em {
  font-family: 'Shadows Into Light', cursive;
  font-size: 1.25em;
  margin-left:5px;
}

JS

999px

Insecure Resource

About JavaScript Preprocessors

About External Resources

About Packages

HTML

CSS

JS

Console

HTML

HTML Preprocessor

About HTML Preprocessors

Add Class(es) to <html>

Adding Classes

Stuff for <head>

About the <head>

Insecure Resource

CSS

CSS Preprocessor

About CSS Preprocessors

CSS Base

About CSS Base

Vendor Prefixing

About Vendor Prefixing

Add External Stylesheets/Pens

About External Resources

JavaScript

JavaScript Preprocessor

About JavaScript Preprocessors

Add External Scripts/Pens

About External Resources

Packages

Add Packages

About Packages

Behavior

Auto Save

Auto-Updating Preview

Format on Save

Editor Settings

Code Indentation

Code Indent width

Want to change your Syntax Highlighting theme, Fonts and more?

HTML

CSS

JS

Console

Editor Commands

Editor Focus

Misc

HTML Specific

Pen Actions