HTML
<div class="mainContainerNextProject">
<a href="https://codepad.co/asho" target="_aboutblank">
<div class="container">
<svg xmlns="http://www.w3.org/2000/svg" width="392.857" height="225.758" viewBox="0 0 392.857 225.758" class="titleProject">
<text id="ASHO" transform="translate(23.79 199.168) rotate(-10)" fill="#fff" font-size="137" font-family="AtmosphereScriptTypeface, Atmosphere"><tspan x="0" y="0">ASHO</tspan></text>
</svg>
<div class="item1">
<p>.</p>
</div>
<div class="item2">
<p> Next Project </p>
</div>
</div>
</a>
</div>
<footer>
<div class="containerFooter">
<div class="contactGrid">
<h1>HEADER ONE</h1>
<p>Insert paragraph text here.</p>
<a href="#" class="contactLink">CONTACT</a>
</div>
<div class="arrowGrid">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 54 54" class="arrowTop">
<g id="icn_arrow_top" transform="translate(-1443 -3925)">
<circle id="Ellipse_2" data-name="Ellipse 2" cx="27" cy="27" r="27" transform="translate(1443 3925)" fill="#66cc99"/>
<path id="Path_2" data-name="Path 2" d="M261,213.262l8.867-8.867,8.867,8.867" transform="translate(1200.5 3743.105)" fill="none" stroke="#1e1e21" stroke-width="3"/>
</g>
</svg>
</div>
<div class="stroke"></div>
<div class="socialList">
<ul class="mainListSocial">
<a href="#" target"_aboutblank">
<li class="social-item social-item1">
<svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 54 54" class="btn">
<g id="icn_dribble" transform="translate(-423 -4122)">
<circle id="Ellipse_10" data-name="Ellipse 10" cx="27" cy="27" r="27" transform="translate(423 4122)" fill="#edeef2"/>
<g id="_048-dribbble" data-name="048-dribbble" transform="translate(436.193 4135.435)">
<path id="Subtraction_2" data-name="Subtraction 2" d="M-4831.259-4119.308a12.206,12.206,0,0,1-12.192-12.193,12.206,12.206,0,0,1,12.192-12.192,12.206,12.206,0,0,1,12.193,12.192A12.207,12.207,0,0,1-4831.259-4119.308Zm2.256-10.312h0a17.794,17.794,0,0,0-4.949,2.321,17.81,17.81,0,0,0-4.059,3.768,10.447,10.447,0,0,0,6.75,2.481,10.336,10.336,0,0,0,4.333-.95,47.546,47.546,0,0,0-2.075-7.621Zm4.974-.707a17.71,17.71,0,0,0-3.263.3,49.193,49.193,0,0,1,1.96,7.125,10.47,10.47,0,0,0,4.413-7.155A17.862,17.862,0,0,0-4824.029-4130.327Zm-17.648-1.8-.01.151c-.011.144-.022.308-.022.472a10.461,10.461,0,0,0,2.463,6.733,19.491,19.491,0,0,1,9.619-6.47c-.352-.865-.749-1.758-1.178-2.651a26.125,26.125,0,0,1-9.515,1.818c-.4,0-.8-.022-1.194-.043h-.012Zm18.329-6.195a26.561,26.561,0,0,1-5.857,3.742c.461.963.891,1.941,1.277,2.9a19.237,19.237,0,0,1,3.865-.391,19.929,19.929,0,0,1,3.241.268,10.461,10.461,0,0,0-2.525-6.522h0Zm-11.795-2.878h0a10.44,10.44,0,0,0-6.289,7.341c.344.014.694.021,1.042.021h.007a24.566,24.566,0,0,0,8.8-1.63,47.748,47.748,0,0,0-3.557-5.732Zm3.885-.755a10.519,10.519,0,0,0-2.136.22,49.853,49.853,0,0,1,3.434,5.607,24.622,24.622,0,0,0,5.37-3.423A10.472,10.472,0,0,0-4831.259-4141.952Z" transform="translate(4845.193 4145.435)" fill="#1e1e21"/>
</g>
</g>
</svg>
</li>
</a>
<a href="#" target"_aboutblank">
<li class="social-item social-item2">
<svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 54 54" class="btn">
<g id="icn_behance" transform="translate(-504 -4122)">
<circle id="Ellipse_11" data-name="Ellipse 11" cx="27" cy="27" r="27" transform="translate(504 4122)" fill="#edeef2"/>
<g id="_054-behance" data-name="054-behance" transform="translate(518.424 4141.054)">
<g id="Group_18" data-name="Group 18" transform="translate(0 0)">
<g id="Group_17" data-name="Group 17">
<path id="Path_10" data-name="Path 10" d="M10.39,103.114a3.788,3.788,0,0,0,1.192-.875,3.4,3.4,0,0,0,.721-2.268,3.882,3.882,0,0,0-.715-2.351,4.817,4.817,0,0,0-4.046-1.642H0v15.4H7.033a11,11,0,0,0,2.205-.207A4.337,4.337,0,0,0,11,110.395a4.269,4.269,0,0,0,1.105-1.211,4.448,4.448,0,0,0,.7-2.455,4.039,4.039,0,0,0-.608-2.256A3.508,3.508,0,0,0,10.39,103.114ZM3.111,98.653h3.4a5.989,5.989,0,0,1,1.845.24,1.381,1.381,0,0,1,.838,1.424,1.45,1.45,0,0,1-.635,1.351,3.184,3.184,0,0,1-1.651.382H3.111Zm5.372,9.779A3.721,3.721,0,0,1,6.9,108.7H3.111V104.6H6.954a4.01,4.01,0,0,1,1.563.259,1.651,1.651,0,0,1,.993,1.653A1.935,1.935,0,0,1,8.483,108.433Z" transform="translate(0 -95.979)" fill="#1e1e21"/>
<rect id="Rectangle_5" data-name="Rectangle 5" width="6.689" height="1.916" transform="translate(16.14 0.718)" fill="#1e1e21"/>
<path id="Path_11" data-name="Path 11" d="M291.217,175.75a5.493,5.493,0,0,0-.922-2.354,4.647,4.647,0,0,0-1.992-1.684,6.6,6.6,0,0,0-2.715-.534,5.619,5.619,0,0,0-4.127,1.579,6.125,6.125,0,0,0-1.59,4.54q0,3.156,1.763,4.557a6.335,6.335,0,0,0,4.065,1.4,5.657,5.657,0,0,0,4.343-1.659,3.735,3.735,0,0,0,1.118-2.059h-3.081a2.484,2.484,0,0,1-.622.783,2.579,2.579,0,0,1-1.673.521,3.094,3.094,0,0,1-1.665-.429,2.72,2.72,0,0,1-1.209-2.4h8.409A14.486,14.486,0,0,0,291.217,175.75Zm-8.232.3a3.086,3.086,0,0,1,.805-1.762,2.427,2.427,0,0,1,1.8-.652,2.679,2.679,0,0,1,1.792.613,2.49,2.49,0,0,1,.8,1.8Z" transform="translate(-266.065 -167.469)" fill="#1e1e21"/>
</g>
</g>
</g>
</g>
</svg>
</li>
</a>
<a href="#" target"_aboutblank">
<li class="social-item social-item3">
<svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 54 54" class="btn">
<g id="icn_linkedin" transform="translate(-572 -4122)">
<circle id="Ellipse_13" data-name="Ellipse 13" cx="27" cy="27" r="27" transform="translate(572 4122)" fill="#edeef2"/>
<g id="_031-linkedin" data-name="031-linkedin" transform="translate(590.61 4138)">
<g id="Group_22" data-name="Group 22" transform="translate(0 5.887)">
<g id="Group_21" data-name="Group 21">
<rect id="Rectangle_6" data-name="Rectangle 6" width="4.213" height="12.952"/>
</g>
</g>
<g id="Group_24" data-name="Group 24" transform="translate(5.887 5.887)">
<g id="Group_23" data-name="Group 23">
<path id="Path_13" data-name="Path 13" d="M169.8,160.152c-.045-.014-.087-.029-.134-.042s-.113-.024-.171-.033a3.776,3.776,0,0,0-.756-.077,5.854,5.854,0,0,0-4.527,2.476V160H160v12.952h4.213v-7.065s3.184-4.434,4.527-1.177v8.242h4.212v-8.74A4.2,4.2,0,0,0,169.8,160.152Z" transform="translate(-160 -160)"/>
</g>
</g>
<g id="Group_26" data-name="Group 26">
<g id="Group_25" data-name="Group 25">
<ellipse id="Ellipse_12" data-name="Ellipse 12" cx="2.061" cy="2.061" rx="2.061" ry="2.061"/>
</g>
</g>
</g>
</g>
</svg>
</li>
</a>
<a href="#" target"_aboutblank">
<li class="social-item social-item4">
<svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 54 54" class="btn">
<g id="icn_vimeo" transform="translate(-647 -4122)">
<circle id="Ellipse_14" data-name="Ellipse 14" cx="27" cy="27" r="27" transform="translate(647 4122)" fill="#edeef2"/>
<g id="_011-vimeo" data-name="011-vimeo" transform="translate(664.207 4141.054)">
<g id="Group_20" data-name="Group 20" transform="translate(0 0)">
<path id="Path_12" data-name="Path 12" d="M10.923,37.012c2.168-1.3,3.336.533,2.225,2.607s-2.136,3.44-2.665,3.44-.932-1.4-1.541-3.821c-.625-2.512-.625-7.04-3.237-6.526C3.235,33.2,0,37.066,0,37.066l.769,1.012s1.594-1.258,2.125-.632,2.573,8.218,3.247,9.62c.588,1.229,2.219,2.851,4,1.694,1.8-1.164,7.737-6.234,8.8-12.234S11.785,31.791,10.923,37.012Z" transform="translate(0 -32.54)"/>
</g>
</g>
</g>
</svg>
</li>
</a>
</ul>
</div>
<div class="signature">
<p>Design & Code by ASHO © 2019</p>
</div>
</div>
</footer>
