-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
26 lines (26 loc) · 12 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"><title>Home - Brand</title><meta name="theme-color" content="#11b4d8"><meta property="og:type" content="website"><meta name="description" content="Avinash's Portfolio"><link rel="icon" type="image/jpeg" sizes="1636x2000" href="/assets/img/passport%20photo1.jpg?h=31414cbfb2c0286f30d57010e2ca452d"><link rel="icon" type="image/jpeg" sizes="1636x2000" href="/assets/img/passport%20photo1.jpg?h=31414cbfb2c0286f30d57010e2ca452d"><link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css?h=e44c7d306f754956f3bf94d787f39cef"><link rel="manifest" href="/manifest.json?h=c7648f519b1517e5f9aaa06f7da6c0b5"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"><link rel="stylesheet" href="https://maxcdn.icons8.com/fonts/line-awesome/1.1/css/line-awesome.min.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.min.css"><link rel="stylesheet" href="/assets/css/styles.min.css?h=e3d92e1d018d1ba56aff4c7e17c6a009"></head><body id="page-top"><a class="menu-toggle rounded" href="#"><i class="fa fa-bars"></i></a><nav class="navbar navbar-light navbar-expand" id="sidebar-wrapper"><div class="container"><button data-bs-toggle="collapse" class="navbar-toggler d-none" data-bs-target="#"></button><div class="collapse navbar-collapse"><ul class="navbar-nav sidebar-nav" id="sidebar-nav"><li class="nav-item sidebar-brand"><a class="nav-link active js-scroll-trigger" href="#page-top">Resume</a></li><li class="nav-item sidebar-nav-item"><a class="nav-link js-scroll-trigger" href="#page-top">Home</a></li><li class="nav-item sidebar-nav-item"><a class="nav-link js-scroll-trigger" href="#about">About</a></li><li class="nav-item sidebar-nav-item"><a class="nav-link js-scroll-trigger" href="#services">Skills</a></li><li class="nav-item sidebar-nav-item"><a class="nav-link js-scroll-trigger" href="#cert">Accomplishment</a></li><li class="nav-item sidebar-nav-item"><a class="nav-link js-scroll-trigger" href="#portfolio">Projects</a></li></ul></div></div></nav><header class="d-flex masthead" style="background-image: url('/assets/img/bg-masthead.jpg?h=c6246dd736889aa3be373dc43f71e01e');"><div class="container my-auto text-center"><h1 class="mb-1" style="/*color: white;*/font-family: 'Cabin Sketch', serif;"><span style="color: rgb(0, 0, 0);">Avinash Nayak</span></h1><h3 class="mb-5" style="font-family: 'Cabin Sketch', serif;"><em style="/*color: red;*/">Mobile & Web App Developer</em></h3><a class="btn btn-primary btn-xl js-scroll-trigger" role="button" href="#about">Find Out More</a><div class="overlay"></div></div></header><section id="about" class="content-section bg-light"><div class="container text-center"><div class="row"><div class="col-lg-10 mx-auto"><p class="lead mb-5" style="text-align: justify;"><span style="font-size: 24px;"><br><span style="color: rgb(55, 65, 81); background-color: rgb(247, 247, 248);">As a seasoned technologist with a passion for innovation, I have spent my career working on a variety of challenging projects that have pushed the boundaries of what is possible in the digital space. </span><br><span style="color: rgb(55, 65, 81); background-color: rgb(247, 247, 248);">With international experience developing the official mobile application of the Australian Open, implementing India's largest indirect tax portal, and contributing to the digitalization of the agriculture sector, I have developed a unique set of skills and expertise that set me apart from others. </span><br><br><span style="color: rgb(55, 65, 81); background-color: rgb(247, 247, 248);">My specialty lies in developing cross-device applications that can cater to a larger user base, and I am highly skilled in TypeScript, React Native, and React JS. With these powerful frameworks, I have been able to create highly responsive, user-friendly applications that deliver a seamless user experience across multiple platforms. Whether working on large-scale projects for multinational corporations or developing innovative solutions for emerging startups, I am always focused on delivering high-quality work that exceeds expectations. I am a collaborative team player who thrives in fast-paced, dynamic environments, and I am always looking for new challenges that can help me grow and develop as a professional.</span><br><br></span></p><a class="btn btn-dark btn-xl js-scroll-trigger" role="button" href="#services">What I Know</a></div></div></div></section><section id="services" class="content-section bg-primary text-white text-center"><div class="container"><div class="content-section-heading"><h2 class="mb-5"><span style="color: rgb(211, 191, 4);">CORE COMPETENCIES</span><br></h2></div><div class="row"><div class="col-md-6 col-lg-3 mb-5 mb-lg-0"><span class="mx-auto service-icon rounded-circle mb-3"><i class="icon-screen-smartphone"></i></span><p class="mb-0 text-faded">React Native<br>Styled Component<br>Azure AD B2C<br>Map-box<br>Realm<br>Expo</p></div><div class="col-md-6 col-lg-3 mb-5 mb-lg-0"><span class="mx-auto service-icon rounded-circle mb-3"><i class="icon-screen-desktop"></i></span><p class="mb-0 text-faded">React Js<br>Typescript<br>Twitter Bootstrap<br><br></p></div><div class="col-md-6 col-lg-3 mb-5 mb-lg-0"><span class="mx-auto service-icon rounded-circle mb-3"><i class="la la-code"></i></span><p class="mb-0 text-faded">HTML<br>SASS<br>CSS</p></div><div class="col-md-6 col-lg-3 mb-5 mb-lg-0"><span class="mx-auto service-icon rounded-circle mb-3"><i class="la la-connectdevelop"></i></span><p class="mb-0 text-faded">UX-Design (Figma)<br>Adobe Photoshop<br>Launch Darkly<br>GitHub<br>VSTS<br><br><br></p></div></div></div></section><section id="cert" class="callout" style="background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), url('/assets/img/bg-callout.jpg?h=4b06cd229840dd2ac20165f423f36ca6');background-position: center center;background-repeat: no-repeat;background-size: cover;padding: 3rem 0 6rem 0;/*margin: 20px;*/transition: ease-in;">
<div class="container" style="/*top: -79px;*/">
<div class="row">
<div class="col-md-12">
<h1 style="font-family: 'Cabin Sketch', serif;font-size: 37.88px;text-align: center;"><span style="color: rgb(1, 0, 13); background-color: rgba(255, 255, 255, 0);"> </span><span style="color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0);">ACCOMPLISHMENTS </span></h1>
</div>
</div>
</div>
<div class="container">
<div class="row" style="/*text-align: left;*/justify-content: center;align-content: center;align-items: center;">
<div class="col-md-6">
<ul class="list-unstyled fa-ul" style="margin-top: 32px;">
<li style="/*margin-top: 14px;*/color: white;font-size: 22px;font-family: 'Cabin Sketch', serif;"><i class="la la-check-circle fa-li text-primary" style="font-size: 27px;color: white !important;justify-content: start;align-content: center;"></i>Infosys certified React Native developer</li>
<li style="/*margin-top: 14px;*/color: white;font-size: 22px;font-family: 'Cabin Sketch', serif;"><i class="la la-check-circle fa-li text-primary" style="font-size: 27px;color: white !important;justify-content: start;align-content: center;"></i>Google certified UX designer</li>
<li style="/*margin-top: 14px;*/color: white;font-size: 22px;font-family: 'Cabin Sketch', serif;"><i class="la la-check-circle fa-li text-primary" style="font-size: 27px;color: white !important;justify-content: start;align-content: center;"></i>Published paper in IEEE Explore<br /></li>
</ul>
</div>
<div class="col-md-6">
<ul class="list-unstyled fa-ul" style="margin-top: 32px;">
<li style="/*margin-top: 14px;*/color: white;font-size: 22px;font-family: 'Cabin Sketch', serif;"><i class="la la-check-circle fa-li text-primary" style="font-size: 27px;color: white !important;justify-content: start;align-content: center;"></i> Developed Australian Open 2020 official App </li>
<li style="/*margin-top: 14px;*/color: white;font-size: 22px;font-family: 'Cabin Sketch', serif;"><i class="la la-check-circle fa-li text-primary" style="font-size: 27px;color: white !important;justify-content: start;align-content: center;"></i> Developed India's Largest Indirect Tax Portal</li>
</ul>
</div>
</div>
</div>
</section><section id="portfolio" class="content-section"><div class="container"><div class="content-section-heading text-center"><h2 class="mb-5" style="color: #1D809F;">PROJECTS UNDERTAKEN</h2></div></div><!-- Start: 1 Row 1 Column --><div class="container"><div class="row"><div class="col-md-12"><!-- Start: Font Awesome List with Icons --><ul class="list-unstyled fa-ul" style="margin-top: 32px;font-size: 22px;"><li style="/*margin-top: 14px;*/color: var(--bs-body-color);/*font-size: 22px;*//*font-family: 'Cabin Sketch', serif;*/"><i class="la la-check-circle fa-li text-primary" style="font-size: 24px;color: #ebbd1c !important;justify-content: start;align-content: center;"></i>One of the top American agricultural Machines manufacturer.<br></li><li style="/*margin-top: 14px;*//*color: white;*//*font-size: 22px;*//*font-family: 'Cabin Sketch', serif;*/"><i class="la la-check-circle fa-li text-primary" style="font-size: 24px;color: #ebbd1c !important;justify-content: start;align-content: center;"></i>One of the top Sports industry in Australia.<br></li><li style="/*margin-top: 14px;*//*color: white;*//*font-size: 22px;*//*font-family: 'Cabin Sketch', serif;*/"><i class="la la-check-circle fa-li text-primary" style="font-size: 24px;color: #ebbd1c !important;justify-content: start;align-content: center;"></i>One of the top e-commerce firms in Australia.<br></li><li style="/*margin-top: 14px;*//*color: white;*//*font-size: 22px;*//*font-family: 'Cabin Sketch', serif;*/"><i class="la la-check-circle fa-li text-primary" style="font-size: 24px;color: #ebbd1c !important;justify-content: start;align-content: center;"></i>One of the largest subsidiary of Edison International.<br></li><li style="/*margin-top: 14px;*//*color: white;*//*font-size: 22px;*//*font-family: 'Cabin Sketch', serif;*/"><i class="la la-check-circle fa-li text-primary" style="font-size: 24px;color: #ebbd1c !important;justify-content: start;align-content: center;"></i>One of the complex indirect tax implementation system portal for India.<br></li></ul><!-- End: Font Awesome List with Icons --></div></div></div><!-- End: 1 Row 1 Column --></section><section class="content-section bg-primary text-white"><div class="container text-center"><h2 class="mb-4">The buttons below are impossible to resist..</h2><a class="btn btn-light btn-xl me-4" role="button" href="#" style="margin-top: 4px;">Download Resume</a><a class="btn btn-dark btn-xl me-4" role="button" href="#" style="width: 204px;margin-top: 4px;">Contact Me</a></div></section><footer class="footer text-center"><div class="container"><ul class="list-inline mb-5"><li class="list-inline-item"> <a class="link-light social-link rounded-circle" href="https://www.linkedin.com/in/avinash-nayak02" target="_blank" rel="external"><i class="icon-social-linkedin"></i></a></li><li class="list-inline-item"> <a class="link-light social-link rounded-circle" href="https://stackoverflow.com/users/10612757/avinash" target="_blank" rel="external"><i class="icon-globe"></i></a></li><li class="list-inline-item"> <a class="link-light social-link rounded-circle" href="https://github.com/akunal1" target="_blank" rel="external"><i class="icon-social-github"></i></a></li></ul><p class="text-muted mb-0 small">Copyright © Avinash 2023</p></div><a class="js-scroll-trigger scroll-to-top rounded" href="#page-top"><i class="fa fa-angle-up"></i></a></footer><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script><script src="/assets/js/script.min.js?h=b98bc9154e64d254ab0ea4513287f585"></script></body></html>