247 lines
6.1 KiB
HTML
247 lines
6.1 KiB
HTML
<!DOCTYPE html>
|
|
<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>
|
|
</html>
|