transforming to consulting agency site
This commit is contained in:
talksik
+22
-12
@@ -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;
|
||||
@@ -2059,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;
|
||||
@@ -2358,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; }
|
||||
@@ -2421,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%;
|
||||
@@ -2821,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;
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
+282
-145
@@ -1,123 +1,215 @@
|
||||
<!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" />
|
||||
</head>
|
||||
<body class="is-preload">
|
||||
<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" />
|
||||
|
||||
<!-- Header -->
|
||||
<header id="header">
|
||||
<img id="signature" src="images/signature.jpg" alt="" />
|
||||
<!-- <nav>
|
||||
<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;
|
||||
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>
|
||||
|
||||
<img id="signature" src="images/signature.jpg" alt="" />
|
||||
|
||||
<!-- <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>
|
||||
<video autoplay loop muted playsinline src="images/banner.mp4"></video>
|
||||
</section>
|
||||
<!-- 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>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>
|
||||
<!-- 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">
|
||||
<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>
|
||||
<!-- 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">
|
||||
<!-- Testimonials -->
|
||||
<!-- <section class="wrapper">
|
||||
<div class="inner">
|
||||
<header class="special">
|
||||
<h2>Faucibus consequat lorem</h2>
|
||||
@@ -167,45 +259,90 @@
|
||||
</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>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"> </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>
|
||||
<!-- 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"> </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>
|
||||
|
||||
</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>
|
||||
|
||||
Reference in New Issue
Block a user