index.html

﻿<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta name="description" content="Mern-stack Developer | Wordpress Developer|Shopify Expert">
	<meta name="author" content="Aziz">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- Title -->
	<title>Iftekher Aziz- Fullstack Developer</title>
	<!-- Favicon -->
	<link href="img/favicon.png" type="image/png" rel="icon">

	<!-- All CSS -->
	<link href="css/plugins.css" rel="stylesheet" type="text/css">
	<link href="css/main.css" rel="stylesheet" type="text/css">
	<link href="css/responsive.css" rel="stylesheet" type="text/css">
</head>

<body id="body" data-spy="scroll" data-target="#menu-list">

	<!--  start page loader  -->
	<div id="preloader">
		<div class="scroll-static"></div>
	</div>
	<!--  end page loader  -->

	<!-- begin of main-wrapper -->
	<div class="main-wrapper">
		<!-- begin of navbar -->
		<div class="nav-bar">
			<!-- begin of scroll-indicator -->
			<div class="scroll-indicator"></div>
			<nav>
				<ul id="menu-list">
					<li class="nav-item"><a class="active nav-link" href="#body" data-text="Home">
							Home
						</a></li>
					<li class="nav-item"><a class="nav-link" href="#about" data-text="About">
							About
						</a></li>
					<li class="nav-item"><a class="nav-link" href="#services" data-text="Services">
							Services
						</a></li>
					<li class="nav-item"><a class="nav-link" href="#skills" data-text="Skills">
							Skills
						</a></li>
					<li class="nav-item"><a class="nav-link" href="#education" data-text="Education">
							Education
						</a></li>
					<li class="nav-item"><a class="nav-link" href="#experience" data-text="Experience">
							Experience
						</a></li>
					<li class="nav-item"><a class="nav-link" href="#works" data-text="Projects">
							Projects
						</a></li>
					<li class="nav-item"><a class="nav-link" href="#blogs" data-text="Blogs">
							Blogs
						</a></li>
					<li class="nav-item"><a class="nav-link" href="#contact" data-text="Contact">
							Contact
						</a></li>
				</ul>
			</nav>
			<div class="nav-footer">
				<p class="nav-copyright">&copy; Copyright 2023<br>All rights reserved</p>
			</div>
		</div>
		<!-- end of navbar -->
		<!-- begin of main-content -->
		<div class="main-content">
			<!-- begin of header -->
			<header>
				<div class="container-fluid">
					<div class="row">
						<div class="col-7">
							<!-- logo -->
							<div class="logo">
								<a href="index.html">Aziz</a>
							</div>
						</div>
						<div class="col-5">
							<a href="https://wa.me/+8801670407073?text=Contact Aziz" target="_blank"
								class="default-btn header-action-btn"><i class="ti-email"></i>Send Message</a>


							<div class="default-btn menu-btn">
								<i class="ti-menu"></i>
								<i class="ti-close"></i>
							</div>
						</div>
					</div>
				</div>
			</header>
			<!-- end of header -->

			<!-- begin of home-wrapper -->
			<div class="home-wrapper">
				<div class="container-fluid">
					<div class="row align-items-center">
						<div class="col-md-5 col-sm-5">
							<div class="hero-img wow fadeIn" data-wow-delay=".2s">
								<div class="shape"></div>
								<!-- hero image -->
								<img class="img-fluid" src="img/me.jpg" alt="">
							</div>
						</div>
						<div class="col-md-7 col-sm-7">
							<div class="hero-content">
								<h2 class="intro-name">
									<span class="wow slideInLeft">Hi, I am</span>
									<span class="wow slideInLeft" data-wow-delay=".2s">Iftekher Aziz</span>
								</h2>
								<p>
									<span class="wow slideInLeft" data-wow-delay=".5s">Full-stack Web Developer</span>
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- end of home-wrapper -->

			<!-- begin of about-wrapper -->
			<div id="about" class="wrapper about-wrapper">
				<div class="container-fluid">
					<div class="row">
						<div class="col-md-12">
							<!-- section heading -->
							<h3 class="wrapper-heading">About Me</h3>

							<h4 class="about-sub-heading">Full-stack Web Developer</h4>
							<p style="text-align:justify!important;" class="about-text">I am a highly motivated and
								experienced full-stack developer with a solid programming background. My expertise lies
								in
								creating and implementing state-of-the-art web solutions. I thrive in collaborative team
								environments, thrive under
								pressure, and consistently exceed client expectations. I am committed to staying
								up-to-date with the latest trends and
								technologies in web development. I am currently seeking a company where I can leverage
								my experience and continue to
								grow as a full-time software engineer.</p>

							<!-- social profile links -->
							<div class="social-links">
								<span>I am avilable on</span>
								<ul>
									<li><a target="_blank" href="https://twitter.com/iftekheraziz" data-text="tw"><i
												class="ti-twitter"></i></a></li>
									<li><a target="_blank" href="https://www.linkedin.com/in/iftekheraziz/"
											data-text="in"><i class="ti-linkedin"></i></a>
									</li>
									<li><a target="_blank" href="https://www.facebook.com/iftekheraziz"
											data-text="fa"><i class="ti-facebook"></i></a></li>
									<li><a target="_blank"
											href="https://www.upwork.com/freelancers/~015ea1811bedd23efd/"
											data-text="up"><i class="ti-underline"></i></a></li>
									<li><a target="_blank" href="https://www.fiverr.com/iftekher_aziz/"
											data-text="fi"><i class="ti-facebook"></i></a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- end of about-wrapper -->

			<!-- begin of service-wrapper -->
			<div id="services" class="wrapper service-wrapper">
				<div class="container-fluid">
					<div class="row">
						<div class="col-md-12">
							<!-- section heading -->
							<h3 class="wrapper-heading">Providing Services</h3>
						</div>
						<div class="col-lg-3 col-md-6 col-sm-6">
							<!-- service item -->
							<div class="service-item">
								<span class="ti-desktop"></span>
								<h4>Web Design</h4>
								<p>Design responsive and cross platform user interfaces using latest technologies</p>
							</div>
						</div>
						<div class="col-lg-3 col-md-6 col-sm-6">
							<!-- service item -->
							<div class="service-item">
								<span class="ti-world"></span>
								<h4>Web Application</h4>
								<p>Single or multi page application using mern-stack technology</p>
							</div>
						</div>
						<div class="col-lg-3 col-md-6 col-sm-6">
							<!-- service item -->
							<div class="service-item">
								<span class="ti-wordpress"></span>
								<h4>WordpRess Development</h4>
								<p>Deasig or Redesign WordpRess website for business solutions.</p>
							</div>
						</div>
						<div class="col-lg-3 col-md-6 col-sm-6">
							<!-- service item -->
							<div class="service-item">
								<span class="ti-shopping-cart-full"></span>
								<h4>Shopify Development</h4>
								<p>Deasig or Redesign Shopify website to promote your brand.</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- end of service-wrapper -->

			<!-- begin of skills-wrapper -->
			<div id="skills" class="wrapper skills-wrapper">
				<div class="container-fluid">
					<div class="row">
						<div class="col-md-6 margin-on-md">
							<!-- section heading -->
							<h3 class="wrapper-heading">Development Skills</h3>
							<!-- skill item -->
							<div class="skill-item">
								<p>WordPress Development</p>
								<div class="skill-wrap">
									<div class="skill-percent wow slideInLeft" data-wow-delay=".2s" style="width:80%">
									</div>
								</div>
							</div>
							<!-- skill item -->
							<div class="skill-item">
								<p>Shopify Development</p>
								<div class="skill-wrap">
									<div class="skill-percent wow slideInLeft" data-wow-delay=".1s" style="width:70%">
									</div>
								</div>
							</div>
							<!-- skill item -->
							<div class="skill-item">
								<p>Mern-stack Development</p>
								<div class="skill-wrap">
									<div class="skill-percent wow slideInLeft" data-wow-delay=".3s" style="width:50%">
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-6">
							<!-- section heading -->
							<h3 class="wrapper-heading">Best Coding Skills</h3>

							<!-- skill item -->
							<div class="skill-item">
								<p>HTML5 &amp; CSS3</p>
								<div class="skill-wrap">
									<div class="skill-percent wow slideInLeft" style="width:90%"></div>
								</div>
							</div>
							<!-- skill item -->
							<div class="skill-item">
								<p>PHP</p>
								<div class="skill-wrap">
									<div class="skill-percent wow slideInLeft" data-wow-delay=".1s" style="width:78%">
									</div>
								</div>
							</div>
							<!-- skill item -->
							<div class="skill-item">
								<p>JavaScript</p>
								<div class="skill-wrap">
									<div class="skill-percent wow slideInLeft" data-wow-delay=".2s" style="width:67%">
									</div>
								</div>
							</div>
							<!-- skill item -->
							<div class="skill-item">
								<p>Python</p>
								<div class="skill-wrap">
									<div class="skill-percent wow slideInLeft" data-wow-delay=".3s" style="width:57%">
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- end of skills-wrapper -->

			<!-- begin of education-wrapper -->
			<div id="education" class="wrapper education-wrapper">
				<div class="container-fluid">
					<div class="row">
						<div class="col-md-12">
							<!-- section heading -->
							<h3 class="wrapper-heading">Educational Background</h3>
						</div>
						<div class="col-lg-4 col-md-6 col-sm-6">
							<div class="education-single">
								<h4 class="course-name">Secondary School Certificate</h4>
								<p class="institute">Coxs Bazar Government High School</p>
								<p class="mute-text">Session : 2012-2013</p>
								<p class="mute-text">Passing Year : March 2013</p>
							</div>
						</div>
						<div class="col-lg-4 col-md-6 col-sm-6">
							<div class="education-single">
								<h4 class="course-name">Higher Secondary School Certificate</h4>
								<p class="institute">Govt. Hazi Mohammad Mohsin College</p>
								<p class="mute-text">Session : 2013-2014</p>
								<p class="mute-text">Passing Year : August 2015</p>
							</div>
						</div>
						<div class="col-lg-4 col-md-6 col-sm-6">
							<div class="education-single">
								<h4 class="course-name">B.Sc in Computer Science</h4>
								<p class="institute">Daffodil International University</p>
								<p class="mute-text">Session : 2016-2019</p>
								<p class="mute-text">Passing Year : August 2020</p>
							</div>
						</div>

					</div>
				</div>
			</div>
			<!-- end of education-wrapper -->

			<!-- begin of experience-wrapper -->
			<div id="experience" class="wrapper experience-wrapper">
				<div class="container-fluid">
					<div class="row">
						<div class="col-md-12">
							<!-- section heading -->
							<h3 class="wrapper-heading">Work Experience</h3>
						</div>
						<div class="col-md-6">
							<div class="experience-single">
								<h4 class="company">Fiverr - (Freelancer)</h4>
								<p class="position-name">WordPress & Shopify Developer</p>
								<p class="mute-text">September 2017 - Present</p>


							</div>
						</div>

						<div class="col-md-6">
							<div class="experience-single">
								<h4 class="company">Upwork - (Freelancer)</h4>
								<p class="position-name">WordPress & Shopify Developer</p>
								<p class="mute-text">July 2018 - Present</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- end of experience-wrapper -->

			<!-- begin of works-wrapper -->
			<div id="works" class="wrapper works-wrapper">
				<div class="container-fluid">
					<div class="row">
						<div class="col-md-12">
							<!-- section heading -->
							<h3 class="wrapper-heading">Recent Works</h3>
						</div>
						<div class="col-md-12">
							<!-- work filter buttons -->
							<div class="filter-buttons">
								<button class="active" data-filter="*">Everything</button>
								<button data-filter=".mern">Mern-stack Development</button>
								<button data-filter=".wordpress">WordPress Development</button>
								<button data-filter=".shopify">Shopify Development</button>
							</div>
						</div>
					</div>
					<div class="row zoom-gallery">
						<!-- work single item  -->
						<div class="col-lg-4 col-md-6 col-sm-6 mern">
							<div class="work-single-item">
								<a class="zoom-image" href="img/work/ZoomieToys.png">
									<div class="tilt-wrap">
										<img class="img-fluid" src="img/work/ZoomieToys.png" alt="">
										<h6>Zoomie Toys</h6>
									</div>
								</a>
							</div>
							<a style="color: aliceblue;" target="_blank" href="https://zoomie-toys.web.app/">View
								Website</a>
						</div>
						<!-- work single item  -->
						<div class="col-lg-4 col-md-6 col-sm-6 mern">
							<div class="work-single-item">
								<a class="zoom-image" href="img/work/MaxCach.png">
									<div class="tilt-wrap">
										<img class="img-fluid" src="img/work/MaxCach.png" alt="">
										<h6>MaxCoach Photography</h6>
									</div>
								</a>
							</div>
							<a style="color: aliceblue;" target="_blank" href="https://max-coach.web.app/">View
								Website</a>
						</div>
						<!-- work single item  -->
						<div class="col-lg-4 col-md-6 col-sm-6 mern">
							<div class="work-single-item">
								<a class="zoom-image" href="img/work/BistroBoss.png">
									<div class="tilt-wrap">
										<img class="img-fluid" src="img/work/BistroBoss.png" alt="">
										<h6>BistroBoss Restaurant</h6>
									</div>
								</a>
							</div>
							<a style="color: aliceblue;" target="_blank"
								href="https://bistro-boss-restaurant-46684.web.app/">View Website</a>
						</div>

						<!-- work single item  -->
						<div class="col-lg-4 col-md-6 col-sm-6 wordpress">
							<div class="work-single-item">
								<a class="zoom-image" href="img/work/411junkcars.png">
									<div class="tilt-wrap">
										<img class="img-fluid" src="img/work/411junkcars.png" alt="">
										<h6>411 Junk Cars</h6>
									</div>
								</a>
							</div>
							<a style="color: aliceblue;" target="_blank" href="https://411junkcars.com/">View
								Website</a>
						</div>
						<!-- work single item  -->
						<div class="col-lg-4 col-md-6 col-sm-6 wordpress">
							<div class="work-single-item">
								<a class="zoom-image" href="img/work/omniverce.png">
									<div class="tilt-wrap">
										<img class="img-fluid" src="img/work/omniverce.png" alt="">
										<h6>Omniverce</h6>
									</div>
								</a>
							</div>
							<a style="color: aliceblue;" target="_blank" href="https://omniverce.com/">View Website</a>
						</div>
						<!-- work single item  -->
						<div class="col-lg-4 col-md-6 col-sm-6 wordpress">
							<div class="work-single-item">
								<a class="zoom-image" href="img/work/shoposaze.png">
									<div class="tilt-wrap">
										<img class="img-fluid" src="img/work/shoposaze.png" alt="">
										<h6>Shoposaze</h6>
									</div>
								</a>
							</div>
							<a style="color: aliceblue;" target="_blank" href="https://shoposaze.com/">View Website</a>
						</div>
						<!-- work single item  -->
						<div class="col-lg-4 col-md-6 col-sm-6 shopify">
							<div class="work-single-item">
								<a class="zoom-image" href="img/work/puntos.png">
									<div class="tilt-wrap">
										<img class="img-fluid" src="img/work/puntos.png" alt="">
										<h6>Puntos</h6>
									</div>
								</a>
							</div>
							<a style="color: aliceblue;" target="_blank" href="https://puntos.com/">View Website</a>
						</div>
						<!-- work single item  -->
						<div class="col-lg-4 col-md-6 col-sm-6 shopify">
							<div class="work-single-item">
								<a class="zoom-image" href="img/work/beautifulflowa.png">
									<div class="tilt-wrap">
										<img class="img-fluid" src="img/work/beautifulflowa.png" alt="">
										<h6>Beautiful Flowa</h6>
									</div>
								</a>
							</div>
							<a style="color: aliceblue;" target="_blank" href="https://beautifulflowa.com/">View
								Website</a>
						</div>
						<!-- work single item  -->
						<div class="col-lg-4 col-md-6 col-sm-6 shopify">
							<div class="work-single-item">
								<a class="zoom-image" href="img/work/pinecrestbakery.png">
									<div class="tilt-wrap">
										<img class="img-fluid" src="img/work/pinecrestbakery.png" alt="">
										<h6>Pinecrest Bakery</h6>
									</div>
								</a>
							</div>
							<a style="color: aliceblue;" target="_blank" href="https://pinecrestbakery.com/">View
								Website</a>
						</div>
					</div>
				</div>
			</div>
			<!-- end of works-wrapper -->

			<!-- begin of blogs-wrapper -->
			<div id="blogs" class="wrapper blogs-wrapper">
				<div class="container-fluid">
					<div class="row">
						<div class="col-md-12">
							<!-- section heading -->
							<h3 class="wrapper-heading">Blogs</h3>
						</div>
						<div class="col-lg-4 col-md-6 col-sm-6">
							<div class="blog-item">
								<a href="#">
									<div class="blog-img">
										<img class="img-fluid" src="img/blog/Machine_Learning.png" alt="">
									</div>
									<div class="blog-info">
										<div class="tags">
											<span>Machine Learning</span>
											<span>Deep Learning</span>
											<span>Artificial Intelligence</span>
										</div>
										<h4 class="blog-title">
											<a target="_blank"
												href="https://medium.com/analytics-vidhya/fundamental-omachine-learning-ada28afa1bd3"><span>Fundamental
													Knowledge of Machine Learning</span></a>
										</h4>
									</div>
								</a>
							</div>
						</div>
						<div class="col-lg-4 col-md-6 col-sm-6">
							<div class="blog-item">
								<a href="#">
									<div class="blog-img">
										<img class="img-fluid" src="img/blog/blog2.png" alt="">
									</div>
									<div class="blog-info">
										<div class="tags">
											<span>AI</span>
											<span>Deep Learning </span>
											<span>Machine Learning </span>
										</div>
										<h4 class="blog-title">
											<a target="_blank"
												href="https://thetechgaint.blogspot.com/2019/04/what-is-difference-between-ai-ml-and.html"><span>What
													Is The Difference Between AI, ML And Deep Learning ?</span></a>
										</h4>
									</div>
								</a>
							</div>
						</div>
						<div class="col-lg-4 col-md-12">
							<div class="blog-item">
								<a href="#">
									<div class="blog-img">
										<img class="img-fluid" src="img/blog/blog3.png" alt="">
									</div>
									<div class="blog-info">
										<div class="tags">
											<span>Amazon</span>
											<span>Famous Company</span>
										</div>
										<h4 class="blog-title">
											<a target="_blank"
												href="https://thetechgaint.blogspot.com/2019/04/amazon-shutting-down-its-online-store.html"><span>Amazon
													Shutting Down Its Online Store.</span></a>
										</h4>
									</div>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- end of blogs-wrapper -->

			<!-- begin of contact-wrapper -->
			<div id="contact" class="wrapper contact-wrapper">
				<div class="container-fluid">
					<div class="row">
						<div class="col-lg-5 col-md-12">
							<div class="contact-details">
								<h4>Get in Touch</h4>
								<p>Feel free to drop me a line to contact me</p>
							</div>
							<div class="contact-info">
								<p><span class="ti-email"></span>azizchy02@email.com</p>
								<p><span class="ti-mobile"></span>+880 1670 407073</p>
								<p><span class="ti-home"></span>Dhaka,Bangladesh</p>
							</div>
						</div>
						<div class="col-lg-7 col-md-12">
							<form id="contact-form" action="php/mail.php">
								<div class="row">
									<div class="col">
										<p class="form-message">
									</div>
								</div>
								<div class="row">
									<div class="col-md-5">
										<!-- input field for NAME -->
										<input class="input_field required" type="text" name="name" placeholder="Name">
										<!-- input field for EMAIL -->
										<input class="input_field required" type="email" name="email"
											placeholder="Email">
									</div>
									<div class="col-md-7">
										<!-- input field for MESSAGE -->
										<textarea class="input_field required" name="message"
											placeholder="Tell Me About Your Query."></textarea>
									</div>
								</div>
								<div class="row">
									<div class="col-md-12">
										<!-- button for MESSAGE-SEND -->
										<button class="default-btn w-100" type="submit">Send Message</button>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
			<!-- end of contact-wrapper -->

			<!-- begin of contact-wrapper -->
			<footer class="wrapper footer-wrapper">
				<div class="container-fluid">
					<div class="col-md-12 text-center">
						<div class="footer-social">
							<a href="https://www.linkedin.com/in/iftekheraziz/" target="_blank">Linkedin</a>
							<a href="https://join.skype.com/invite/upyqkc3sxKkm" target="_blank">Skype</a>
							<a href="https://wa.me/+8801670407073?text=Contact Aziz" target="_blank">WhatsApp</a>
							<a href="https://github.com/IftekherAziz/" target="_blank">Github</a>
						</div>
						<p>Developed By Iftekher Aziz</p>
					</div>
				</div>
			</footer>
			<!-- end of contact-wrapper -->

			<!-- scroll-to top -->
			<a class="default-btn scroll-to-top" href="#body"><span class="ti-angle-up "></span></a>

		</div>
		<!-- end of main-content -->
	</div>
	<!-- end of main-wrapper -->

	<!-- All JS -->

	<script src="js/jquery-3.3.1.min.js"></script>
	<script src="js/plugins.js"></script>
	<script src="js/main.js"></script>
	<script src="js/ajax-mail.js"></script>

</body>

<!-- Copied from https://sojonever.com/html/optio/index.html by Cyotek WebCopy 1.4.0.477, Tuesday, May 14, 2019, 7:01:59 PM -->

</html>