-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
18 lines (15 loc) · 38.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html lang="en"><head>
<title>Yassine Ayouch</title><meta property="og:site_name" content="Yassine Ayouch">
<meta name="google-site-verification" content="Peg6LhW4qKP2D2sdbFiboSMwxZzz_Lm7AkOcpusnavk">
<script src="gdpr/gdprscript.js"></script>
<meta property="og:title" content="Yassine Ayouch">
<meta property="og:description" content="My name is Yassine Ayouch, I'm an Entrepreneur who loves innovating.">
<meta property="og:url" content="https://www.ayouch.me/">
<meta name="description" content="My name is Yassine Ayouch, I'm an Entrepreneur who loves innovating.">
<meta name="keywords" content="Yassine Ayouch, Yassine, Ayouch,Entrepreneur, Young Entrepreneur, CEO, Yassine Ayouch CEO, Yassine Ayouch net worth, Yassine Ayouch">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="”robots”" content="”index," follow”="">
<link rel="shortcut icon" type="image/x-icon" href="https://raw.githubusercontent.com/yassineayouch/yassineayouch.github.io/master/faviconTMPRM.ico"><link href="https://fonts.googleapis.com/css?family=Quicksand:400,400italic" rel="stylesheet" type="text/css"><style>html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}mark{background-color:transparent;color:inherit}input::-moz-focus-inner{border:0;padding:0}input[type="text"],input[type="email"],select,textarea{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none}*, *:before, *:after {box-sizing: border-box;}body {min-width: 320px;min-height: 100vh;line-height: 1.0;word-wrap: break-word;overflow-x: hidden;background-color: #211F1D;}u {text-decoration: underline;}strong {color: inherit;font-weight: bolder;}em {font-style: italic;}code {font-family: 'Lucida Console', 'Courier New', monospace;font-weight: normal;text-indent: 0;letter-spacing: 0;font-size: 0.9em;margin: 0 0.25em;padding: 0.25em 0.5em;background-color: rgba(144,144,144,0.25);border-radius: 0.25em;}mark {background-color: rgba(144,144,144,0.25);}a {-moz-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;-webkit-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;-ms-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;color: inherit;text-decoration: underline;}s {text-decoration: line-through;}html {font-size: 18pt;}#wrapper {-webkit-overflow-scrolling: touch;display: flex;-moz-flex-direction: column;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-moz-align-items: center;-webkit-align-items: center;-ms-align-items: center;align-items: center;-moz-justify-content: center;-webkit-justify-content: center;-ms-justify-content: center;justify-content: center;min-height: 100vh;position: relative;z-index: 2;overflow: hidden;}#main {display: flex;position: relative;max-width: 100%;z-index: 1;-moz-align-items: center;-webkit-align-items: center;-ms-align-items: center;align-items: center;-moz-justify-content: center;-webkit-justify-content: center;-ms-justify-content: center;justify-content: center;-moz-flex-grow: 0;-webkit-flex-grow: 0;-ms-flex-grow: 0;flex-grow: 0;-moz-flex-shrink: 0;-webkit-flex-shrink: 0;-ms-flex-shrink: 0;flex-shrink: 0;text-align: center;-moz-transition: opacity 1s ease-in-out 0s;-webkit-transition: opacity 1s ease-in-out 0s;-ms-transition: opacity 1s ease-in-out 0s;transition: opacity 1s ease-in-out 0s;}#main > .inner {position: relative;z-index: 1;border-radius: inherit;padding: 2.5rem 2rem;max-width: 100%;width: 48rem;}#main > .inner > header {margin-bottom: 1.5rem;}#main > .inner > footer {margin-top: 1.5rem;border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}#main > .inner > * > * {margin-top: 1.5rem;margin-bottom: 1.5rem;}#main > .inner > * > :first-child {margin-top: 0 !important;}#main > .inner > * > :last-child {margin-bottom: 0 !important;}#main > .inner > .full {margin-left: calc(-2rem);width: calc(100% + 4rem + 0.4725px);max-width: calc(100% + 4rem + 0.4725px);}#main > .inner > .full:first-child {margin-top: -2.5rem !important;border-top-left-radius: inherit;border-top-right-radius: inherit;}#main > .inner > .full:last-child {margin-bottom: -2.5rem !important;border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}#main > .inner > .full.screen {width: 100vw;max-width: 100vw;position: relative;border-radius: 0 !important;left: 50%;right: auto;margin-left: -50vw;}#main > .inner > * > .full {margin-left: calc(-2rem);width: calc(100% + 4rem + 0.4725px);max-width: calc(100% + 4rem + 0.4725px);}#main > .inner > * > .full.screen {width: 100vw;max-width: 100vw;position: relative;border-radius: 0 !important;left: 50%;right: auto;margin-left: -50vw;}#main > .inner > footer > .full:last-child {margin-bottom: -2.5rem !important;border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}#main > .inner > .active > .full:first-child {margin-top: -2.5rem !important;border-top-left-radius: inherit;border-top-right-radius: inherit;}#main > .inner > .active {border-top-left-radius: inherit;border-top-right-radius: inherit;}body.is-loading #main {opacity: 0;}#main > .inner > header, #main > .inner > footer {-moz-transition: opacity 0.375s ease-in-out 0.5625s,visibility 0.375s linear 0.5625s;-webkit-transition: opacity 0.375s ease-in-out 0.5625s,visibility 0.375s linear 0.5625s;-ms-transition: opacity 0.375s ease-in-out 0.5625s,visibility 0.375s linear 0.5625s;transition: opacity 0.375s ease-in-out 0.5625s,visibility 0.375s linear 0.5625s;}#main > .inner > header.hidden, #main > .inner > footer.hidden {-moz-transition: opacity 0.375s ease-in-out,visibility 0.375s;-webkit-transition: opacity 0.375s ease-in-out,visibility 0.375s;-ms-transition: opacity 0.375s ease-in-out,visibility 0.375s;transition: opacity 0.375s ease-in-out,visibility 0.375s;opacity: 0;visibility: hidden;}#main > .inner > section {-moz-transition: opacity 0.75s ease-in-out 0.375s,min-height 0.375s ease-in-out,max-height 0.375s ease-in-out;-webkit-transition: opacity 0.75s ease-in-out 0.375s,min-height 0.375s ease-in-out,max-height 0.375s ease-in-out;-ms-transition: opacity 0.75s ease-in-out 0.375s,min-height 0.375s ease-in-out,max-height 0.375s ease-in-out;transition: opacity 0.75s ease-in-out 0.375s,min-height 0.375s ease-in-out,max-height 0.375s ease-in-out;}#main > .inner > section.inactive {-moz-transition: opacity 0.375s ease-in-out;-webkit-transition: opacity 0.375s ease-in-out;-ms-transition: opacity 0.375s ease-in-out;transition: opacity 0.375s ease-in-out;opacity: 0;}body.is-instant #main, body.is-instant #main > .inner > *,body.is-instant #main > .inner > section > * {-moz-transition: none !important;-webkit-transition: none !important;-ms-transition: none !important;transition: none !important;}body.is-instant:after {display: none !important;-moz-transition: none !important;-webkit-transition: none !important;-ms-transition: none !important;transition: none !important;}.image {position: relative;overflow: hidden;max-width: 100%;display: block;}.image a, .image span {position: relative;max-width: 100%;display: inline-block;vertical-align: top;}.image a img, .image span img {display: block;}.image img {width: 100%;max-width: 100%;display: inline-block;vertical-align: top;}.image.full img {display: block;}.image.full:first-child img {border-top-left-radius: inherit;border-top-right-radius: inherit;}.image.full:last-child img {border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}.image.full a, .image.full span {display: block;}#image01 a, #image01 span {border-radius: 100%;}#image01 img {width: 8rem;border-radius: 100%;}h1 br + br, h2 br + br, h3 br + br, p br + br {display: block;content: ' ';}h1 .li, h2 .li, h3 .li, p .li {display: list-item;padding-left: 0.5em;margin: 0.75em 0 0 1em;}#text01 br + br {margin-top: 0.825rem;}#text01 {text-transform: uppercase;color: #FDCB6E;font-family: 'Quicksand', sans-serif;letter-spacing: 0.325rem;width: calc(100% + 0.325rem);font-size: 2em;line-height: 1.375;font-weight: 400;}#text04 br + br {margin-top: 0.975rem;}#text04 {color: #FFFFFF;font-family: 'Quicksand', sans-serif;font-size: 1em;line-height: 1.625;font-weight: 400;}#text02 br + br {margin-top: 0.825rem;}#text02 {text-transform: uppercase;color: #FDCB6E;font-family: 'Quicksand', sans-serif;letter-spacing: 0.325rem;width: calc(100% + 0.325rem);font-size: 1.5em;line-height: 1.375;font-weight: 400;}#text05 br + br {margin-top: 0.975rem;}#text05 {color: #FFFFFF;font-family: 'Quicksand', sans-serif;font-size: 1em;line-height: 1.625;font-weight: 400;}#text07 br + br {margin-top: 0.825rem;}#text07 {text-transform: uppercase;color: #FDCB6E;font-family: 'Quicksand', sans-serif;letter-spacing: 0.325rem;width: calc(100% + 0.325rem);font-size: 1.5em;line-height: 1.375;font-weight: 400;}#text08 br + br {margin-top: 0.975rem;}#text08 {color: #FFFFFF;font-family: 'Quicksand', sans-serif;font-size: 1em;line-height: 1.625;font-weight: 400;}#text03 br + br {margin-top: 0.825rem;}#text03 {text-transform: uppercase;color: #FDCB6E;font-family: 'Quicksand', sans-serif;letter-spacing: 0.325rem;width: calc(100% + 0.325rem);font-size: 1.5em;line-height: 1.375;font-weight: 400;}#text06 br + br {margin-top: 0.975rem;}#text06 {color: #FFFFFF;font-family: 'Quicksand', sans-serif;font-size: 1em;line-height: 1.625;font-weight: 400;}#credits br + br {margin-top: 0.9rem;}#credits {color: #FFFFFF;font-family: 'Quicksand', sans-serif;font-size: 0.8em;line-height: 1.5;font-weight: 400;cursor: default;margin-top: 1rem !important;}#credits a {text-decoration: none !important;-moz-transition: opacity 0.25s ease;-webkit-transition: opacity 0.25s ease;-ms-transition: opacity 0.25s ease;transition: opacity 0.25s ease;opacity: 0.5;}#credits a:hover {text-decoration: none !important;opacity: 1;}.icons {cursor: default;padding: 0;letter-spacing: 0;}.icons li {display: inline-block;vertical-align: middle;position: relative;z-index: 1;}.icons li a {display: flex;-moz-align-items: center;-webkit-align-items: center;-ms-align-items: center;align-items: center;-moz-justify-content: center;-webkit-justify-content: center;-ms-justify-content: center;justify-content: center;}.icons li a svg {display: block;position: relative;-moz-transition: fill 0.25s ease;-webkit-transition: fill 0.25s ease;-ms-transition: fill 0.25s ease;transition: fill 0.25s ease;}.icons li a + svg {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;-moz-pointer-events: none;-webkit-pointer-events: none;-ms-pointer-events: none;pointer-events: none;-moz-transition: fill 0.25s ease, stroke 0.25s ease;-webkit-transition: fill 0.25s ease, stroke 0.25s ease;-ms-transition: fill 0.25s ease, stroke 0.25s ease;transition: fill 0.25s ease, stroke 0.25s ease;}.icons li a .label {display: none;}#icons01 {font-size: 1.5em;width: calc(100% + 1.5rem);margin-left: -0.75rem;}#icons01 li {margin: 0.75rem;}#icons01 li a {width: 1em;height: 1em;}#icons01 li a svg {width: 100%;height: 100%;}#icons01 a svg {fill: #FDCB6E;}hr {width: 100%;position: relative;padding: 0;border: 0;}hr:before {content: '';display: inline-block;vertical-align: middle;}#divider01:not(:first-child) {margin-top: 0.5rem !important;}#divider01:not(:last-child) {margin-bottom: 0.5rem !important;}#divider01:before {width: 15%;border-top: solid 1px rgba(255,255,255,0.169);height: 1px;margin-top: -0.5px;}.buttons {cursor: default;padding: 0;letter-spacing: 0;}.buttons li a {text-decoration: none;text-align: center;white-space: nowrap;max-width: 100%;-moz-align-items: center;-webkit-align-items: center;-ms-align-items: center;align-items: center;-moz-justify-content: center;-webkit-justify-content: center;-ms-justify-content: center;justify-content: center;vertical-align: middle;}#buttons01 {width: calc(100% + 1rem);margin-left: -0.5rem;}#buttons01 li {display: inline-block;vertical-align: middle;max-width: calc(100% - 1rem);margin: 0.5rem;}#buttons01 li a {display: flex;width: 8.125rem;height: 2.625rem;line-height: 2.625rem;vertical-align: middle;padding: 0 1.3125rem;text-transform: uppercase;font-size: 0.625em;font-family: 'Quicksand', sans-serif;letter-spacing: 0.325rem;padding-left: calc(0.325rem + 1.3125rem);font-weight: 400;border-radius: 0.375rem;}#buttons01 .button {color: #FFFFFF;border: solid 1px rgba(255,255,255,0.169);}#buttons01 .button:hover {color: #FDCB6E !important;border-color: #FDCB6E !important;}@media (max-width: 1680px) {html {font-size: 13pt;}}@media (max-width: 1280px) {html {font-size: 13pt;}}@media (max-width: 980px) {html {font-size: 11pt;}}@media (max-width: 736px) {html {font-size: 11pt;}#main > .inner {padding: 2.5rem 2rem;}#main > .inner > header {margin-bottom: 1.5rem;}#main > .inner > footer {margin-top: 1.5rem;}#main > .inner > * > * {margin-top: 1.5rem;margin-bottom: 1.5rem;}#main > .inner > .full {margin-left: calc(-2rem);width: calc(100% + 4rem + 0.4725px);max-width: calc(100% + 4rem + 0.4725px);}#main > .inner > .full:first-child {margin-top: -2.5rem !important;}#main > .inner > .full:last-child {margin-bottom: -2.5rem !important;}#main > .inner > .full.screen {margin-left: -50vw;}#main > .inner > * > .full {margin-left: calc(-2rem);width: calc(100% + 4rem + 0.4725px);max-width: calc(100% + 4rem + 0.4725px);}#main > .inner > * > .full.screen {margin-left: -50vw;}#main > .inner > footer > .full:last-child {margin-bottom: -2.5rem !important;}#main > .inner > .active > .full:first-child {margin-top: -2.5rem !important;}#image01 img {width: 8rem;}#text01 {letter-spacing: 0.284375rem;width: calc(100% + 0.284375rem);font-size: 2em;line-height: 1.375;}#text04 {letter-spacing: 0rem;width: 100%;font-size: 1em;line-height: 1.625;}#text02 {letter-spacing: 0.284375rem;width: calc(100% + 0.284375rem);font-size: 1.5em;line-height: 1.375;}#text05 {letter-spacing: 0rem;width: 100%;font-size: 1em;line-height: 1.625;}#text07 {letter-spacing: 0.284375rem;width: calc(100% + 0.284375rem);font-size: 1.5em;line-height: 1.375;}#text08 {letter-spacing: 0rem;width: 100%;font-size: 1em;line-height: 1.625;}#text03 {letter-spacing: 0.284375rem;width: calc(100% + 0.284375rem);font-size: 1.5em;line-height: 1.375;}#text06 {letter-spacing: 0rem;width: 100%;font-size: 1em;line-height: 1.625;}#credits {letter-spacing: 0rem;width: 100%;font-size: 0.8em;line-height: 1.5;}#icons01 {font-size: 1.5em;width: calc(100% + 1.5rem);margin-left: -0.75rem;}#icons01 li {margin: 0.75rem;}#divider01:not(:first-child) {margin-top: 0.5rem !important;}#divider01:not(:last-child) {margin-bottom: 0.5rem !important;}#divider01:before {width: 15%;}#buttons01 li a {font-size: 0.625em;}}@media (max-width: 480px) {#main > .inner > header {margin-bottom: 1.3125rem;}#main > .inner > footer {margin-top: 1.3125rem;}#main > .inner > * > * {margin-top: 1.3125rem;margin-bottom: 1.3125rem;}#buttons01 li a {width: 8.125rem;}}@media (max-width: 360px) {#main > .inner {padding: 1.875rem 1.5rem;}#main > .inner > header {margin-bottom: 1.125rem;}#main > .inner > footer {margin-top: 1.125rem;}#main > .inner > * > * {margin-top: 1.125rem;margin-bottom: 1.125rem;}#main > .inner > .full {margin-left: calc(-1.5rem);width: calc(100% + 3rem + 0.4725px);max-width: calc(100% + 3rem + 0.4725px);}#main > .inner > .full:first-child {margin-top: -1.875rem !important;}#main > .inner > .full:last-child {margin-bottom: -1.875rem !important;}#main > .inner > .full.screen {margin-left: -50vw;}#main > .inner > * > .full {margin-left: calc(-1.5rem);width: calc(100% + 3rem + 0.4725px);max-width: calc(100% + 3rem + 0.4725px);}#main > .inner > * > .full.screen {margin-left: -50vw;}#main > .inner > footer > .full:last-child {margin-bottom: -1.875rem !important;}#main > .inner > .active > .full:first-child {margin-top: -1.875rem !important;}#text01 {font-size: 1.5em;}#text04 {font-size: 1em;}#text02 {font-size: 1.5em;}#text05 {font-size: 1em;}#text07 {font-size: 1.5em;}#text08 {font-size: 1em;}#text03 {font-size: 1.5em;}#text06 {font-size: 1em;}#credits {font-size: 0.8em;}#icons01 {width: calc(100% + 1.125rem);margin-left: -0.5625rem;}#icons01 li {margin: 0.5625rem;}#buttons01 {width: calc(100% + 0.75rem);margin-left: -0.375rem;}#buttons01 li {max-width: calc(100% - 0.75rem);margin: 0.375rem;}}</style><noscript>&amp;lt;style&amp;gt;body {overflow: auto !important;}#main {opacity: 1.0 !important;-moz-transform: none !important;-webkit-transform: none !important;-ms-transform: none !important;transform: none !important;-moz-transition: none !important;-webkit-transition: none !important;-ms-transition: none !important;transition: none !important;-moz-filter: none !important;-webkit-filter: none !important;-ms-filter: none !important;filter: none !important;}#main &amp;gt; .inner &amp;gt; section {opacity: 1.0 !important;-moz-transform: none !important;-webkit-transform: none !important;-ms-transform: none !important;transform: none !important;-moz-transition: none !important;-webkit-transition: none !important;-ms-transition: none !important;transition: none !important;-moz-filter: none !important;-webkit-filter: none !important;-ms-filter: none !important;filter: none !important;}&amp;lt;/style&amp;gt;</noscript><style></style><style></style><style></style><style></style><style></style></head><body class="is-ready" data-gr-c-s-loaded="true" data-new-gr-c-s-check-loaded="14.991.0" data-gr-ext-installed=""><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 40 40" display="none" width="0" height="0"><symbol id="icon-90a" viewBox="0 0 40 40"><path d="M37.3,15.3v15.3c0,0.8-0.3,1.6-0.9,2.2c-0.6,0.6-1.4,0.9-2.2,0.9H5.8c-0.8,0-1.6-0.3-2.2-0.9s-0.9-1.4-0.9-2.2V15.3 c0.5,0.6,1.2,1.1,2,1.7c4.7,3.1,7.9,5.4,9.6,6.7c0.7,0.5,1.4,0.9,1.8,1.2c0.4,0.3,1,0.6,1.9,0.9c0.7,0.3,1.5,0.5,2.1,0.5l0,0 c0.6,0,1.4-0.2,2.1-0.5c0.7-0.3,1.4-0.6,1.9-0.9c0.4-0.3,1-0.7,1.8-1.2c2.2-1.6,5.4-3.8,9.6-6.7C36.1,16.5,36.7,15.9,37.3,15.3 L37.3,15.3z M37.3,9.6c0,1-0.3,2-0.9,2.9c-0.6,0.9-1.5,1.8-2.4,2.4c-4.9,3.3-7.9,5.4-9,6.2c-0.1,0.1-0.4,0.3-0.8,0.6 c-0.4,0.3-0.7,0.5-1,0.7c-0.3,0.2-0.6,0.4-1,0.6c-0.4,0.2-0.7,0.4-1.1,0.5c-0.4,0.1-0.6,0.2-0.9,0.2l0,0c-0.3,0-0.6-0.1-0.9-0.2 c-0.3-0.1-0.7-0.3-1.1-0.5c-0.4-0.2-0.7-0.4-1-0.6c-0.3-0.2-0.6-0.4-1-0.7c-0.4-0.3-0.7-0.5-0.8-0.6c-1.1-0.8-2.8-2-5.1-3.5 c-2.3-1.6-3.3-2.4-3.7-2.7c-0.8-0.5-1.6-1.2-2.3-2.2s-1-1.9-1-2.6c0-1,0.3-1.9,0.8-2.5c0.5-0.6,1.2-1,2.3-1h28.4 c0.8,0,1.6,0.3,2.2,0.9C37.1,8.1,37.3,8.8,37.3,9.6L37.3,9.6z"></path></symbol><symbol id="icon-910" viewBox="0 0 40 40"><path d="M20,7c4.2,0,4.7,0,6.3,0.1c1.5,0.1,2.3,0.3,3,0.5C30,8,30.5,8.3,31.1,8.9c0.5,0.5,0.9,1.1,1.2,1.8c0.2,0.5,0.5,1.4,0.5,3 C33,15.3,33,15.8,33,20s0,4.7-0.1,6.3c-0.1,1.5-0.3,2.3-0.5,3c-0.3,0.7-0.6,1.2-1.2,1.8c-0.5,0.5-1.1,0.9-1.8,1.2 c-0.5,0.2-1.4,0.5-3,0.5C24.7,33,24.2,33,20,33s-4.7,0-6.3-0.1c-1.5-0.1-2.3-0.3-3-0.5C10,32,9.5,31.7,8.9,31.1 C8.4,30.6,8,30,7.7,29.3c-0.2-0.5-0.5-1.4-0.5-3C7,24.7,7,24.2,7,20s0-4.7,0.1-6.3c0.1-1.5,0.3-2.3,0.5-3C8,10,8.3,9.5,8.9,8.9 C9.4,8.4,10,8,10.7,7.7c0.5-0.2,1.4-0.5,3-0.5C15.3,7.1,15.8,7,20,7z M20,4.3c-4.3,0-4.8,0-6.5,0.1c-1.6,0-2.8,0.3-3.8,0.7 C8.7,5.5,7.8,6,6.9,6.9C6,7.8,5.5,8.7,5.1,9.7c-0.4,1-0.6,2.1-0.7,3.8c-0.1,1.7-0.1,2.2-0.1,6.5s0,4.8,0.1,6.5 c0,1.6,0.3,2.8,0.7,3.8c0.4,1,0.9,1.9,1.8,2.8c0.9,0.9,1.7,1.4,2.8,1.8c1,0.4,2.1,0.6,3.8,0.7c1.6,0.1,2.2,0.1,6.5,0.1 s4.8,0,6.5-0.1c1.6-0.1,2.9-0.3,3.8-0.7c1-0.4,1.9-0.9,2.8-1.8c0.9-0.9,1.4-1.7,1.8-2.8c0.4-1,0.6-2.1,0.7-3.8 c0.1-1.6,0.1-2.2,0.1-6.5s0-4.8-0.1-6.5c-0.1-1.6-0.3-2.9-0.7-3.8c-0.4-1-0.9-1.9-1.8-2.8c-0.9-0.9-1.7-1.4-2.8-1.8 c-1-0.4-2.1-0.6-3.8-0.7C24.8,4.3,24.3,4.3,20,4.3L20,4.3L20,4.3z"></path><path d="M20,11.9c-4.5,0-8.1,3.7-8.1,8.1s3.7,8.1,8.1,8.1s8.1-3.7,8.1-8.1S24.5,11.9,20,11.9z M20,25.2c-2.9,0-5.2-2.3-5.2-5.2 s2.3-5.2,5.2-5.2s5.2,2.3,5.2,5.2S22.9,25.2,20,25.2z"></path><path d="M30.6,11.6c0,1-0.8,1.9-1.9,1.9c-1,0-1.9-0.8-1.9-1.9s0.8-1.9,1.9-1.9C29.8,9.7,30.6,10.5,30.6,11.6z"></path></symbol><symbol id="icon-905" viewBox="0 0 40 40"><path d="M36.3,10.2c-1,1.3-2.1,2.5-3.4,3.5c0,0.2,0,0.4,0,1c0,1.7-0.2,3.6-0.9,5.3c-0.6,1.7-1.2,3.5-2.4,5.1 c-1.1,1.5-2.3,3.1-3.7,4.3c-1.4,1.2-3.3,2.3-5.3,3c-2.1,0.8-4.2,1.2-6.6,1.2c-3.6,0-7-1-10.2-3c0.4,0,1.1,0.1,1.5,0.1 c3.1,0,5.9-1,8.2-2.9c-1.4,0-2.7-0.4-3.8-1.3c-1.2-1-1.9-2-2.2-3.3c0.4,0.1,1,0.1,1.2,0.1c0.6,0,1.2-0.1,1.7-0.2 c-1.4-0.3-2.7-1.1-3.7-2.3s-1.4-2.6-1.4-4.2v-0.1c1,0.6,2,0.9,3,0.9c-1-0.6-1.5-1.3-2.2-2.4c-0.6-1-0.9-2.1-0.9-3.3s0.3-2.3,1-3.4 c1.5,2.1,3.6,3.6,6,4.9s4.9,2,7.6,2.1c-0.1-0.6-0.1-1.1-0.1-1.4c0-1.8,0.8-3.5,2-4.7c1.2-1.2,2.9-2,4.7-2c2,0,3.6,0.8,4.8,2.1 c1.4-0.3,2.9-0.9,4.2-1.5c-0.4,1.5-1.4,2.7-2.9,3.6C33.8,11.2,35.1,10.9,36.3,10.2L36.3,10.2z"></path></symbol></svg><div id="wrapper"><div id="main"><div class="inner"><section id="home-section" class="active" style=""><div id="image01" class="image"><img src="https://raw.githubusercontent.com/ayouch/yassineayouch.github.io/master/me.PNG" alt="Yassine Ayouch"></div><h1 id="text01">Yassine Ayouch</h1>
</section><section id="about-section" class="inactive" style="display: none;"><h2 id="text02">About</h2><p id="text05">-</p></section><section id="companies-section" class="inactive" style="display: none;"><h2 id="text07">Companies</h2><p id="text08">lowkey.</p></section><section id="contact-section" class="inactive" style="display: none;"><h2 id="text03">Contact</h2><p id="text06">email is the best way to contact me</p><ul id="icons01" class="icons"><li><a class="n01" href="https://instagram.com/yvssine"><svg><use xlink:href="#icon-910"></use></svg><span class="label">Instagram</span></a></li><li><a class="n02" href="https://twitter.com/ayouch"><svg><use xlink:href="#icon-905"></use></svg><span class="label">Twitter</span></a></li><li><a class="n03" href="mailto:yassine@ayouch.com"><svg><use xlink:href="#icon-90a"></use></svg><span class="label">Email</span></a></li></ul></section><footer id="footer"><hr id="divider01"><ul id="buttons01" class="buttons"><li><a href="#home" class="button n01">Home</a></li><li><a href="#contact" class="button n04">Contact</a></li></ul></footer></div></div></div><script>(function() {var on = addEventListener,$ = function(q) { return document.querySelector(q) },$$ = function(q) { return document.querySelectorAll(q) },$body = document.body,$inner = $('.inner'),client = (function() {var o = {browser: 'other',browserVersion: 0,os: 'other',osVersion: 0,canUse: null},ua = navigator.userAgent,a, i;a = [['firefox', /Firefox\/([0-9\.]+)/],['edge', /Edge\/([0-9\.]+)/],['safari', /Version\/([0-9\.]+).+Safari/],['chrome', /Chrome\/([0-9\.]+)/],['ie', /Trident\/.+rv:([0-9]+)/]];for (i=0; i < a.length; i++) {if (ua.match(a[i][1])) {o.browser = a[i][0];o.browserVersion = parseFloat(RegExp.$1);break;}}a = [['ios', /([0-9_]+) like Mac OS X/, function(v) { return v.replace('_', '.').replace('_', ''); }],['ios', /CPU like Mac OS X/, function(v) { return 0 }],['ios', /iPad; CPU/, function(v) { return 0 }],['android', /Android ([0-9\.]+)/, null],['mac', /Macintosh.+Mac OS X ([0-9_]+)/, function(v) { return v.replace('_', '.').replace('_', ''); }],['windows', /Windows NT ([0-9\.]+)/, null],['undefined', /Undefined/, null],];for (i=0; i < a.length; i++) {if (ua.match(a[i][1])) {o.os = a[i][0];o.osVersion = parseFloat( a[i][2] ? (a[i][2])(RegExp.$1) : RegExp.$1 );break;}}if (o.os == 'mac'&& ('ontouchstart' in window)&& ((screen.width == 1024 && screen.height == 1366)|| (screen.width == 834 && screen.height == 1112)|| (screen.width == 810 && screen.height == 1080)|| (screen.width == 768 && screen.height == 1024)))o.os = 'ios';var _canUse = document.createElement('div');o.canUse = function(p) {var e = _canUse.style,up = p.charAt(0).toUpperCase() + p.slice(1);return (p in e|| ('Moz' + up) in e|| ('Webkit' + up) in e|| ('O' + up) in e|| ('ms' + up) in e);};return o;}()),trigger = function(t) {if (client.browser == 'ie') {var e = document.createEvent('Event');e.initEvent(t, false, true);dispatchEvent(e);} else dispatchEvent(new Event(t));},cssRules = function(selectorText) {var ss = document.styleSheets,a = [],f = function(s) {var r = s.cssRules,i;for (i=0; i < r.length; i++) {if (r[i] instanceof CSSMediaRule && matchMedia(r[i].conditionText).matches)(f)(r[i]); else if (r[i] instanceof CSSStyleRule && r[i].selectorText == selectorText)a.push(r[i]);}},x, i;for (i=0; i < ss.length; i++)f(ss[i]);return a;},thisHash = function() {var h = location.hash ? location.hash.substring(1) : null,a;if (!h)return null;if (h.match(/\?/)) {a = h.split('?');h = a[0];history.replaceState(undefined, undefined, '#' + h);window.location.search = a[1];}if (h.length > 0&& !h.match(/^[a-zA-Z]/))h = 'x' + h;return h;};var thisURL = function() {return window.location.href.replace(window.location.search, '').replace(/#$/, '');},getVar = function(name) {var a = window.location.search.substring(1).split('&'),b, k;for (k in a) {b = a[k].split('=');if (b[0] == name)return b[1];}return null;},cmd = function(cmd, values, handler) {var x, k, data;data = new FormData;data.append('cmd', cmd);for (k in values)data.append(k, values[k]);x = new XMLHttpRequest();x.open('POST', 'post/cmd');x.onreadystatechange = function() {var o;if (x.readyState != 4)return;if (x.status != 200)throw new Error('Failed server response (' + x.status + ')');try {o = JSON.parse(x.responseText);}catch (e) {throw new Error('Invalid server response');}if (!('result' in o)|| !('message' in o))throw new Error('Incomplete server response');if (o.result !== true)throw new Error(o.message);(handler)(o);};x.send(data);},redirectToStripeCheckout = function(options) {cmd('stripeCheckoutStart',options,function(response) {Stripe(options.key).redirectToCheckout({sessionId: response.sessionId}).then(function (result) {alert(result.error.message);});});},errors = {handle: function(handler) {window.onerror = function(message) {(handler)(message);return true;};},unhandle: function() {window.onerror = null;}},db = {open: function(objectStoreName, handler) {var request = indexedDB.open('carrd');request.onupgradeneeded = function(event) {event.target.result.createObjectStore(objectStoreName,{keyPath: 'id'});};request.onsuccess = function(event) {(handler)(event.target.result.transaction([objectStoreName],'readwrite').objectStore(objectStoreName));};},put: function(objectStore, values, handler) {var request = objectStore.put(values);request.onsuccess = function(event) {(handler)();};request.onerror = function(event) {throw new Error('db.put: error');};},get: function(objectStore, id, handler) {var request = objectStore.get(id);request.onsuccess = function(event) {if (!event.target.result)throw new Error('db.get: could not retrieve object with id "' + id + '"');(handler)(event.target.result);};request.onerror = function(event) {throw new Error('db.get: error');};},delete: function(objectStore, id, handler) {objectStore.delete(id).onsuccess = function(event) {(handler)(event.target.result);};},};on('load', function() {setTimeout(function() {$body.className = $body.className.replace(/\bis-loading\b/, 'is-playing');setTimeout(function() {$body.className = $body.className.replace(/\bis-playing\b/, 'is-ready');}, 1000);}, 100);});(function() {var initialSection, initialScrollPoint, initialId,header, footer, name, hideHeader, hideFooter,h, e, ee, k,locked = false,doNext = function() {var section;section = $('#main > .inner > section.active').nextElementSibling;if (!section || section.tagName != 'SECTION')return;location.href = '#' + section.id.replace(/-section$/, '');},doPrevious = function() {var section;section = $('#main > .inner > section.active').previousElementSibling;if (!section || section.tagName != 'SECTION')return;location.href = '#' + (section.matches(':first-child') ? '' : section.id.replace(/-section$/, ''));},doScroll = function(e, style, duration) {var y, cy, dy,start, easing, f;if (!e)y = 0; else switch (e.dataset.scrollBehavior ? e.dataset.scrollBehavior : 'default') {case 'default':default:y = e.offsetTop;break;case 'center':if (e.offsetHeight < window.innerHeight)y = e.offsetTop - ((window.innerHeight - e.offsetHeight) / 2); else y = e.offsetTop;break;case 'previous':if (e.previousElementSibling)y = e.previousElementSibling.offsetTop + e.previousElementSibling.offsetHeight; else y = e.offsetTop;break;}if (!style)style = 'smooth';if (!duration)duration = 750;if (style == 'instant') {window.scrollTo(0, y);return;}start = Date.now();cy = window.scrollY;dy = y - cy;switch (style) {case 'linear':easing = function (t) { return t };break;case 'smooth':easing = function (t) { return t<.5 ? 4*t*t*t : (t-1)*(2*t-2)*(2*t-2)+1 };break;}f = function() {var t = Date.now() - start;if (t >= duration)window.scroll(0, y); else {window.scroll(0, cy + (dy * easing(t / duration)));requestAnimationFrame(f);}};f();},loadElements = function(parent) {var a, i;a = parent.querySelectorAll('iframe[data-src]:not([data-src=""])');for (i=0; i < a.length; i++) {a[i].src = a[i].dataset.src;a[i].dataset.src = "";}},unloadElements = function(parent) {var a, i;a = parent.querySelectorAll('iframe[data-src=""]');for (i=0; i < a.length; i++) {a[i].dataset.src = a[i].src;a[i].src = '';}a = parent.querySelectorAll('video');for (i=0; i < a.length; i++) {a[i].pause();}},sections = {};window._next = doNext;window._previous = doPrevious;if ('scrollRestoration' in history)history.scrollRestoration = 'manual';header = $('#header');footer = $('#footer');h = thisHash();if (h&& !h.match(/^[a-zA-Z0-9\-]+$/))h = null;if (e = $('[data-scroll-id="' + h + '"]')) {initialScrollPoint = e;initialSection = initialScrollPoint.parentElement;initialId = initialSection.id;} else if (e = $('#' + (h ? h : 'home') + '-section')) {initialScrollPoint = null;initialSection = e;initialId = initialSection.id;}if (!initialSection) {initialScrollPoint = null;initialSection = $('#' + 'home' + '-section');initialId = initialSection.id;history.replaceState(undefined, undefined, '#');}name = (h ? h : 'home');hideHeader = name ? ((name in sections) && ('hideHeader' in sections[name]) && sections[name].hideHeader) : false;hideFooter = name ? ((name in sections) && ('hideFooter' in sections[name]) && sections[name].hideFooter) : false;if (header && hideHeader) {header.classList.add('hidden');header.style.display = 'none';}if (footer && hideFooter) {footer.classList.add('hidden');footer.style.display = 'none';}ee = $$('#main > .inner > section:not([id="' + initialId + '"])');for (k = 0; k < ee.length; k++) {ee[k].className = 'inactive';ee[k].style.display = 'none';}initialSection.classList.add('active');loadElements(initialSection);doScroll(null, 'instant');on('load', function() {if (initialScrollPoint)doScroll(initialScrollPoint, 'instant');});on('hashchange', function(event) {var section, scrollPoint, id, sectionHeight, currentSection, currentSectionHeight,name, hideHeader, hideFooter,h, e, ee, k;if (locked)return false;h = thisHash();if (h&& !h.match(/^[a-zA-Z0-9\-]+$/))return false;if (e = $('[data-scroll-id="' + h + '"]')) {scrollPoint = e;section = scrollPoint.parentElement;id = section.id;} else if (e = $('#' + (h ? h : 'home') + '-section')) {scrollPoint = null;section = e;id = section.id;} else {scrollPoint = null;section = $('#' + 'home' + '-section');id = section.id;history.replaceState(undefined, undefined, '#');}if (!section)return false;if (!section.classList.contains('inactive')) {if (scrollPoint)doScroll(scrollPoint); else doScroll(null);return false;} else {locked = true;if (location.hash == '#home')history.replaceState(null, null, '#');name = (section ? section.id.replace(/-section$/, '') : null);hideHeader = name ? ((name in sections) && ('hideHeader' in sections[name]) && sections[name].hideHeader) : false;hideFooter = name ? ((name in sections) && ('hideFooter' in sections[name]) && sections[name].hideFooter) : false;if (header && hideHeader) {header.classList.add('hidden');setTimeout(function() {header.style.display = 'none';}, 375);}if (footer && hideFooter) {footer.classList.add('hidden');setTimeout(function() {footer.style.display = 'none';}, 375);}currentSection = $('#main > .inner > section:not(.inactive)');if (currentSection) {currentSectionHeight = currentSection.offsetHeight;currentSection.classList.add('inactive');unloadElements(currentSection);setTimeout(function() {currentSection.style.display = 'none';currentSection.classList.remove('active');}, 375);}setTimeout(function() {if (header && !hideHeader) {header.style.display = '';setTimeout(function() {header.classList.remove('hidden');}, 0);}if (footer && !hideFooter) {footer.style.display = '';setTimeout(function() {footer.classList.remove('hidden');}, 0);}section.style.display = '';trigger('resize');doScroll(null, 'instant');sectionHeight = section.offsetHeight;if (sectionHeight > currentSectionHeight) {section.style.maxHeight = currentSectionHeight + 'px';section.style.minHeight = '0';} else {section.style.maxHeight = '';section.style.minHeight = currentSectionHeight + 'px';}setTimeout(function() {section.classList.remove('inactive');section.classList.add('active');section.style.minHeight = sectionHeight + 'px';section.style.maxHeight = sectionHeight + 'px';setTimeout(function() {section.style.transition = 'none';section.style.minHeight = '';section.style.maxHeight = '';loadElements(section);if (scrollPoint)doScroll(scrollPoint, 'instant');setTimeout(function() {section.style.transition = '';locked = false;}, 75);}, 750);}, 75);}, 375);}return false;});on('click', function(event) {var t = event.target;if (t.tagName == 'IMG'&& t.parentElement&& t.parentElement.tagName == 'A')t = t.parentElement;if (t.tagName == 'A'&& t.getAttribute('href').substr(0, 1) == '#'&& t.hash == window.location.hash) {event.preventDefault();history.replaceState(undefined, undefined, '#');location.replace(t.hash);}});})();var style, sheet, rule;style = document.createElement('style');style.appendChild(document.createTextNode(''));document.head.appendChild(style);sheet = style.sheet;if (client.os == 'android') {(function() {sheet.insertRule('body::after { }', 0);rule = sheet.cssRules[0];var f = function() {rule.style.cssText = 'height: ' + (Math.max(screen.width, screen.height)) + 'px';};on('load', f);on('orientationchange', f);on('touchmove', f);})();$body.classList.add('is-touch');} else if (client.os == 'ios') {if (client.osVersion <= 11)(function() {sheet.insertRule('body::after { }', 0);rule = sheet.cssRules[0];rule.style.cssText = '-webkit-transform: scale(1.0)';})();if (client.osVersion <= 11)(function() {sheet.insertRule('body.ios-focus-fix::before { }', 0);rule = sheet.cssRules[0];rule.style.cssText = 'height: calc(100% + 60px)';on('focus', function(event) {$body.classList.add('ios-focus-fix');}, true);on('blur', function(event) {$body.classList.remove('ios-focus-fix');}, true);})();$body.classList.add('is-touch');} else if (client.browser == 'ie') {if (!('matches' in Element.prototype))Element.prototype.matches = (Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector);(function() {var a = cssRules('body::before'),r;if (a.length > 0) {r = a[0];if (r.style.width.match('calc')) {r.style.opacity = 0.9999;setTimeout(function() {r.style.opacity = 1;}, 100);} else {document.styleSheets[0].addRule('body::before', 'content: none !important;');$body.style.backgroundImage = r.style.backgroundImage.replace('url("images/', 'url("assets/images/');$body.style.backgroundPosition = r.style.backgroundPosition;$body.style.backgroundRepeat = r.style.backgroundRepeat;$body.style.backgroundColor = r.style.backgroundColor;$body.style.backgroundAttachment = 'fixed';$body.style.backgroundSize = r.style.backgroundSize;}}})();(function() {var t, f;f = function() {var mh, h, s, xx, x, i;x = $('#wrapper');x.style.height = 'auto';if (x.scrollHeight <= innerHeight)x.style.height = '100vh';xx = $$('.container.full');for (i=0; i < xx.length; i++) {x = xx[i];s = getComputedStyle(x);x.style.minHeight = '';x.style.height = '';mh = s.minHeight;x.style.minHeight = 0;x.style.height = '';h = s.height;if (mh == 0)continue;x.style.height = (h > mh ? 'auto' : mh);}};(f)();on('resize', function() {clearTimeout(t);t = setTimeout(f, 250);});on('load', f);})();} else if (client.browser == 'edge') {(function() {var xx = $$('.container > .inner > div:last-child'),x, y, i;for(i=0; i < xx.length; i++) {x = xx[i];y = getComputedStyle(x.parentNode);if (y.display != 'flex'&& y.display != 'inline-flex')continue;x.style.marginLeft = '-1px';}})();}if (!client.canUse('object-fit')) {(function() {var xx = $$('.image[data-position]'),x, w, c, i, src;for (i=0; i < xx.length; i++) {x = xx[i];c = x.firstElementChild;if (c.tagName != 'IMG') {w = c;c = c.firstElementChild;}if (c.parentNode.classList.contains('deferred')) {c.parentNode.classList.remove('deferred');src = c.getAttribute('data-src');c.removeAttribute('data-src');} else src = c.getAttribute('src');c.style['backgroundImage'] = 'url(\'' + src + '\')';c.style['backgroundSize'] = 'cover';c.style['backgroundPosition'] = x.dataset.position;c.style['backgroundRepeat'] = 'no-repeat';c.src = 'data:image/svg+xml;charset=utf8,' + escape('<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1" viewBox="0 0 1 1"></svg>');if (x.classList.contains('full')&& (x.parentNode && x.parentNode.classList.contains('full'))&& (x.parentNode.parentNode && x.parentNode.parentNode.parentNode && x.parentNode.parentNode.parentNode.classList.contains('container'))&& x.parentNode.children.length == 1) {(function(x, w) {var p = x.parentNode.parentNode,f = function() {x.style['height'] = '0px';clearTimeout(t);t = setTimeout(function() {if (getComputedStyle(p).flexDirection == 'row') {if (w)w.style['height'] = '100%';x.style['height'] = (p.scrollHeight + 1) + 'px';} else {if (w)w.style['height'] = 'auto';x.style['height'] = 'auto';}}, 125);},t;on('resize', f);on('load', f);(f)();})(x, w);}}})();(function() {var xx = $$('.gallery img'),x, p, i, src;for (i=0;i < xx.length; i++) {x = xx[i];p = x.parentNode;if (p.classList.contains('deferred')) {p.classList.remove('deferred');src = x.getAttribute('data-src');} else src = x.getAttribute('src');p.style['backgroundImage'] = 'url(\'' + src + '\')';p.style['backgroundSize'] = 'cover';p.style['backgroundPosition'] = 'center';p.style['backgroundRepeat'] = 'no-repeat';x.style['opacity'] = '0';}})();}})();</script>
</body></html>