-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 7.75 KB
/
index.html
1
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/myPort/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/myPort/logo192.png"/><link rel="manifest" href="/myPort/manifest.json"/><link rel="stylesheet" href="index.css"><link href="https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css" rel="stylesheet"><title>React App</title></head><script>const showMenu=(n,e)=>{const t=document.getElementById(n),c=document.getElementById(e);t&&c&&t.addEventListener("click",()=>{c.classList.toggle("show")})};showMenu("nav-toggle","nav-menu");const navLink=document.querySelectorAll(".nav__link");function linkAction(){navLink.forEach(n=>n.classList.remove("active")),this.classList.add("active");document.getElementById("nav-menu").classList.remove("show")}navLink.forEach(n=>n.addEventListener("click",linkAction))</script><body><link rel="stylesheet" href="../src/index.css"><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><header class="l-header"><nav class="nav bd-grid"><div><a href="#" class="nav__logo">Aditya Sharma</a></div><div class="nav__menu" id="nav-menu"><ul class="nav__list"><li class="nav__item"><a href="#" class="nav__link active">Home</a></li><li class="nav__item"><a href="#about" class="nav__link">About</a></li><li class="nav__item"><a href="#skills" class="nav__link">Skills</a></li><li class="nav__item"><a href="#work" class="nav__link">Work</a></li><li class="nav__item"><a href="#contact" class="nav__link">Contact</a></li></ul></div><div class="nav__toggle" id="nav-toggle"><i class="bx bx-menu"></i></div></nav></header><main class="l-main"><section class="home bd-grid id=" name><div class="home__data"><h1 class="home__title">Hi,<br>I'am <span class="home__title-color">Aditya Sharma</span><br>Web Developer</h1><a href="#contact" class="button">Contact</a></div><div class="home__social"><a href="https://www.linkedin.com/in/aditya-sharma-45473a1a6/" class="home__social-icon"><i class="bx bxl-linkedin"></i></a> <a href="https://github.com/AdityaSharma224" class="home__social-icon"><i class="bx bxl-github"></i></a> <a href="#" class="home__social-icon"><i class="bx bxl-gitlab"></i></a></div><div class="home__img"><img src="myImg.jpg" alt=""></div></section><section class="about section" id="about"><h2 class="section-title">About</h2><div class="about__container bd-grid"><div class="about__img"><img src="img2.jpg" alt=""></div><div><h2 class="about__subtitle">I'am Aditya Sharma</h2><p class="about__text">I'am doing my bachelor in Computer Science and Engg. from Chitkara University,punjab. I'am passionate coder love's to develop front-end applications and practicing Data Structures & Algorithms. Also familier with (Java and Python)</p></div></div></section><section clas="skills section" id="skills"><h2 class="section-title">Skills</h2><div class="skills__container bd-grid"><div><h2 class="skills__subtitle">Professional Skills</h2><p class="skills__text"></p><div class="skills__data"><div class="skills__names"><i class="bx bxl-html5 skills__icon"></i> <span class="skills__name">HTML5</span></div><div><span class="skills__percentage">95%</span></div><div class="skills__bar skills__html"></div></div><div class="skills__data"><div class="skills__names"><i class="bx bxl-css3 skills__icon"></i> <span class="skills__name">CSS3</span></div><div><span class="skills__percentage">80%</span></div><div class="skills__bar skills__css"></div></div><div class="skills__data"><div class="skills__names"><i class="bx bxl-javascript skills__icon"></i> <span class="skills__name">JavaScript</span></div><div><span class="skills__percentage">60%</span></div><div class="skills__bar skills__js"></div></div><div class="skills__data"><div class="skills__names"><i class="bx bxl-c-plus-plus skills__icon"></i> <span class="skills__name">C++</span></div><div><span class="skills__percentage">75%</span></div><div class="skills__bar skills__cpp"></div></div><div class="skills__data"><div class="skills__names"><i class="bx bxl-react skills__icon"></i> <span class="skills__name">React</span></div><div><span class="skills__percentage">50%</span></div><div class="skills__bar skills__react"></div></div><div class="skills__data"><div class="skills__names"><i class="bx bxl-python skills__icon"></i> <span class="skills__name">Python</span></div><div><span class="skills__percentage">50%</span></div><div class="skills__bar skills__python"></div></div></div><div><img src="img1.svg" alt="" class="skills__img"></div></div></section><section class="work section" id="work"><h2 class="section-title">Work</h2><div class="work__container bd-grid"><div class="work__img"><img src="work1.jfif" alt=""></div><div class="work__img"><img src="work2.jfif" alt=""></div><div class="work__img"><img src="work3.jfif" alt=""></div><div class="work__img"><img src="work4.jpg" alt=""></div><div class="work__img"><img src="work5.jpg" alt=""></div><div class="work__img"><img src="work6.jpg" alt=""></div></div></section><section class="contact section" id="contact"><h2 class="section-title">Contact</h2><div class="contact__container bd-grid"><form action="https://formsubmit.co/sharmaaditya13064@gmail.com" method="POST" class="contact__form"><input name="name" placeholder="Name" class="contact__input" required> <input type="email" name="email" placeholder="Email" class="contact__input" required> <input type="number" name="number" placeholder="Phone number" class="contact__input"> <textarea type="message" name="message" placeholder="any message" cols="0" rows="10" class="contact__input"></textarea> <input type="submit" value="Submit" class="contact__button button"></form></div></section></main><footer class="footer"><p class="footer__title">Aditya Sharma</p><div class="footer__social"><a href="#" class="footer icon"><i class="bx bxl-instagram"></i></a> <a href="#" class="footer icon"><i class="bx bxl-facebook"></i></a> <a href="#" class="footer icon"><i class="bx bxl-twitter"></i></a></div><p>© 2021 cpyright all right reserved</p></footer><script src="https://unpkg.com/scrollreveal"></script><script src="../src/index.js"></script><script>!function(e){function r(r){for(var n,p,l=r[0],a=r[1],f=r[2],c=0,s=[];c<l.length;c++)p=l[c],Object.prototype.hasOwnProperty.call(o,p)&&o[p]&&s.push(o[p][0]),o[p]=0;for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n]);for(i&&i(r);s.length;)s.shift()();return u.push.apply(u,f||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,l=1;l<t.length;l++){var a=t[l];0!==o[a]&&(n=!1)}n&&(u.splice(r--,1),e=p(p.s=t[0]))}return e}var n={},o={1:0},u=[];function p(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,p),t.l=!0,t.exports}p.m=e,p.c=n,p.d=function(e,r,t){p.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},p.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},p.t=function(e,r){if(1&r&&(e=p(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(p.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)p.d(t,n,function(r){return e[r]}.bind(null,n));return t},p.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return p.d(r,"a",r),r},p.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},p.p="/myPort/";var l=this["webpackJsonpmy-app"]=this["webpackJsonpmy-app"]||[],a=l.push.bind(l);l.push=r,l=l.slice();for(var f=0;f<l.length;f++)r(l[f]);var i=a;t()}([])</script><script src="/myPort/static/js/main.13a69b06.chunk.js"></script></body></html>