talksik/oldpersonalwebsite
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

completely changing this to consulting site

Browse Source
This commit is contained in:
talksik
2019-10-12 14:04:52 -07:00
parent 6bfe8956ff
commit 6463968023
14 changed files with 312 additions and 716 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.DS_Store
Vendored
BIN
View File
Binary file not shown.
assets/css/blog.css
-197
View File
@@ -1,197 +0,0 @@
#header {
-moz-align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-moz-justify-content: space-between;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
background: black;
color: rgba(255, 255, 255, 0.5);
cursor: default;
height: 3.25rem;
left: 0;
line-height: 3.25rem;
position: fixed;
top: 0;
width: 100%;
z-index: 10001; }
#header > .logo {
color: #ffffff;
font-size: 1rem;
font-weight: 600;
height: inherit;
line-height: inherit;
padding: 0 1.25rem;
text-decoration: none; }
#header > nav > a {
color: inherit;
display: inline-block;
padding: 0 0.75rem;
text-decoration: none; }
#header > nav > a:hover {
color: #ffffff; }
#header > nav > a[href="#menu"] {
text-decoration: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
#header > nav > a[href="#menu"]:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-transform: none !important; }
#header > nav > a[href="#menu"]:before {
content: '\f0c9';
margin: 0 0.5rem 0 0; }
#header > nav > a + a[href="#menu"]:last-child {
border-left: solid 1px rgba(255, 255, 255, 0.25);
margin-left: 0.5rem;
padding-left: 1.25rem; }
#header > nav > a:last-child {
padding-right: 1.25rem; }
@media screen and (max-width: 736px) {
#header > nav > a {
padding: 0 0.5rem; }
#header > nav > a + a[href="#menu"]:last-child {
margin-left: 0.25rem;
padding-left: 1rem; }
#header > nav > a:last-child {
padding-right: 1rem; } }
@media screen and (max-width: 980px) {
body {
padding-top: 44px; }
#header {
height: 44px;
line-height: 44px; } }
@media screen and (max-width: 480px) {
#header {
min-width: 320px; } }
#signature {
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
height: 80%;
width: 200px;
margin-left: 10px;
}
#readBlog {
margin: 2em;
padding: .5em 3em;
font-size: 2em;
color: white !important;
border: 3px solid white;
cursor: pointer;
transition: 0.7s;
-webkit-transition: 0.7s;
display: block;
z-index: 3;
}
#readBlog > p {
margin: 0;
}
#readBlog:hover {
background-color: white;
color: black !important;
box-shadow: inset 0 0 0 1px #ffffff;
}
#blog {
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
flex: 1;
top: 0;
z-index: 3;
transition: 1s;
-webkit-transition: 1s;
color: black;
font-family: 'Dosis', sans-serif;
}
.blogCard {
position: relative;
display: flex;
flex: 1;
flex-direction: column;
margin: 5em;
padding: 1em;
background-color: #f7f7f9;
max-width: 900px;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
cursor: pointer;
}
.blogCard:hover {
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.blogCard > .title {
font-size: 1.5em;
font-weight: 500;
}
.fa {
margin-right: .5em;
}
.blogCard > .info {
display: flex;
flex-direction: row;
align-items: center;
color: grey;
font-size: 0.8em;
margin-bottom: 1em;
}
.info > p {
margin: 0 2em 0 0;
}
.blogCard > .pic {
flex: 1;
height: 100%;
width: 100%;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}
.blogCard > .content {
margin: 0.5em 0;
color: #7f8082;
font-size: 0.9em;
}
.content > .readMore {
text-align: center;
border: 1px solid #234da0;
padding: .5em 2em;
color: #234da0;
margin: 0;
transition: .5s;
-webkit-transition: .5s;
cursor: pointer;
}
.content > .readMore:hover {
background-color: #234da0;
color: white;
}
#goToMain {
position: fixed;
top: 3.25rem;
right: 0;
padding: .5em;
color: red;
font-size: 2em;
cursor: pointer;
z-index: 5;
}
a {
text-decoration: none !important;
}
assets/css/blogContent.css
-182
View File
@@ -1,182 +0,0 @@
#header {
-moz-align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-moz-justify-content: space-between;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
background: black;
color: rgba(255, 255, 255, 0.5);
cursor: default;
height: 3.25rem;
left: 0;
line-height: 3.25rem;
position: fixed;
top: 0;
width: 100%;
z-index: 10001; }
#header > .logo {
color: #ffffff;
font-size: 1rem;
font-weight: 600;
height: inherit;
line-height: inherit;
padding: 0 1.25rem;
text-decoration: none; }
#header > nav > a {
color: inherit;
display: inline-block;
padding: 0 0.75rem;
text-decoration: none; }
#header > nav > a:hover {
color: #ffffff; }
#header > nav > a[href="#menu"] {
text-decoration: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
#header > nav > a[href="#menu"]:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-transform: none !important; }
#header > nav > a[href="#menu"]:before {
content: '\f0c9';
margin: 0 0.5rem 0 0; }
#header > nav > a + a[href="#menu"]:last-child {
border-left: solid 1px rgba(255, 255, 255, 0.25);
margin-left: 0.5rem;
padding-left: 1.25rem; }
#header > nav > a:last-child {
padding-right: 1.25rem; }
@media screen and (max-width: 736px) {
#header > nav > a {
padding: 0 0.5rem; }
#header > nav > a + a[href="#menu"]:last-child {
margin-left: 0.25rem;
padding-left: 1rem; }
#header > nav > a:last-child {
padding-right: 1rem; } }
@media screen and (max-width: 980px) {
body {
padding-top: 44px; }
#header {
height: 44px;
line-height: 44px; } }
@media screen and (max-width: 480px) {
#header {
min-width: 320px; } }
#signature {
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
height: 80%;
width: 200px;
margin-left: 10px;
}
#blog {
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
flex: 1;
top: 0;
z-index: 3;
transition: 1s;
-webkit-transition: 1s;
color: black;
font-family: 'Dosis', sans-serif;
}
.blogCard {
position: relative;
display: flex;
flex: 1;
flex-direction: column;
margin: 5em;
padding: 1em;
background-color: white;
max-width: 900px;
}
hr {
border: 0.5px solid #c2c4c6;
width: 100%;
}
.blogCard > .title {
font-size: 2.5em;
font-weight: 700;
}
.fa {
margin-right: .5em;
}
.blogCard > .info {
display: flex;
flex-direction: row;
align-items: center;
color: grey;
font-size: 0.8em;
margin: 0.5em 0 1em 0;
}
.info > p {
margin: 0 2em 0 0;
}
.blogCard > .pic {
flex: 1;
height: 100%;
width: 100%;
margin: 2em 0 0 0;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}
.blogCard > .content {
display: flex;
justify-content: center;
flex-direction: column;
margin: 0.5em 0;
color: #434344;
font-size: 1.5em;
}
.content > .readMore {
text-align: center;
border: 1px solid #234da0;
padding: .5em 2em;
color: #234da0;
margin: 0;
transition: .5s;
-webkit-transition: .5s;
cursor: pointer;
}
.content > .readMore:hover {
background-color: #234da0;
color: white;
}
.blogImg {
overflow: hidden;
max-height: 400px;
display: flex;
justify-content: center;
align-items: center;
margin: 1em 0;
}
#goToBlogs {
position: fixed;
top: 3.25rem;
right: 0;
padding: .5em;
color: red;
font-size: 2em;
cursor: pointer;
z-index: 5;
}
assets/css/main.css
+23 -14
View File
@@ -268,7 +268,6 @@ button,
cursor: pointer;
display: inline-block;
font-weight: 600;
height: 3.25rem;
line-height: 3.25rem;
padding: 0 1.75rem;
text-align: center;
@@ -1807,7 +1806,6 @@ ul.icons {
display: -webkit-flex;
display: -ms-flex;
display: flex;
flex-direction: column;
-moz-justify-content: center;
-webkit-justify-content: center;
-ms-justify-content: center;
@@ -1818,7 +1816,7 @@ ul.icons {
background-size: cover;
border-top: 0;
display: -ms-flexbox;
height: 50rem !important;
height: 35rem !important;
min-height: 35rem;
overflow: hidden;
position: relative;
@@ -2060,9 +2058,9 @@ ul.icons {
/* CTA */
#cta {
background-color: #ce1b28;
color: rgba(255, 255, 255, 0.75);
color: rgba(255, 255, 255, 0.9);
background-attachment: fixed;
background-image: linear-gradient(rgba(206, 27, 40, 0.25), rgba(206, 27, 40, 0.25)), url(../../images/cta01.jpg);
background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url(../../images/cta01.jpg);
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
@@ -2359,7 +2357,7 @@ ul.icons {
padding-left: 4rem; }
#footer .copyright {
border-top: 1px solid;
font-size: 0.5rem;
font-size: 1em;
opacity: 0.5;
padding: 2rem 0;
text-align: center; }
@@ -2422,9 +2420,7 @@ body {
background: black;
color: rgba(255, 255, 255, 0.5);
cursor: default;
height: 3.25rem;
left: 0;
line-height: 3.25rem;
position: fixed;
top: 0;
width: 100%;
@@ -2822,16 +2818,29 @@ body.is-menu-visible #menu {
box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.2);
visibility: visible; }
#header {
display: flex !important;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#signature {
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
height: 80%;
width: 200px;
margin-right: 10px;
max-height: 50px;
}
#logo-text-container {
margin: 5px;
margin-left: 10px;
}
#logo-text {
color: white !important;
margin: 0px !important;
}
#logo-text-container span {
color: #ced1d6;
}
.emailHandle {
font-size: 1.2em;
assets/js/main.js
+1 -19
View File
@@ -42,22 +42,4 @@
side: 'right'
});
$('#readBlog').on("click", function() {
window.location = "http://arjunpatel.me/blog.html";
});
// $('.readMore').on("click", function() {
// var whichBlog = $(this).attr('id');
// console.log("Loading vlog: " + whichBlog);
// window.location = "http://arjunpatel.me/blogs/" + whichBlog + ".html";
// });
//
// $('#goToMain').on("click", function() {
// window.location = "http://arjunpatel.me/index.html";
// });
//
// $('#goToBlogs').on("click", function() {
// window.location = "http://arjunpatel.me/blog.html";
// });
})(jQuery);
})(jQuery);
blog.html
-64
View File
@@ -1,64 +0,0 @@
<!DOCTYPE HTML>
<!--
Industrious by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
<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/blog.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet">
</head>
<body>
<!-- Header -->
<header id="header">
<img id="signature" src="images/signature.jpg" alt="" />
<!-- <nav>
<a href="#menu">Menu</a>
</nav> -->
</header>
<a href="http://arjunpatel.me/index.html">
<div id="goToMain">
<i class="fa fa-times-circle-o"></i>
</div>
</a>
<section id="blog">
<a href="http://arjunpatel.me/blogs/1.html">
<div class="blogCard">
<div class="title">
The College Programming Tutorial Article Blog Thingy?
</div>
<div class="info">
<i class="fa fa-user"></i>
<p>Arjun Patel</p>
<i class="fa fa-calendar"></i>
<p>7/7/18</p>
</div>
<img class="pic"src="images/blogs/1/pic.jpg"/>
<div class="content">
<p>I probably should have started this earlier, but here we go! This is my super official blog. Alright let's get a little serious. I want to discuss development insight I have on my current projects and work, explain key technical findings, and also talk about cool tech.</p>
<p id="1" class="readMore">Read More</p>
</div>
</div>
</a>
</section>
<!-- 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>
blogs/1.html
-72
View File
@@ -1,72 +0,0 @@
<!DOCTYPE HTML>
<!--
Industrious by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
<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/blogContent.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet">
</head>
<body>
<!-- Header -->
<header id="header">
<img id="signature" src="../images/signature.jpg" alt="" />
<!-- <nav>
<a href="#menu">Menu</a>
</nav> -->
</header>
<a href="http://arjunpatel.me/blog.html">
<div id="goToBlogs">
<i class="fa fa-times-circle-o"></i>
</div>
</a>
<section id="blog">
<div class="blogCard">
<hr>
<div class="title">
The college programming tutorial article blog thingy?
</div>
<div class="info">
<i class="fa fa-user"></i>
<p>Arjun Patel</p>
<i class="fa fa-calendar"></i>
<p>7/7/18</p>
</div>
<hr>
<img class="pic"src="../images/blogs/1/pic.jpg"/>
<div class="content">
<p>I probably should have started this earlier, but here we go! This is my super official blog. Alright let's get a little serious. I want to discuss development insight I have on my current projects and work, explain key technical findings, and also talk about cool tech.</p>
<p>Now, obviously the type of content throughout my blogs is going to change overtime. But for right now, I am considering to keep it quite open ended. For those of you looking for more niche topics, do not worry as I will be writing on specific software engineering/web/app development experiences. To give yourself a better picture of myself:</p>
<hr>
<div class="blogImg">
<img src="../images/blogs/1/me.jpg" />
</div>
<hr>
<p>Currently, I am a software engineering intern at Intel in an internal tools team/test automation. Our department within Intel manages the production and deliverance of Solid State drives. To get to the point, I work with visualizing test data and optimizing running of tests. In addition, my brother and I run a software service company called Lotus. We have one client currently and are building customized Customer Relations Tools for mid-sized companies. We also are expanding to include more development such as mobile apps.</p>
<p>As with many college computer science students, I am really into hackathon competitions, as my team won top 6 at Cal Hacks and best web hack. Many of my interests lie in the idea of a startup and growing your own business using cool technologies. I am currently ideating and building out various applications to continue to learn and monetize at a later time.</p>
<p>Thanks for tuning in to my first blog. I will be uploading more content as I get a better idea where I am going with this in terms of topics. If you would like to suggest topics according to my programming expertise, please find my contact info on the main page.
</div>
</div>
</section>
<!-- 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>
images/aziz.jpeg
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 14 KiB

images/blogs/1/me.jpg
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 363 KiB

images/blogs/1/pic.jpg
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 156 KiB

images/c-char-logo.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

images/heran.jpg
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 59 KiB

images/joel.jpg
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.7 KiB

index.html
+288 -168
View File
@@ -1,144 +1,219 @@
<!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>
<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" />
<link rel="stylesheet" href="assets/css/blog.css" />
</head>
<head>
<title>Zothing | Home</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" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-121903350-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
<link
rel="icon"
type="image/png"
href="https://s3-us-west-1.amazonaws.com/charify-assets/defaultLogo.png"
/>
gtag('config', 'UA-121903350-1');
</script>
<!-- Begin Mailchimp Signup Form -->
<link
href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css"
rel="stylesheet"
type="text/css"
/>
<style type="text/css">
#mc_embed_signup {
background: transparent;
clear: left;
font: 14px Helvetica, Arial, sans-serif;
width: 100%;
color: black !important;
}
#cta label {
color: black !important;
font-size: 2em;
}
#cta input {
color: black !important;
border-color: black !important;
}
#cta input::placeholder {
color: black !important;
}
#cta input[type='submit'] {
color: black !important;
border-color: black !important;
box-shadow: inset 0 0 0 1px #555555;
margin: 1em;
}
/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
</head>
<body class="is-preload">
<!-- Header -->
<header id="header">
<div id="logo-text-container">
<h2 id="logo-text">Zothing</h2>
<span>Technology</span>
</div>
<body class="is-preload">
<img id="signature" src="images/signature.jpg" alt="" />
<!-- Header -->
<header id="header">
<img id="signature" src="images/signature.jpg" alt="" />
<!-- <nav>
<!-- <nav>
<a href="#menu">Menu</a>
</nav> -->
</header>
</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>
<!-- 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>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h1>Transform. Grow. Innovate.</h1>
<h3 style="font-size: 1.5em;">
<b
>Discover how you embrace technology to drive new value for your
organization.
</b>
</h3>
<h3 style="font-size: 1.5em;">
<b>Build for the now, see tangible outcomes. </b>
</h3>
</div>
<video autoplay loop muted playsinline src="images/banner.mp4"></video>
</section>
<a id="readBlog" href="http://arjunpatel.me/blog.html">
<p>Read Blog</p>
</a>
<!-- Highlights -->
<section class="wrapper">
<div class="inner">
<header class="special">
<h2>Genuine Service and Quality Product</h2>
<p style="font-size: 1.5em;">
We bring deep industry experience with leading technologies to
reinvent your business.
</p>
</header>
<div class="highlights">
<section>
<div class="content">
<header>
<a href="#" class="icon fa-line-chart"
><span class="label">Icon</span></a
>
<h3>Technology Consulting</h3>
</header>
<p>
Start your business transformation with groundbreaking strategy,
fresh technology, and a tangible roadmap.
</p>
</div>
</section>
<section>
<div class="content">
<header>
<a href="#" class="icon fa-database"
><span class="label">Icon</span></a
>
<h3>Software Development</h3>
</header>
<p>
Build systems to drive your business using web, mobile, data,
and AI technologies.
</p>
</div>
</section>
<section>
<div class="content">
<header>
<a href="#" class="icon fa-tasks"
><span class="label">Icon</span></a
>
<h3>Value-based Pricing</h3>
</header>
<p>
Measure the value of deliverables and build a relationship with
us for long term value.
</p>
</div>
</section>
</div>
</div>
</section>
<video autoplay loop muted playsinline src="images/banner.mp4"></video>
</section>
<!-- CTA -->
<section id="cta" class="wrapper">
<div class="inner" style="max-width: 600px;">
<!-- <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 id="mc_embed_signup">
<form
action="https://gmail.us20.list-manage.com/subscribe/post?u=c01929c4cedd3916167a19581&amp;id=deca9695e3"
method="post"
id="mc-embedded-subscribe-form"
name="mc-embedded-subscribe-form"
class="validate"
target="_blank"
novalidate
>
<div id="mc_embed_signup_scroll">
<label for="mce-EMAIL">Get in touch with us</label>
<input
type="email"
value=""
name="EMAIL"
class="email"
id="mce-EMAIL"
placeholder="email address"
required
/>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div
style="position: absolute; left: -5000px;"
aria-hidden="true"
>
<input
type="text"
name="b_c01929c4cedd3916167a19581_deca9695e3"
tabindex="-1"
value=""
/>
</div>
<div class="clear">
<input
type="submit"
value="Submit"
name="subscribe"
id="mc-embedded-subscribe"
class="button"
/>
</div>
</div>
</form>
</div>
</div>
</section>
<!-- Highlights -->
<section class="wrapper">
<!-- Testimonials -->
<!-- <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>Important People</h2>
<!-- <p>Working with these inspiring individuals has allowed me to grow as a developer and person. </p> -->
<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>
@@ -148,9 +223,9 @@
</blockquote>
<div class="author">
<div class="image">
<img src="images/heran.jpg" alt="" />
<img src="images/pic01.jpg" alt="" />
</div>
<p class="credit">- <strong>Heran Patel</strong> <span>CEO - Lotus</span></p>
<p class="credit">- <strong>Jane Doe</strong> <span>CEO - ABC Inc.</span></p>
</div>
</div>
</section>
@@ -161,9 +236,9 @@
</blockquote>
<div class="author">
<div class="image">
<img src="images/joel.jpg" alt="" />
<img src="images/pic03.jpg" alt="" />
</div>
<p class="credit">- <strong>Joel Simonoff</strong> <span>Founder - Predictim</span></p>
<p class="credit">- <strong>John Doe</strong> <span>CEO - ABC Inc.</span></p>
</div>
</div>
</section>
@@ -174,55 +249,100 @@
</blockquote>
<div class="author">
<div class="image">
<img src="images/aziz.jpeg" alt="" />
<img src="images/pic02.jpg" alt="" />
</div>
<p class="credit">- <strong>Aziz Bandeli</strong> <span>Product Owner - NSG | Intel</span></p>
<p class="credit">- <strong>Janet Smith</strong> <span>CEO - ABC Inc.</span></p>
</div>
</div>
</section>
</div>
</div>
</section>
</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>arjunpatel@berkeley.edu</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">&nbsp;</i>Arjun Patel</a></li>
<li><a href="https://www.instagram.com/a4rjun/?hl=en"><i class="icon fa-instagram">&nbsp;</i>a4rjun</a></li>
<li><a href="https://github.com/talksik"><i class="icon fa-github">&nbsp;</i>talksik</a></li>
</ul>
</section>
</div>
<div class="copyright">
&copy; Industrious Arjun Patel.
</div>
</div>
</footer>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<div class="content">
<section>
<h3>Connect with the founder directly.</h3>
<p>
Feel free to discuss anything from business problems to startup
ambitions to technical needs. I am open for a formal meeting,
call, or coffee chat.
</p>
<p class="emailHandle">
Ping me at <b>arjunpatel@berkeley.edu</b>.
</p>
<!-- 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>
<h3>Locations</h3>
<p>
<i class="icon fa-map-marker">&nbsp;</i>
Irvine, CA
</p>
<p>
<i class="icon fa-map-marker">&nbsp;</i>
Berkeley, CA
</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">&nbsp;</i>Arjun Patel</a
>
</li>
<!-- <li>
<a href="https://www.instagram.com/a4rjun/?hl=en"
><i class="icon fa-instagram">&nbsp;</i>a4rjun</a
>
</li> -->
<li>
<a href="https://github.com/talksik"
><i class="icon fa-github">&nbsp;</i>talksik</a
>
</li>
</ul>
</section>
</div>
<div class="copyright">
&copy; Zothing.
</div>
</div>
</footer>
</body>
<!-- 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>