Arjun Patel
265 lines
6.6 KiB
HTML
265 lines
6.6 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">
|
|
|
|
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/jquery.typeit/4.4.0/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 -->
|
|
<div class="entireBG">
|
|
<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">Hello World! I'm Arjun - <font color="green" size="5">designer</font> and <font color="green" 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 Android and hardware allows me to continue learning. I'm up for a coffee shop conversation 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>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 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"></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 skillsRow">
|
|
<!--
|
|
<div class="col-xs-0 col-md-6 skillsContainer">
|
|
<p class="allskills"></p>
|
|
</div> -->
|
|
|
|
<div class="col-xs-6 col-md-5">
|
|
<p class="professionalSide1"></p>
|
|
</div>
|
|
|
|
<div class="col-xs-6 col-md-1 professionalStars1 profFade">
|
|
★★★★★<br><br>★★★★☆<br><br>
|
|
★★★☆☆<br><br>★★★★☆
|
|
</div>
|
|
|
|
<div class="col-xs-6 col-md-1 professionalStars1 profStars2 profFade">
|
|
★★★☆☆<br><br>★★★★☆<br><br>
|
|
★★★☆☆<br><br>★★★☆☆
|
|
</div>
|
|
|
|
|
|
<div class="col-xs-6 col-md-5">
|
|
<p class="professionalSide2"></p>
|
|
</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">
|
|
|
|
<div class="col-xs-6 phone">
|
|
|
|
<p class="phoneText" onclick="copyToClipboard(document.getElementById('demo').innerHTML)">
|
|
phone
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col-xs-6 email">
|
|
|
|
<p class="emailText">
|
|
email
|
|
</p>
|
|
</div>
|
|
|
|
</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 contactInfo">
|
|
|
|
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-xs-12 info">
|
|
|
|
<font size="4">Arjun Patel</font>
|
|
<font size="2">©</font>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script src="mainJs.js" type="text/javascript"></script>
|
|
<script type="text/javascript" src="javascript.js"></script>
|
|
|
|
</body>
|
|
</html>
|