FEWD87 · mbhat25 · May 19, 2016 · May 30, 2016 · rmjames · May 23, 2016
diff --git a/css/styleexperience.css b/css/styleexperience.css
@@ -0,0 +1,72 @@
+img.logo{
+	width: 600px;
+	height: 150px;
+	margin-left: auto;
+	margin-right: auto;
+	display: block;
+	margin-bottom: 30px;
+	margin-top: -40px;
+}
+
+a{
+	color: inherit;
+	text-decoration: none;
+}
+
+a:hover{
+	color:#fff44f;
+	-webkit-text-stroke: 1px black;
+}
+
+
+hr{
+	height: 10px;
+	background-color: #E5E4E2;
+	color: #E5E4E2;
+	border: none;
+
+}
+
+nav{
+	font-family: "tw cen mt";
+	text-align: center;
+	font-size: 150%;
+	text-transform: uppercase;
+	margin-top: 15px;
+	margin-bottom: 15px;
+	margin-left: -20px;
+}
+
+img.lemon{
+	width: 300px;
+    height: 300px;
+    float: right;
+    margin-right: 200px;
+}
+
+h3{
+	font-family: "tw cen mt";
+	text-transform: uppercase;
+	margin-left: 80px;
+	margin-top: 40px;
+}
+
+h3.bey_link{
+	color: #C0C0C0;
+}
+p{
+	font-family: "tw cen mt";
+	margin-left: 80px;
+	text-transform: capitalize;
+}
+
+ul{
+	font-family: "tw cen mt";
+	text-indent: 10px;
+	margin-left: 60px;
+	line-height: 30px;
+}
+
+
+
+
diff --git a/css/styleindex.css b/css/styleindex.css
@@ -0,0 +1,70 @@
+img.logo{
+	width: 600px;
+	height: 150px;
+	margin-left: auto;
+	margin-right: auto;
+	display: block;
+	margin-bottom: 30px;
+	margin-top: -40px;
+}
+
+a{
+	color: inherit;
+	text-decoration: none;
+}
+
+a:hover{
+	color:#fff44f;
+	-webkit-text-stroke: 1px black;
+}
+
+hr{
+	height: 10px;
+	background-color: #E5E4E2;
+	color: #E5E4E2;
+	border: none;
+
+}
+
+nav{
+	font-family: "tw cen mt";
+	text-align: center;
+	font-size: 150%;
+	text-transform: uppercase;
+	margin-top: 15px;
+	margin-bottom: 15px;
+	margin-left: -10px;
+}
+
+img.bio_image{
+	border: 3px black solid;
+	width: 300px;
+    height: 300px;
+    float: left;
+    margin-left:300px;
+}
+
+div.bio_content{
+	margin-top: 30px;
+}
+
+h3{
+	font-family: "tw cen mt";
+	text-transform: uppercase;
+	text-indent: 20px;
+}
+
+p.hot_sauce{
+	margin-bottom: 100px;
+}
+
+p.winner{
+	margin-bottom: 175px;
+}
+
+p{
+	font-family: "tw cen mt";
+	margin-left: 20px;
+	text-indent: 20px;
+	text-transform: capitalize;
+}
diff --git a/experience.html b/experience.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+
+  <head>
+
+    <meta charset="utf-8">
+
+    <meta name="description" content="Beyonce runs the world">
+
+    <meta name="keywords" content="beyonce, formation, lemonade">
+
+    <title>Beyonce | Formation Bio</title>
+
+    <link rel="stylesheet" href="css/styleexperience.css">
+
+  </head>
+
+  <body>
+
+    <img class="logo" src="images/beyonce_logo.png" alt="logo">
+
+    <hr>
+
+    <nav>
+      <a href="index.html"><strong>Bio</strong></a>
+      |
+      <a href="experience.html"><strong>Work</strong></a>
+    </nav>
+
+    <hr>
+
+    <div class="work_content">
+
+     <img class="lemon" src="images/lemon_emoji.png" alt="lemon">
+
+	 	 <h3>Experience</h3>
+
+	 	 <p>She works for the money / She work for the money / From the start to the finish / </p>
+	 	 <p> And she worth every dollar / She worth every dollar / And she worth every minute / </p>
+
+     <h3>Hours</h3>
+
+     <p>Stars in her eyes / She fights for the power / Keeping time /  She grinds day and night </p>
+     <p>She grinds from: </p>
+
+     <ul>
+		  <li>Monday to Friday</li>
+		  <li>Friday to Sunday</li>
+     </ul>
+
+		 <h3 class="bey_link">For more information visit <a href="http://www.beyonce.com/" target="_blank">Beyonce.com</a></h3>
+
+    </div>
+  </body>
+</html>
diff --git a/images/bey_formation.png b/images/bey_formation.png
diff --git a/images/bey_forward.jpg b/images/bey_forward.jpg
diff --git a/images/bey_home.jpg b/images/bey_home.jpg
diff --git a/images/beyonce_logo.png b/images/beyonce_logo.png
diff --git a/images/lemon_emoji.png b/images/lemon_emoji.png
diff --git a/index.html b/index.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+
+  <head>
+
+    <meta charset="utf-8">
+
+    <meta name="description" content="Beyonce runs the world">
+
+    <meta name="keywords" content="beyonce, formation, lemonade">
+
+    <title>Beyonce | Formation Bio</title>
+
+    <link rel="stylesheet" href="css/styleindex.css">
+
+  </head>
+
+  <body>
+
+    <img class="logo" src="images/beyonce_logo.png" alt="logo">
+
+    <hr>
+
+    <nav>
+      <a href="index.html"><strong>Bio</strong></a>
+      |
+      <a href="experience.html"><strong>Work</strong></a>
+    </nav>
+
+    <hr>
+
+    <div class="bio_content">
+
+      <img class="bio_image" src="images/bey_home.jpg" alt="Growing Up">
+
+      <h3>I Was Served Lemons / But I Made Lemonade</h3>
+
+      <p>My daddy Alabama, Momma Louisiana / </p>
+      <p>You mix that negro with that Creole make a Texas bama / </p>
+      <P>I like my baby heir with baby hair and afros / </P>
+      <p>I like my negro nose with Jackson Five nostrils / </p>
+      <p>Earned all this money but they never take the country out me / </p>
+      <p class="hot_sauce">I got a hot sauce in my bag, swag/ </p>
+
+      <img class="bio_image" src="images/bey_formation.png" alt="Formation">
+
+      <h3>I Just Might Be A Black Bill Gates In The Making</h3>
+
+      <p>I break chains all by myself / </p>
+      <p>Won't let my freedom rot in hell / </p>
+      <P>Hey! I'ma keep running / </P>
+      <p class="winner">Cause a winner don't quit on themselves / </p>
+
+      <img class="bio_image" src="images/bey_forward.jpg" alt="Forward">
+
+      <h3>Forward</h3>
+
+      <p>Forward / </p>
+      <p>Best foot first just in case / </p> 
+      <p>When we made our way 'til now/ </p>
+      <p>It's time to listen / It's time to fight / </p>
+      <p class="forward">Forward / </p>
+    </div>
+  </body>
+</html>