hmust92
diff --git a/‎css/style.css b/‎css/style.css
diff --git a/‎studentbioOfficialWorkingNewerVersionFile.html
Lines changed: 80 additions & 0 deletions b/‎studentbioOfficialWorkingNewerVersionFile.html
Lines changed: 80 additions & 0 deletions
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Student Bio</title>
+
+	<!-- This line will link the file to the styling css file. Now you are chilling and can style separately and only deal with blocks here. Object oriented. -->
+	<link rel="stylesheet" type="text/css" href="css/style.css">
+
+	
+
+</head>
+<body>
+
+	
+
+	<div id = "leftContainer">
+	
+	<h1>STUDENT BIO</h1>
+	
+	<h2>Hasan Mustafa</h2>
+
+	<img src="https://i.ytimg.com/vi/XIMLoLxmTDw/hqdefault.jpg">
+
+	<p>My name is Hasan Mustafa. I am a student of the SMU Coding Bootcamp. I am currently doing an HTML assignment.</p>
+
+	</div>
+
+	
+	<div id = "rightContainer"
+	<h2>Contact Info</h2> 
+
+	<h4>Email: <a href="">hmust92@gmail.com</a></h4>
+	<h4>Github: <a href="https://github.com/hmust92">hmust92</a></h4>
+	<h4>Portfolio: <a href="">coming soon</a></h4>
+
+	</div>
+
+
+	<style>
+
+	body{
+
+		background-color: cornsilk;
+	}
+
+	
+	#leftContainer{
+
+		float: left;
+		width: 70%;
+	}
+
+
+	#rightContainer{
+
+		float: right;
+		width: 30%;
+
+
+	}
+
+
+
+	h1{
+
+		color: white;
+		background-color: green;
+		text-align: center;
+
+
+	}
+		
+
+
+
+	</style>
+	
+
+</body>
+</html>