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,60 @@
+<!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/blog.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="goToMain">
+        <i class="fa fa-times-circle-o"></i>
+      </div>
+
+
+			<section id="blog">
+        <div class="blogCard">
+  				<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>
+  				<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 id="1" class="readMore">Read More</p>
+          </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>