talksik
348 lines
11 KiB
HTML
348 lines
11 KiB
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>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" />
|
|
|
|
<link
|
|
rel="icon"
|
|
type="image/png"
|
|
href="https://s3-us-west-1.amazonaws.com/charify-assets/defaultLogo.png"
|
|
/>
|
|
|
|
<!-- 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;
|
|
}
|
|
/* 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>Digital</span>
|
|
</div>
|
|
|
|
<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>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>
|
|
|
|
<!-- 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>
|
|
|
|
<!-- 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&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>
|
|
|
|
<!-- 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 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>
|
|
|
|
<h3>Locations</h3>
|
|
<p>
|
|
<i class="icon fa-map-marker"> </i>
|
|
Irvine, CA
|
|
</p>
|
|
<p>
|
|
<i class="icon fa-map-marker"> </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"> </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">
|
|
© Zothing.
|
|
</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>
|