Going from old personal website to new template from repo freelance_website repo
This commit is contained in:
Arjun Patel
+209
-244
@@ -1,246 +1,211 @@
|
||||
<!DOCTYPE html>
|
||||
<!DOCTYPE HTML>
|
||||
<!--
|
||||
Industrious by TEMPLATED
|
||||
templated.co @templatedco
|
||||
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
|
||||
-->
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
|
||||
<link href="https://fonts.googleapis.com/css?family=Bubbler+One" rel="stylesheet">
|
||||
<link href="main.css" rel="stylesheet" type="text/css">
|
||||
|
||||
<title>Arjun Patel</title>
|
||||
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
|
||||
<link rel="icon" href="Images/webLogo.gif">
|
||||
<meta name="viewport" content="width=device-width"/>
|
||||
|
||||
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script type="text/javascript" src="jquery-1.12.3.min.js"></script>
|
||||
<script type="text/javascript" src="typeit.js"></script>
|
||||
<script type="text/javascript" src="typeit.min.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- navigation bar -->
|
||||
<nav class="header navFade">
|
||||
<ul class="header">
|
||||
<a href="index.html"><li class="sign"></li></a>
|
||||
<li class="navItem"><a href="#one">home</a></li>
|
||||
<li class="navItem"><a href="#two">profile</a></li>
|
||||
<li class="navItem"><a href="#three">skills</a></li>
|
||||
<li class="navItem"><a href="#four">contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
<!--front cover section -->
|
||||
<a name="one">
|
||||
<div class="coverPage">
|
||||
<p class="containerIntro">
|
||||
<!--<font class="intro1">SOFTWARE DEV, "TECH SUPPORT," AND ENTHUSIAST</font> --><br> <font class="intro2">ARJUN PATEL</font>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- profile section -->
|
||||
<a name="two">
|
||||
<div class="container profileContainer">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xs-12 profileBanner">
|
||||
<p class="profile">Profile</p>
|
||||
<p class="dev profFade">I'm Arjun - <font color="#3ca1c3" size="5">designer</font> and <font color="#3ca1c3" size="5">coder</font></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row dos profFade">
|
||||
|
||||
<div class="col-md-4 col-xs-12 aboutMe">
|
||||
<p class="adtitle1">About Me</p>
|
||||
<p class="summary">Professional web-designing with responsive layouts is my expertise in the development world. However, my interests in other
|
||||
disciplines such back-end and Android drives me to continue learning. I'm up for a coffee shop chat anytime, so contact me below.</p>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-xs-12 avatar">
|
||||
<img class="img-circle" src="Images/profpic.jpg">
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-xs-12 detailsMe">
|
||||
|
||||
<p class="adtitle2">Details</p>
|
||||
|
||||
<p class="detailsMe"><strong>Name:</strong><br>
|
||||
Arjun Patel <br><br>
|
||||
<strong>Age:</strong><br>
|
||||
18 years<br><br>
|
||||
<strong>Location:</strong><br>
|
||||
California, USA, Earth
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- skills section -->
|
||||
<a name="three" class="skill">
|
||||
<div class="container-fluid skills">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-xs-12 col-md-12">
|
||||
<p class="skillsBanner">My Expertise</p>
|
||||
</div>
|
||||
|
||||
<!-- <div class="col-xs-12 col-md-6 profFade">
|
||||
<p class="professionalBanner">Skills</p>
|
||||
</div>
|
||||
-->
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<p class="skillsSummary"></p>
|
||||
<p class="Linus profFade">- Linus Torvalds</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xs-8 skillListCont">
|
||||
<button class="primary skillList">HTML</button>
|
||||
<button class="primary skillList">CSS</button>
|
||||
<button class="primary skillList">Less</button>
|
||||
<button class="primary skillList">Jade</button>
|
||||
<button class="primary skillList">JavaScript</button>
|
||||
<button class="primary skillList">React.js</button>
|
||||
<button class="primary skillList">Node.js</button>
|
||||
<button class="primary skillList">Python</button>
|
||||
<button class="primary skillList">Java</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
<!-- parallax section -->
|
||||
<div class="parallax">
|
||||
|
||||
<p class="parallaxImg">f</p>
|
||||
|
||||
<p class="connect">< connect with me /></p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- contact me section -->
|
||||
<div class="entireBG">
|
||||
<a name="four">
|
||||
|
||||
<div class="container contactMe">
|
||||
|
||||
<div class="row iconsRow">
|
||||
|
||||
<div class="col-xs-6 col-md-3">
|
||||
<a href="https://github.com/talksik">
|
||||
<img class="icons" src="Images/icons/git.png">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-xs-6 col-md-3">
|
||||
<a href="https://www.linkedin.com/in/patelarjunk/">
|
||||
<img class="icons" src="Images/icons/linkedin.png">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-xs-6 col-md-3">
|
||||
<a href="https://www.instagram.com/A4rjun/">
|
||||
<img class="icons" src="Images/icons/insta.png">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-xs-6 col-md-3">
|
||||
<a href="ArjunPatel.pdf" download>
|
||||
<img class="icons" src="Images/icons/resume.png">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row getStartedCont icons">
|
||||
|
||||
<a id="contactForm" href="">
|
||||
<div class="col-xs-3 getStarted">
|
||||
<p id="contact">Contact Me</p>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<!---div for contact form--->
|
||||
<div class="form">
|
||||
|
||||
</div>
|
||||
<div class="row goToTop">
|
||||
|
||||
<div class="col-xs-12">
|
||||
<a href="#one">
|
||||
<img class="top" src="Images/topnormal.png" onmouseover="this.src='Images/tophover.png'" onmouseout="this.src='Images/topnormal.png'">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="entireBGInfo">
|
||||
<div class="container-fluid">
|
||||
|
||||
<div class="row contactInfo">
|
||||
|
||||
<div class="col-xs-12 info">
|
||||
|
||||
<font size="4">Arjun Patel</font><br>
|
||||
<font size="2" color="grey">handmade by me © 2017</font>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="mainJs.js" type="text/javascript"></script>
|
||||
<script type="text/javascript" src="javascript.js"></script>
|
||||
|
||||
</body>
|
||||
<head>
|
||||
<title>Arjun</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="keywords" content="" />
|
||||
<link rel="stylesheet" href="assets/css/main.css" />
|
||||
</head>
|
||||
<body class="is-preload">
|
||||
|
||||
<!-- Header -->
|
||||
<header id="header">
|
||||
<img id="signature" src="images/signature.jpg" alt="" />
|
||||
<!-- <nav>
|
||||
<a href="#menu">Menu</a>
|
||||
</nav> -->
|
||||
</header>
|
||||
|
||||
<!-- Nav -->
|
||||
<nav id="menu">
|
||||
<ul class="links">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="elements.html">Elements</a></li>
|
||||
<li><a href="generic.html">Generic</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<!-- Banner -->
|
||||
<section id="banner">
|
||||
<div class="inner">
|
||||
<h1>{ Arjun Patel }</h1>
|
||||
<p>Web Guru, Budding Entrepreneur, and Technology Enthusiast</p>
|
||||
</div>
|
||||
<video autoplay loop muted playsinline src="images/banner.mp4"></video>
|
||||
</section>
|
||||
|
||||
<!-- Highlights -->
|
||||
<section class="wrapper">
|
||||
<div class="inner">
|
||||
<header class="special">
|
||||
<h2>Genuine Service and Quality Product</h2>
|
||||
<p>At the forefront of skill priorities is the foundational web team, focused on delivering exactly what customers desire.
|
||||
Complexity of product and needs of our customers drives innovative software development.</p>
|
||||
</header>
|
||||
<div class="highlights">
|
||||
<section>
|
||||
<div class="content">
|
||||
<header>
|
||||
<a href="#" class="icon fa-vcard-o"><span class="label">Icon</span></a>
|
||||
<h3>Customer Oriented</h3>
|
||||
</header>
|
||||
<p>Prioritizing the unique needs of each customer and designing product above and beyond specifications.</p>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<div class="content">
|
||||
<header>
|
||||
<a href="#" class="icon fa-files-o"><span class="label">Icon</span></a>
|
||||
<h3>Readibility</h3>
|
||||
</header>
|
||||
<p>Maintaining a transparent development process.</p>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<div class="content">
|
||||
<header>
|
||||
<a href="#" class="icon fa-floppy-o"><span class="label">Icon</span></a>
|
||||
<h3>Security</h3>
|
||||
</header>
|
||||
<p>Allowing customers to decide ownership rights.</p>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<div class="content">
|
||||
<header>
|
||||
<a href="#" class="icon fa-line-chart"><span class="label">Icon</span></a>
|
||||
<h3>Business Value</h3>
|
||||
</header>
|
||||
<p>Creating to build immediate and siginificant business value.</p>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<div class="content">
|
||||
<header>
|
||||
<a href="#" class="icon fa-paper-plane-o"><span class="label">Icon</span></a>
|
||||
<h3>Timed Delivery</h3>
|
||||
</header>
|
||||
<p>Delivering to ensure great satisfaction and understanding the importance of timed output.</p>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<div class="content">
|
||||
<header>
|
||||
<a href="#" class="icon fa-qrcode"><span class="label">Icon</span></a>
|
||||
<h3>Modular Development</h3>
|
||||
</header>
|
||||
<p>Organizing a work flow to know exactly what is being built at each step in the process.</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA -->
|
||||
<section id="cta" class="wrapper">
|
||||
<div class="inner">
|
||||
<h2>Work with me</h2>
|
||||
<!-- <p>Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing. Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing sed feugiat eu faucibus. Integer ac sed amet praesent. Nunc lacinia ante nunc ac gravida.</p> -->
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Testimonials -->
|
||||
<!-- <section class="wrapper">
|
||||
<div class="inner">
|
||||
<header class="special">
|
||||
<h2>Faucibus consequat lorem</h2>
|
||||
<p>In arcu accumsan arcu adipiscing accumsan orci ac. Felis id enim aliquet. Accumsan ac integer lobortis commodo ornare aliquet accumsan erat tempus amet porttitor.</p>
|
||||
</header>
|
||||
<div class="testimonials">
|
||||
<section>
|
||||
<div class="content">
|
||||
<blockquote>
|
||||
<p>Nunc lacinia ante nunc ac lobortis ipsum. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus.</p>
|
||||
</blockquote>
|
||||
<div class="author">
|
||||
<div class="image">
|
||||
<img src="images/pic01.jpg" alt="" />
|
||||
</div>
|
||||
<p class="credit">- <strong>Jane Doe</strong> <span>CEO - ABC Inc.</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<div class="content">
|
||||
<blockquote>
|
||||
<p>Nunc lacinia ante nunc ac lobortis ipsum. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus.</p>
|
||||
</blockquote>
|
||||
<div class="author">
|
||||
<div class="image">
|
||||
<img src="images/pic03.jpg" alt="" />
|
||||
</div>
|
||||
<p class="credit">- <strong>John Doe</strong> <span>CEO - ABC Inc.</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<div class="content">
|
||||
<blockquote>
|
||||
<p>Nunc lacinia ante nunc ac lobortis ipsum. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus.</p>
|
||||
</blockquote>
|
||||
<div class="author">
|
||||
<div class="image">
|
||||
<img src="images/pic02.jpg" alt="" />
|
||||
</div>
|
||||
<p class="credit">- <strong>Janet Smith</strong> <span>CEO - ABC Inc.</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section> -->
|
||||
|
||||
<!-- Footer -->
|
||||
<footer id="footer">
|
||||
<div class="inner">
|
||||
<div class="content">
|
||||
<section>
|
||||
<h3>Connect with me</h3>
|
||||
<p>Feel free to discuss anything from needed enterprise software to startup ambitions to software engineering. I am open for a formal meeting, call, or even a coffee chat. </p>
|
||||
<p class="emailHandle">Ping me at <b>[email protected]</b> or any other social mediums.</p>
|
||||
</section>
|
||||
<section>
|
||||
<h4>Inspiration for you</h4>
|
||||
<ul class="alt">
|
||||
<li><a href="https://www.investopedia.com/news/elon-musk-earns-californias-minimum-wage-ceos-tsla/">Elon Musk Earns California's Min Wage</a></li>
|
||||
<li><a href="https://www.entrepreneur.com/article/306867">...Successful Ones Didn't Quit</a></li>
|
||||
<li><a href="https://www.entrepreneur.com/article/298025">Why Young Entrepreneurs Are Better Positioned to Succeed</a></li>
|
||||
<li><a href="https://www.forbes.com/forbes/welcome/?toURL=https://www.forbes.com/sites/devinthorpe/2017/02/26/how-social-entrepreneurs-begin-to-measure-impact/&refURL=https://www.google.com/&referrer=https://www.google.com/">Social Entrepreneurs Measuring Success</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
<section>
|
||||
<h4>Handles</h4>
|
||||
<ul class="plain">
|
||||
<li><a href="https://www.linkedin.com/in/patelarjunk/"><i class="icon fa-linkedin"> </i>Arjun Patel</a></li>
|
||||
<li><a href="https://www.instagram.com/a4rjun/?hl=en"><i class="icon fa-instagram"> </i>a4rjun</a></li>
|
||||
<li><a href="https://github.com/talksik"><i class="icon fa-github"> </i>talksik</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
<div class="copyright">
|
||||
© Industrious Arjun Patel.
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="assets/js/jquery.min.js"></script>
|
||||
<script src="assets/js/browser.min.js"></script>
|
||||
<script src="assets/js/breakpoints.min.js"></script>
|
||||
<script src="assets/js/util.js"></script>
|
||||
<script src="assets/js/main.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user