-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
1 lines (1 loc) · 10.8 KB
/
index.html
1
<!DOCTYPE html><html lang="en"><head><title>iCodeAyush</title><meta name="description" content="My Name Is Ayush, I'm A Web Designer, UI/UX Designer, And Front End Web Developer."><meta name="author" content="Ayush Shukla"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><link rel="shortcut icon" type="img/png" href="img/PortfolioLogoBlack.png"><link rel="stylesheet" href="https://unpkg.com/splitting/dist/splitting.css"><link rel="stylesheet" href="https://unpkg.com/splitting/dist/splitting-cells.css"><script src="https://unpkg.com/splitting/dist/splitting.min.js"></script><link rel="stylesheet" href="css/main.css"></head><body><svg id="CursorX" viewBox="0 0 100 100"><circle cx="50" cy="50" r="50"/></svg> <svg id="CursorXC" viewBox="0 0 100 100"><circle cx="50" cy="50" r="50"/></svg><div id="MenuWrap"><div id="LogoBG"><h1>A</h1></div><nav><li><a href="#MyWorksX">Works</a></li><li><a href="#ContactMe">Contact</a></li><li><a href="iCodeAyush Resume.pdf">Resume</a></li><div id="social"><a target="_blank" href="https://www.fiverr.com/icodeayush"><span id="FiverrIcon"><img src="Icon/FiverrBlack.svg" alt="Fiverr"></span></a> <a target="_blank" href="https://www.behance.net/iCodeAyush"><span id="BehanceIcon"><img src="Icon/BehanceBlack.svg" alt="Behance"></span></a> <a target="_blank" href="https://codepen.io/iCodeAyush"><span id="CodepenIcon"><img src="Icon/CodepenBlack.svg" alt="Codepen"></span></a> <a target="_blank" href="https://github.com/iCodeAyush"><span id="GithubIcon"><img src="Icon/GithubBlack.svg" alt="Github"></span></a></div></nav></div><div id="PageLoadingAnimation"><h2>A</h2></div><div id="HomePage"><div id="MobileMenuNav"><a id="Mobilelogo" href="#HomePage"><h3>A</h3></a><h1><span>Menu</span></h1></div><div id="HiThere"><h1 data-splitting>Hi<br>There</h1></div><a id="logo" href="#HomePage" class="CursorA"><h3>A</h3></a><nav><li class="CursorA"><a href="#MyWorks">Works<br><span id="FadeIn">Works</span></a></li><li class="CursorA"><a href="#ContactMe">Contact<br><span id="FadeIn">Contact</span></a></li><li class="CursorA"><a href="iCodeAyush Resume.pdf">Resume<br><span id="FadeIn">Resume</span></a></li></nav><section id="intro"><h2><div id="IntroWords"><span data-splitting>My Name Is</span></div><div id="IntroWords"><span data-splitting>Ayush</span></div></h2><h5><div id="IntroWords"><span data-splitting>I'm A</span></div><div id="IntroWords"><span data-splitting>Web Designer</span></div><div id="IntroWords"><span data-splitting>UI/UX Designer</span></div><div id="IntroWords"><span data-splitting>Front End Web Developer</span></div></h5></section><div id="social"><a target="_blank" href="https://www.fiverr.com/icodeayush" class="CursorA"><span id="FiverrIcon"><img src="Icon/FiverrWhite.svg" alt="Fiverr"><img id="FadeIn" src="Icon/FiverrWhite.svg" alt="Fiverr"></span></a> <a target="_blank" href="https://www.behance.net/iCodeAyush" class="CursorA"><span id="BehanceIcon"><img src="Icon/BehanceWhite.svg" alt="Behance"><img id="FadeIn" src="Icon/BehanceWhite.svg" alt="Behance"></span></a> <a target="_blank" href="https://codepen.io/iCodeAyush" class="CursorA"><span id="CodepenIcon"><img src="Icon/CodepenWhite.svg" alt="Codepen"><img id="FadeIn" src="Icon/CodepenWhite.svg" alt="Codepen"></span></a> <a target="_blank" href="https://github.com/iCodeAyush" class="CursorA"><span id="GithubIcon"><img src="Icon/GithubWhite.svg" alt="Github"><img id="FadeIn" src="Icon/GithubWhite.svg" alt="Github"></span></a></div><div id="scrolldown"><span><p>Scroll Down<br><div id="FadeIn">Scroll Down</div></p></span></div><div id="codeby" class="CursorA"><p>Code By </p><p><span><a target="_blank" href="https://github.com/icodeayush/">iCodeAyush</a><br><a id="FadeIn" target="_blank" href="https://github.com/icodeayush/">iCodeAyush</a></span></p></div></div><div id="MyWorksX"><div id="MyWorksXTitle"><h1 data-splitting>My Works</h1></div><div id="ProjectSlide"><div id="ProjectTitle"><h4><span data-splitting>01 UI UX Design Concept</span></h4><h2><span data-splitting>Roman Sculpt</span></h2></div><div id="ProjectImageWrap"><img src="img/ProjectA.jpg"><div id="ViewCodeAndPage"><a class="CursorA" id="ViewCode" target="_blank" href="https://github.com/icodeayush/RomanSculpt3DModelBlender3DUIUXDesignConcept">View <span>Code</span></a> <a class="CursorA" id="ViewPage" target="_blank" href="https://icodeayush.github.io/RomanSculpt3DModelBlender3DUIUXDesignConcept">View <span>Page</span></a></div></div></div><div id="ProjectSlide"><div id="ProjectTitle"><h4><span data-splitting>02 Landing Page</span></h4><h2><span data-splitting>Dora</span></h2></div><div id="ProjectImageWrap"><img src="img/ProjectB.jpg"><div id="ViewCodeAndPage"><a class="CursorA" id="ViewCode" target="_blank" href="https://codepen.io/icodeayush/pen/bGgWmyL">View <span>Code</span></a> <a class="CursorA" id="ViewPage" target="_blank" href="https://icodeayush.github.io/Dora">View <span>Page</span></a></div></div></div><div id="ProjectSlide"><div id="ProjectTitle"><h4><span data-splitting>03 Landing Page</span></h4><h2><span data-splitting>BeeSoft</span></h2></div><div id="ProjectImageWrap"><img src="img/ProjectC.jpg"><div id="ViewCodeAndPage"><a class="CursorA" id="ViewCode" target="_blank" href="https://codepen.io/icodeayush/pen/QWdgXgB">View <span>Code</span></a> <a class="CursorA" id="ViewPage" target="_blank" href="https://icodeayush.github.io/BeeSoft">View <span>Page</span></a></div></div></div><div id="ProjectSlide"><div id="ProjectTitle"><h4><span data-splitting>04 GSAP ScrollTrigger</span></h4><h2><span data-splitting>Scroll Animation</span></h2></div><div id="ProjectImageWrap"><img src="img/ProjectD.jpg"><div id="ViewCodeAndPage"><a class="CursorA" id="ViewCode" target="_blank" href="https://codepen.io/icodeayush/pen/vYgdBVr">View <span>Code</span></a> <a class="CursorA" id="ViewPage" target="_blank" href="https://icodeayush.github.io/TheWeekndGSAPScrollEffect">View <span>Page</span></a></div></div></div><div id="ProjectSlide"><div id="ProjectTitle"><h4><span data-splitting>05 Landing Page</span></h4><h2><span data-splitting>TravelNow</span></h2></div><div id="ProjectImageWrap"><img src="img/ProjectE.jpg"><div id="ViewCodeAndPage"><a class="CursorA" id="ViewCode" target="_blank" href="https://codepen.io/icodeayush/pen/PoWjrra">View <span>Code</span></a> <a class="CursorA" id="ViewPage" target="_blank" href="https://icodeayush.github.io/TravelNow/">View <span>Page</span></a></div></div></div></div><div id="MyWorks"><div id="MyWorksBG"><h1 data-splitting>My<br>Works</h1></div><div id="ProjectWrap"><div id="ProjectSlide" class="ProjectSlideA ProjectSlides"><div id="ProjectImageWrap"><span><img src="img/ProjectA.jpg"></span></div><h4><span data-splitting>01 UI UX Design Concept</span></h4><h2><span data-splitting>Roman Sculpt</span></h2><a class="CursorA" id="ViewCode" target="_blank" href="https://github.com/icodeayush/RomanSculpt3DModelBlender3DUIUXDesignConcept">View <span>Code</span></a> <a class="CursorA" id="ViewPage" target="_blank" href="https://icodeayush.github.io/RomanSculpt3DModelBlender3DUIUXDesignConcept">View <span>Page</span></a></div><div id="ProjectSlide" class="ProjectSlideB ProjectSlides"><div id="ProjectImageWrap"><span><img src="img/ProjectB.jpg"></span></div><h4><span data-splitting>02 Landing Page</span></h4><h2><span data-splitting>Dora</span></h2><a class="CursorA" id="ViewCode" target="_blank" href="https://codepen.io/icodeayush/pen/bGgWmyL">View <span>Code</span></a> <a class="CursorA" id="ViewPage" target="_blank" href="https://icodeayush.github.io/Dora">View <span>Page</span></a></div><div id="ProjectSlide" class="ProjectSlideC ProjectSlides"><div id="ProjectImageWrap"><span><img src="img/ProjectC.jpg"></span></div><h4><span data-splitting>03 Landing Page</span></h4><h2><span data-splitting>BeeSoft</span></h2><a class="CursorA" id="ViewCode" target="_blank" href="https://codepen.io/icodeayush/pen/QWdgXgB">View <span>Code</span></a> <a class="CursorA" id="ViewPage" target="_blank" href="https://icodeayush.github.io/BeeSoft">View <span>Page</span></a></div><div id="ProjectSlide" class="ProjectSlideD ProjectSlides"><div id="ProjectImageWrap"><span><img src="img/ProjectD.jpg"></span></div><h4><span data-splitting>04 GSAP ScrollTrigger</span></h4><h2><span data-splitting>Scroll Animation</span></h2><a class="CursorA" id="ViewCode" target="_blank" href="https://codepen.io/icodeayush/pen/vYgdBVr">View <span>Code</span></a> <a class="CursorA" id="ViewPage" target="_blank" href="https://icodeayush.github.io/TheWeekndGSAPScrollEffect">View <span>Page</span></a></div><div id="ProjectSlide" class="ProjectSlideE ProjectSlides"><div id="ProjectImageWrap"><span><img src="img/ProjectE.jpg"></span></div><h4><span data-splitting>05 Landing Page</span></h4><h2><span data-splitting>TravelNow</span></h2><a class="CursorA" id="ViewCode" target="_blank" href="https://codepen.io/icodeayush/pen/PoWjrra">View <span>Code</span></a> <a class="CursorA" id="ViewPage" target="_blank" href="https://icodeayush.github.io/TravelNow/">View <span>Page</span></a></div></div></div><div id="ContactMe"><div id="ContactMeBG"><h1 data-splitting>Contact<br>Me</h1></div><section><h3><span data-splitting>Let's Make Something Together</span></h3><h4><span data-splitting>Start By Saying Hi</span></h4></section><div id="logo"><a class="CursorA" href="#HomePage"><span>A</span></a></div><div id="EmailPhoneNoSocial"><span id="EmailnPhoneNoBorderTop"></span><p id="Email"><a class="CursorA" href="mailto: iCodeAyush@gmail.com"><span>iCodeAyush@gmail.com</span></a></p><p id="PhoneNo"><a class="CursorA" href="tel: +919450565826"><span>+919450565826</span></a></p><div id="social"><a class="CursorA" target="_blank" href="https://github.com/iCodeAyush"><span>GitHub<br><div id="FadeIn">GitHub</div></span></a> <a class="CursorA" target="_blank" href="https://www.fiverr.com/icodeayush"><span>Fiverr<br><div id="FadeIn">Fiverr</div></span></a> <a class="CursorA" target="_blank" href="https://codepen.io/iCodeAyush"><span>Codepen<br><div id="FadeIn">Codepen</div></span></a> <a class="CursorA" target="_blank" href="https://www.behance.net/iCodeAyush/"><span>Behance<br><div id="FadeIn">Behance</div></span></a></div></div><div id="address"><span id="AddressBorderTop"></span><p id="addressA"><span data-splitting>Lucknow</span></p><p id="addressB"><span data-splitting>Uttar Pradesh, India</span></p></div><div id="EmailnAddressXBorderTop"></div><div id="EmailnAddressX"><p id="Email"><a class="CursorA" href="mailto: iCodeAyush@gmail.com"><span>iCodeAyush@gmail.com</span></a></p><div id="Address"><h1 data-splitting>Lucknow <span id="AddressB">Uttar Pradesh, India</span></h1></div></div></div><script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/gsap.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/ScrollTrigger.min.js"></script><script src="JS/App.js"></script></body></html>