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

Completed First draft with all sections filled out

Browse Source 
Rolling out to main github pages repo
This commit is contained in:
Arjun Patel
2018-06-30 12:11:10 -07:00
parent f72587d80e
commit 7075a08547
2 changed files with 39 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/main.css
+5 -1
View File
@@ -2358,7 +2358,7 @@ ul.icons {
padding-left: 4rem; } padding-left: 4rem; }
#footer .copyright { #footer .copyright {
border-top: 1px solid; border-top: 1px solid;
font-size: 0.8rem; font-size: 0.5rem;
opacity: 0.5; opacity: 0.5;
padding: 2rem 0; padding: 2rem 0;
text-align: center; } text-align: center; }
@@ -2831,3 +2831,7 @@ body.is-menu-visible #menu {
width: 200px; width: 200px;
margin-left: 10px; margin-left: 10px;
} }
.emailHandle {
font-size: 1.2em;
}
index.html
+34 -35
View File
@@ -6,7 +6,7 @@
--> -->
<html> <html>
<head> <head>
<title>Industrious by TEMPLATED</title> <title>Arjun</title>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="description" content="" /> <meta name="description" content="" />
@@ -17,11 +17,10 @@
<!-- Header --> <!-- Header -->
<header id="header"> <header id="header">
<a class="logo" href="index.html">Arjun Patel</a>
<img id="signature" src="images/signature.jpg" alt="" /> <img id="signature" src="images/signature.jpg" alt="" />
<nav> <!-- <nav>
<a href="#menu">Menu</a> <a href="#menu">Menu</a>
</nav> </nav> -->
</header> </header>
<!-- Nav --> <!-- Nav -->
@@ -36,8 +35,8 @@
<!-- Banner --> <!-- Banner -->
<section id="banner"> <section id="banner">
<div class="inner"> <div class="inner">
<h1>{ Product at its best }</h1> <h1>{ Arjun Patel }</h1>
<p>Web Excellence, Budding Entrepreneurship, and Technology Enthusiast</p> <p>Web Guru, Budding Entrepreneur, and Technology Enthusiast</p>
</div> </div>
<video autoplay loop muted playsinline src="images/banner.mp4"></video> <video autoplay loop muted playsinline src="images/banner.mp4"></video>
</section> </section>
@@ -55,54 +54,54 @@
<div class="content"> <div class="content">
<header> <header>
<a href="#" class="icon fa-vcard-o"><span class="label">Icon</span></a> <a href="#" class="icon fa-vcard-o"><span class="label">Icon</span></a>
<h3>Feugiat consequat</h3> <h3>Customer Oriented</h3>
</header> </header>
<p>Nunc lacinia ante nunc ac lobortis ipsum. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus.</p> <p>Prioritizing the unique needs of each customer and designing product above and beyond specifications.</p>
</div> </div>
</section> </section>
<section> <section>
<div class="content"> <div class="content">
<header> <header>
<a href="#" class="icon fa-files-o"><span class="label">Icon</span></a> <a href="#" class="icon fa-files-o"><span class="label">Icon</span></a>
<h3>Ante sem integer</h3> <h3>Readibility</h3>
</header> </header>
<p>Nunc lacinia ante nunc ac lobortis ipsum. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus.</p> <p>Maintaining a transparent development process.</p>
</div> </div>
</section> </section>
<section> <section>
<div class="content"> <div class="content">
<header> <header>
<a href="#" class="icon fa-floppy-o"><span class="label">Icon</span></a> <a href="#" class="icon fa-floppy-o"><span class="label">Icon</span></a>
<h3>Ipsum consequat</h3> <h3>Security</h3>
</header> </header>
<p>Nunc lacinia ante nunc ac lobortis ipsum. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus.</p> <p>Allowing customers to decide ownership rights.</p>
</div> </div>
</section> </section>
<section> <section>
<div class="content"> <div class="content">
<header> <header>
<a href="#" class="icon fa-line-chart"><span class="label">Icon</span></a> <a href="#" class="icon fa-line-chart"><span class="label">Icon</span></a>
<h3>Interdum gravida</h3> <h3>Business Value</h3>
</header> </header>
<p>Nunc lacinia ante nunc ac lobortis ipsum. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus.</p> <p>Creating to build immediate and siginificant business value.</p>
</div> </div>
</section> </section>
<section> <section>
<div class="content"> <div class="content">
<header> <header>
<a href="#" class="icon fa-paper-plane-o"><span class="label">Icon</span></a> <a href="#" class="icon fa-paper-plane-o"><span class="label">Icon</span></a>
<h3>Faucibus consequat</h3> <h3>Timed Delivery</h3>
</header> </header>
<p>Nunc lacinia ante nunc ac lobortis ipsum. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus.</p> <p>Delivering to ensure great satisfaction and understanding the importance of timed output.</p>
</div> </div>
</section> </section>
<section> <section>
<div class="content"> <div class="content">
<header> <header>
<a href="#" class="icon fa-qrcode"><span class="label">Icon</span></a> <a href="#" class="icon fa-qrcode"><span class="label">Icon</span></a>
<h3>Accumsan viverra</h3> <h3>Modular Development</h3>
</header> </header>
<p>Nunc lacinia ante nunc ac lobortis ipsum. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus.</p> <p>Organizing a work flow to know exactly what is being built at each step in the process.</p>
</div> </div>
</section> </section>
</div> </div>
@@ -112,13 +111,13 @@
<!-- CTA --> <!-- CTA -->
<section id="cta" class="wrapper"> <section id="cta" class="wrapper">
<div class="inner"> <div class="inner">
<h2>Curabitur ullamcorper ultricies</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>
</section> </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>
@@ -166,37 +165,37 @@
</section> </section>
</div> </div>
</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>Accumsan montes viverra</h3> <h3>Connect with me</h3>
<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>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>[email protected]</b> or any other social mediums.</p>
</section> </section>
<section> <section>
<h4>Sem turpis amet semper</h4> <h4>Inspiration for you</h4>
<ul class="alt"> <ul class="alt">
<li><a href="#">Dolor pulvinar sed etiam.</a></li> <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="#">Etiam vel lorem sed amet.</a></li> <li><a href="https://www.entrepreneur.com/article/306867">...Successful Ones Didn't Quit</a></li>
<li><a href="#">Felis enim feugiat viverra.</a></li> <li><a href="https://www.entrepreneur.com/article/298025">Why Young Entrepreneurs Are Better Positioned to Succeed</a></li>
<li><a href="#">Dolor pulvinar magna etiam.</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> </ul>
</section> </section>
<section> <section>
<h4>Magna sed ipsum</h4> <h4>Handles</h4>
<ul class="plain"> <ul class="plain">
<li><a href="#"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li> <li><a href="https://www.linkedin.com/in/patelarjunk/"><i class="icon fa-linkedin">&nbsp;</i>Arjun Patel</a></li>
<li><a href="#"><i class="icon fa-facebook">&nbsp;</i>Facebook</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="#"><i class="icon fa-instagram">&nbsp;</i>Instagram</a></li> <li><a href="https://github.com/talksik"><i class="icon fa-github">&nbsp;</i>talksik</a></li>
<li><a href="#"><i class="icon fa-github">&nbsp;</i>Github</a></li>
</ul> </ul>
</section> </section>
</div> </div>
<div class="copyright"> <div class="copyright">
&copy; Untitled. Photos <a href="https://unsplash.co">Unsplash</a>, Video <a href="https://coverr.co">Coverr</a>. &copy; Industrious Arjun Patel.
</div> </div>
</div> </div>
</footer> </footer>