first commit

LavellTheDev · Mar 5, 2018 · adedf47 · adedf47
commit adedf47
Show file tree

Hide file tree

Showing 8 changed files with 147 additions and 0 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/README.md b/README.md
@@ -0,0 +1,33 @@
+# My Awesome Project
+Write a short sentence or two about this project and what it does. Be sure to include a link and a screenshot (we're front end devs so we can actually see our work!).
+
+**Link to project:** http://recruiters-love-seeing-live-demos.com/
+
+![alt tag](http://placecorgi.com/1200/650)
+
+## How It's Made:
+
+**Tech used:** HTML, CSS, JavaScript, Framework of choice
+
+Here's where you can go to town on how you actually built this thing. Write as much as you can here, it's totally fine if it's not too much just make sure you write *something*. If you don't have too much experience on your resume working on the front end that's totally fine. This is where you can really show off your passion and make up for that ten fold.
+
+## Optimizations
+*(optional)*
+
+You don't have to include this section but interviewers *love* that you can not only deliver a final product that looks great but also functions efficiently. Did you write something then refactor it later and the result was 5x faster than the original implementation? Did you cache your assets? Things that you write in this section are **GREAT** to bring up in interviews and you can use this section as reference when studying for technical interviews!
+
+## Lessons Learned:
+
+No matter what your experience level, being an engineer means continuously learning. Every time you build something you always have those *whoa this is awesome* or *fuck yeah I did it!* moments. This is where you should share those moments! Recruiters and interviewers love to see that you're self-aware and passionate about growing.
+
+## Examples:
+Take a look at these couple examples that I have in my own portfolio:
+
+**Palettable:** https://github.com/alecortega/palettable
+
+**Twitter Battle:** https://github.com/alecortega/twitter-battle
+
+**Patch Panel:** https://github.com/alecortega/patch-panel
+
+
+
diff --git a/img/.DS_Store b/img/.DS_Store
diff --git a/img/nyc.jpeg b/img/nyc.jpeg
diff --git a/img/nyc.jpg b/img/nyc.jpg
diff --git a/img/paris.jpg b/img/paris.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,55 @@
+<!doctype html>
+<html lang="en-us">
+<head>
+	<meta charset="utf-8">
+	<title>Food Blog</title>
+	<link href='http://fonts.googleapis.com/css?family=Lato:300,700,300italic,700italic' rel='stylesheet' type='text/css'>
+	<link rel="stylesheet" href="css/main.css">
+</head>
+<body>
+	<header>
+		<h1><a href="index.html">The Foodist</a></h1>
+		<h2>Food blog</h2>
+		<nav>
+			<a href="#">NYC</a>
+			<a href="#">Paris</a>
+			<a href="#">London</a>
+			<a href="#">Madrid</a>
+			<a href="#">Rome</a>
+			<a href="#">Beijing</a>
+		</nav>
+	</header>
+	<article>
+		<h3>11/12/13</h3>
+		<h2><a href="#">Food of NYC</a></h2>
+		<img src="img/nyc.jpg">
+		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc porttitor justo nulla, a volutpat eros luctus a. Duis varius diam dolor, sed feugiat eros suscipit vel. Fusce feugiat ut mi nec mollis. Praesent tristique, nibh eget eleifend sollicitudin, erat enim vulputate nisl, a porttitor ipsum turpis in nisi. Duis sit amet magna in erat porta eleifend. Nullam ante leo, dictum quis ornare a, dignissim a libero. Integer dictum mauris a neque vehicula tristique. Cras nec tortor non tortor gravida vestibulum</p>
+		<h4><a href="#">Next</a></h4>
+	</article>
+	<article>
+		<h3>11/11/13</h3>
+		<h2><a href="#">Food of Paris</a></h2>
+		<img src="img/paris.jpg">
+		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc porttitor justo nulla, a volutpat eros luctus a. Duis varius diam dolor, sed feugiat eros suscipit vel. Fusce feugiat ut mi nec mollis. Praesent tristique, nibh eget eleifend sollicitudin, erat enim vulputate nisl, a porttitor ipsum turpis in nisi. Duis sit amet magna in erat porta eleifend. Nullam ante leo, dictum quis ornare a, dignissim a libero. Integer dictum mauris a neque vehicula tristique. Cras nec tortor non tortor gravida vestibulum</p>
+		<h4><a href="#">Next</a></h4>
+	</article>
+	<footer>
+		<nav>
+			<a href="index.html">Home</a>
+			|
+			<a href="#">NYC</a>
+			|
+			<a href="#">Paris</a>
+			|
+			<a href="#">London</a>
+			|
+			<a href="#">Madrid</a>
+			|
+			<a href="#">Rome</a>
+			|
+			<a href="#">Beijing</a>
+		</nav>
+		<p>&copy; Food Bloggers, Inc.</p>
+	</footer>
+</body>
+</html>
diff --git a/main.css b/main.css
@@ -0,0 +1,59 @@
+header a{/*The Foodist */
+  color: red;
+  font-size: 50px;
+  font-weight:normal;
+}
+header h2{/*Food of NYC*/
+  color: black;
+  font-weight: normal;
+}
+body{/*Used this to change all font of the body into lato*/
+  font-family: 'lato',sans-serif;
+}
+nav a{ /*The Different Cities*/
+  color:rgba(192,192,192, 0.5);
+  font-size: 25px;
+  padding: 10px;
+}
+article{
+  width: 75%;
+  border-bottom: 1px solid;
+  border-bottom-color: rgba(0,0,0,0.5);
+  font-weight: normal;
+  margin-bottom: 40px;
+  padding-bottom: 40px;
+}
+img{/*Scaling for both images*/
+  width: 100%;
+}
+article h3{
+  color:rgba(192,192,192, 0.5);
+  font-weight: normal;
+  font-size: 35px;
+  }
+ article a{
+  color: black;
+  font-weight: normal;
+  font-size: 38px;
+}
+h4 > a{
+  color:red;
+  float: right;
+  font-weight: bold;
+  font-size: 20px;
+}
+article p::first-letter{
+  font-size: 600%;
+  float: left;
+  color: rgba(192, 192, 192, 0.5);
+}
+a{
+  text-decoration: none;
+}
+footer{
+  color: rgba(192, 192, 192, 0.5);
+}
+footer nav a{
+  color: red;
+  padding:10px;
+}