-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
2 lines (2 loc) · 22.6 KB
/
index.html
1
2
<!doctype html> <html class=no-js lang=en> <head> <meta charset=utf-8> <meta http-equiv=x-ua-compatible content="ie=edge"> <meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,shrink-to-fit=no,user-scalable=no,viewport-fit=cover"> <title>Wei Zhong › Web Designer / Developer</title> <meta name=title content="Wei Zhong | Home"> <meta name=description content="I’m a Web Designer / Developer based in Toronto, Canada. As a designer, I enjoy to be inspired and create unique solutions."> <meta name=keywords content="Wei, Lin, Zhong, Graphic, Web, Design, Developer, Front-end, WordPress, Toronto, Canada"> <meta property=og:url content=http://weilinzhong.com> <meta property=og:type content=website> <meta property=og:title content="Wei Zhong"> <meta property=og:description content="I’m a Web Designer / Developer based in Toronto. As a designer, I enjoy to be inspired and create unique solutions. I believe learning / experiencing design design and development will be my lifelong journey."> <meta property=og:image content=http://weilinzhong.com/img/weilinzhong-a125996118.com-share-img.jpg> <link rel=apple-touch-icon sizes=57x57 href=/img/favicon/apple-icon-57x57-185cbc2f4d.png> <link rel=apple-touch-icon sizes=60x60 href=/img/favicon/apple-icon-60x60-b2f251bc3c.png> <link rel=apple-touch-icon sizes=72x72 href=/img/favicon/apple-icon-72x72-61ab93d2aa.png> <link rel=apple-touch-icon sizes=76x76 href=/img/favicon/apple-icon-76x76-ebd308dc6a.png> <link rel=apple-touch-icon sizes=114x114 href=/img/favicon/apple-icon-114x114-57cbb4f873.png> <link rel=apple-touch-icon sizes=120x120 href=/img/favicon/apple-icon-120x120-10f21b512c.png> <link rel=apple-touch-icon sizes=144x144 href=/img/favicon/apple-icon-144x144-a8a0896a73.png> <link rel=apple-touch-icon sizes=152x152 href=/img/favicon/apple-icon-152x152-3fd3909229.png> <link rel=apple-touch-icon sizes=180x180 href=/img/favicon/apple-icon-180x180-fc351ba139.png> <link rel=icon type=image/png sizes=192x192 href=/img/favicon/android-icon-192x192-b97f0fb2d9.png> <link rel=icon type=image/png sizes=32x32 href=/img/favicon/favicon-32x32-58dee92168.png> <link rel=icon type=image/png sizes=96x96 href=/img/favicon/favicon-96x96-de832c6b62.png> <link rel=icon type=image/png sizes=16x16 href=/img/favicon/favicon-16x16-f11be53eeb.png> <link rel=icon type=image/x-icon href=/img/favicon/favicon-c24e023111.ico> <meta name=msapplication-TileColor content=#ffffff> <meta name=msapplication-TileImage content=/img/favicon/ms-icon-144x144-a8a0896a73.png> <meta name=theme-color content=#ffffff> <link rel=stylesheet href=/css/style-4568790d87.css> <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:700" rel=stylesheet> <link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700" rel=stylesheet> </head> <div class=calligraphy-wrapper> <svg xmlns:rdf=http://www.w3.org/1999/02/22-rdf-syntax-ns# xmlns:svg=http://www.w3.org/2000/svg xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink viewBox="0 0 164 80" x=0 y=0 version=1.1 class=calligraphy-logo> <clipPath id=clip-w1> <path id=w1 fill-rule=evenodd clip-rule=evenodd d=M23.123,34.771c0.317-0.814,0.553-1.692,0.157-2.526c-0.222-0.468-0.62-0.956-1.023-1.28c-1.36-1.094-1.5-2.125-1.5-2.125c-2.562,0.125-2.7,1.611-3.098,2.893c-1.025,3.303-1.072,3.524-2.91,6.487c-0.856,1.382-3.873,5.829-5.899,3.89c-1.4-1.342-1.244-6.479-0.328-10.226c0.871-3.562,2.366-6.693,4.051-9.925c0.541-1.039,1.592-2.635,0.773-3.784c-1.016-1.426-3.024-0.903-4.074-0.542c-2.897,0.999-4.367,3.754-5.251,6.503c-1.233,3.837-1.831,8.001-1.86,12.028c-0.015,1.938,0.152,4.117,0.603,6.01c0.642,2.686,2.167,6.607,5.532,6.646c1.147,0.014,2.349-0.141,3.371-0.653c0.808-0.406,1.696-0.931,2.292-1.384c2.109-1.606,2.613-2.256,3.885-3.83c0.001,0.006,0.003,0.012,0.005,0.017c1.661-2.075,3.612-4.744,4.866-7.208C22.853,35.431,22.994,35.101,23.123,34.771z> </path> </clipPath> <path id=cw1 clip-path=url(#clip-w1) fill=none stroke=#FFFFFF stroke-width=10 d=M12.062,16.792C-0.812,33.027,4.343,45.543,8.771,46.126c7.901,1.04,12.607-15.056,13.708-16.25 class="c-logo-path w1"></path> <clipPath id=clip-w2> <path id=w2 fill-rule=evenodd clip-rule=evenodd d=M45.54,12.931c-0.097-1.133-0.272-2.286-0.563-3.413c-0.572-2.218-1.631-4.452-3.332-6.045c-0.59-0.552-1.209-0.996-1.92-1.373c-1.146-0.61-2.349-0.918-3.477-0.893c-2.486-0.066-4.962,1.088-6.374,3.961c-2.598,5.435,0.657,10.071,5.618,11.4c0.445,0.12,0.9,0.223,1.371,0.287c-0.015-0.41-0.127-1.413-0.239-2.135c-0.03-0.195-0.061-0.375-0.089-0.511c-1.684-0.006-3.523-0.35-4.775-1.562c-1.844-1.785-1.426-4.608-0.066-5.792c0.653-0.568,1.52-0.761,2.459-0.274c1.525,0.791,2.643,2.521,3.291,4.059c1.945,4.61,1.304,10.039-0.218,14.666c-0.46,1.398-1.021,2.78-1.646,4.113c-1.52,3.243-3.613,7.096-5.955,9.811c-1.394,1.615-4.25,4.125-5.742,3.75c-0.348-0.088-0.622-0.08-0.919-0.326c-0.149-0.123-0.272-0.28-0.385-0.444c-0.059-0.085-0.119-0.171-0.17-0.258c-0.798-1.366-0.688-3.771,0.033-5.53c0.115-0.282,0.231-0.563,0.349-0.845l-5.134-0.878c0,0-0.594,4.757,0.231,8.407c0.211,0.933,0.509,1.796,0.939,2.485c0.002,0.003,0.004,0.005,0.006,0.008c0.991,1.928,2.562,3.404,5.057,3.116c1.035-0.118,2.094-0.479,3.039-0.911c1.449-0.664,2.98-1.66,4.083-2.55c0.684-0.55,1.328-1.155,1.929-1.795c1.418-1.506,2.698-3.119,3.877-4.815c2.927-4.217,5.844-9.998,7.333-14.915C45.213,20.243,45.828,16.58,45.54,12.931z> </path> </clipPath> <path id=cw2 clip-path=url(#clip-w2) fill=none stroke=#FFFFFF stroke-width=10 d="M22.479,29.876c-7.958,18.229,1.763,20.128,9.052,11.487
C38.742,33.379,49,12.886,38.5,4.698C31.938,0,25.077,10.887,33.904,14.976c0.35,0.162,1.704,0.677,2.825,0.513" class="c-logo-path w2"> </path> <clipPath id=clip-w3> <path id=w3 fill-rule=evenodd clip-rule=nonezero d=M70.236,11.313c-4.689-0.807-9.467-0.576-14.256,0.06c-2.883,0.383-5.771,0.913-8.646,1.452c0.003,0.089,0.004,0.197,0.005,0.298c0.004,0.25,0.005,0.522,0.001,0.831c-0.008,0.562-0.031,1.205-0.085,1.911c0.015-0.001,0.029-0.002,0.043-0.003c6.175-0.44,12.437-0.5,18.535,0.701c1.481,0.292,2.952,0.665,4.376,1.173c1.634,0.583,3.075,1.296,4.246,2.171c0.327-0.486,0.857-1.49,1.25-2.588c0.121-0.338,0.229-0.685,0.314-1.029C76.965,12.594,73.917,11.964,70.236,11.313z> </path> </clipPath> <path id=cw3 clip-path=url(#clip-w3) fill=none stroke=#FFFFFF stroke-width=10 stroke-miterlimit=10 d=M47.316,14.806c9.722-1.434,19.42-3.933,28.506,2.212 class="c-logo-path w3"></path> </svg> <div class="preload-fall-back d-xl-none"> <div class=spinner> <div class=bounce1></div> <div class=bounce2></div> <div class=bounce3></div> </div> </div> </div> <body class=home-page> <div class="alert alert-warning d-xl-none"><span>Your browser is not <strong>supported</strong>. Please switch or update your browser for the best viewing experience.</span></div> <main class=wrapper> <section class=landing> <div class=container> <div class=row> <div class="col-xl-5 col-lg-6 align-self-center intro"> <div class=headline> <h1>HELLO, I’M WEI.</h1> <span class=subline>Visual Web Design and Web Development</span> </div> <p> My name is Wei Zhong, a visual web designer & developer based in Toronto, Canada<sup>🇨🇦</sup>. Specialized in creating unique customer experiences and high-converting solutions for online digital marketing. </p> <p> I believe learning and experiencing new web technologies will be a lifelong journey that could lead me to keep moving forward around the web industry. </p> <p> Currently, I am working with awesome people at <a href=http://www.searchkings.com target=_blank>SearchKings</a>. </p> <div class=social-medias> <p>Find out more about me</p> <span class=social-icons> <ul> <li class=social-dribbble> <a class=dribbble href=https://dribbble.com/weilinzung target=_blank title=Dribbble><i class=icon-dribbble></i></a> </li> <li class=social-github> <a class=github href=https://github.com/weilinzung target=_blank title=Github><i class=icon-github></i></a> </li> <li class=social-linkedin> <a class=linkedin href=https://www.linkedin.com/in/weilinzhong target=_blank title=LinkedIn><i class=icon-linkedin></i></a> </li> <li class=social-instagram> <a class=instagram href=https://www.instagram.com/weilinzung/ target=_blank title=Instagram><i class=icon-instagram></i></a> </li> <li class=social-cv> <a class=resume href=resume/zhong_weilin_web-resume.pdf target=_blank title=Resume><i class=icon-cv></i></a> </li> <li class=social-email> <a class=email href="mailto:[email protected]?Subject=Hello%20Wei" title=Email><i class=icon-mail></i></a> </li> </ul> </span> </div> </div> <div class="col-xl-7 col-lg-6 align-self-center graphics"> <div class=block-wrapper> <div class=terminal><svg class=svg-wrapper viewBox="0 0 418 328" preserveAspectRatio=xMinYMid version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink> <g stroke=none stroke-width=1 fill=none fill-rule=evenodd> <g id=terminal-wrapper> <g id=tab> <path d="M0,1.99328744 C0,0.892425187 0.888212968,0 2.00400371,0 L415.995996,0 C417.102777,0 418,0.899712682 418,1.99328744 L418,29 L0,29 L0,1.99328744 Z" id=bg fill=#101010></path> <ellipse id=Extend fill=#00CC57 cx=29.8142719 cy=14.2745767 rx=2.26727097 ry=2.27457668></ellipse> <ellipse id=Close fill=#FF5D5B cx=14.267271 cy=14.2745767 rx=2.26727097 ry=2.27457668></ellipse> <ellipse id=Minimize fill=#FFBC4C cx=22.0407715 cy=14.2745767 rx=2.26727097 ry=2.27457668></ellipse> </g> <path d="M0,28 L418,28 L418,325.862417 C418,327.042971 417.046648,328 415.862969,328 L2.13703109,328 C0.95678141,328 0,327.043817 0,325.862417 L0,28 Z" id=bg fill=#1F2A38></path> </g> </g> </svg> <text class=terminal-content-hold> <tspan data-ty><span class=placeholder>▋</span></tspan> </text> <text class=terminal-content data-termynal> <tspan data-ty=input data-ty-typedelay=200 data-ty-prompt="~ local git:(dev/build)">watch</tspan> <tspan data-ty>—— — ——— — — — —— —— — —— — ———— ——</tspan> <tspan class=desktop-elements data-ty=progress data-ty-progresschar="· " data-ty-progresslength=23></tspan> <tspan class=mobile-elements>· · · · · · · · · · · · · · · · · · · · · · · 100%</tspan> <tspan data-ty>— — — — ————— — — ——— — —— — — —— —— </tspan> <tspan data-ty>— ——— — — ——— — — — —— </tspan> <tspan data-ty>— — — — — —— —— — —— — — — — —— — — ———— —— — — </tspan> <tspan data-ty>— — — — — — ——— — —— —— — — —— ———— — —</tspan> <tspan class=desktop-elements data-ty=progress data-ty-progresschar="· " data-ty-progresslength=10></tspan> <tspan class=mobile-elements>· · · · · · · · · · 100%</tspan> <tspan data-ty>— —— — —— —————</tspan> <tspan data-ty id=terminal-done><span class=placeholder>▋</span></tspan> </text> </div> <div class=broswer><svg class=svg-wrapper viewBox="0 0 418 260" preserveAspectRatio=xMinYMid version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink> <radialGradient cx=0% cy=0% fx=0% fy=0% r=143.544416% gradientTransform=translate(0.000000,0.000000),scale(0.557416,1.000000),rotate(28.896564),translate(-0.000000,-0.000000) id=radialGradient> <stop stop-color=#E7AC5A offset=0%> <animate attributeName=stop-color values="#E7AC5A; #FFF2AD; #E7AC5A" dur=12s repeatCount=indefinite></animate> </stop> <stop stop-color=#FFF2AD offset=100%> <animate attributeName=stop-color values="#FFF2AD; #E7AC5A; #FFF2AD" dur=12s repeatCount=indefinite></animate> </stop> </radialGradient> <g stroke=none stroke-width=1 fill=none fill-rule=evenodd> <g class=browser-base> <g id=tab> <path d="M0,1.99328744 C0,0.892425187 0.888212968,0 2.00400371,0 L415.995996,0 C417.102777,0 418,0.899712682 418,1.99328744 L418,29 L0,29 L0,1.99328744 Z" id=bg fill=#F6F6F6></path> <ellipse id=Extend fill=#00CC57 cx=29.8142719 cy=14.2745767 rx=2.26727097 ry=2.27457668></ellipse> <ellipse id=Close fill=#FF5D5B cx=14.267271 cy=14.2745767 rx=2.26727097 ry=2.27457668></ellipse> <ellipse id=Minimize fill=#FFBC4C cx=22.0407715 cy=14.2745767 rx=2.26727097 ry=2.27457668></ellipse> </g> <path class=web-bg d="M0,28 L418,28 L418,258.434632 C418,259.614136 417.046648,260.570312 415.862969,260.570312 L2.13703109,260.570312 C0.95678141,260.570312 0,259.608761 0,258.434632 L0,28 Z" fill=#E9E9E9></path> <path class=loaded-bg d="M0,28 L418,28 L418,258.434632 C418,259.614136 417.046648,260.570312 415.862969,260.570312 L2.13703109,260.570312 C0.95678141,260.570312 0,259.608761 0,258.434632 L0,28 Z" fill=url(#radialGradient)></path> </g> </g> <g class=browser-content transform="translate(43.894988, 45)" fill=#FFFFFF> <g class="b-header up"> <rect class=logo x=0 y=0 width=58.8591885 height=22></rect> <g class=menu-item transform="translate(184.558473, 11.000000)"> <path d="M129.689737,0 L146.649165,0 L146.649165,3 L129.689737,3 L129.689737,0 Z M103.75179,0 L120.711217,0 L120.711217,3 L103.75179,3 L103.75179,0 Z M77.8138425,0 L94.7732697,0 L94.7732697,3 L77.8138425,3 L77.8138425,0 Z M25.9379475,0 L42.8973747,0 L42.8973747,3 L25.9379475,3 L25.9379475,0 Z M51.875895,0 L68.8353222,0 L68.8353222,3 L51.875895,3 L51.875895,0 Z M1.70530257e-13,0 L16.9594272,0 L16.9594272,3 L1.70530257e-13,3 L1.70530257e-13,0 Z M1.70530257e-13,5 L16.9594272,5 L16.9594272,6 L1.70530257e-13,6 L1.70530257e-13,5 Z"></path> </g> </g> <g class="b-mesage-line up"> <g transform="translate(92.000000, 100.000000)"> <rect id=subtitle x=0 y=0 width=146.649165 height=10></rect> <rect id=title x=26.9355609 y=17 width=92.778043 height=5></rect> </g> </g> <g class="b-dots up"> <g transform="translate(328.605012, 110.500000) scale(-1, 1) rotate(90.000000) translate(-328.605012, -110.500000) translate(315.105012, 108.000000)"> <ellipse class="dot-1 right" cx=2.49403341 cy=2.5 rx=2.49403341 ry=2.5></ellipse> <ellipse class="dot-2 right" cx=13.4677804 cy=2.5 rx=2.49403341 ry=2.5></ellipse> <ellipse class="dot-3 right" cx=24.4415274 cy=2.5 rx=2.49403341 ry=2.5></ellipse> </g> </g> <g class="b-triangle up"> <polygon transform="translate(163.489260, 199.045455) scale(-1, -1) translate(-163.489260, -199.045455) " points="163.48926 197 167.97852 201.090909 159 201.090909"></polygon> </g> </g> </svg> <text class=loader-wrapper> <tspan class=loading></tspan> </text> </div> </div> <svg class=left-particles viewBox="0 0 62 83" xml:space=preserve preserveAspectRatio=xMinYMid version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink> <g class=moment stroke=none stroke-width=1 fill=none fill-rule=evenodd> <path class=cricle-1 d="M13.2435,2.9954 C11.8835,2.9954 10.5885,3.4914 9.5705,4.4084 C8.4785,5.3914 7.8345,6.7414 7.7575,8.2074 C7.6815,9.6754 8.1805,11.0844 9.1625,12.1754 C10.1455,13.2674 11.4955,13.9114 12.9625,13.9884 C14.4345,14.0654 15.8385,13.5654 16.9305,12.5824 C18.0215,11.5994 18.6655,10.2504 18.7425,8.7834 C18.8195,7.3164 18.3205,5.9074 17.3375,4.8154 C16.3545,3.7244 15.0045,3.0794 13.5375,3.0034 C13.4395,2.9974 13.3415,2.9954 13.2435,2.9954 M13.2545,16.9914 C10.9275,16.9914 8.6095,16.0444 6.9335,14.1834 C5.4145,12.4964 4.6425,10.3184 4.7615,8.0514 C4.8805,5.7834 5.8755,3.6984 7.5625,2.1794 C11.0455,-0.9566 16.4305,-0.6746 19.5665,2.8084 C21.0855,4.4954 21.8575,6.6734 21.7385,8.9404 C21.6195,11.2084 20.6245,13.2934 18.9375,14.8124 C17.3155,16.2724 15.2815,16.9914 13.2545,16.9914" id=Fill-1 fill=#F3751E></path> <path class=cricle-2 d="M56.3744,74.8167 C55.7784,74.8167 55.1804,75.0277 54.7034,75.4577 L54.7034,75.4587 C54.2074,75.9047 53.9144,76.5167 53.8804,77.1837 C53.8454,77.8507 54.0714,78.4917 54.5194,78.9877 C55.4404,80.0137 57.0274,80.0947 58.0494,79.1727 C58.5454,78.7257 58.8384,78.1127 58.8734,77.4467 C58.9084,76.7797 58.6814,76.1387 58.2344,75.6427 C57.7414,75.0947 57.0594,74.8167 56.3744,74.8167 M56.3834,82.8147 C56.2854,82.8147 56.1874,82.8127 56.0884,82.8077 C54.6214,82.7307 53.2714,82.0877 52.2894,80.9957 C51.3064,79.9037 50.8074,78.4947 50.8844,77.0277 C50.9604,75.5597 51.6034,74.2117 52.6954,73.2287 C53.7874,72.2447 55.1934,71.7517 56.6644,71.8227 C58.1314,71.8997 59.4804,72.5437 60.4634,73.6347 C61.4464,74.7267 61.9454,76.1357 61.8694,77.6027 C61.7924,79.0707 61.1484,80.4197 60.0574,81.4027 C59.0384,82.3197 57.7434,82.8147 56.3834,82.8147" id=Fill-3 fill=#A3FF47></path> <path class=dot-1 d="M0.9926,39.7168 C2.2236,38.6078 4.1206,38.7078 5.2296,39.9388 C6.3376,41.1698 6.2386,43.0668 5.0076,44.1758 C3.7766,45.2848 1.8796,45.1848 0.7706,43.9538 C-0.3384,42.7228 -0.2384,40.8258 0.9926,39.7168" id=Fill-5 fill=#88DDEF></path> <path class=dot-2 d="M29.4632,50.4139 C30.2842,49.6749 31.5482,49.7409 32.2882,50.5619 C33.0272,51.3829 32.9602,52.6469 32.1402,53.3869 C31.3192,54.1259 30.0542,54.0589 29.3152,53.2389 C28.5762,52.4179 28.6422,51.1529 29.4632,50.4139" id=Fill-8 fill=#B8E986></path> <path class=cross d="M49.489849,26.3268553 L46.1716,29.3147 C45.5556,29.8687 45.5066,30.8167 46.0606,31.4327 C46.6146,32.0487 47.5636,32.0977 48.1786,31.5437 L51.4969302,28.556188 L54.1731,31.5287 C54.7281,32.1447 55.6761,32.1937 56.2921,31.6397 C56.9071,31.0857 56.9571,30.1367 56.4031,29.5217 L53.7263903,26.5489922 L56.3536,24.1837 C56.9696,23.6287 57.0186,22.6807 56.4646,22.0647 C55.9106,21.4497 54.9616,21.3997 54.3466,21.9537 L51.7190228,24.3196444 L49.0421,21.3467 C48.4881,20.7307 47.5401,20.6817 46.9241,21.2357 C46.3081,21.7897 46.2591,22.7387 46.8131,23.3537 L49.489849,26.3268553 Z" id=Fill-12 fill=#F9E71C></path> </g> </svg> <svg class="right-particles moment" viewBox="0 0 62 125" xml:space=preserve preserveAspectRatio=xMinYMid version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink> <g class=moment stroke=none stroke-width=1 fill=none fill-rule=evenodd> <path class=cricle d="M10.7456,2.9622 C8.9016,2.9432 7.2136,3.5762 5.7586,4.7972 C4.1496,6.1472 3.2086,7.9812 3.0236,10.0942 C2.8386,12.2082 3.4466,14.1772 4.7966,15.7862 C6.1466,17.3952 7.9806,18.3362 10.0946,18.5212 C12.2076,18.7062 14.1776,18.0972 15.7856,16.7472 C19.0796,13.9832 19.5116,9.0522 16.7476,5.7582 C15.3976,4.1502 13.5636,3.2092 11.4496,3.0242 C11.1686,2.9992 11.0276,2.9872 10.7456,2.9622 M10.7576,21.4892 C10.4756,21.4642 10.1176,21.5042 9.8356,21.4792 C7.0176,21.2332 4.3626,19.9362 2.4986,17.7142 C0.6346,15.4932 -0.2584,12.7172 0.0646,9.8352 C0.3116,7.0182 1.6086,4.3632 3.8296,2.4992 C6.0516,0.6352 8.8266,-0.2578 11.7086,0.0652 C14.5266,0.3122 17.1816,1.6092 19.0456,3.8302 C22.8376,8.3502 22.1696,15.1762 17.6496,18.9692 C15.7346,20.5762 13.2416,21.4932 10.7576,21.4892" id=Fill-1 fill=#88DDEF></path> <path class=dot-1 d="M36.3885,53.7889 C36.7245,51.8849 38.5395,50.6139 40.4425,50.9499 C42.3465,51.2849 43.6175,53.1009 43.2825,55.0039 C42.9465,56.9079 41.1315,58.1789 39.2275,57.8429 C37.3245,57.5079 36.0525,55.6929 36.3885,53.7889" id=Fill-4 fill=#B8E986></path> <path class=dot-2 d="M11.5576,74.6073 C11.8936,72.7033 13.7086,71.4323 15.6116,71.7683 C17.5156,72.1033 18.7866,73.9193 18.4516,75.8223 C18.1156,77.7263 16.3006,78.9973 14.3966,78.6613 C12.4936,78.3263 11.2216,76.5113 11.5576,74.6073" id=Fill-6 fill=#F3751E></path> <path class=cross-big d="M45.2474,114.8652 L41.2304,112.1002 C40.5634,111.6162 39.6284,111.7472 39.1444,112.4152 L38.8254,112.8132 C38.3414,113.4802 38.4724,114.4142 39.1404,114.8992 L43.1574,117.6632 L40.3924,121.6802 C39.9084,122.3482 40.0394,123.2822 40.7064,123.7662 L41.1044,124.0852 C41.7724,124.5692 42.7064,124.4382 43.1904,123.7712 L45.9554,119.7542 L49.9724,122.5182 C50.6394,123.0032 51.5744,122.8722 52.0584,122.2042 L52.3774,121.8062 C52.8614,121.1392 52.7304,120.2042 52.0624,119.7202 L48.0454,116.9552 L50.8104,112.9382 C51.2944,112.2712 51.1634,111.3372 50.4964,110.8522 L50.0984,110.5342 C49.4304,110.0492 48.4964,110.1812 48.0124,110.8482 L45.2474,114.8652 Z" id=Fill-8 fill=#F9E81C></path> <path class=cross d="M56.9801,18.0802 L55.1161,15.8582 C54.7301,15.3992 53.9621,15.2612 53.4251,15.7112 C52.9661,16.0962 52.8271,16.8652 53.2771,17.4012 L55.1411,19.6232 L52.9201,21.4872 C52.4601,21.8722 52.3221,22.6412 52.7721,23.1772 C53.1581,23.6372 53.9261,23.7752 54.4631,23.3252 L56.6841,21.4612 L58.5481,23.6832 C58.9341,24.1422 59.7031,24.2812 60.2391,23.8312 C60.6991,23.4452 60.8371,22.6762 60.3871,22.1402 L58.5231,19.9192 L60.7441,18.0542 C61.2041,17.6692 61.3421,16.9002 60.8921,16.3642 C60.5061,15.9042 59.7381,15.7662 59.2021,16.2162 L56.9801,18.0802 Z" id=Fill-10 fill=#A4FF46></path> </g> </svg> </div> </div> </div> </section> <footer class="footer invisible"> <div class=footer-inner> <div class=container> <span class=copyright>Copyright © <script>document.write((new Date).getFullYear())</script> <a href=/ title="Wei Zhong">Wei Zhong</a>.</span> </div> </div> <svg class=waves viewBox="0 0 350 20" xml:space=preserve preserveAspectRatio=xMinYMid version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink> <defs> <linearGradient x1=50% y1=10.3116443% x2=50% y2=100% id=linearGradient-1> <stop stop-color=#848484 stop-opacity=0.356091486 offset=0%></stop> <stop stop-color=#000000 offset=100%></stop> </linearGradient> <linearGradient x1=50% y1=-9.66392739% x2=50% y2=108.511496% id=linearGradient-2> <stop stop-color=#FFF1FE stop-opacity=0.356091486 offset=0%></stop> <stop stop-color=#4C4C4C offset=100%></stop> </linearGradient> <linearGradient x1=50% y1=0% x2=50% y2=100% id=linearGradient-3> <stop stop-color=#000000 stop-opacity=0 offset=0%></stop> <stop stop-color=#000000 offset=100%></stop> </linearGradient> <linearGradient x1=50% y1=0% x2=50% y2=100% id=linearGradient-4> <stop stop-color=#003968 offset=0%></stop> <stop stop-color=#00234D offset=100%></stop> </linearGradient> </defs> <g stroke=none stroke-width=1 fill=none fill-rule=evenodd opacity=0.25> <path class="wave w-1" d="M0,17.1C29.9,17.1,57.8,0,87.5,0c30.2,0,58.1,17.1,87.1,17.1c29.9,0,57.8-17.1,87.7-17.1 c29.9,0,57.8,17.1,87.7,17.1V20H0V17.1z" fill=#E9E9E9 /> <path class="wave w-2" d="M0,17.1C29.9,17.1,57.8,0,87.5,0c30.2,0,58.1,17.1,87.1,17.1c29.9,0,57.8-17.1,87.7-17.1 c29.9,0,57.8,17.1,87.7,17.1V20H0V17.1z" fill-opacity=0.22 fill=url(#linearGradient-1) /> <path class="wave w-3" d="M0,17.1C29.9,17.1,57.8,0,87.5,0c30.2,0,58.1,17.1,87.1,17.1c29.9,0,57.8-17.1,87.7-17.1 c29.9,0,57.8,17.1,87.7,17.1V20H0V17.1z" fill-opacity=0.5 fill=url(#linearGradient-2) /> <path class="wave w-4" d="M0,17.1C29.9,17.1,57.8,0,87.5,0c30.2,0,58.1,17.1,87.1,17.1c29.9,0,57.8-17.1,87.7-17.1 c29.9,0,57.8,17.1,87.7,17.1V20H0V17.1z" fill-opacity=0.2 fill=url(#linearGradient-3) /> <path class="wave w-5" d="M0,17.1C29.9,17.1,57.8,0,87.5,0c30.2,0,58.1,17.1,87.1,17.1c29.9,0,57.8-17.1,87.7-17.1 c29.9,0,57.8,17.1,87.7,17.1V20H0V17.1z" fill-opacity=0.1 fill=url(#linearGradient-4) /> </g> </svg> </footer> </main> <script src=/js/app-20a6f0e7d2.js></script> <script>!function(e,a,t,n,g,c,o){e.GoogleAnalyticsObject=g,e.ga=e.ga||function(){(e.ga.q=e.ga.q||[]).push(arguments)},e.ga.l=1*new Date,c=a.createElement(t),o=a.getElementsByTagName(t)[0],c.async=1,c.src="//www.google-analytics.com/analytics.js",o.parentNode.insertBefore(c,o)}(window,document,"script",0,"ga"),ga("create","UA-59334221-1","auto"),ga("send","event","Time","Log","pageview")</script> </body> </html>