update with initial blog functionality

first blog with basic first attempt ui
2018-07-07 17:49:01 -07:00
parent 670625a833
commit 8217bc6111
12 changed files with 549 additions and 12 deletions
@@ -0,0 +1,70 @@
+<!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/blogContent.css" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet">
+  </head>
+	<body>
+
+    <!-- Header -->
+			<header id="header">
+				<img id="signature" src="../images/signature.jpg" alt="" />
+				<!-- <nav>
+					<a href="#menu">Menu</a>
+				</nav> -->
+			</header>
+
+      <div id="goToBlogs">
+        <i class="fa fa-times-circle-o"></i>
+      </div>
+
+
+			<section id="blog">
+        <div class="blogCard">
+          <hr>
+    				<div class="title">
+    					The college programming tutorial article blog thingy?
+    				</div>
+            <div class="info">
+              <i class="fa fa-user"></i>
+              <p>Arjun Patel</p>
+              <i class="fa fa-calendar"></i>
+              <p>7/7/18</p>
+            </div>
+          <hr>
+  				<img class="pic"src="../images/blogs/1/pic.jpg"/>
+  				<div class="content">
+  					<p>I probably should have started this earlier, but here we go! This is my super official blog. Alright let's get a little serious. I want to discuss development insight I have on my current projects and work, explain key technical findings, and also talk about cool tech.</p>
+            <p>Now, obviously the type of content throughout my blogs is going to change overtime. But for right now, I am considering to keep it quite open ended. For those of you looking for more niche topics, do not worry as I will be writing on specific software engineering/web/app development experiences. To give yourself a better picture of myself:</p>
+            <hr>
+            <div class="blogImg">
+              <img src="../images/blogs/1/me.jpg" />
+            </div>
+            <hr>
+            <p>Currently, I am a software engineering intern at Intel in an internal tools team/test automation. Our department within Intel manages the production and deliverance of Solid State drives. To get to the point, I work with visualizing test data and optimizing running of tests. In addition, my brother and I run a software service company called Lotus. We have one client currently and are building customized Customer Relations Tools for mid-sized companies. We also are expanding to include more development such as mobile apps.</p>
+            <p>As with many college computer science students, I am really into hackathon competitions, as my team won top 6 at Cal Hacks and best web hack. Many of my interests lie in the idea of a startup and growing your own business using cool technologies. I am currently ideating and building out various applications to continue to learn and monetize at a later time.</p>
+            <p>Thanks for tuning in to my first blog. I will be uploading more content as I get a better idea where I am going with this in terms of topics. If you would like to suggest topics according to my programming expertise, please find my contact info on the main page.
+          </div>
+        </div>
+			</section>
+
+		<!-- 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>