index.html
Uploaded by
sharmabhishek085index.html
Uploaded by
sharmabhishek085<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Abhishek Sharma Personal Portfolio</title>
<meta name="robots" content="noindex, follow" />
<meta name="description" content="Abhishek Sharma is a Coder">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
fit=no">
<!-- CSS
============================================ -->
<link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/vendor/slick.css">
<link rel="stylesheet" href="assets/css/vendor/slick-theme.css">
<link rel="stylesheet" href="assets/css/vendor/aos.css">
<link rel="stylesheet" href="assets/css/plugins/feature.css">
<!-- Favicons -->
<link href="assets/images/favicon.ico" rel="icon">
<link href="assets/images/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Style css -->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body class="template-color-1 spybody" data-spy="scroll" data-target=".navbar-
example2" data-offset="70">
<!-- Start Header -->
<header class="rn-header haeder-default black-logo-version header--fixed
header--sticky">
<div class="header-wrapper rn-popup-mobile-menu m--0 row align-items-
center">
<!-- Start Header Left -->
<div class="col-lg-2 col-6">
<div class="header-left">
<div class="logo">
<a href="/">
<img src="assets/images/mdsaif.png" alt="logo">
Abhishek Sharma
</a>
</div>
</div>
</div>
<!-- End Header Left -->
<!-- Start Header Center -->
<div class="col-lg-10 col-6">
<div class="header-center">
<nav id="sideNav" class="mainmenu-nav navbar-example2 d-none d-
xl-block">
<!-- Start Mainmanu Nav -->
<ul class="primary-menu nav nav-pills">
<li class="nav-item"><a class="nav-link smoth-animation
active" href="#home">Home</a></li>
<li class="nav-item"><a class="nav-link smoth-
animation" href="#features">Features</a></li>
<li class="nav-item"><a class="nav-link smoth-
animation" href="#portfolio">My Projects</a>
</li>
<li class="nav-item"><a class="nav-link smoth-
animation" href="#resume">Resume</a></li>
<li class="nav-item"><a class="nav-link smoth-
animation" href="#contacts">Contact</a></li>
</ul>
<!-- End Mainmanu Nav -->
</nav>
<!-- Start Header Right -->
<div class="header-right">
<a class="rn-btn" target="_blank"
href="#contacts"><span>Hire Me</span></a>
<div class="hamberger-menu d-block d-xl-none">
<i id="menuBtn" class="feather-menu
humberger-menu"></i>
</div>
<div class="close-menu d-block">
<span class="closeTrigger">
<i data-feather="x"></i>
</span>
</div>
</div>
<!-- End Header Right -->
</div>
</div>
<!-- End Header Center -->
</div>
</header>
<!-- End Header Area -->
<!-- Start Popup Mobile Menu -->
<div class="popup-mobile-menu">
<div class="inner">
<div class="menu-top">
<div class="menu-header">
<a class="logo" href="/">
<img src="assets/images/mdsaif.png" alt="Personal
Portfolio">
</a>
<div class="close-button">
<button class="close-menu-activation close"><i data-
feather="x"></i></button>
</div>
</div>
<p class="discription">Programmer And an open-source enthusiast and
maintainer.</p>
</div>
<div class="content">
<ul class="primary-menu nav nav-pills">
<li class="nav-item"><a class="nav-link smoth-animation active"
href="#home">Home</a></li>
<li class="nav-item"><a class="nav-link smoth-animation"
href="#features">Features</a></li>
<li class="nav-item"><a class="nav-link smoth-animation"
href="#portfolio">Project</a></li>
<li class="nav-item"><a class="nav-link smoth-animation"
href="#resume">Resume</a></li>
<li class="nav-item"><a class="nav-link smoth-animation"
href="#contacts">Contact</a></li>
</ul>
<!-- social sharea area -->
<div class="social-share-style-1 mt--40">
<span class="title">find with me</span>
<ul class="social-share d-flex liststyle">
<li class="github"><a
href="https://github.com/mohdsaif0026"><i data-feather="github"></i></a>
</li>
<li class="linkedin"><a
href="www.linkedin.com/in/abhisheksharmadataanalyst"><i
data-feather="linkedin"></i></a>
</li>
</ul>
</div>
<!-- end -->
</div>
</div>
</div>
<!-- End Popup Mobile Menu -->
<main class="main-page-wrapper">
<!-- Start Slider Area -->
<div id="home" class="rn-slider-area">
<div class="slide slider-style-1">
<div class="container">
<div class="row row--30 align-items-center">
<div class="order-2 order-lg-1 col-lg-7 mt_md--50 mt_sm--50
mt_lg--30">
<div class="content">
<div class="inner">
<span class="subtitle">Welcome to my
world</span>
<h1 class="title">Hi, I’m <span>Abhishek
Sharma</span><br>
<span class="header-caption" id="page-top">
<!-- type headline start-->
<span class="cd-headline clip is-full-
width">
<span>a </span>
<!-- ROTATING TEXT -->
<span class="cd-words-wrapper">
<b class="is-
visible">Freelancer</b>
<b class="is-hidden">Cloud
Enthusiast</b>
<b class="is-
hidden">Developer.</b>
<b class="is-hidden">Data
Analyst.</b>
</span>
</span>
<!-- type headline end -->
</span>
</h1>
<div>
<p class="description">I am passionate Data
Analyst and developer having experince in creating
Telegram Bots. Expertise in MySQL,
Nodejs, Mongodb , Linux , Cloud Computing
, AWS & Azure.
</p>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-xl-6 col-md-6 col-sm-6
col-12">
<div class="social-share-inner-left">
<span class="title">Follow Me</span>
<ul class="social-share d-flex
liststyle">
<li class="github"><a href=""><i
data-
feather="github"></i></a>
</li>
<li class="linkedin"><a
href="www.linkedin.com/in/abhisheksharmadataanalyst"><i
data-feather="linkedin"></i></a>
</li>
</ul>
</div>
</div>
<div class="col-lg-6 col-xl-6 col-md-6 col-sm-6
col-12 mt_mobile--30">
<div class="skill-share-inner">
<span class="title">best skill
on</span>
<ul class="skill-share d-flex
liststyle">
<li><img
src="assets/images/icons/icons-08.png" alt="Icons Images"></li>
<li><img
src="assets/images/icons/aws.png" alt="Icons Images"></li>
<li><img
src="assets/images/icons/kali.png" alt="Icons Images"></li>
<li><img
src="assets/images/icons/icons-20.png" alt="Icons Images"></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="order-1 order-lg-2 col-lg-5">
<div class="thumbnail">
<div class="inner">
<img src="assets/images/mdsaif.png"
alt="Personal Portfolio Images">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Slider Area -->
<!-- Start Service Area -->
<div class="rn-service-area rn-section-gap section-separator"
id="features">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title text-left" data-aos="fade-up"
data-aos-duration="500"
data-aos-delay="100" data-aos-once="true">
<span class="subtitle">Features</span>
<h2 class="title">What I Do</h2>
</div>
</div>
</div>
<div class="row row--25 mt_md--10 mt_sm--10">
<!-- Start Single Service -->
<div data-aos="fade-up" data-aos-duration="500" data-aos-
delay="100" data-aos-once="true"
class="col-lg-6 col-xl-4 col-md-6 col-sm-12 col-12 mt--50
mt_md--30 mt_sm--30">
<div class="rn-service">
<div class="inner">
<div class="icon">
<i data-feather="globe"></i>
</div>
<div class="content">
<h4 class="title"><a href="#">Data
Analyst</a></h4>
<p class="description">skilled in SQL, Advanced
Excel, Tableau, Power BI, and Alteryx to transform data into actionable business
insights.
</p>
<a class="read-more-button" href=""><i
class="feather-arrow-right"></i></a>
</div>
</div>
<a class="over-link" href="javascript:void(0)"></a>
</div>
</div>
<!-- End SIngle Service -->
<!-- Start Single Service -->
<div data-aos="fade-up" data-aos-duration="500" data-aos-
delay="500" data-aos-once="true"
class="col-lg-6 col-xl-4 col-md-6 col-sm-12 col-12 mt--50
mt_md--30 mt_sm--30">
<div class="rn-service">
<div class="inner">
<div class="icon">
<i data-feather="tool"></i>
</div>
<div class="content">
<h4 class="title"><a href="#">Testing</a></h4>
<p class="description"> experienced in Web
testing, api testing, regression testing, Integration & Smoke and overall STLC.
</p>
<a class="read-more-button" href="#"><i
class="feather-arrow-right"></i></a>
</div>
</div>
<a class="over-link" href="#"></a>
</div>
</div>
<!-- End SIngle Service -->
<!-- Start Single Service -->
<div data-aos="fade-up" data-aos-duration="500" data-aos-
delay="300" data-aos-once="true"
class="col-lg-6 col-xl-4 col-md-6 col-sm-12 col-12 mt--50
mt_md--30 mt_sm--30">
<div class="rn-service">
<div class="inner">
<div class="icon">
<i data-feather="activity"></i>
</div>
<div class="content">
<h4 class="title"><a href="#">Web
Developer</a></h4>
<p class="description">Skilled Web Developer
with experience in building responsive websites
using HTML, CSS, JavaScript, and frameworks
like React and Angular.
</p>
<a class="read-more-button" href="#"><i
class="feather-arrow-right"></i></a>
</div>
</div>
<a class="over-link" href="javascript:void(0)"></a>
</div>
</div>
<!-- End SIngle Service -->
<!-- Start Single Service -->
<div data-aos="fade-up" data-aos-duration="500" data-aos-
delay="500" data-aos-once="true"
class="col-lg-6 col-xl-4 col-md-6 col-sm-12 col-12 mt--50
mt_md--30 mt_sm--30">
<div class="rn-service">
<div class="inner">
<div class="icon">
<i data-feather="cloud"></i>
</div>
<div class="content">
<h4 class="title"><a href="#">Cloud Developer
</a></h4>
<p class="description">Working on various Cloud
services like Aws, Azure and G-Cloud
</p>
<a class="read-more-button" href="#"><i
class="feather-arrow-right"></i></a>
</div>
</div>
<a class="over-link" href="javascript:void(0)"></a>
</div>
</div>
<!-- End SIngle Service -->
<!-- Start Single Service -->
<div data-aos="fade-up" data-aos-duration="500" data-aos-
delay="100" data-aos-once="true"
class="col-lg-6 col-xl-4 col-md-6 col-sm-12 col-12 mt--50
mt_md--30 mt_sm--30">
<div class="rn-service">
<div class="inner">
<div class="icon">
<i data-feather="gitlab"></i>
</div>
<div class="content">
<h4 class="title"><a href="#">Source
Control</a></h4>
<p class="description">version control is a
class of systems responsible for
managing changes to computer programs,
documents, large web sites, or other
collections of information.
</p>
<a class="read-more-button" href="#"><i
class="feather-arrow-right"></i></a>
</div>
</div>
<a class="over-link" href="#"></a>
</div>
</div>
<!-- End SIngle Service -->
<!-- Start Single Service -->
<div data-aos="fade-up" data-aos-duration="500" data-aos-
delay="300" data-aos-once="true"
class="col-lg-6 col-xl-4 col-md-6 col-sm-12 col-12 mt--50
mt_md--30 mt_sm--30">
<div class="rn-service">
<div class="inner">
<div class="icon">
<i data-feather="camera"></i>
</div>
<div class="content">
<h4 class="title"><a
href="#">Photography</a></h4>
<p class="description">including portraits,
sports photography, editorial
photography, and real estate photography.
Skilled in those areas, as well as
digital imaging, Adobe Photoshop, and
Lightroom.</p>
<a class="read-more-button" href="#"><i
class="feather-arrow-right"></i></a>
</div>
</div>
<a class="over-link" href="#"></a>
</div>
</div>
<!-- End SIngle Service -->
</div>
</div>
</div>
<!-- End Service Area -->
<!-- Start Portfolio Area -->
<div class="rn-portfolio-area rn-section-gap section-separator"
id="portfolio">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title text-center">
<span class="subtitle">Visit My projects</span>
<h2 class="title">My Project</h2>
</div>
</div>
</div>
<div class="row row--25 mt--10 mt_md--10 mt_sm--10">
<!-- Start Single Portfolio -->
<div data-aos="fade-up" data-aos-delay="100" data-aos-
once="true"
class="col-lg-6 col-xl-4 col-md-6 col-12 mt--50 mt_md--30
mt_sm--30">
<div class="rn-portfolio" data-toggle="modal" data-
target="#exampleModalCenter">
<div class="inner">
<div class="thumbnail">
<a href="javascript:void(0)">
<img src="assets/images/port/01.jpg"
alt="Personal Portfolio Images">
</a>
</div>
<div class="content">
<div class="category-info">
<div class="category-list">
<a href="javascript:void(0)">Web
Development</a>
</div>
<div class="meta">
</div>
</div>
<h4 class="title"><a href="https://saif-mini-
calendar.netlify.app/">Mini Calender <i
class="feather-arrow-up-right"></i></a></h4>
</div>
</div>
</div>
</div>
<!-- End Single Portfolio -->
<!-- Start Single Portfolio -->
<div data-aos="fade-up" data-aos-delay="300" data-aos-
once="true"
class="col-lg-6 col-xl-4 col-md-6 col-12 mt--50 mt_md--30
mt_sm--30">
<div class="rn-portfolio" data-toggle="modal" data-
target="#exampleModalCenter">
<div class="inner">
<div class="thumbnail">
<a href="javascript:void(0)">
<img src="assets/images/port/02.jpg"
alt="Personal Portfolio Images">
</a>
</div>
<div class="content">
<div class="category-info">
<div class="category-list">
<a
href="javascript:void(0)">Website</a>
</div>
<div class="meta">
</div>
</div>
<h4 class="title"><a href="https://saif-
digital-clock.netlify.app/">Digital Clock
<i
class="feather-arrow-up-right"></i></a></h4>
</div>
</div>
</div>
</div>
<!-- End Single Portfolio -->
<!-- Start Single Portfolio -->
<div data-aos="fade-up" data-aos-delay="500" data-aos-
once="true"
class="col-lg-6 col-xl-4 col-md-6 col-12 mt--50 mt_md--30
mt_sm--30">
<div class="rn-portfolio" data-toggle="modal" data-
target="#exampleModalCenter">
<div class="inner">
<div class="thumbnail">
<a href="javascript:void(0)">
<img src="assets/images/port/03.jpg"
alt="Personal Portfolio Images">
</a>
</div>
<div class="content">
<div class="category-info">
<div class="category-list">
<a href="javascript:void(0)">Website</a>
</div>
<div class="meta">
</div>
</div>
<h4 class="title"><a href="https://saif-text-
to-speed.netlify.app/">Text to Speech
<i
class="feather-arrow-up-right"></i></a></h4>
</div>
</div>
</div>
</div>
<!-- End Single Portfolio -->
<!-- Start Single Portfolio -->
<div data-aos="fade-up" data-aos-delay="100" data-aos-
once="true"
class="col-lg-6 col-xl-4 col-md-6 col-12 mt--50 mt_md--30
mt_sm--30">
<div class="rn-portfolio" data-toggle="modal" data-
target="#exampleModalCenter">
<div class="inner">
<div class="thumbnail">
<a href="javascript:void(0)">
<img src="assets/images/port/04.jpg"
alt="Personal Portfolio Images">
</a>
</div>
<div class="content">
<div class="category-info">
<div class="category-list">
<a
href="javascript:void(0)">Website</a>
</div>
<div class="meta">
</div>
</div>
<h4 class="title"><a
href="https://stopwatchmenu.netlify.app/">StopWatch
<i
class="feather-arrow-up-right"></i></a></h4>
</div>
</div>
</div>
</div>
<!-- End Single Portfolio -->
<!-- Start Single Portfolio -->
<div data-aos="fade-up" data-aos-delay="300" data-aos-
once="true"
class="col-lg-6 col-xl-4 col-md-6 col-12 mt--50 mt_md--30
mt_sm--30">
<div class="rn-portfolio" data-toggle="modal" data-
target="#exampleModalCenter">
<div class="inner">
<div class="thumbnail">
<a href="javascript:void(0)">
<img src="assets/images/port/05.jpg"
alt="Personal Portfolio Images">
</a>
</div>
<div class="content">
<div class="category-info">
<div class="category-list">
<a
href="javascript:void(0)">Website</a>
</div>
<div class="meta">
</div>
</div>
<h4 class="title"><a
href="https://calculator360.netlify.app/">Calculator<i
class="feather-arrow-up-right"></i></a></h4>
</div>
</div>
</div>
</div>
<!-- End Single Portfolio -->
<!-- Start Single Portfolio -->
<div data-aos="fade-up" data-aos-delay="500" data-aos-
once="true"
class="col-lg-6 col-xl-4 col-md-6 col-12 mt--50 mt_md--30
mt_sm--30">
<div class="rn-portfolio" data-toggle="modal" data-
target="#exampleModalCenter">
<div class="inner">
<div class="thumbnail">
<a href="javascript:void(0)">
<img src="assets/images/port/07.jpg"
alt="Personal Portfolio Images">
</a>
</div>
<div class="content">
<div class="category-info">
<div class="category-list">
<a href="javascript:void(0)">Web
App</a>
</div>
<div class="meta">
</div>
</div>
<h4 class="title"><a href="https://image-
search-engine0.netlify.app/">Image Search
Engine App<i class="feather-arrow-up-
right"></i></a></h4>
</div>
</div>
</div>
</div>
<!-- End Single Portfolio -->
<!-- Start Single Portfolio -->
<div data-aos="fade-up" data-aos-delay="100" data-aos-
once="true"
class="col-lg-6 col-xl-4 col-md-6 col-12 mt--50 mt_md--30
mt_sm--30">
<div class="rn-portfolio" data-toggle="modal" data-
target="#exampleModalCenter">
<div class="inner">
<div class="thumbnail">
<a href="javascript:void(0)">
<img src="assets/images/port/09.jpg"
alt="Personal Portfolio Images">
</a>
</div>
<div class="content">
<div class="category-info">
<div class="category-list">
<a href="javascript:void(0)">Web
Development</a>
</div>
<div class="meta">
</div>
</div>
<h4 class="title"><a href="https://analog-
clock.mdsaif.tech/">Analog Clock<i
class="feather-arrow-up-right"></i></a></h4>
</div>
</div>
</div>
</div>
<!-- End Single Portfolio -->
<!-- Start Single Portfolio -->
<div data-aos="fade-up" data-aos-delay="100" data-aos-
once="true"
class="col-lg-6 col-xl-4 col-md-6 col-12 mt--50 mt_md--30
mt_sm--30">
<div class="rn-portfolio" data-toggle="modal" data-
target="#exampleModalCenter">
<div class="inner">
<div class="thumbnail">
<a href="javascript:void(0)">
<img src="assets/images/port/10.jpg"
alt="Personal Portfolio Images">
</a>
</div>
<div class="content">
<div class="category-info">
<div class="category-list">
<a href="javascript:void(0)">Web
Development</a>
</div>
<div class="meta">
</div>
</div>
<h4 class="title"><a
href="https://mohdsaif0026.github.io/expanding-cards/">Expanding Cards<i
class="feather-arrow-up-right"></i></a></h4>
</div>
</div>
</div>
</div>
<!-- End Single Portfolio -->
<!-- Start Single Portfolio -->
<div data-aos="fade-up" data-aos-
delay="100" data-aos-once="true"
class="col-lg-6 col-xl-4 col-md-6 col-12
mt--50 mt_md--30 mt_sm--30">
<div class="rn-portfolio" data-
toggle="modal" data-target="#exampleModalCenter">
<div class="inner">
<div class="thumbnail">
<a href="javascript:void(0)">
<img
src="assets/images/port/11.jpg" alt="Personal Portfolio Images">
</a>
</div>
<div class="content">
<div class="category-info">
<div class="category-list">
<a
href="javascript:void(0)">Web Development</a>
</div>
<div class="meta">
</div>
</div>
<h4 class="title"><a
href="https://mohdsaif0026.github.io/Contact-us/">Get in Touch Page<i
class="feather-
arrow-up-right"></i></a></h4>
</div>
</div>
</div>
</div>
<!-- End Single Portfolio -->
</div>
</div>
</div>
<!-- End portfolio Area -->
<!-- Start Resume Area -->
<div class="rn-resume-area rn-section-gap section-separator" id="resume">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title text-center">
<span class="subtitle">Fresher</span>
<h2 class="title">My Resume</h2>
</div>
</div>
</div>
<div class="row mt--45">
<div class="col-lg-12">
<ul class="rn-nav-list nav nav-tabs" id="myTabs"
role="tablist">
<li class="nav-item">
<a class="nav-link active" id="education-tab" data-
toggle="tab" href="#education"
role="tab" aria-controls="education" aria-
selected="true">education</a>
</li>
<li class="nav-item">
<a class="nav-link" id="professional-tab" data-
toggle="tab" href="#professional"
role="tab" aria-controls="professional" aria-
selected="false">professional
Skills</a>
</li>
</ul>
<!-- Start Tab Content Wrapper -->
<div class="rn-nav-content tab-content" id="myTabContents">
<!-- Start Single Tab -->
<div class="tab-pane show active fade single-tab-area"
id="education" role="tabpanel"
aria-labelledby="education-tab">
<div class="personal-experience-inner mt--40">
<div class="row">
<!-- Start Skill List Area -->
<div class="col-lg-6 col-md-12 col-12">
<div class="content">
<span class="subtitle">2018 -
2022</span>
<h4 class="maintitle">Education
Quality</h4>
<div class="experience-list">
<!-- Start Single List -->
<div class="resume-single-
list">
<div class="inner">
<div class="heading">
<div class="title">
<h4>Bachelor of
Information Technology
(B.Tech)</h4>
<span>APJ Abdul
kalam technical university (2018 -
2022)</span>
</div>
<div class="date-
of-time">
</div>
</div>
<p class="description">
Expert computer scientist with
diverse work
experience, including programming, software
development, and
consulting. Extensive knowledge of
software
development cycle as well as proficiency in
several programming
languages.</p>
</div>
</div>
<!-- End Single List -->
<!-- Start Single List -->
<div class="resume-single-
list">
<div class="inner">
<div class="heading">
<div class="title">
<h4>JAVA &
PHP</h4>
<span>Udemy
Course</span>
</div>
<div class="date-
of-time">
</div>
</div>
<p
class="description">Java is an object-oriented,
general-purpose
programming language. PHP is an
object-oriented
server-side scripting language. Java is
compiled and
strongly-typed language. PHP is a dynamic
and weak typed
language.</p>
</div>
</div>
<!-- End Single List -->
<!-- Start Single List -->
<div class="resume-single-
list">
<div class="inner">
<div class="heading">
<div class="title">
<h4>Web
Development</h4>
<span>Udemy
Course</span>
</div>
<div class="date-
of-time">
</div>
</div>
<p
class="description">Powerful, extensible, and
feature-packed
frontend toolkit. Build and customize
with Sass, utilize
prebuilt grid system and components,
and bring projects
to life with powerful JavaScript
plugins.</p>
</div>
</div>
<!-- End Single List -->
</div>
</div>
</div>
<!-- End Skill List Area -->
</div>
</div>
</div>
<!-- End Single Tab -->
<!-- Start Single Tab -->
<div class="tab-pane fade " id="professional"
role="tabpanel"
aria-labelledby="professional-tab">
<div class="personal-experience-inner mt--40">
<div class="row row--40">
<!-- Start Single Progressbar -->
<div class="col-lg-6 col-md-6 col-12">
<div class="progress-wrapper">
<div class="content">
<span
class="subtitle">Features</span>
<h4 class="maintitle">Design
Skill</h4>
<!-- Start Single Progress
Charts -->
<div class="progress-charts">
<h6 class="heading heading-
h6">PHOTOSHOT</h6>
<div class="progress">
<div class="progress-
bar wow fadeInLeft"
data-wow-
duration="0.5s" data-wow-delay=".3s"
role="progressbar"
style="width: 100%"
aria-valuenow="85"
aria-valuemin="0"
aria-
valuemax="100"><span
class="percent-
label">100%</span></div>
</div>
</div>
<!-- End Single Progress Charts
-->
<!-- Start Single Progress
Charts -->
<div class="progress-charts">
<h6 class="heading heading-
h6">FIGMA</h6>
<div class="progress">
<div class="progress-
bar wow fadeInLeft"
data-wow-
duration="0.6s" data-wow-delay=".4s"
role="progressbar"
style="width: 95%" aria-valuenow="85"
aria-valuemin="0"
aria-valuemax="100"><span
class="percent-
label">95%</span></div>
</div>
</div>
<!-- End Single Progress Charts
-->
<!-- Start Single Progress
Charts -->
<div class="progress-charts">
<h6 class="heading heading-
h6">ADOBE XD</h6>
<div class="progress">
<div class="progress-
bar wow fadeInLeft"
data-wow-
duration="0.7s" data-wow-delay=".5s"
role="progressbar"
style="width: 60%" aria-valuenow="85"
aria-valuemin="0"
aria-valuemax="100"><span
class="percent-
label">60%</span></div>
</div>
</div>
<!-- End Single Progress Charts
-->
<!-- Start Single Progress
Charts -->
<div class="progress-charts">
<h6 class="heading heading-
h6">ADOBE ILLUSTRATOR</h6>
<div class="progress">
<div class="progress-
bar wow fadeInLeft"
data-wow-
duration="0.8s" data-wow-delay=".6s"
role="progressbar"
style="width: 70%" aria-valuenow="85"
aria-valuemin="0"
aria-valuemax="100"><span
class="percent-
label">70%</span></div>
</div>
</div>
<!-- End Single Progress Charts
-->
<!-- Start Single Progress
Charts -->
<div class="progress-charts">
<h6 class="heading heading-
h6">bubble</h6>
<div class="progress">
<div class="progress-
bar wow fadeInLeft"
data-wow-
duration="0.9s" data-wow-delay=".7s"
role="progressbar"
style="width: 90%" aria-valuenow="85"
aria-valuemin="0"
aria-valuemax="100"><span
class="percent-
label">90%</span></div>
</div>
</div>
<!-- End Single Progress Charts
-->
</div>
</div>
</div>
<!-- End Single Progressbar -->
<!-- Start Single Progressbar -->
<div class="col-lg-6 col-md-6 col-12
mt_sm--60">
<div class="progress-wrapper">
<div class="content">
<span
class="subtitle">Features</span>
<h4
class="maintitle">Development Skill</h4>
<!-- Start Single Progress
Charts -->
<div class="progress-charts">
<h6 class="heading heading-
h6">HTML/CSS</h6>
<div class="progress">
<div class="progress-
bar wow fadeInLeft"
data-wow-
duration="0.5s" data-wow-delay=".3s"
role="progressbar"
style="width: 85%" aria-valuenow="85"
aria-valuemin="0"
aria-valuemax="100"><span
class="percent-
label">85%</span></div>
</div>
</div>
<!-- End Single Progress Charts
-->
<!-- Start Single Progress
Charts -->
<div class="progress-charts">
<h6 class="heading heading-
h6">Python</h6>
<div class="progress">
<div class="progress-
bar wow fadeInLeft"
data-wow-
duration="0.6s" data-wow-delay=".4s"
role="progressbar"
style="width: 80%" aria-valuenow="85"
aria-valuemin="0"
aria-valuemax="100"><span
class="percent-
label">80%</span></div>
</div>
</div>
<!-- End Single Progress Charts
-->
<!-- Start Single Progress
Charts -->
<div class="progress-charts">
<h6 class="heading heading-
h6">JAVASCRIPT</h6>
<div class="progress">
<div class="progress-
bar wow fadeInLeft"
data-wow-
duration="0.7s" data-wow-delay=".5s"
role="progressbar"
style="width: 90%" aria-valuenow="85"
aria-valuemin="0"
aria-valuemax="100"><span
class="percent-
label">90%</span></div>
</div>
</div>
<!-- End Single Progress Charts
-->
<!-- Start Single Progress
Charts -->
<div class="progress-charts">
<h6 class="heading heading-
h6">WordPress</h6>
<div class="progress">
<div class="progress-
bar wow fadeInLeft"
data-wow-
duration="0.8s" data-wow-delay=".6s"
role="progressbar"
style="width: 75%" aria-valuenow="85"
aria-valuemin="0"
aria-valuemax="100"><span
class="percent-
label">75%</span></div>
</div>
</div>
<!-- End Single Progress Charts
-->
<!-- Start Single Progress
Charts -->
<div class="progress-charts">
<h6 class="heading heading-
h6">PHP</h6>
<div class="progress">
<div class="progress-
bar wow fadeInLeft"
data-wow-
duration="0.9s" data-wow-delay=".7s"
role="progressbar"
style="width: 70%" aria-valuenow="85"
aria-valuemin="0"
aria-valuemax="100"><span
class="percent-
label">70%</span></div>
</div>
</div>
<!-- End Single Progress Charts
-->
</div>
</div>
</div>
<!-- End Single Progressbar -->
</div>
</div>
</div>
<!-- End Single Tab -->
</div>
</div>
</div>
<!-- End Single Tab -->
</div>
</div>
</div>
</div>
</div>
<!-- End Resume Area -->
<!-- Start Contact section -->
<div class="rn-contact-area rn-section-gap section-separator"
id="contacts">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title text-center">
<span class="subtitle">Contact</span>
<h2 class="title">Contact With Me</h2>
</div>
</div>
</div>
<div class="row mt--50 mt_md--40 mt_sm--40 mt-contact-sm">
<div class="col-lg-5">
<div class="contact-about-area">
<div class="thumbnail">
<img src="assets/images/3d/Saly-31.png"
alt="contact-img">
</div>
<div class="title-area">
<h4 class="title">Abhishek Sharma</h4>
<span>Open-source enthusiast</span>
</div>
<div class="description">
<p>I am available for freelance work. Connect with
me via in to my account.
</p>
<span class="mail">Email: <a
href="mailto:[email protected]">[email protected]</a></span>
</div>
<div class="social-area">
<div class="name">FIND WITH ME</div>
<div class="social-icone">
<a href="#"><i data-feather="facebook"></i></a>
<a href="#"><i data-feather="linkedin"></i></a>
<a href="#"><i
data-feather="instagram"></i></a>
</div>
</div>
</div>
</div>
<div data-aos-delay="600" class="col-lg-7 contact-input">
<div class="contact-form-wrapper">
<div class="introduce">
<form id="contact-form" class="row"
target="_blank">
<div class="col-lg-6">
<div class="form-group">
<label for="contact-name">Your
Name</label>
<input class="form-control form-
control-lg" name="contact-name"
id="contact-name" type="text">
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<label for="contact-phone">Phone
Number</label>
<input class="form-control"
name="contact-phone" id="contact-phone"
type="text">
</div>
</div>
<div class="col-lg-12">
<div class="form-group">
<label
for="contact-email">Email</label>
<input class="form-control form-
control-sm" id="contact-email"
name="contact-email" type="email">
</div>
</div>
<div class="col-lg-12">
<div class="form-group">
<label for="subject">subject</label>
<input class="form-control form-
control-sm" id="subject" name="subject"
type="text">
</div>
</div>
<div class="col-lg-12">
<div class="form-group">
<label for="contact-message">Your
Message</label>
<textarea name="contact-message"
id="contact-message" cols="30"
rows="10"></textarea>
</div>
</div>
<div class="col-lg-12">
<button name="submit" type="submit"
id="submit" class="rn-btn">
<span>SEND MESSAGE</span>
<i data-feather="arrow-right"></i>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Contuct section -->
<!-- Back to top Start -->
<div class="backto-top">
<div>
<i data-feather="arrow-up"></i>
</div>
</div>
<!-- Back to top end -->
</main>
<!-- Start Footer Area -->
<div class="rn-footer-area rn-section-gap section-separator">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="footer-area text-center">
<div class="logo">
<a href="index.html">
<img src="assets/images/mdsaif.png" alt="logo">
</a>
</div>
<p class="description mt--30">©<a target="_blank"
href="">Abhishek Sharma</a> </p>
</div>
</div>
</div>
</div>
</div>
<!-- End Footer Area -->
<!-- JS ============================================ -->
<script src="assets/js/vendor/jquery.js"></script>
<script src="assets/js/vendor/modernizer.min.js"></script>
<script src="assets/js/vendor/feather.min.js"></script>
<script src="assets/js/vendor/slick.min.js"></script>
<script src="assets/js/vendor/bootstrap.js"></script>
<script src="assets/js/vendor/text-type.js"></script>
<script src="assets/js/vendor/wow.js"></script>
<script src="assets/js/vendor/aos.js"></script>
<script src="assets/js/vendor/particles.js"></script>
<!-- main JS -->
<script src="assets/js/main.js"></script>
<!-- contact -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$('#contact-form').on('submit', function(event) {
event.preventDefault();
$.ajax({
url: 'https://formspree.io/f/xleyygrp',
method: 'POST',
data: $(this).serialize(),
dataType: 'json',
success: function(data) {
alert('Your message has been sent successfully!');
$('#contact-form')[0].reset();
},
error: function(err) {
alert('There was an error sending your message. Please try
again.');
}
});
});
});
</script>
</body>
</html>
You might also like
- Universidad Cristiana de Honduras (Ucrish)No ratings yetUniversidad Cristiana de Honduras (Ucrish)6 pages
- It3511 - Full Stack Web Development Lab Manual Final 14112023No ratings yetIt3511 - Full Stack Web Development Lab Manual Final 1411202381 pages
- HTML Head Meta Meta Meta Meta Meta Title Title: InicioNo ratings yetHTML Head Meta Meta Meta Meta Meta Title Title: Inicio6 pages
- Laporan UAS P.Web II - Muhammad Achalendra Feroz - 09031282126050 - SI Reg 4BNo ratings yetLaporan UAS P.Web II - Muhammad Achalendra Feroz - 09031282126050 - SI Reg 4B27 pages
- React Portfolio App Development: Increase your online presence and create your personal brandFrom EverandReact Portfolio App Development: Increase your online presence and create your personal brandNo ratings yet
- Interview Questions Related To Scripting and Programming For A DevopsNo ratings yetInterview Questions Related To Scripting and Programming For A Devops50 pages
- CSC 308 Object-Oriented Analysis and DesignNo ratings yetCSC 308 Object-Oriented Analysis and Design28 pages
- HSYD100 1 Jul Dec2024 FA1 RR V.2 14052024No ratings yetHSYD100 1 Jul Dec2024 FA1 RR V.2 140520247 pages
- Download Full Java Design Patterns: A Hands-On Experience with Real-World Examples 2nd Edition Vaskaran Sarcar PDF All Chapters100% (2)Download Full Java Design Patterns: A Hands-On Experience with Real-World Examples 2nd Edition Vaskaran Sarcar PDF All Chapters65 pages
- Sap Ecc 6.0: DMO For Using SUM 2.0 SP 10No ratings yetSap Ecc 6.0: DMO For Using SUM 2.0 SP 102 pages
- Full download Clean Code Principles And Patterns : A Software Practitioner's Handbook 1 / no cover Edition Petri Silén pdf docx100% (3)Full download Clean Code Principles And Patterns : A Software Practitioner's Handbook 1 / no cover Edition Petri Silén pdf docx50 pages
- SEPM-Project (1).pdf_20241220_113342_0000No ratings yetSEPM-Project (1).pdf_20241220_113342_000017 pages
- Kanban - Agile Methodology - GeeksforGeeksNo ratings yetKanban - Agile Methodology - GeeksforGeeks19 pages
- Download Full Migrating ASP.NET Microservices to ASP.NET Core: By Example 1st Edition Iris Classon PDF All Chapters100% (1)Download Full Migrating ASP.NET Microservices to ASP.NET Core: By Example 1st Edition Iris Classon PDF All Chapters65 pages
