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; }
#footer .copyright {
border-top: 1px solid;
font-size: 0.8rem;
font-size: 0.5rem;
opacity: 0.5;
padding: 2rem 0;
text-align: center; }
@@ -2831,3 +2831,7 @@ body.is-menu-visible #menu {
width: 200px;
margin-left: 10px;
}
.emailHandle {
font-size: 1.2em;
}
index.html
+34 -35
View File
@@ -6,7 +6,7 @@
-->
<html>
<head>
<title>Industrious by TEMPLATED</title>
<title>Arjun</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="description" content="" />
@@ -17,11 +17,10 @@
<!-- Header -->
<header id="header">
<a class="logo" href="index.html">Arjun Patel</a>
<img id="signature" src="images/signature.jpg" alt="" />
<nav>
<!-- <nav>
<a href="#menu">Menu</a>
</nav>
</nav> -->
</header>
<!-- Nav -->
@@ -36,8 +35,8 @@
<!-- Banner -->
<section id="banner">
<div class="inner">
<h1>{ Product at its best }</h1>
<p>Web Excellence, Budding Entrepreneurship, and Technology Enthusiast</p>
<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>
@@ -55,54 +54,54 @@
<div class="content">
<header>
<a href="#" class="icon fa-vcard-o"><span class="label">Icon</span></a>
<h3>Feugiat consequat</h3>
<h3>Customer Oriented</h3>
</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>
</section>
<section>
<div class="content">
<header>
<a href="#" class="icon fa-files-o"><span class="label">Icon</span></a>
<h3>Ante sem integer</h3>
<h3>Readibility</h3>
</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>
</section>
<section>
<div class="content">
<header>
<a href="#" class="icon fa-floppy-o"><span class="label">Icon</span></a>
<h3>Ipsum consequat</h3>
<h3>Security</h3>
</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>
</section>
<section>
<div class="content">
<header>
<a href="#" class="icon fa-line-chart"><span class="label">Icon</span></a>
<h3>Interdum gravida</h3>
<h3>Business Value</h3>
</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>
</section>
<section>
<div class="content">
<header>
<a href="#" class="icon fa-paper-plane-o"><span class="label">Icon</span></a>
<h3>Faucibus consequat</h3>
<h3>Timed Delivery</h3>
</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>
</section>
<section>
<div class="content">
<header>
<a href="#" class="icon fa-qrcode"><span class="label">Icon</span></a>
<h3>Accumsan viverra</h3>
<h3>Modular Development</h3>
</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>
</section>
</div>
@@ -112,13 +111,13 @@
<!-- CTA -->
<section id="cta" class="wrapper">
<div class="inner">
<h2>Curabitur ullamcorper ultricies</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>
<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">
<!-- <section class="wrapper">
<div class="inner">
<header class="special">
<h2>Faucibus consequat lorem</h2>
@@ -166,37 +165,37 @@
</section>
</div>
</div>
</section>
</section> -->
<!-- Footer -->
<footer id="footer">
<div class="inner">
<div class="content">
<section>
<h3>Accumsan montes viverra</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>
<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>Sem turpis amet semper</h4>
<h4>Inspiration for you</h4>
<ul class="alt">
<li><a href="#">Dolor pulvinar sed etiam.</a></li>
<li><a href="#">Etiam vel lorem sed amet.</a></li>
<li><a href="#">Felis enim feugiat viverra.</a></li>
<li><a href="#">Dolor pulvinar magna 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="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>Magna sed ipsum</h4>
<h4>Handles</h4>
<ul class="plain">
<li><a href="#"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
<li><a href="#"><i class="icon fa-facebook">&nbsp;</i>Facebook</a></li>
<li><a href="#"><i class="icon fa-instagram">&nbsp;</i>Instagram</a></li>
<li><a href="#"><i class="icon fa-github">&nbsp;</i>Github</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="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; Untitled. Photos <a href="https://unsplash.co">Unsplash</a>, Video <a href="https://coverr.co">Coverr</a>.
&copy; Industrious Arjun Patel.
</div>
</div>
</footer>