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

transforming to consulting agency site

Browse Source
This commit is contained in:
talksik
2019-10-12 13:43:43 -07:00
parent 7075a08547
commit 729d6191eb
4 changed files with 304 additions and 157 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/main.css
+22 -12
View File
@@ -268,7 +268,6 @@ button,
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
font-weight: 600; font-weight: 600;
height: 3.25rem;
line-height: 3.25rem; line-height: 3.25rem;
padding: 0 1.75rem; padding: 0 1.75rem;
text-align: center; text-align: center;
@@ -2059,9 +2058,9 @@ ul.icons {
/* CTA */ /* CTA */
#cta { #cta {
background-color: #ce1b28; background-color: #ce1b28;
color: rgba(255, 255, 255, 0.75); color: rgba(255, 255, 255, 0.9);
background-attachment: fixed; 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-position: bottom;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
@@ -2358,7 +2357,7 @@ ul.icons {
padding-left: 4rem; } padding-left: 4rem; }
#footer .copyright { #footer .copyright {
border-top: 1px solid; border-top: 1px solid;
font-size: 0.5rem; font-size: 1em;
opacity: 0.5; opacity: 0.5;
padding: 2rem 0; padding: 2rem 0;
text-align: center; } text-align: center; }
@@ -2421,9 +2420,7 @@ body {
background: black; background: black;
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
cursor: default; cursor: default;
height: 3.25rem;
left: 0; left: 0;
line-height: 3.25rem;
position: fixed; position: fixed;
top: 0; top: 0;
width: 100%; width: 100%;
@@ -2821,16 +2818,29 @@ body.is-menu-visible #menu {
box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.2);
visibility: visible; } visibility: visible; }
#header {
display: flex !important;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
#signature { #signature {
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
height: 80%;
width: 200px; width: 200px;
margin-right: 10px;
max-height: 50px;
}
#logo-text-container {
margin: 5px;
margin-left: 10px; margin-left: 10px;
} }
#logo-text {
color: white !important;
margin: 0px !important;
}
#logo-text-container span {
color: #ced1d6;
}
.emailHandle { .emailHandle {
font-size: 1.2em; font-size: 1.2em;
images/c-char-logo.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

index.html
+282 -145
View File
@@ -1,123 +1,215 @@
<!DOCTYPE HTML> <!DOCTYPE html>
<!-- <!--
Industrious by TEMPLATED Industrious by TEMPLATED
templated.co @templatedco templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license) Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
--> -->
<html> <html>
<head> <head>
<title>Arjun</title> <title>Zothing | Home</title>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> <meta
<meta name="description" content="" /> name="viewport"
<meta name="keywords" content="" /> content="width=device-width, initial-scale=1, user-scalable=no"
<link rel="stylesheet" href="assets/css/main.css" /> />
</head> <meta name="description" content="" />
<body class="is-preload"> <meta name="keywords" content="" />
<link rel="stylesheet" href="assets/css/main.css" />
<!-- Header --> <link
<header id="header"> rel="icon"
<img id="signature" src="images/signature.jpg" alt="" /> type="image/png"
<!-- <nav> 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> <a href="#menu">Menu</a>
</nav> --> </nav> -->
</header> </header>
<!-- Nav --> <!-- Nav -->
<nav id="menu"> <nav id="menu">
<ul class="links"> <ul class="links">
<li><a href="index.html">Home</a></li> <li><a href="index.html">Home</a></li>
<li><a href="elements.html">Elements</a></li> <li><a href="elements.html">Elements</a></li>
<li><a href="generic.html">Generic</a></li> <li><a href="generic.html">Generic</a></li>
</ul> </ul>
</nav> </nav>
<!-- Banner --> <!-- Banner -->
<section id="banner"> <section id="banner">
<div class="inner"> <div class="inner">
<h1>{ Arjun Patel }</h1> <h1>Transform. Grow. Innovate.</h1>
<p>Web Guru, Budding Entrepreneur, and Technology Enthusiast</p> <h3 style="font-size: 1.5em;">
</div> <b
<video autoplay loop muted playsinline src="images/banner.mp4"></video> >Discover how you embrace technology to drive new value for your
</section> 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 --> <!-- Highlights -->
<section class="wrapper"> <section class="wrapper">
<div class="inner"> <div class="inner">
<header class="special"> <header class="special">
<h2>Genuine Service and Quality Product</h2> <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. <p style="font-size: 1.5em;">
Complexity of product and needs of our customers drives innovative software development.</p> We bring deep industry experience with leading technologies to
</header> reinvent your business.
<div class="highlights"> </p>
<section> </header>
<div class="content"> <div class="highlights">
<header> <section>
<a href="#" class="icon fa-vcard-o"><span class="label">Icon</span></a> <div class="content">
<h3>Customer Oriented</h3> <header>
</header> <a href="#" class="icon fa-line-chart"
<p>Prioritizing the unique needs of each customer and designing product above and beyond specifications.</p> ><span class="label">Icon</span></a
</div> >
</section> <h3>Technology Consulting</h3>
<section> </header>
<div class="content"> <p>
<header> Start your business transformation with groundbreaking strategy,
<a href="#" class="icon fa-files-o"><span class="label">Icon</span></a> fresh technology, and a tangible roadmap.
<h3>Readibility</h3> </p>
</header> </div>
<p>Maintaining a transparent development process.</p> </section>
</div> <section>
</section> <div class="content">
<section> <header>
<div class="content"> <a href="#" class="icon fa-database"
<header> ><span class="label">Icon</span></a
<a href="#" class="icon fa-floppy-o"><span class="label">Icon</span></a> >
<h3>Security</h3> <h3>Software Development</h3>
</header> </header>
<p>Allowing customers to decide ownership rights.</p> <p>
</div> Build systems to drive your business using web, mobile, data,
</section> and AI technologies.
<section> </p>
<div class="content"> </div>
<header> </section>
<a href="#" class="icon fa-line-chart"><span class="label">Icon</span></a> <section>
<h3>Business Value</h3> <div class="content">
</header> <header>
<p>Creating to build immediate and siginificant business value.</p> <a href="#" class="icon fa-tasks"
</div> ><span class="label">Icon</span></a
</section> >
<section> <h3>Value-based Pricing</h3>
<div class="content"> </header>
<header> <p>
<a href="#" class="icon fa-paper-plane-o"><span class="label">Icon</span></a> Measure the value of deliverables and build a relationship with
<h3>Timed Delivery</h3> us for long term value.
</header> </p>
<p>Delivering to ensure great satisfaction and understanding the importance of timed output.</p> </div>
</div> </section>
</section> </div>
<section> </div>
<div class="content"> </section>
<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 --> <!-- CTA -->
<section id="cta" class="wrapper"> <section id="cta" class="wrapper">
<div class="inner"> <div class="inner" style="max-width: 600px;">
<h2>Work with me</h2> <!-- <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> --> <!-- <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> <div id="mc_embed_signup">
</section> <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>
<!-- Testimonials --> <!-- Testimonials -->
<!-- <section class="wrapper"> <!-- <section class="wrapper">
<div class="inner"> <div class="inner">
<header class="special"> <header class="special">
<h2>Faucibus consequat lorem</h2> <h2>Faucibus consequat lorem</h2>
@@ -167,45 +259,90 @@
</div> </div>
</section> --> </section> -->
<!-- Footer --> <!-- Footer -->
<footer id="footer"> <footer id="footer">
<div class="inner"> <div class="inner">
<div class="content"> <div class="content">
<section> <section>
<h3>Connect with me</h3> <h3>Connect with the founder directly.</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>
<p class="emailHandle">Ping me at <b>[email protected]</b> or any other social mediums.</p> Feel free to discuss anything from business problems to startup
</section> ambitions to technical needs. I am open for a formal meeting,
<section> call, or coffee chat.
<h4>Inspiration for you</h4> </p>
<ul class="alt"> <p class="emailHandle">
<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> Ping me at <b>[email protected]</b>.
<li><a href="https://www.entrepreneur.com/article/306867">...Successful Ones Didn't Quit</a></li> </p>
<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>
<!-- Scripts --> <h3>Locations</h3>
<script src="assets/js/jquery.min.js"></script> <p>
<script src="assets/js/browser.min.js"></script> <i class="icon fa-map-marker">&nbsp;</i>
<script src="assets/js/breakpoints.min.js"></script> Irvine, CA
<script src="assets/js/util.js"></script> </p>
<script src="assets/js/main.js"></script> <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> </html>