<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="393" height="852" viewBox="0 0 393 852"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="header1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="393" height="852" x="0" y="0" fill="rgb(42, 42, 42)"/></g><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"><g data-tag="header" id="header1" data-z-index="1000" data-stacking-context="true" role="banner" aria-owns="logo1 navlist1 menu-icon"><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"><g data-tag="div" id="menu-icon" class="bx bx-menu" data-z-index="10001" data-stacking-context="true" aria-owns="span2"><g data-tag="span" id="span2" data-z-index="auto" data-stacking-context="true"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="boxicons" font-size="35px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="370.390625" y="51.5" textLength="12.796875" lengthAdjust="spacingAndGlyphs"></tspan></text></g></g></g><a href="/f9c6a4aa-chopped-0-page-composite.html#" data-tag="a" id="logo1" class="logo" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="span1"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="Poppins, sans-serif" font-size="35px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="1px" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="9.8125" y="51" textLength="71.40625" lengthAdjust="spacingAndGlyphs">Writ</tspan></text><g data-tag="span" id="span1" data-z-index="auto" data-stacking-context="true"><text color="rgb(220, 3, 3)" dominant-baseline="text-after-edge" font-family="Poppins, sans-serif" font-size="35px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="1px" text-decoration="none solid rgb(220, 3, 3)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(220, 3, 3)"><tspan xml:space="preserve" x="81.21875" y="51" textLength="20.46875" lengthAdjust="spacingAndGlyphs">e</tspan></text></g><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="Poppins, sans-serif" font-size="35px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="1px" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="101.6875" y="51" textLength="23.421875" lengthAdjust="spacingAndGlyphs">r.</tspan></text></a><g data-tag="ul" id="navlist1" class="navlist" data-z-index="auto" data-stacking-context="true" role="list" aria-owns="li1 li2 li3 li4 li5"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="393" height="285" x="0" y="-1000" fill="rgb(42, 42, 42)"/></g><g data-tag="li" id="li1" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="active1"><a href="/f9c6a4aa-chopped-0-page-composite.html#home" data-tag="a" id="active1" class="active" data-z-index="auto" data-stacking-context="true" role="link"><text color="rgb(220, 3, 3)" dominant-baseline="text-after-edge" font-family="Poppins, sans-serif" font-size="20px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="500" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(220, 3, 3)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(220, 3, 3)"><tspan xml:space="preserve" x="17" y="-961" textLength="53.359375" lengthAdjust="spacingAndGlyphs">Home</tspan></text></a></g><g data-tag="li" id="li2" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="a1"><a href="/f9c6a4aa-chopped-0-page-composite.html#about" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="Poppins, sans-serif" font-size="20px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="500" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="17" y="-904" textLength="85.609375" lengthAdjust="spacingAndGlyphs">About Me</tspan></text></a></g><g data-tag="li" id="li3" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="a2"><a href="/f9c6a4aa-chopped-0-page-composite.html#services" data-tag="a" id="a2" data-z-index="auto" data-stacking-context="true" role="link"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="Poppins, sans-serif" font-size="20px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="500" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="17" y="-847" textLength="76.703125" lengthAdjust="spacingAndGlyphs">Services</tspan></text></a></g><g data-tag="li" id="li4" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="a3"><a href="/f9c6a4aa-chopped-0-page-composite.html#portfolio" data-tag="a" id="a3" data-z-index="auto" data-stacking-context="true" role="link"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="Poppins, sans-serif" font-size="20px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="500" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="17" y="-790" textLength="73.375" lengthAdjust="spacingAndGlyphs">Portfolio</tspan></text></a></g><g data-tag="li" id="li5" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="a4"><a href="/f9c6a4aa-chopped-0-page-composite.html#contact" data-tag="a" id="a4" data-z-index="auto" data-stacking-context="true" role="link"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="Poppins, sans-serif" font-size="20px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="500" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="17" y="-733" textLength="98.9375" lengthAdjust="spacingAndGlyphs">Contact Us</tspan></text></a></g></g></g></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="834" height="1210" viewBox="0 0 834 1210"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="header1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="834" height="1210" x="0" y="0" fill="rgb(42, 42, 42)"/></g><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"><g data-tag="header" id="header1" data-z-index="1000" data-stacking-context="true" role="banner" aria-owns="logo1 navlist1 menu-icon"><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"><g data-tag="div" id="menu-icon" class="bx bx-menu" data-z-index="10001" data-stacking-context="true" aria-owns="span2"><g data-tag="span" id="span2" data-z-index="auto" data-stacking-context="true"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="boxicons" font-size="35px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="400" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="800.359375" y="51.5" textLength="12.796875" lengthAdjust="spacingAndGlyphs"></tspan></text></g></g></g><a href="/f9c6a4aa-chopped-0-page-composite.html#" data-tag="a" id="logo1" class="logo" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="span1"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="Poppins, sans-serif" font-size="35px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="1px" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="20.84375" y="51" textLength="71.40625" lengthAdjust="spacingAndGlyphs">Writ</tspan></text><g data-tag="span" id="span1" data-z-index="auto" data-stacking-context="true"><text color="rgb(220, 3, 3)" dominant-baseline="text-after-edge" font-family="Poppins, sans-serif" font-size="35px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="1px" text-decoration="none solid rgb(220, 3, 3)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(220, 3, 3)"><tspan xml:space="preserve" x="92.25" y="51" textLength="20.46875" lengthAdjust="spacingAndGlyphs">e</tspan></text></g><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="Poppins, sans-serif" font-size="35px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="1px" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="112.71875" y="51" textLength="23.421875" lengthAdjust="spacingAndGlyphs">r.</tspan></text></a><g data-tag="ul" id="navlist1" class="navlist" data-z-index="auto" data-stacking-context="true" role="list" aria-owns="li1 li2 li3 li4 li5"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="834" height="285" x="0" y="-1000" fill="rgb(42, 42, 42)"/></g><g data-tag="li" id="li1" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="active1"><a href="/f9c6a4aa-chopped-0-page-composite.html#home" data-tag="a" id="active1" class="active" data-z-index="auto" data-stacking-context="true" role="link"><text color="rgb(220, 3, 3)" dominant-baseline="text-after-edge" font-family="Poppins, sans-serif" font-size="20px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="500" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(220, 3, 3)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(220, 3, 3)"><tspan xml:space="preserve" x="17" y="-961" textLength="53.359375" lengthAdjust="spacingAndGlyphs">Home</tspan></text></a></g><g data-tag="li" id="li2" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="a1"><a href="/f9c6a4aa-chopped-0-page-composite.html#about" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="Poppins, sans-serif" font-size="20px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="500" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="17" y="-904" textLength="85.609375" lengthAdjust="spacingAndGlyphs">About Me</tspan></text></a></g><g data-tag="li" id="li3" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="a2"><a href="/f9c6a4aa-chopped-0-page-composite.html#services" data-tag="a" id="a2" data-z-index="auto" data-stacking-context="true" role="link"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="Poppins, sans-serif" font-size="20px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="500" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="17" y="-847" textLength="76.703125" lengthAdjust="spacingAndGlyphs">Services</tspan></text></a></g><g data-tag="li" id="li4" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="a3"><a href="/f9c6a4aa-chopped-0-page-composite.html#portfolio" data-tag="a" id="a3" data-z-index="auto" data-stacking-context="true" role="link"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="Poppins, sans-serif" font-size="20px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="500" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="17" y="-790" textLength="73.375" lengthAdjust="spacingAndGlyphs">Portfolio</tspan></text></a></g><g data-tag="li" id="li5" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="a4"><a href="/f9c6a4aa-chopped-0-page-composite.html#contact" data-tag="a" id="a4" data-z-index="auto" data-stacking-context="true" role="link"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="Poppins, sans-serif" font-size="20px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="500" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="17" y="-733" textLength="98.9375" lengthAdjust="spacingAndGlyphs">Contact Us</tspan></text></a></g></g></g></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1440" height="900" viewBox="0 0 1440 900"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" aria-owns="header1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="1440" height="900" x="0" y="0" fill="rgb(42, 42, 42)"/></g><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"><g data-tag="header" id="header1" data-z-index="1000" data-stacking-context="true" role="banner" aria-owns="logo1 navlist1 menu-icon"><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"><g data-tag="div" id="menu-icon" class="bx bx-menu" data-z-index="10001" data-stacking-context="true" aria-owns="span2"><g data-tag="span" id="span2" data-z-index="auto" data-stacking-context="true"/></g></g><a href="/f9c6a4aa-chopped-0-page-composite.html#" data-tag="a" id="logo1" class="logo" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="span1"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="Poppins, sans-serif" font-size="35px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="1px" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="36" y="51" textLength="71.40625" lengthAdjust="spacingAndGlyphs">Writ</tspan></text><g data-tag="span" id="span1" data-z-index="auto" data-stacking-context="true"><text color="rgb(220, 3, 3)" dominant-baseline="text-after-edge" font-family="Poppins, sans-serif" font-size="35px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="1px" text-decoration="none solid rgb(220, 3, 3)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(220, 3, 3)"><tspan xml:space="preserve" x="107.40625" y="51" textLength="20.46875" lengthAdjust="spacingAndGlyphs">e</tspan></text></g><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="Poppins, sans-serif" font-size="35px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="1px" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="127.875" y="51" textLength="23.421875" lengthAdjust="spacingAndGlyphs">r.</tspan></text></a><g data-tag="ul" id="navlist1" class="navlist" data-z-index="auto" data-stacking-context="true" role="list" aria-owns="li1 li2 li3 li4 li5"><g data-tag="li" id="li1" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="active1"><a href="/f9c6a4aa-chopped-0-page-composite.html#home" data-tag="a" id="active1" class="active" data-z-index="auto" data-stacking-context="true" role="link"><text color="rgb(220, 3, 3)" dominant-baseline="text-after-edge" font-family="Poppins, sans-serif" font-size="17px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="500" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(220, 3, 3)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(220, 3, 3)"><tspan xml:space="preserve" x="849.21875" y="41" textLength="45.359375" lengthAdjust="spacingAndGlyphs">Home</tspan></text></a></g><g data-tag="li" id="li2" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="a1"><a href="/f9c6a4aa-chopped-0-page-composite.html#about" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link"><text color="rgb(204, 204, 204)" dominant-baseline="text-after-edge" font-family="Poppins, sans-serif" font-size="17px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="500" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(204, 204, 204)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(204, 204, 204)"><tspan xml:space="preserve" x="944.578125" y="41" textLength="72.765625" lengthAdjust="spacingAndGlyphs">About Me</tspan></text></a></g><g data-tag="li" id="li3" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="a2"><a href="/f9c6a4aa-chopped-0-page-composite.html#services" data-tag="a" id="a2" data-z-index="auto" data-stacking-context="true" role="link"><text color="rgb(204, 204, 204)" dominant-baseline="text-after-edge" font-family="Poppins, sans-serif" font-size="17px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="500" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(204, 204, 204)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(204, 204, 204)"><tspan xml:space="preserve" x="1067.34375" y="41" textLength="65.1875" lengthAdjust="spacingAndGlyphs">Services</tspan></text></a></g><g data-tag="li" id="li4" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="a3"><a href="/f9c6a4aa-chopped-0-page-composite.html#portfolio" data-tag="a" id="a3" data-z-index="auto" data-stacking-context="true" role="link"><text color="rgb(204, 204, 204)" dominant-baseline="text-after-edge" font-family="Poppins, sans-serif" font-size="17px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="500" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(204, 204, 204)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(204, 204, 204)"><tspan xml:space="preserve" x="1182.53125" y="41" textLength="62.375" lengthAdjust="spacingAndGlyphs">Portfolio</tspan></text></a></g><g data-tag="li" id="li5" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="a4"><a href="/f9c6a4aa-chopped-0-page-composite.html#contact" data-tag="a" id="a4" data-z-index="auto" data-stacking-context="true" role="link"><text color="rgb(204, 204, 204)" dominant-baseline="text-after-edge" font-family="Poppins, sans-serif" font-size="17px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="500" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(204, 204, 204)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(204, 204, 204)"><tspan xml:space="preserve" x="1294.90625" y="41" textLength="84.09375" lengthAdjust="spacingAndGlyphs">Contact Us</tspan></text></a></g></g></g></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<body><header><a href="#" class="logo">Writ<span>e</span>r.</a><ul class="navlist"><li><a href="#home" class="active">Home</a></li><li><a href="#about">About Me</a></li><li><a href="#services">Services</a></li><li><a href="#portfolio">Portfolio</a></li><li><a href="#contact">Contact Us</a></li></ul><div class="bx bx-menu" id="menu-icon"></div></header></body>

<style>

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    list-style: none;
    scroll-behavior: smooth;
}

:root {
    --bg-color: #2a2a2a;
    --second-bg-color: #202020;
    --text-color: #fff;
    --second-color: #ccc;
    --main-color: #dc0303;
}

body {
    background-color: var(--bg-color);
    color: var(--text-color);
}

header {
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: transparent;
    padding: 22px 15%;
    border-bottom: 1px solid transparent;
    transition: all .45s ease;
}

.logo {
    color: var(--text-color);
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 1px;
}

span {
    color: var(--main-color);
}

.navlist {
    display: flex;
}

.navlist a {
    color: var(--second-color);
    font-size: 17px;
    font-weight: 500;
    margin: 0 25px;
    transition: all .45s ease;
}

.navlist a:hover {
    color: var(--main-color);
}

.navlist a.active {
    color: var(--main-color);
}

#menu-icon {
    font-size: 35px;
    color: var(--text-color);
    z-index: 10001;
    cursor: pointer;
    margin-left: 25px;
    display: none;
}

.home {
    position: relative;
    height: 100vh;
    width: 100%;
    background-image: url(http://localhost:3000/f1eef2dc.jpeg);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.about {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 1.5rem;
}

.services {
    background: var(--second-bg-color);
}

.portfolio {
    align-items: center;
    justify-content: flex-start;
}

.contact {
    background: var(--second-bg-color);
    display: block;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 2.5rem;
}


@media (max-width: 1480px) {
    header {
        padding: 12px 2.5%;
        transition: .1s;
    }
}

@media (max-width: 1100px) {
    :root {
        transition: .1s;
    }

    .home {
        height: 87vh;
    }
}

@media (max-width: 920px) {
    .about {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 840px) {
    #menu-icon {
        display: block;
    }

    .navlist {
        position: absolute;
        top: -1000px;
        right: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        background: var(--bg-color);
        text-align: left;
        transition: all .45s ease;
    }

    .navlist a {
        display: block;
        margin: 17px;
        font-size: 20px;
        transition: all .45s ease;
        color: var(--text-color);
    }

    .navlist a:hover {
        color: var(--main-color);
    }

    .navlist a:active {
        color: var(--text-color);
    }
}

@font-face{font-family:boxicons;font-weight:400;font-style:normal;src:url(https://unpkg.com/boxicons@latest/fonts/boxicons.eot);src:url(https://unpkg.com/boxicons@latest/fonts/boxicons.eot) format('embedded-opentype'),url(https://unpkg.com/boxicons@latest/fonts/boxicons.woff2) format('woff2'),url(https://unpkg.com/boxicons@latest/fonts/boxicons.woff) format('woff'),url(https://unpkg.com/boxicons@latest/fonts/boxicons.ttf) format('truetype'),url(https://unpkg.com/boxicons@latest/fonts/boxicons.svg?#boxicons) format('svg')}.bx{font-family:boxicons!important;font-weight:400;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;display:inline-block;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes burst{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}90%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}@keyframes burst{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}90%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}@-webkit-keyframes flashing{0%{opacity:1}45%{opacity:0}90%{opacity:1}}@keyframes flashing{0%{opacity:1}45%{opacity:0}90%{opacity:1}}@-webkit-keyframes fade-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}}@keyframes fade-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}}@-webkit-keyframes fade-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0}}@keyframes fade-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0}}@-webkit-keyframes fade-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}75%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}}@keyframes fade-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}75%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}}@-webkit-keyframes fade-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}75%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}}@keyframes fade-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}75%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg);transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,10deg);transform:scale3d(1,1,1) rotate3d(0,0,1,10deg)}40%,60%,80%{-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,-10deg);transform:scale3d(1,1,1) rotate3d(0,0,1,-10deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg);transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,10deg);transform:scale3d(1,1,1) rotate3d(0,0,1,10deg)}40%,60%,80%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bx-menu:before{content:"\eb5f"}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLDz8V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrFJA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLCz7V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLDD4V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLBT5V1s.ttf) format('truetype');
}


</style>