index.html

<!DOCTYPE HTML>
<!--
	Prologue by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>Vishal Panchani</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
		<link rel="stylesheet" href="assets/css/main.css" />
		<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
		<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
		<meta name="trustpilot-one-time-domain-verification-id" content="633B05sSywR9xvfbGFflDFGkzKDHEgLKVRG68HAL"/>
		<meta name="undefined" content="633B05sSywR9xvfbGFflDFGkzKDHEgLKVRG68HAL"/>
		<meta name="undefined" content="mWs9uBC58iJRuntIXqB08NBKEIb0lzrMYBJ49AAK"/>
		<meta name="email" content="pvishal327@gmail.com"/>
	</head>
	<body>

		<!-- Header -->
			<div id="header">

				<div class="top">

					<!-- Logo -->
						<div id="logo">
							<span class="image avatar48"><img src="images/avtar.jpg" alt="" /></span>
							<h1 id="title">Vishal Panchani</h1>
							<p>Software Developer</p>
						</div>

					<!-- Nav -->
						<nav id="nav">
							<!--

								Prologue's nav expects links in one of two formats:

								1. Hash link (scrolls to a different section within the page)

								   <li><a href="#foobar" id="foobar-link" class="icon fa-whatever-icon-you-want skel-layers-ignoreHref"><span class="label">Foobar</span></a></li>

								2. Standard link (sends the user to another page/site)

								   <li><a href="http://foobar.tld" id="foobar-link" class="icon fa-whatever-icon-you-want"><span class="label">Foobar</span></a></li>

							-->
							<ul>
								<li><a href="#top" id="top-link" class="skel-layers-ignoreHref"><span class="icon fa-home">Intro</span></a></li>
								<li><a href="#portfolio" id="portfolio-link" class="skel-layers-ignoreHref"><span class="icon fa-th">Portfolio</span></a></li>
								<li><a href="#about" id="about-link" class="skel-layers-ignoreHref"><span class="icon fa-user">About Me</span></a></li>
								<li><a href="#contact" id="contact-link" class="skel-layers-ignoreHref"><span class="icon fa-envelope">Contact</span></a></li>
							</ul>
						</nav>

				</div>

				<div class="bottom">

					<!-- Social Icons -->
						<ul class="icons">
							<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
							<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
							<li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
							<li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
							<li><a href="#" class="icon fa-envelope"><span class="label">Email</span></a></li>
						</ul>

				</div>

			</div>

		<!-- Main -->
			<div id="main">

				<!-- Intro -->
					<section id="top" class="one dark cover">
						<div class="container">

							<header>
								<h2 class="alt">Yo there, I’m Vishal. I’m a software engineer currently living in Bangalore India. <br />
								<br>
								<h3> Technical Expertise</h3><br>
								<b>Programming language</b>: Java, SQL,PL-SQL<br>
                                                                     <b> Web-Technology</b>: HTML,CSS, Java Script<br>
                                                                           <b> Database</b>: my SQL, Oracle 12C<br>
                                                                <b>  J2EE Technologies </b>: JDBC, Servlets, JSP<br>
                                                                   <b> J2EE Frameworks </b>: Hibernate, Spring<br>
                                                                       <b>  Oracle Tool</b>: OBIEE, Oracle Data Integrator<br>
								</p>
							</header>

							<footer>
								<a href="#portfolio" class="button scrolly">Bhavesh Lakhani</a>
							</footer>

						</div>
					</section>

				<!-- Portfolio -->
					<section id="portfolio" class="two">
						<div class="container">

							<header>
								<h2>Portfolio</h2>
							</header>

							<p> Hello, my name is Vishal. I am a software developer , security enthuthiastic from Bangalore India.
                                                            I am curretly working as Security researcher in CGI.
                                                            I am passionate about Technology.</p>

							<div class="row">
								<div class="4u 12u$(mobile)">
									<article class="item">
										<a href="#" class="image fit"><img src="images/pic02.jpg" alt="" /></a>
										<header>
											<h3>Ipsum Feugiat</h3>
										</header>
									</article>
									<article class="item">
										<a href="#" class="image fit"><img src="images/pic03.jpg" alt="" /></a>
										<header>
											<h3>Rhoncus Semper</h3>
										</header>
									</article>
								</div>
								<div class="4u 12u$(mobile)">
									<article class="item">
										<a href="#" class="image fit"><img src="images/pic04.jpg" alt="" /></a>
										<header>
											<h3>Magna Nullam</h3>
										</header>
									</article>
									<article class="item">
										<a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
										<header>
											<h3>Natoque Vitae</h3>
										</header>
									</article>
								</div>
								<div class="4u$ 12u$(mobile)">
									<article class="item">
										<a href="#" class="image fit"><img src="images/pic06.jpg" alt="" /></a>
										<header>
											<h3>Dolor Penatibus</h3>
										</header>
									</article>
									<article class="item">
										<a href="#" class="image fit"><img src="images/pic07.jpg" alt="" /></a>
										<header>
											<h3>Orci Convallis</h3>
										</header>
									</article>
								</div>
							</div>

						</div>
					</section>

				<!-- About Me -->
					<section id="about" class="three">
						<div class="container">

							<header>
								<h2>About Me</h2>
							</header>

							<a href="#" class="image featured"><img src="images/pic08.jpg" alt="" /></a>

							<p> Hello, my name is Vishal. I am a software developer from Bangalore India.
                                                            I am curretly working as Security Researcher at CGI India.
                                                   
							     <h3>Professional Experience and Expertise</h3>

								<ul>

								<li>I have a worked on project based on Java and J2EE Technology.</li>
								<li>I have worked on finacle e-banking product of Infosys as part of his previous engagement.</li>
								<li>I have worked as a java developer for a E-banking project. Ild the position for 3 months.</li>
								<li>My responsibility was to understand the product workflow and customization of e-banking 
								    like adding new functionality, new Menu option and customization of product and by checking server log,
								    identify errors and product work flow e-banking.</li>
								<li>I have a Good knowledge of Core java technology.</li>
								<li>I have a sound knowledge of Hibernate and Spring framework.</li>
								<li>I have completed java and j2ee training from a renowned institution.</li>
								<li>I have a good knowledge of web services SOAP and Restful API.</li>
								<li>I have good Knowledge of Oracle data Integrator.</li>
								<li>I have a good knowledge of web technology like HTML,CSS, Java script, Jquery, Boot strap.</li>
								<li>I have worked on OBIEE (Oracle Business Intelligent Enterprise Edition) .</li>
								<li>I have a sound knowledge of java database connectivity(JDBC), Servlet and JSP(java server pages).</li>
								<li>I have a good knowledge of Word press technology and he have worked on some project based on Wordpress.</li>
								<li>I have a good knowledge of GitHub which offers all of the distributed version control and source code management (SCM).</li>
								<li>I have worked on IBM Bluemix which is used as platform as a service(Paas).</li>

							</ul>
							</p>

						</div>
					</section>

				<!-- Contact -->
					<section id="contact" class="four">
						<div class="container">

							<header>
								<h2>Contact</h2>
							</header>

							<p>Contact me</p>

							<form method="post" action="#">
								<div class="row">
									<div class="6u 12u$(mobile)"><input type="text" name="name" placeholder="Name" /></div>
									<div class="6u$ 12u$(mobile)"><input type="text" name="email" placeholder="Email" /></div>
									<div class="12u$">
										<textarea name="message" placeholder="Message"></textarea>
									</div>
									<div class="12u$">
										<input type="submit" value="Send Message" />
									</div>
								</div>
							</form>

						</div>
					</section>

			</div>

		<!-- Footer -->
			<div id="footer">

				<!-- Copyright -->
					<ul class="copyright">
						<li><a href="http://javaforlearn.com/">Vishal Panchani</a></li>
					</ul>

			</div>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.scrolly.min.js"></script>
			<script src="assets/js/jquery.scrollzer.min.js"></script>
			<script src="assets/js/skel.min.js"></script>
			<script src="assets/js/util.js"></script>
			<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
			<script src="assets/js/main.js"></script>

	</body>
</html>