diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..feb713c
Binary files /dev/null and b/.DS_Store differ
diff --git a/HTML:CSS/.DS_Store b/HTML:CSS/.DS_Store
new file mode 100644
index 0000000..f5bf889
Binary files /dev/null and b/HTML:CSS/.DS_Store differ
diff --git a/HTML:CSS/Assets/.DS_Store b/HTML:CSS/Assets/.DS_Store
new file mode 100644
index 0000000..9e78428
Binary files /dev/null and b/HTML:CSS/Assets/.DS_Store differ
diff --git a/Javascript/.DS_Store b/Javascript/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/Javascript/.DS_Store differ
diff --git a/Javascript/js_test.html b/Javascript/js_test.html
index 94008fe..d03ce33 100755
--- a/Javascript/js_test.html
+++ b/Javascript/js_test.html
@@ -4,6 +4,11 @@
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
 	<script>jQuery.noConflict();</script>
+
+
+	<!-- <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script> -->
+	<!-- <script src ="js_test.js"></script> -->
+
 	<style>
 		body{
 			padding:20px;
@@ -62,6 +67,7 @@ <h2>Manipulate the Last LI</h2>
 					<li>First</li>
 					<li>Second</li>
 					<li>Third</li>
+					<!-- turn this red -->
 					<li>Fourth</li>
 				</ul>
 			</div>
@@ -83,6 +89,7 @@ <h2>Select specific children from a nested list.</h2>
 				<ul>
 					<li>Bob</li>
 					<li>Sally
+					<!-- select this -->
 						<ul>
 							<li>Car</li>
 							<li>Boat</li>
@@ -146,5 +153,63 @@ <h2>Ajax</h2>
 Note: You have jquery already loaded on the page.
 Please also write your jquery in a no conflict manner.
 -->
+
+<script>
+	jQuery(document).ready(function($) {
+
+	var sally = $('li:contains("Sally")');
+	var dropDown = $('select')
+
+	// challenge 1
+	$("#content li:nth-last-of-type(1)").css("color", "red");
+
+	// challenge 2
+	sally.children().css("color", "orange");
+
+	// challenge 3
+	$("select").on("change", appendSelected)
+
+	function appendSelected() {
+		var targetText = $("option:selected").text()
+		var $newDiv = $(`<div class = "new-div">${targetText}</div>`)
+		$(".new-div").remove()
+		if (targetText !== 'Choose') {
+			$('fieldset').append($newDiv)
+		}
+	}
+
+	// challenge 4
+	(function runner() {
+		var targetHeight = $("#setDims").outerHeight();
+		var targetWidth = $("#setDims").outerWidth();
+		$("#setDims").after(" I have a height of " + targetHeight + " and a width of " + targetWidth + "!")
+	})();
+
+
+	// challenge 5
+	$("#clickEventLink").on('click', toggleLinkClassName)
+
+	function toggleLinkClassName() {
+		if ($(this).hasClass('not-clicked')) {
+			$(this).removeClass('not-clicked')
+			$(this).addClass('clicked')
+		} else {
+			$(this).removeClass('clicked')
+			$(this).addClass('not-clicked')
+		}
+	}
+
+	// challenge 6
+	$.get("ajax_return.html").then(function(data){
+		console.log(data)
+		$("#jsonResponse").append(data)
+});
+
+
+
+
+
+})
+</script>
 </body>
 </html>
\ No newline at end of file
diff --git a/Javascript/js_test.js b/Javascript/js_test.js
new file mode 100644
index 0000000..16c03f3
--- /dev/null
+++ b/Javascript/js_test.js
@@ -0,0 +1,55 @@
+jQuery(document).ready(function($) {
+
+	var sally = $('li:contains("Sally")');
+	var dropDown = $('select')
+
+	// challenge 1
+	$("#content li:nth-last-of-type(1)").css("color", "red");
+
+	// challenge 2
+	sally.children().css("color", "orange");
+
+	// challenge 3
+	$("select").on("change", appendSelected)
+
+	function appendSelected() {
+		var targetText = $("option:selected").text()
+		var $newDiv = $(`<div class = "new-div">${targetText}</div>`)
+		$(".new-div").remove()
+		if (targetText !== 'Choose') {
+			$('fieldset').append($newDiv)
+		}
+	}
+
+	// challenge 4
+	(function runner() {
+		var targetHeight = $("#setDims").outerHeight();
+		var targetWidth = $("#setDims").outerWidth();
+		$("#setDims").after(" I have a height of " + targetHeight + " and a width of " + targetWidth + "!")
+	})();
+
+
+	// challenge 5
+	$("#clickEventLink").on('click', toggleLinkClassName)
+
+	function toggleLinkClassName() {
+		if ($(this).hasClass('not-clicked')) {
+			$(this).removeClass('not-clicked')
+			$(this).addClass('clicked')
+		} else {
+			$(this).removeClass('clicked')
+			$(this).addClass('not-clicked')
+		}
+	}
+
+	// challenge 6
+	$.get("ajax_return.html").then(function(data){
+		console.log(data)
+		$("#jsonResponse").append(data)
+});
+
+
+
+
+
+})
\ No newline at end of file
diff --git a/Javascript/npm-debug.log b/Javascript/npm-debug.log
new file mode 100644
index 0000000..ce8cfd6
--- /dev/null
+++ b/Javascript/npm-debug.log
@@ -0,0 +1,21 @@
+0 info it worked if it ends with ok
+1 verbose cli [ '/usr/local/bin/node', '/usr/local/bin/npm', 'start' ]
+2 info using npm@3.10.10
+3 info using node@v6.9.5
+4 verbose config Skipping project config: /Users/matthewmoyer/.npmrc. (matches userconfig)
+5 verbose stack Error: ENOENT: no such file or directory, open '/Users/matthewmoyer/package.json'
+5 verbose stack     at Error (native)
+6 verbose cwd /Users/matthewmoyer/Desktop/frontend-code-test/Javascript
+7 error Darwin 16.5.0
+8 error argv "/usr/local/bin/node" "/usr/local/bin/npm" "start"
+9 error node v6.9.5
+10 error npm  v3.10.10
+11 error path /Users/matthewmoyer/package.json
+12 error code ENOENT
+13 error errno -2
+14 error syscall open
+15 error enoent ENOENT: no such file or directory, open '/Users/matthewmoyer/package.json'
+16 error enoent ENOENT: no such file or directory, open '/Users/matthewmoyer/package.json'
+16 error enoent This is most likely not a problem with npm itself
+16 error enoent and is related to npm not being able to find a file.
+17 verbose exit [ -2, true ]
diff --git a/ten-realty/.DS_Store b/ten-realty/.DS_Store
new file mode 100644
index 0000000..d653d52
Binary files /dev/null and b/ten-realty/.DS_Store differ
diff --git a/ten-realty/Assets/.DS_Store b/ten-realty/Assets/.DS_Store
new file mode 100644
index 0000000..09c6957
Binary files /dev/null and b/ten-realty/Assets/.DS_Store differ
diff --git a/ten-realty/Assets/Realtor Image/Thumbs.db b/ten-realty/Assets/Realtor Image/Thumbs.db
new file mode 100755
index 0000000..3522a5a
Binary files /dev/null and b/ten-realty/Assets/Realtor Image/Thumbs.db differ
diff --git a/ten-realty/Assets/Realtor Image/saramortensun.jpg b/ten-realty/Assets/Realtor Image/saramortensun.jpg
new file mode 100755
index 0000000..7dead7f
Binary files /dev/null and b/ten-realty/Assets/Realtor Image/saramortensun.jpg differ
diff --git a/ten-realty/Assets/SVGs/TEN-logo-mark.svg b/ten-realty/Assets/SVGs/TEN-logo-mark.svg
new file mode 100755
index 0000000..fd8b2ec
--- /dev/null
+++ b/ten-realty/Assets/SVGs/TEN-logo-mark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="51.88" height="34.78" viewBox="0 0 51.88 34.78"><title>TEN-logo-mark</title><polygon points="50.89 0.53 32.92 0.53 0 33.67 18.68 33.67 50.89 0.53" fill="#2399a6"/><polygon points="48.91 0.53 32.92 0.53 0 33.67 16.69 33.67 48.91 0.53" fill="#26b9c0"/><polygon points="49.67 33.15 51.88 33.15 18.97 0 0.99 0 26.14 26.02 34.35 17.6 49.67 33.15" fill="#2399a6"/><polygon points="33.27 16.69 17.04 16.58 0 33.67 16.69 33.67 33.27 16.69" fill="#237377"/><polygon points="35.77 26.6 31.22 25.85 31.32 30.58 35.77 30.58 35.77 26.6" fill="#f8c82f"/><polygon points="31.32 31.11 31.4 34.78 35.77 34.34 35.77 31.11 31.32 31.11" fill="#f8c82f"/><polygon points="38.97 30.58 39.05 27.14 36.3 26.68 36.3 30.58 38.97 30.58" fill="#f8c82f"/><polygon points="36.3 34.28 38.89 34.02 38.96 31.11 36.3 31.11 36.3 34.28" fill="#f8c82f"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/TEN-logo.svg b/ten-realty/Assets/SVGs/TEN-logo.svg
new file mode 100755
index 0000000..63fbc27
--- /dev/null
+++ b/ten-realty/Assets/SVGs/TEN-logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="166.88" height="39" viewBox="0 0 166.88 39"><title>TEN-logo</title><polygon points="50.89 0.53 32.92 0.53 0 33.67 18.68 33.67 50.89 0.53" fill="#2399a6"/><polygon points="48.91 0.53 32.92 0.53 0 33.67 16.69 33.67 48.91 0.53" fill="#26b9c0"/><polygon points="49.67 33.15 51.88 33.15 18.97 0 0.99 0 26.14 26.02 34.35 17.6 49.67 33.15" fill="#2399a6"/><polygon points="33.27 16.69 17.04 16.58 0 33.67 16.69 33.67 33.27 16.69" fill="#237377"/><polygon points="35.77 26.6 31.22 25.85 31.32 30.58 35.77 30.58 35.77 26.6" fill="#f8c82f"/><polygon points="31.32 31.11 31.4 34.78 35.77 34.34 35.77 31.11 31.32 31.11" fill="#f8c82f"/><polygon points="38.97 30.58 39.05 27.14 36.3 26.68 36.3 30.58 38.97 30.58" fill="#f8c82f"/><polygon points="36.3 34.28 38.89 34.02 38.96 31.11 36.3 31.11 36.3 34.28" fill="#f8c82f"/><path d="M36.29,6.61V5.23H56.08V6.61H47V31.07H45.37V6.61Z" fill="#404041"/><path d="M84.73,29.69v1.38H67.18V5.23H84.55V6.61H68.77V17H83.61v1.37H68.77V29.69Z" fill="#404041"/><path d="M97.52,5.23h2l16.32,23.7h.07V5.23h1.59V31.07h-1.88L99.19,7.19h-.08V31.07H97.52Z" fill="#404041"/><path d="M132.19,19l.9,0a4.76,4.76,0,0,1,1.48.25,2.07,2.07,0,0,1,1.5,2.21,3.15,3.15,0,0,1-.55,2,6.14,6.14,0,0,1-1.28,1.24,5.81,5.81,0,0,1-2,.84,13.93,13.93,0,0,1-2.53.38A17.28,17.28,0,0,0,132,29.62a2.4,2.4,0,0,0,1.84,1q1.5,0,3.36-2.44c.12-.16.18-.16.18,0a.59.59,0,0,1-.14.36Q135,31.7,133.41,31.7l-.76-.16q-1.7-.74-3.58-4.86l-.4-.87c.28-.39.48-.58.6-.58H130c.4,0,.75,0,1.06,0a8.48,8.48,0,0,0,1.17-.16,2.39,2.39,0,0,0,1.05-.43,4.35,4.35,0,0,0,1.46-2.17,3.17,3.17,0,0,0,.2-1.06,2.71,2.71,0,0,0-.18-1,1.71,1.71,0,0,0-1.75-1.1,2.06,2.06,0,0,0-1.65.52,9.89,9.89,0,0,0-.86,1.28c-.29.5-.53.93-.73,1.3s-.44.86-.75,1.48l-.57,1.15-.34.64-.45.82c-.15.27-.32.59-.52,1s-.37.72-.52,1.05l-.43.94c-.3.67-.39,1.1-.29,1.3s0,.16-.27.07l-.13,0-.15,0-.16,0h-.17a2,2,0,0,0-.83.36,3,3,0,0,1-1.11.51c-.19,0-.28,0-.28-.14a.07.07,0,0,1,0-.07,2,2,0,0,0,1.43-1.07q1-1.7,1.76-3.1t1.62-3q.87-1.59,1.19-2.22c.21-.42.4-.8.56-1.15s.28-.58.34-.69a2.28,2.28,0,0,1,1.32-.89c-.22,0-.61,0-1.16,0a15.46,15.46,0,0,0-2.53.32c-1.55.28-2.33.9-2.33,1.86a.83.83,0,0,0,.36.76c.07,0,.07.07,0,.12a.22.22,0,0,1-.25,0,2.23,2.23,0,0,1-.41-.5,2.37,2.37,0,0,1-.45-1.23q0-1.39,2.6-1.57l1.23,0,3.32,0Z" fill="#cc4b48"/><path d="M138.2,28.5a4.54,4.54,0,0,0-.34,1.62c0,.5.31.75.92.75a2.65,2.65,0,0,0,.87-.2,5.37,5.37,0,0,0,1.81-1.12A11.54,11.54,0,0,0,143,27.94a.25.25,0,0,1,.07.18.71.71,0,0,1-.16.33,8.79,8.79,0,0,1-2.06,2,4.29,4.29,0,0,1-2.51.88c-1.1,0-1.65-.41-1.65-1.21a5.75,5.75,0,0,1,1-2.66,6.46,6.46,0,0,1,1.66-1.71,3.49,3.49,0,0,1,2.06-.8c.66,0,1,.31,1,.94a1.66,1.66,0,0,1-.77,1.49,6.91,6.91,0,0,1-1.75.81A5.85,5.85,0,0,1,138.2,28.5Zm.18-.45h.5a3.15,3.15,0,0,0,.88-.16,2.33,2.33,0,0,0,1.66-1.43,1.79,1.79,0,0,0,.11-.59.46.46,0,0,0-.18-.4.6.6,0,0,0-.31-.13Q139.59,25.37,138.38,28.05Z" fill="#cc4b48"/><path d="M149.66,27.85a.25.25,0,0,1,0,.18,1.43,1.43,0,0,1-.32.56q-2,2.64-3.69,2.64c-.36,0-.54-.14-.54-.43a4.46,4.46,0,0,1,.87-2.15,23.56,23.56,0,0,1-1.79,1.69,3,3,0,0,1-1.88.86c-.27,0-.4-.17-.4-.49a.46.46,0,0,1,0-.16,6.76,6.76,0,0,1,1-2.69q1.75-2.82,3.63-2.82h2.57c.07,0,.11,0,.11.09s-.07.18-.2.18-.47.24-.78.73-.73,1.23-1.24,2.24a6.52,6.52,0,0,0-.77,1.9c0,.26.11.39.32.39s.82-.3,1.43-.9c.33-.34.57-.61.74-.81l.32-.38Zm-2.4-2.08c0-.28-.19-.43-.57-.43a2,2,0,0,0-1.27.65,9.13,9.13,0,0,0-1.51,2.09,5.12,5.12,0,0,0-.82,2.09c0,.18.06.27.18.27q.65,0,2.32-2T147.26,25.77Z" fill="#cc4b48"/><path d="M157.27,17.44c.37,0,.56.24.56.72q0,1.19-2,3.83a32.17,32.17,0,0,1-4.61,5,9.34,9.34,0,0,0-.87,2.31,1.75,1.75,0,0,0-.07.47c0,.58.27.87.83.87l.29,0q.94-.18,3-2.73a.28.28,0,0,1,0,.19,2.89,2.89,0,0,1-.58.87c-.39.49-.68.82-.87,1a3.53,3.53,0,0,1-2.31,1.28c-.77,0-1.17-.37-1.17-1.12a6.48,6.48,0,0,1,.72-2.46l-.94,1c-.11.15-.16.13-.16,0a.65.65,0,0,1,.17-.39c.11-.14.34-.41.68-.82l.76-.9q.31-.58,1.28-2.53a41.2,41.2,0,0,1,3-5.46,5.52,5.52,0,0,0,1-.58A2.35,2.35,0,0,1,157.27,17.44Zm-1.77,4.32a9,9,0,0,0,1.59-3.65c0-.18-.07-.27-.2-.27q-.74,0-2.91,3.9-1.84,3.31-2.33,4.32A19.74,19.74,0,0,0,155.51,21.76Z" fill="#cc4b48"/><path d="M155.86,25l.69,0a17.6,17.6,0,0,0,1.75-3.11,1.94,1.94,0,0,0,.63-.26,3,3,0,0,0,.61-.43c.13-.13.21-.19.25-.19s.06,0,.06.05-.06.12-.18.26a15.55,15.55,0,0,0-.88,1.33,24.29,24.29,0,0,0-1.29,2.34h1.81c.15,0,.23,0,.25.07s0,.09-.15.12l-.31.1a3.69,3.69,0,0,1-.64.09c-.73,0-1.18.19-1.35.44a12.81,12.81,0,0,0-.88,1.89q-1.17,2.82-.36,2.82t2.55-2.15l.43-.54a.41.41,0,0,1,0,.21,1.08,1.08,0,0,1-.25.48q-2.06,2.64-3.72,2.64c-.36,0-.54-.14-.54-.43a7.23,7.23,0,0,1,.87-2.28l1.21-2.71-2.33,2.84q-.16.22-.16,0a.46.46,0,0,1,.11-.31q1.52-1.9,2.11-2.67c-.14,0-.54,0-1.21.11-.15,0-.09-.12.17-.36s.44-.36.55-.36Z" fill="#cc4b48"/><path d="M162.65,25.36a1.76,1.76,0,0,1-.38.85,22.25,22.25,0,0,0-1.15,2.07,6.51,6.51,0,0,0-.77,1.9c0,.26.1.39.31.39s.77-.33,1.45-1A11.26,11.26,0,0,0,164,27.14a7.18,7.18,0,0,1,1-1.56,7.15,7.15,0,0,1,1.19-.54,2.08,2.08,0,0,1,.44,0c.14,0,.21.05.21.16s-.07.16-.2.16a.88.88,0,0,0-.76.42,64.85,64.85,0,0,0-3,6.7A24.28,24.28,0,0,1,161.66,35a10.82,10.82,0,0,1-1.61,2.11,5.35,5.35,0,0,1-3.9,1.91,3.64,3.64,0,0,1-1.68-.4,2.53,2.53,0,0,1-1.37-2.44v-.38c0-.22.09-.34.27-.34a0,0,0,0,1,0,0l0,.56A1.94,1.94,0,0,0,154,37.6a2.28,2.28,0,0,0,1.55.55,4.73,4.73,0,0,0,1.76-.34,7.9,7.9,0,0,0,3.23-2.63,22.07,22.07,0,0,0,2.45-4.4q.54-1.32,1.14-3.11A19,19,0,0,1,162.22,30a3.77,3.77,0,0,1-2.51,1.28c-.36,0-.54-.14-.54-.43a7.16,7.16,0,0,1,.88-2.28l.54-1.1c.22-.46.38-.77.46-.92a.83.83,0,0,0,.12-.33c0-.07,0-.1-.07-.1s-.39.21-.87.65a13.16,13.16,0,0,0-1.66,1.93c-.09.13-.14.13-.16,0a.41.41,0,0,1,.11-.35c.61-.82,1.11-1.44,1.49-1.87l.63-.71.25-.24a2,2,0,0,1,.3-.23,1.8,1.8,0,0,1,1-.27C162.48,25,162.65,25.11,162.65,25.36Z" fill="#cc4b48"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/account-teal.svg b/ten-realty/Assets/SVGs/account-teal.svg
new file mode 100755
index 0000000..c7392f9
--- /dev/null
+++ b/ten-realty/Assets/SVGs/account-teal.svg
@@ -0,0 +1 @@
+<svg fill="hsl(185, 35%, 35%)" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><title>account</title><path d="M2.39,9.72A12.34,12.34,0,0,1,7,8.76a12.34,12.34,0,0,1,4.61,1q2.39,1,2.39,2.52V14H0V12.24Q0,10.68,2.39,9.72ZM9.46,6A3.35,3.35,0,0,1,7,7,3.35,3.35,0,0,1,4.54,6a3.35,3.35,0,0,1-1-2.46A3.42,3.42,0,0,1,4.54,1,3.32,3.32,0,0,1,7,0,3.32,3.32,0,0,1,9.46,1a3.42,3.42,0,0,1,1,2.48A3.35,3.35,0,0,1,9.46,6Z"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/account.svg b/ten-realty/Assets/SVGs/account.svg
new file mode 100755
index 0000000..3136b8f
--- /dev/null
+++ b/ten-realty/Assets/SVGs/account.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><title>account</title><path d="M2.39,9.72A12.34,12.34,0,0,1,7,8.76a12.34,12.34,0,0,1,4.61,1q2.39,1,2.39,2.52V14H0V12.24Q0,10.68,2.39,9.72ZM9.46,6A3.35,3.35,0,0,1,7,7,3.35,3.35,0,0,1,4.54,6a3.35,3.35,0,0,1-1-2.46A3.42,3.42,0,0,1,4.54,1,3.32,3.32,0,0,1,7,0,3.32,3.32,0,0,1,9.46,1a3.42,3.42,0,0,1,1,2.48A3.35,3.35,0,0,1,9.46,6Z"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/angle-down.svg b/ten-realty/Assets/SVGs/angle-down.svg
new file mode 100755
index 0000000..a0beff5
--- /dev/null
+++ b/ten-realty/Assets/SVGs/angle-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="7.23" height="4.22" viewBox="0 0 7.23 4.22"><title>angle-down</title><path d="M7.16.77,3.78,4.15a.23.23,0,0,1-.33,0L.07.77A.25.25,0,0,1,0,.6.25.25,0,0,1,.07.44L.44.07A.23.23,0,0,1,.6,0,.25.25,0,0,1,.77.07L3.62,2.92,6.47.07a.23.23,0,0,1,.33,0l.36.36A.25.25,0,0,1,7.23.6.25.25,0,0,1,7.16.77Z"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/contact-teal-big.svg b/ten-realty/Assets/SVGs/contact-teal-big.svg
new file mode 100755
index 0000000..7950db3
--- /dev/null
+++ b/ten-realty/Assets/SVGs/contact-teal-big.svg
@@ -0,0 +1 @@
+<svg fill="hsl(185, 35%, 35%)" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 14 14"><title>contact</title><path d="M2.81,6.05a11.68,11.68,0,0,0,5.14,5.14L9.66,9.48a.68.68,0,0,1,.8-.18,8.7,8.7,0,0,0,2.77.44.75.75,0,0,1,.77.77v2.73a.75.75,0,0,1-.77.77,12.75,12.75,0,0,1-9.35-3.88A12.75,12.75,0,0,1,0,.77.75.75,0,0,1,.77,0H3.5a.75.75,0,0,1,.77.77A8.7,8.7,0,0,0,4.7,3.54a.75.75,0,0,1-.18.8Z"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/contact-teal.svg b/ten-realty/Assets/SVGs/contact-teal.svg
new file mode 100755
index 0000000..d5349d5
--- /dev/null
+++ b/ten-realty/Assets/SVGs/contact-teal.svg
@@ -0,0 +1 @@
+<svg fill="hsl(185, 35%, 35%)" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><title>contact</title><path d="M2.81,6.05a11.68,11.68,0,0,0,5.14,5.14L9.66,9.48a.68.68,0,0,1,.8-.18,8.7,8.7,0,0,0,2.77.44.75.75,0,0,1,.77.77v2.73a.75.75,0,0,1-.77.77,12.75,12.75,0,0,1-9.35-3.88A12.75,12.75,0,0,1,0,.77.75.75,0,0,1,.77,0H3.5a.75.75,0,0,1,.77.77A8.7,8.7,0,0,0,4.7,3.54a.75.75,0,0,1-.18.8Z"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/contact-white.svg b/ten-realty/Assets/SVGs/contact-white.svg
new file mode 100755
index 0000000..5972289
--- /dev/null
+++ b/ten-realty/Assets/SVGs/contact-white.svg
@@ -0,0 +1 @@
+<svg fill="white" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><title>contact</title><path d="M2.81,6.05a11.68,11.68,0,0,0,5.14,5.14L9.66,9.48a.68.68,0,0,1,.8-.18,8.7,8.7,0,0,0,2.77.44.75.75,0,0,1,.77.77v2.73a.75.75,0,0,1-.77.77,12.75,12.75,0,0,1-9.35-3.88A12.75,12.75,0,0,1,0,.77.75.75,0,0,1,.77,0H3.5a.75.75,0,0,1,.77.77A8.7,8.7,0,0,0,4.7,3.54a.75.75,0,0,1-.18.8Z"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/contact.svg b/ten-realty/Assets/SVGs/contact.svg
new file mode 100755
index 0000000..239194d
--- /dev/null
+++ b/ten-realty/Assets/SVGs/contact.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><title>contact</title><path d="M2.81,6.05a11.68,11.68,0,0,0,5.14,5.14L9.66,9.48a.68.68,0,0,1,.8-.18,8.7,8.7,0,0,0,2.77.44.75.75,0,0,1,.77.77v2.73a.75.75,0,0,1-.77.77,12.75,12.75,0,0,1-9.35-3.88A12.75,12.75,0,0,1,0,.77.75.75,0,0,1,.77,0H3.5a.75.75,0,0,1,.77.77A8.7,8.7,0,0,0,4.7,3.54a.75.75,0,0,1-.18.8Z"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/enewsletter-teal.svg b/ten-realty/Assets/SVGs/enewsletter-teal.svg
new file mode 100755
index 0000000..e8af4de
--- /dev/null
+++ b/ten-realty/Assets/SVGs/enewsletter-teal.svg
@@ -0,0 +1 @@
+<svg fill="hsl(185, 35%, 35%)" xmlns="http://www.w3.org/2000/svg" width="24" height="22" viewBox="0 0 24 22"><title>enewsletter</title><path d="M4,0V4H0V19.21A2.79,2.79,0,0,0,2.79,22h18.3A3.06,3.06,0,0,0,24,19V0ZM22,19a1.08,1.08,0,0,1-.91,1H2.79A.79.79,0,0,1,2,19.21V6H4V17H6L5.81,2H22V19Z"/><rect x="8" y="6" width="12" height="2"/><rect x="8" y="11" width="5" height="2"/><rect x="8" y="15" width="5" height="2"/><rect x="15" y="11" width="5" height="2"/><rect x="15" y="15" width="5" height="2"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/enewsletter.svg b/ten-realty/Assets/SVGs/enewsletter.svg
new file mode 100755
index 0000000..aa5eac3
--- /dev/null
+++ b/ten-realty/Assets/SVGs/enewsletter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="22" viewBox="0 0 24 22"><title>enewsletter</title><path d="M4,0V4H0V19.21A2.79,2.79,0,0,0,2.79,22h18.3A3.06,3.06,0,0,0,24,19V0ZM22,19a1.08,1.08,0,0,1-.91,1H2.79A.79.79,0,0,1,2,19.21V6H4V17H6L5.81,2H22V19Z"/><rect x="8" y="6" width="12" height="2"/><rect x="8" y="11" width="5" height="2"/><rect x="8" y="15" width="5" height="2"/><rect x="15" y="11" width="5" height="2"/><rect x="15" y="15" width="5" height="2"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/equal-housing-white.svg b/ten-realty/Assets/SVGs/equal-housing-white.svg
new file mode 100755
index 0000000..7e96f13
--- /dev/null
+++ b/ten-realty/Assets/SVGs/equal-housing-white.svg
@@ -0,0 +1 @@
+<svg fill="white" xmlns="http://www.w3.org/2000/svg" width="34.24" height="34.93" viewBox="0 0 34.24 34.93"><title>equal-housing</title><path d="M4.87,9.53V21.91H29.4V9.6L17.13,3.73ZM23.63,19H10.57V15.6H23.63Zm0-5.47H10.57V10.05H23.63Z" fill="none"/><path d="M17.13,0,0,8.11v3.73l1.6-.76v14.1H32.67v-14l1.57.75V8.11ZM29.4,21.91H4.87V9.53L17.13,3.73,29.4,9.6Z"/><rect x="10.57" y="15.6" width="13.06" height="3.43"/><rect x="10.57" y="10.05" width="13.06" height="3.51"/><path d="M3.09,35a1.37,1.37,0,1,0,0-2.74,1.37,1.37,0,1,0,0,2.74Zm0-2.24a.86.86,0,0,1,.84.85.93.93,0,0,1-.84.89.93.93,0,0,1-.84-.89.86.86,0,0,1,.84-.85Z"/><path d="M6,34h.28c.59,0,.92-.27.92-.82s-.39-.81-1-.81H5.48v2.61H6V34Zm0-1.21h.1c.31,0,.52,0,.52.38s-.18.4-.51.4H6v-.79Z"/><path d="M8.75,34H9c.59,0,.92-.27.92-.82s-.39-.81-1-.81H8.2v2.61h.56V34Zm0-1.21h.1c.31,0,.52,0,.52.38s-.18.4-.51.4H8.75v-.79Z"/><path d="M12.19,35a1.37,1.37,0,1,0-1.42-1.38A1.37,1.37,0,0,0,12.19,35Zm0-2.24a.86.86,0,0,1,.84.85.93.93,0,0,1-.84.89.93.93,0,0,1-.84-.89.86.86,0,0,1,.84-.85Z"/><path d="M15.71,33.83a.7.7,0,0,0,.59-.72c0-.56-.39-.78-1-.78h-.76v2.61h.56V33.88h0l.7,1.05h.68l-.81-1.1Zm-.57-1.09h.08c.3,0,.52.06.52.38s-.22.4-.52.4h-.07v-.78Z"/><polygon points="18.26 32.77 18.84 32.77 18.84 32.32 17.13 32.32 17.13 32.77 17.7 32.77 17.7 34.93 18.26 34.93 18.26 32.77 18.26 32.77 18.26 32.77"/><path d="M19.74,33.88a1.07,1.07,0,1,0,2.13,0V32.32h-.56v1.46c0,.32,0,.77-.51.77s-.51-.45-.51-.77V32.32h-.56v1.56Z"/><polygon points="22.96 34.93 23.52 34.93 23.52 33.16 23.53 33.16 25.04 34.98 25.44 34.98 25.44 32.32 24.88 32.32 24.88 34.08 24.88 34.08 23.37 32.26 22.96 32.26 22.96 34.93 22.96 34.93 22.96 34.93"/><polygon points="27.11 32.32 26.55 32.32 26.55 34.93 27.11 34.93 27.11 32.32 27.11 32.32 27.11 32.32"/><polygon points="29.15 32.77 29.73 32.77 29.73 32.32 28.02 32.32 28.02 32.77 28.59 32.77 28.59 34.93 29.15 34.93 29.15 32.77 29.15 32.77 29.15 32.77"/><polygon points="31.27 33.73 31.27 34.93 31.82 34.93 31.82 33.73 32.73 32.32 32.08 32.32 31.53 33.23 31.02 32.32 30.38 32.32 31.27 33.73 31.27 33.73 31.27 33.73"/><polygon points="3.29 28.73 3.29 28.29 1.81 28.29 1.81 30.9 3.29 30.9 3.29 30.46 2.37 30.46 2.37 29.75 3.26 29.75 3.26 29.31 2.37 29.31 2.37 28.73 3.29 28.73 3.29 28.73 3.29 28.73"/><path d="M6.48,31l-.39-.42a1.44,1.44,0,0,0,.34-.94A1.38,1.38,0,0,0,5,28.22,1.37,1.37,0,1,0,5,31a1.39,1.39,0,0,0,.71-.18l.2.22L6.48,31Zm-1.06-1.1-.58,0,.47.49a.64.64,0,0,1-.3.09.82.82,0,0,1-.84-.85.84.84,0,1,1,1.68,0,.85.85,0,0,1-.18.54l-.25-.26Z"/><path d="M6.75,29.85A1,1,0,0,0,7.82,31a1,1,0,0,0,1.06-1.12V28.29H8.32v1.46c0,.32,0,.77-.51.77s-.5-.45-.5-.77V28.29H6.75v1.56Z"/><path d="M10.92,30.35l.22.55h.6l-1.09-2.68h-.43L9.1,30.9h.59l.24-.55Zm-.16-.42h-.68L10.4,29h0l.36.95Z"/><polygon points="12.54 28.29 11.98 28.29 11.98 30.9 13.33 30.9 13.33 30.46 12.54 30.46 12.54 28.29 12.54 28.29 12.54 28.29"/><polygon points="16.33 29.32 16.33 28.29 15.78 28.29 15.78 30.9 16.33 30.9 16.33 29.73 17.37 29.73 17.37 30.9 17.93 30.9 17.93 28.29 17.37 28.29 17.37 29.32 16.33 29.32 16.33 29.32 16.33 29.32"/><path d="M19.68,31a1.37,1.37,0,1,0-1.42-1.38A1.37,1.37,0,0,0,19.68,31Zm0-2.24a.86.86,0,0,1,.84.85.84.84,0,1,1-1.68,0,.85.85,0,0,1,.84-.85Z"/><path d="M21.43,29.85a1.07,1.07,0,1,0,2.13,0V28.29H23v1.46c0,.32,0,.77-.51.77s-.51-.45-.51-.77V28.29h-.56v1.56Z"/><path d="M25.63,28.51a1.24,1.24,0,0,0-.78-.29A.8.8,0,0,0,24,29c0,.4.27.57.64.71s.5.16.5.43a.36.36,0,0,1-.37.38.58.58,0,0,1-.52-.38l-.36.32a1,1,0,0,0,.88.51.86.86,0,0,0,.94-.89c0-.87-1.14-.69-1.14-1.13a.33.33,0,0,1,.35-.29.53.53,0,0,1,.43.21l.26-.35Z"/><polygon points="26.64 28.29 26.08 28.29 26.08 30.9 26.64 30.9 26.64 28.29 26.64 28.29 26.64 28.29"/><polygon points="27.11 30.9 27.67 30.9 27.67 29.13 27.68 29.13 29.19 30.95 29.59 30.95 29.59 28.29 29.03 28.29 29.03 30.04 29.03 30.04 27.52 28.22 27.11 28.22 27.11 30.9 27.11 30.9 27.11 30.9"/><path d="M31.36,29.51v.41H32a.65.65,0,0,1-.65.59.85.85,0,0,1-.81-.91.86.86,0,0,1,.81-.93.73.73,0,0,1,.65.42l.49-.24a1.26,1.26,0,0,0-1.13-.62,1.35,1.35,0,0,0-1.4,1.38A1.33,1.33,0,0,0,31.29,31a1.27,1.27,0,0,0,1.3-1.39v-.06Z"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/equal-housing.svg b/ten-realty/Assets/SVGs/equal-housing.svg
new file mode 100755
index 0000000..f8292db
--- /dev/null
+++ b/ten-realty/Assets/SVGs/equal-housing.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="34.24" height="34.93" viewBox="0 0 34.24 34.93"><title>equal-housing</title><path d="M4.87,9.53V21.91H29.4V9.6L17.13,3.73ZM23.63,19H10.57V15.6H23.63Zm0-5.47H10.57V10.05H23.63Z" fill="none"/><path d="M17.13,0,0,8.11v3.73l1.6-.76v14.1H32.67v-14l1.57.75V8.11ZM29.4,21.91H4.87V9.53L17.13,3.73,29.4,9.6Z"/><rect x="10.57" y="15.6" width="13.06" height="3.43"/><rect x="10.57" y="10.05" width="13.06" height="3.51"/><path d="M3.09,35a1.37,1.37,0,1,0,0-2.74,1.37,1.37,0,1,0,0,2.74Zm0-2.24a.86.86,0,0,1,.84.85.93.93,0,0,1-.84.89.93.93,0,0,1-.84-.89.86.86,0,0,1,.84-.85Z"/><path d="M6,34h.28c.59,0,.92-.27.92-.82s-.39-.81-1-.81H5.48v2.61H6V34Zm0-1.21h.1c.31,0,.52,0,.52.38s-.18.4-.51.4H6v-.79Z"/><path d="M8.75,34H9c.59,0,.92-.27.92-.82s-.39-.81-1-.81H8.2v2.61h.56V34Zm0-1.21h.1c.31,0,.52,0,.52.38s-.18.4-.51.4H8.75v-.79Z"/><path d="M12.19,35a1.37,1.37,0,1,0-1.42-1.38A1.37,1.37,0,0,0,12.19,35Zm0-2.24a.86.86,0,0,1,.84.85.93.93,0,0,1-.84.89.93.93,0,0,1-.84-.89.86.86,0,0,1,.84-.85Z"/><path d="M15.71,33.83a.7.7,0,0,0,.59-.72c0-.56-.39-.78-1-.78h-.76v2.61h.56V33.88h0l.7,1.05h.68l-.81-1.1Zm-.57-1.09h.08c.3,0,.52.06.52.38s-.22.4-.52.4h-.07v-.78Z"/><polygon points="18.26 32.77 18.84 32.77 18.84 32.32 17.13 32.32 17.13 32.77 17.7 32.77 17.7 34.93 18.26 34.93 18.26 32.77 18.26 32.77 18.26 32.77"/><path d="M19.74,33.88a1.07,1.07,0,1,0,2.13,0V32.32h-.56v1.46c0,.32,0,.77-.51.77s-.51-.45-.51-.77V32.32h-.56v1.56Z"/><polygon points="22.96 34.93 23.52 34.93 23.52 33.16 23.53 33.16 25.04 34.98 25.44 34.98 25.44 32.32 24.88 32.32 24.88 34.08 24.88 34.08 23.37 32.26 22.96 32.26 22.96 34.93 22.96 34.93 22.96 34.93"/><polygon points="27.11 32.32 26.55 32.32 26.55 34.93 27.11 34.93 27.11 32.32 27.11 32.32 27.11 32.32"/><polygon points="29.15 32.77 29.73 32.77 29.73 32.32 28.02 32.32 28.02 32.77 28.59 32.77 28.59 34.93 29.15 34.93 29.15 32.77 29.15 32.77 29.15 32.77"/><polygon points="31.27 33.73 31.27 34.93 31.82 34.93 31.82 33.73 32.73 32.32 32.08 32.32 31.53 33.23 31.02 32.32 30.38 32.32 31.27 33.73 31.27 33.73 31.27 33.73"/><polygon points="3.29 28.73 3.29 28.29 1.81 28.29 1.81 30.9 3.29 30.9 3.29 30.46 2.37 30.46 2.37 29.75 3.26 29.75 3.26 29.31 2.37 29.31 2.37 28.73 3.29 28.73 3.29 28.73 3.29 28.73"/><path d="M6.48,31l-.39-.42a1.44,1.44,0,0,0,.34-.94A1.38,1.38,0,0,0,5,28.22,1.37,1.37,0,1,0,5,31a1.39,1.39,0,0,0,.71-.18l.2.22L6.48,31Zm-1.06-1.1-.58,0,.47.49a.64.64,0,0,1-.3.09.82.82,0,0,1-.84-.85.84.84,0,1,1,1.68,0,.85.85,0,0,1-.18.54l-.25-.26Z"/><path d="M6.75,29.85A1,1,0,0,0,7.82,31a1,1,0,0,0,1.06-1.12V28.29H8.32v1.46c0,.32,0,.77-.51.77s-.5-.45-.5-.77V28.29H6.75v1.56Z"/><path d="M10.92,30.35l.22.55h.6l-1.09-2.68h-.43L9.1,30.9h.59l.24-.55Zm-.16-.42h-.68L10.4,29h0l.36.95Z"/><polygon points="12.54 28.29 11.98 28.29 11.98 30.9 13.33 30.9 13.33 30.46 12.54 30.46 12.54 28.29 12.54 28.29 12.54 28.29"/><polygon points="16.33 29.32 16.33 28.29 15.78 28.29 15.78 30.9 16.33 30.9 16.33 29.73 17.37 29.73 17.37 30.9 17.93 30.9 17.93 28.29 17.37 28.29 17.37 29.32 16.33 29.32 16.33 29.32 16.33 29.32"/><path d="M19.68,31a1.37,1.37,0,1,0-1.42-1.38A1.37,1.37,0,0,0,19.68,31Zm0-2.24a.86.86,0,0,1,.84.85.84.84,0,1,1-1.68,0,.85.85,0,0,1,.84-.85Z"/><path d="M21.43,29.85a1.07,1.07,0,1,0,2.13,0V28.29H23v1.46c0,.32,0,.77-.51.77s-.51-.45-.51-.77V28.29h-.56v1.56Z"/><path d="M25.63,28.51a1.24,1.24,0,0,0-.78-.29A.8.8,0,0,0,24,29c0,.4.27.57.64.71s.5.16.5.43a.36.36,0,0,1-.37.38.58.58,0,0,1-.52-.38l-.36.32a1,1,0,0,0,.88.51.86.86,0,0,0,.94-.89c0-.87-1.14-.69-1.14-1.13a.33.33,0,0,1,.35-.29.53.53,0,0,1,.43.21l.26-.35Z"/><polygon points="26.64 28.29 26.08 28.29 26.08 30.9 26.64 30.9 26.64 28.29 26.64 28.29 26.64 28.29"/><polygon points="27.11 30.9 27.67 30.9 27.67 29.13 27.68 29.13 29.19 30.95 29.59 30.95 29.59 28.29 29.03 28.29 29.03 30.04 29.03 30.04 27.52 28.22 27.11 28.22 27.11 30.9 27.11 30.9 27.11 30.9"/><path d="M31.36,29.51v.41H32a.65.65,0,0,1-.65.59.85.85,0,0,1-.81-.91.86.86,0,0,1,.81-.93.73.73,0,0,1,.65.42l.49-.24a1.26,1.26,0,0,0-1.13-.62,1.35,1.35,0,0,0-1.4,1.38A1.33,1.33,0,0,0,31.29,31a1.27,1.27,0,0,0,1.3-1.39v-.06Z"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/facebook-grey.svg b/ten-realty/Assets/SVGs/facebook-grey.svg
new file mode 100755
index 0000000..e4d0913
--- /dev/null
+++ b/ten-realty/Assets/SVGs/facebook-grey.svg
@@ -0,0 +1 @@
+<svg fill = "#5c5c5c" xmlns="http://www.w3.org/2000/svg" width="12" height="22.85" viewBox="0 0 12 22.85"><title>facebook</title><path d="M11.94,3.67H9.77c-1.7,0-2,.82-2,2V8.27h4l-.54,4.09H7.75V22.85H3.52V12.36H0V8.27H3.52v-3c0-3.5,2.14-5.4,5.27-5.4A27.19,27.19,0,0,1,11.94,0Z"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/facebook-white.svg b/ten-realty/Assets/SVGs/facebook-white.svg
new file mode 100755
index 0000000..b545a47
--- /dev/null
+++ b/ten-realty/Assets/SVGs/facebook-white.svg
@@ -0,0 +1 @@
+<svg fill = "white" xmlns="http://www.w3.org/2000/svg" width="12" height="22.85" viewBox="0 0 12 22.85"><title>facebook</title><path d="M11.94,3.67H9.77c-1.7,0-2,.82-2,2V8.27h4l-.54,4.09H7.75V22.85H3.52V12.36H0V8.27H3.52v-3c0-3.5,2.14-5.4,5.27-5.4A27.19,27.19,0,0,1,11.94,0Z"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/facebook.svg b/ten-realty/Assets/SVGs/facebook.svg
new file mode 100755
index 0000000..9408981
--- /dev/null
+++ b/ten-realty/Assets/SVGs/facebook.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="22.85" viewBox="0 0 12 22.85"><title>facebook</title><path d="M11.94,3.67H9.77c-1.7,0-2,.82-2,2V8.27h4l-.54,4.09H7.75V22.85H3.52V12.36H0V8.27H3.52v-3c0-3.5,2.14-5.4,5.27-5.4A27.19,27.19,0,0,1,11.94,0Z"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/instagram-grey.svg b/ten-realty/Assets/SVGs/instagram-grey.svg
new file mode 100755
index 0000000..fa51176
--- /dev/null
+++ b/ten-realty/Assets/SVGs/instagram-grey.svg
@@ -0,0 +1 @@
+<svg fill = "#5c5c5c" xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23"><title>instagram-01</title><path d="M11.5,2.07c3.07,0,3.43,0,4.65.07a6.36,6.36,0,0,1,2.14.4,3.56,3.56,0,0,1,1.32.86,3.56,3.56,0,0,1,.86,1.32,6.36,6.36,0,0,1,.4,2.14c.06,1.21.07,1.58.07,4.65s0,3.43-.07,4.65a6.36,6.36,0,0,1-.4,2.14,3.81,3.81,0,0,1-2.18,2.18,6.36,6.36,0,0,1-2.14.4c-1.21.06-1.58.07-4.65.07s-3.43,0-4.65-.07a6.36,6.36,0,0,1-2.14-.4A3.56,3.56,0,0,1,3.4,19.6a3.56,3.56,0,0,1-.86-1.32,6.36,6.36,0,0,1-.4-2.14c-.06-1.21-.07-1.58-.07-4.65s0-3.43.07-4.65a6.36,6.36,0,0,1,.4-2.14A3.56,3.56,0,0,1,3.4,3.4a3.56,3.56,0,0,1,1.32-.86,6.36,6.36,0,0,1,2.14-.4c1.21-.06,1.58-.07,4.65-.07M11.5,0C8.38,0,8,0,6.76.07A8.44,8.44,0,0,0,4,.6a5.64,5.64,0,0,0-2,1.33A5.64,5.64,0,0,0,.6,4,8.44,8.44,0,0,0,.07,6.76C0,8,0,8.38,0,11.5S0,15,.07,16.24A8.44,8.44,0,0,0,.6,19a5.64,5.64,0,0,0,1.33,2A5.64,5.64,0,0,0,4,22.4a8.44,8.44,0,0,0,2.79.53C8,23,8.38,23,11.5,23s3.51,0,4.74-.07A8.44,8.44,0,0,0,19,22.4,5.88,5.88,0,0,0,22.4,19a8.44,8.44,0,0,0,.53-2.79C23,15,23,14.62,23,11.5S23,8,22.93,6.76A8.44,8.44,0,0,0,22.4,4a5.64,5.64,0,0,0-1.33-2A5.64,5.64,0,0,0,19,.6,8.44,8.44,0,0,0,16.24.07C15,0,14.62,0,11.5,0Z"/><path d="M11.5,5.59a5.91,5.91,0,1,0,5.91,5.91A5.91,5.91,0,0,0,11.5,5.59Zm0,9.74a3.83,3.83,0,1,1,3.83-3.83A3.83,3.83,0,0,1,11.5,15.33Z"/><circle cx="17.64" cy="5.36" r="1.38"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/instagram-white.svg b/ten-realty/Assets/SVGs/instagram-white.svg
new file mode 100755
index 0000000..2daa4f4
--- /dev/null
+++ b/ten-realty/Assets/SVGs/instagram-white.svg
@@ -0,0 +1 @@
+<svg fill = "white" xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23"><title>instagram-01</title><path d="M11.5,2.07c3.07,0,3.43,0,4.65.07a6.36,6.36,0,0,1,2.14.4,3.56,3.56,0,0,1,1.32.86,3.56,3.56,0,0,1,.86,1.32,6.36,6.36,0,0,1,.4,2.14c.06,1.21.07,1.58.07,4.65s0,3.43-.07,4.65a6.36,6.36,0,0,1-.4,2.14,3.81,3.81,0,0,1-2.18,2.18,6.36,6.36,0,0,1-2.14.4c-1.21.06-1.58.07-4.65.07s-3.43,0-4.65-.07a6.36,6.36,0,0,1-2.14-.4A3.56,3.56,0,0,1,3.4,19.6a3.56,3.56,0,0,1-.86-1.32,6.36,6.36,0,0,1-.4-2.14c-.06-1.21-.07-1.58-.07-4.65s0-3.43.07-4.65a6.36,6.36,0,0,1,.4-2.14A3.56,3.56,0,0,1,3.4,3.4a3.56,3.56,0,0,1,1.32-.86,6.36,6.36,0,0,1,2.14-.4c1.21-.06,1.58-.07,4.65-.07M11.5,0C8.38,0,8,0,6.76.07A8.44,8.44,0,0,0,4,.6a5.64,5.64,0,0,0-2,1.33A5.64,5.64,0,0,0,.6,4,8.44,8.44,0,0,0,.07,6.76C0,8,0,8.38,0,11.5S0,15,.07,16.24A8.44,8.44,0,0,0,.6,19a5.64,5.64,0,0,0,1.33,2A5.64,5.64,0,0,0,4,22.4a8.44,8.44,0,0,0,2.79.53C8,23,8.38,23,11.5,23s3.51,0,4.74-.07A8.44,8.44,0,0,0,19,22.4,5.88,5.88,0,0,0,22.4,19a8.44,8.44,0,0,0,.53-2.79C23,15,23,14.62,23,11.5S23,8,22.93,6.76A8.44,8.44,0,0,0,22.4,4a5.64,5.64,0,0,0-1.33-2A5.64,5.64,0,0,0,19,.6,8.44,8.44,0,0,0,16.24.07C15,0,14.62,0,11.5,0Z"/><path d="M11.5,5.59a5.91,5.91,0,1,0,5.91,5.91A5.91,5.91,0,0,0,11.5,5.59Zm0,9.74a3.83,3.83,0,1,1,3.83-3.83A3.83,3.83,0,0,1,11.5,15.33Z"/><circle cx="17.64" cy="5.36" r="1.38"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/instagram.svg b/ten-realty/Assets/SVGs/instagram.svg
new file mode 100755
index 0000000..77afe49
--- /dev/null
+++ b/ten-realty/Assets/SVGs/instagram.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23"><title>instagram-01</title><path d="M11.5,2.07c3.07,0,3.43,0,4.65.07a6.36,6.36,0,0,1,2.14.4,3.56,3.56,0,0,1,1.32.86,3.56,3.56,0,0,1,.86,1.32,6.36,6.36,0,0,1,.4,2.14c.06,1.21.07,1.58.07,4.65s0,3.43-.07,4.65a6.36,6.36,0,0,1-.4,2.14,3.81,3.81,0,0,1-2.18,2.18,6.36,6.36,0,0,1-2.14.4c-1.21.06-1.58.07-4.65.07s-3.43,0-4.65-.07a6.36,6.36,0,0,1-2.14-.4A3.56,3.56,0,0,1,3.4,19.6a3.56,3.56,0,0,1-.86-1.32,6.36,6.36,0,0,1-.4-2.14c-.06-1.21-.07-1.58-.07-4.65s0-3.43.07-4.65a6.36,6.36,0,0,1,.4-2.14A3.56,3.56,0,0,1,3.4,3.4a3.56,3.56,0,0,1,1.32-.86,6.36,6.36,0,0,1,2.14-.4c1.21-.06,1.58-.07,4.65-.07M11.5,0C8.38,0,8,0,6.76.07A8.44,8.44,0,0,0,4,.6a5.64,5.64,0,0,0-2,1.33A5.64,5.64,0,0,0,.6,4,8.44,8.44,0,0,0,.07,6.76C0,8,0,8.38,0,11.5S0,15,.07,16.24A8.44,8.44,0,0,0,.6,19a5.64,5.64,0,0,0,1.33,2A5.64,5.64,0,0,0,4,22.4a8.44,8.44,0,0,0,2.79.53C8,23,8.38,23,11.5,23s3.51,0,4.74-.07A8.44,8.44,0,0,0,19,22.4,5.88,5.88,0,0,0,22.4,19a8.44,8.44,0,0,0,.53-2.79C23,15,23,14.62,23,11.5S23,8,22.93,6.76A8.44,8.44,0,0,0,22.4,4a5.64,5.64,0,0,0-1.33-2A5.64,5.64,0,0,0,19,.6,8.44,8.44,0,0,0,16.24.07C15,0,14.62,0,11.5,0Z"/><path d="M11.5,5.59a5.91,5.91,0,1,0,5.91,5.91A5.91,5.91,0,0,0,11.5,5.59Zm0,9.74a3.83,3.83,0,1,1,3.83-3.83A3.83,3.83,0,0,1,11.5,15.33Z"/><circle cx="17.64" cy="5.36" r="1.38"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/linkedin-grey.svg b/ten-realty/Assets/SVGs/linkedin-grey.svg
new file mode 100755
index 0000000..9799a43
--- /dev/null
+++ b/ten-realty/Assets/SVGs/linkedin-grey.svg
@@ -0,0 +1 @@
+<svg fill = "#5c5c5c" xmlns="http://www.w3.org/2000/svg" width="20.58" height="19.57" viewBox="0 0 20.58 19.57"><title>linkedin</title><path d="M2.46,4.58h0A2.28,2.28,0,0,1,0,2.29,2.3,2.3,0,0,1,2.49,0,2.28,2.28,0,0,1,5,2.29,2.29,2.29,0,0,1,2.46,4.58ZM4.68,19.67H.25V6.39H4.68Zm15.9,0H16.17v-7.1c0-1.78-.64-3-2.24-3a2.42,2.42,0,0,0-2.26,1.61,3.33,3.33,0,0,0-.15,1.08v7.41H7.11c.05-12,0-13.28,0-13.28h4.41V8.32h0a4.38,4.38,0,0,1,4-2.24c2.91,0,5.08,1.9,5.08,6Z"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/linkedin-white.svg b/ten-realty/Assets/SVGs/linkedin-white.svg
new file mode 100755
index 0000000..b44ccad
--- /dev/null
+++ b/ten-realty/Assets/SVGs/linkedin-white.svg
@@ -0,0 +1 @@
+<svg fill = "white" xmlns="http://www.w3.org/2000/svg" width="20.58" height="19.57" viewBox="0 0 20.58 19.57"><title>linkedin</title><path d="M2.46,4.58h0A2.28,2.28,0,0,1,0,2.29,2.3,2.3,0,0,1,2.49,0,2.28,2.28,0,0,1,5,2.29,2.29,2.29,0,0,1,2.46,4.58ZM4.68,19.67H.25V6.39H4.68Zm15.9,0H16.17v-7.1c0-1.78-.64-3-2.24-3a2.42,2.42,0,0,0-2.26,1.61,3.33,3.33,0,0,0-.15,1.08v7.41H7.11c.05-12,0-13.28,0-13.28h4.41V8.32h0a4.38,4.38,0,0,1,4-2.24c2.91,0,5.08,1.9,5.08,6Z"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/linkedin.svg b/ten-realty/Assets/SVGs/linkedin.svg
new file mode 100755
index 0000000..a367cb6
--- /dev/null
+++ b/ten-realty/Assets/SVGs/linkedin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20.58" height="19.57" viewBox="0 0 20.58 19.57"><title>linkedin</title><path d="M2.46,4.58h0A2.28,2.28,0,0,1,0,2.29,2.3,2.3,0,0,1,2.49,0,2.28,2.28,0,0,1,5,2.29,2.29,2.29,0,0,1,2.46,4.58ZM4.68,19.67H.25V6.39H4.68Zm15.9,0H16.17v-7.1c0-1.78-.64-3-2.24-3a2.42,2.42,0,0,0-2.26,1.61,3.33,3.33,0,0,0-.15,1.08v7.41H7.11c.05-12,0-13.28,0-13.28h4.41V8.32h0a4.38,4.38,0,0,1,4-2.24c2.91,0,5.08,1.9,5.08,6Z"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/office-teal.svg b/ten-realty/Assets/SVGs/office-teal.svg
new file mode 100755
index 0000000..582ab4a
--- /dev/null
+++ b/ten-realty/Assets/SVGs/office-teal.svg
@@ -0,0 +1 @@
+<svg fill="hsl(185, 35%, 35%)" xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22"><title>office</title><path d="M12,6V0H0V22H23V6ZM5,20H2V17H5Zm0-5H2V12H5Zm0-5H2V7H5ZM5,5H2V2H5Zm5,15H7V17h3Zm0-5H7V12h3Zm0-5H7V7h3Zm0-5H7V2h3ZM21,20H12V18h2V15H12V13h2V10H12V8h9ZM19,10H16v3h3Zm0,5H16v3h3Z"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/office.svg b/ten-realty/Assets/SVGs/office.svg
new file mode 100755
index 0000000..5d96198
--- /dev/null
+++ b/ten-realty/Assets/SVGs/office.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22"><title>office</title><path d="M12,6V0H0V22H23V6ZM5,20H2V17H5Zm0-5H2V12H5Zm0-5H2V7H5ZM5,5H2V2H5Zm5,15H7V17h3Zm0-5H7V12h3Zm0-5H7V7h3Zm0-5H7V2h3ZM21,20H12V18h2V15H12V13h2V10H12V8h9ZM19,10H16v3h3Zm0,5H16v3h3Z"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/realtor-white.svg b/ten-realty/Assets/SVGs/realtor-white.svg
new file mode 100755
index 0000000..1630dfc
--- /dev/null
+++ b/ten-realty/Assets/SVGs/realtor-white.svg
@@ -0,0 +1 @@
+<svg fill="white" xmlns="http://www.w3.org/2000/svg" width="30.11" height="34.93" viewBox="0 0 30.11 34.93"><title>realtor</title><path d="M.61,30.81h.65a1.33,1.33,0,0,1,1,.22,1,1,0,0,1,.31.78.89.89,0,0,1-1,.89H1.16l1.33,2.17h.56L2,33.11a1.26,1.26,0,0,0,1.1-1.32,1.41,1.41,0,0,0-.59-1.16,1.79,1.79,0,0,0-1.1-.26H.17v4.52H.61V30.81Z"/><polygon points="5.14 32.38 5.14 30.81 7.05 30.81 7.05 30.37 4.73 30.37 4.73 34.87 7.05 34.87 7.05 34.43 5.14 34.43 5.14 32.84 7.05 32.84 7.05 32.38 5.14 32.38"/><path d="M11.14,33.06H9.43l.85-2.26.86,2.26ZM8.75,34.87l.54-1.41h2l.54,1.41h.48l-1.74-4.52H10L8.27,34.87Z"/><polygon points="15.62 34.87 15.62 34.43 14.03 34.43 14.03 30.37 13.58 30.37 13.58 34.87 15.62 34.87"/><polygon points="17.84 34.87 17.84 30.81 18.75 30.81 18.75 30.37 16.51 30.37 16.51 30.81 17.39 30.81 17.39 34.87 17.84 34.87"/><path d="M19.69,32.59a2.31,2.31,0,0,0,4,1.62A2.41,2.41,0,0,0,23.62,31a2.27,2.27,0,0,0-3.2,0,2.15,2.15,0,0,0-.73,1.65Zm.46,0a2,2,0,0,1,.68-1.48A1.73,1.73,0,0,1,22,30.68a1.91,1.91,0,0,1,0,3.81,1.82,1.82,0,0,1-1.84-1.91Z"/><path d="M26.24,30.81h.65a1.33,1.33,0,0,1,1,.22,1,1,0,0,1,.31.78.89.89,0,0,1-1,.89h-.43l1.33,2.17h.52l-1.1-1.76a1.26,1.26,0,0,0,1.1-1.32,1.43,1.43,0,0,0-.57-1.16,1.79,1.79,0,0,0-1.1-.26h-1.2v4.52h.44l0-4.07Z"/><path d="M0,0V28.74h28.5V0ZM26.25,25.09H15V14.29ZM15,14.23V3.41h3.2a5.43,5.43,0,0,1,0,10.84ZM12,3.3V25.14H3.75V3.3Z"/><path d="M29.3,29.53a.77.77,0,0,0-.57.24.78.78,0,0,0-.24.57.81.81,0,1,0,1.62,0,.8.8,0,0,0-.81-.81Zm.73.81a.67.67,0,0,1-.21.5.76.76,0,0,1-.52.22.78.78,0,0,1-.52-.22.69.69,0,0,1-.22-.52.78.78,0,0,1,.22-.52.71.71,0,0,1,.5-.21.69.69,0,0,1,.52.22.74.74,0,0,1,.24.54Zm-.71-.47H29v.94h.14v-.4h.22l.21.4h.17l-.21-.43a.24.24,0,0,0,.22-.24c0-.21-.16-.27-.42-.27Zm0,.09c.18,0,.27.05.27.17s-.09.17-.27.17h-.16V30Z"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/realtor.svg b/ten-realty/Assets/SVGs/realtor.svg
new file mode 100755
index 0000000..abed2f0
--- /dev/null
+++ b/ten-realty/Assets/SVGs/realtor.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30.11" height="34.93" viewBox="0 0 30.11 34.93"><title>realtor</title><path d="M.61,30.81h.65a1.33,1.33,0,0,1,1,.22,1,1,0,0,1,.31.78.89.89,0,0,1-1,.89H1.16l1.33,2.17h.56L2,33.11a1.26,1.26,0,0,0,1.1-1.32,1.41,1.41,0,0,0-.59-1.16,1.79,1.79,0,0,0-1.1-.26H.17v4.52H.61V30.81Z"/><polygon points="5.14 32.38 5.14 30.81 7.05 30.81 7.05 30.37 4.73 30.37 4.73 34.87 7.05 34.87 7.05 34.43 5.14 34.43 5.14 32.84 7.05 32.84 7.05 32.38 5.14 32.38"/><path d="M11.14,33.06H9.43l.85-2.26.86,2.26ZM8.75,34.87l.54-1.41h2l.54,1.41h.48l-1.74-4.52H10L8.27,34.87Z"/><polygon points="15.62 34.87 15.62 34.43 14.03 34.43 14.03 30.37 13.58 30.37 13.58 34.87 15.62 34.87"/><polygon points="17.84 34.87 17.84 30.81 18.75 30.81 18.75 30.37 16.51 30.37 16.51 30.81 17.39 30.81 17.39 34.87 17.84 34.87"/><path d="M19.69,32.59a2.31,2.31,0,0,0,4,1.62A2.41,2.41,0,0,0,23.62,31a2.27,2.27,0,0,0-3.2,0,2.15,2.15,0,0,0-.73,1.65Zm.46,0a2,2,0,0,1,.68-1.48A1.73,1.73,0,0,1,22,30.68a1.91,1.91,0,0,1,0,3.81,1.82,1.82,0,0,1-1.84-1.91Z"/><path d="M26.24,30.81h.65a1.33,1.33,0,0,1,1,.22,1,1,0,0,1,.31.78.89.89,0,0,1-1,.89h-.43l1.33,2.17h.52l-1.1-1.76a1.26,1.26,0,0,0,1.1-1.32,1.43,1.43,0,0,0-.57-1.16,1.79,1.79,0,0,0-1.1-.26h-1.2v4.52h.44l0-4.07Z"/><path d="M0,0V28.74h28.5V0ZM26.25,25.09H15V14.29ZM15,14.23V3.41h3.2a5.43,5.43,0,0,1,0,10.84ZM12,3.3V25.14H3.75V3.3Z"/><path d="M29.3,29.53a.77.77,0,0,0-.57.24.78.78,0,0,0-.24.57.81.81,0,1,0,1.62,0,.8.8,0,0,0-.81-.81Zm.73.81a.67.67,0,0,1-.21.5.76.76,0,0,1-.52.22.78.78,0,0,1-.52-.22.69.69,0,0,1-.22-.52.78.78,0,0,1,.22-.52.71.71,0,0,1,.5-.21.69.69,0,0,1,.52.22.74.74,0,0,1,.24.54Zm-.71-.47H29v.94h.14v-.4h.22l.21.4h.17l-.21-.43a.24.24,0,0,0,.22-.24c0-.21-.16-.27-.42-.27Zm0,.09c.18,0,.27.05.27.17s-.09.17-.27.17h-.16V30Z"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/search-white-big.svg b/ten-realty/Assets/SVGs/search-white-big.svg
new file mode 100755
index 0000000..ad6b0e4
--- /dev/null
+++ b/ten-realty/Assets/SVGs/search-white-big.svg
@@ -0,0 +1 @@
+<svg fill="white" xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 14 14"><title>search</title><path d="M10,8.82l4,4L12.8,14l-4-4V9.38L8.6,9.16A5,5,0,0,1,5.22,10.4a5.06,5.06,0,0,1-3.7-1.5A5,5,0,0,1,0,5.22a5,5,0,0,1,1.52-3.7A5,5,0,0,1,5.22,0,5,5,0,0,1,8.9,1.52a5.07,5.07,0,0,1,1.5,3.7A5,5,0,0,1,9.16,8.6l.23.23ZM2.66,7.77A3.47,3.47,0,0,0,5.22,8.82,3.47,3.47,0,0,0,7.77,7.77,3.48,3.48,0,0,0,8.82,5.22,3.48,3.48,0,0,0,7.77,2.66,3.48,3.48,0,0,0,5.22,1.61,3.48,3.48,0,0,0,2.66,2.66,3.47,3.47,0,0,0,1.61,5.22,3.47,3.47,0,0,0,2.66,7.77Z"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/search.svg b/ten-realty/Assets/SVGs/search.svg
new file mode 100755
index 0000000..0791b79
--- /dev/null
+++ b/ten-realty/Assets/SVGs/search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><title>search</title><path d="M10,8.82l4,4L12.8,14l-4-4V9.38L8.6,9.16A5,5,0,0,1,5.22,10.4a5.06,5.06,0,0,1-3.7-1.5A5,5,0,0,1,0,5.22a5,5,0,0,1,1.52-3.7A5,5,0,0,1,5.22,0,5,5,0,0,1,8.9,1.52a5.07,5.07,0,0,1,1.5,3.7A5,5,0,0,1,9.16,8.6l.23.23ZM2.66,7.77A3.47,3.47,0,0,0,5.22,8.82,3.47,3.47,0,0,0,7.77,7.77,3.48,3.48,0,0,0,8.82,5.22,3.48,3.48,0,0,0,7.77,2.66,3.48,3.48,0,0,0,5.22,1.61,3.48,3.48,0,0,0,2.66,2.66,3.47,3.47,0,0,0,1.61,5.22,3.47,3.47,0,0,0,2.66,7.77Z"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/twitter-grey.svg b/ten-realty/Assets/SVGs/twitter-grey.svg
new file mode 100755
index 0000000..c3dc448
--- /dev/null
+++ b/ten-realty/Assets/SVGs/twitter-grey.svg
@@ -0,0 +1 @@
+<svg fill = "#5c5c5c" xmlns="http://www.w3.org/2000/svg" width="21.11" height="17.19" viewBox="0 0 21.11 17.19"><title>twitter</title><path d="M18.94,4.27c0,.19,0,.38,0,.56A12.23,12.23,0,0,1,6.65,17.15,12.23,12.23,0,0,1,0,15.21a9,9,0,0,0,1,.05,8.67,8.67,0,0,0,5.37-1.85,4.33,4.33,0,0,1-4-3,5.47,5.47,0,0,0,.82.07,4.58,4.58,0,0,0,1.14-.15A4.33,4.33,0,0,1,.86,6.08V6a4.36,4.36,0,0,0,2,.55A4.33,4.33,0,0,1,1.47.79,12.3,12.3,0,0,0,10.4,5.32a4.9,4.9,0,0,1-.11-1,4.33,4.33,0,0,1,7.49-3,8.52,8.52,0,0,0,2.75-1,4.31,4.31,0,0,1-1.9,2.38A8.68,8.68,0,0,0,21.11,2,9.32,9.32,0,0,1,18.94,4.27Z"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/twitter-white.svg b/ten-realty/Assets/SVGs/twitter-white.svg
new file mode 100755
index 0000000..8aa5ce5
--- /dev/null
+++ b/ten-realty/Assets/SVGs/twitter-white.svg
@@ -0,0 +1 @@
+<svg fill = "white" xmlns="http://www.w3.org/2000/svg" width="21.11" height="17.19" viewBox="0 0 21.11 17.19"><title>twitter</title><path d="M18.94,4.27c0,.19,0,.38,0,.56A12.23,12.23,0,0,1,6.65,17.15,12.23,12.23,0,0,1,0,15.21a9,9,0,0,0,1,.05,8.67,8.67,0,0,0,5.37-1.85,4.33,4.33,0,0,1-4-3,5.47,5.47,0,0,0,.82.07,4.58,4.58,0,0,0,1.14-.15A4.33,4.33,0,0,1,.86,6.08V6a4.36,4.36,0,0,0,2,.55A4.33,4.33,0,0,1,1.47.79,12.3,12.3,0,0,0,10.4,5.32a4.9,4.9,0,0,1-.11-1,4.33,4.33,0,0,1,7.49-3,8.52,8.52,0,0,0,2.75-1,4.31,4.31,0,0,1-1.9,2.38A8.68,8.68,0,0,0,21.11,2,9.32,9.32,0,0,1,18.94,4.27Z"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/twitter.svg b/ten-realty/Assets/SVGs/twitter.svg
new file mode 100755
index 0000000..8ae19bd
--- /dev/null
+++ b/ten-realty/Assets/SVGs/twitter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="21.11" height="17.19" viewBox="0 0 21.11 17.19"><title>twitter</title><path d="M18.94,4.27c0,.19,0,.38,0,.56A12.23,12.23,0,0,1,6.65,17.15,12.23,12.23,0,0,1,0,15.21a9,9,0,0,0,1,.05,8.67,8.67,0,0,0,5.37-1.85,4.33,4.33,0,0,1-4-3,5.47,5.47,0,0,0,.82.07,4.58,4.58,0,0,0,1.14-.15A4.33,4.33,0,0,1,.86,6.08V6a4.36,4.36,0,0,0,2,.55A4.33,4.33,0,0,1,1.47.79,12.3,12.3,0,0,0,10.4,5.32a4.9,4.9,0,0,1-.11-1,4.33,4.33,0,0,1,7.49-3,8.52,8.52,0,0,0,2.75-1,4.31,4.31,0,0,1-1.9,2.38A8.68,8.68,0,0,0,21.11,2,9.32,9.32,0,0,1,18.94,4.27Z"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/website-teal.svg b/ten-realty/Assets/SVGs/website-teal.svg
new file mode 100755
index 0000000..fb27ee7
--- /dev/null
+++ b/ten-realty/Assets/SVGs/website-teal.svg
@@ -0,0 +1 @@
+<svg fill="hsl(185, 35%, 35%)" xmlns="http://www.w3.org/2000/svg" width="25" height="20" viewBox="0 0 25 20"><title>website</title><path d="M25,20V0H0V20Zm-9-2H2V12H16Zm0-8H2V4H16Zm7,8H18V4h5Z"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/website.svg b/ten-realty/Assets/SVGs/website.svg
new file mode 100755
index 0000000..7eba2a0
--- /dev/null
+++ b/ten-realty/Assets/SVGs/website.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="25" height="20" viewBox="0 0 25 20"><title>website</title><path d="M25,20V0H0V20Zm-9-2H2V12H16Zm0-8H2V4H16Zm7,8H18V4h5Z"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/youtube-grey.svg b/ten-realty/Assets/SVGs/youtube-grey.svg
new file mode 100755
index 0000000..4e9ecc0
--- /dev/null
+++ b/ten-realty/Assets/SVGs/youtube-grey.svg
@@ -0,0 +1 @@
+<svg fill = "#5c5c5c" xmlns="http://www.w3.org/2000/svg" width="19.85" height="24.01" viewBox="0 0 19.85 24.01"><title>youtube</title><path d="M19.51,21.78a2.5,2.5,0,0,1-2.14,1.94A65.6,65.6,0,0,1,9.93,24a65.6,65.6,0,0,1-7.44-.28A2.49,2.49,0,0,1,.35,21.78,21.11,21.11,0,0,1,0,17.09a21.87,21.87,0,0,1,.35-4.69,2.54,2.54,0,0,1,2.16-2,68.43,68.43,0,0,1,7.42-.27,68.81,68.81,0,0,1,7.44.27,2.52,2.52,0,0,1,2.14,2,21.05,21.05,0,0,1,.35,4.69A21.93,21.93,0,0,1,19.51,21.78Zm-13.84-8V12.5H1.49v1.26H2.89v7.62H4.23V13.76ZM7.85,0,6.23,5.35V9H4.89V5.35a21.28,21.28,0,0,0-.82-2.84C3.78,1.67,3.48.83,3.2,0H4.62l1,3.52L6.48,0ZM9.28,21.38V14.76H8.09v5.06q-.4.56-.76.56T7,20.11a3.14,3.14,0,0,1,0-.47V14.76H5.84V20a3.26,3.26,0,0,0,.11,1,.73.73,0,0,0,.78.5,2,2,0,0,0,1.37-.82v.72ZM11.44,6.81a2.64,2.64,0,0,1-.37,1.58,1.65,1.65,0,0,1-1.42.68,1.65,1.65,0,0,1-1.41-.68,2.68,2.68,0,0,1-.37-1.58V4.46a2.6,2.6,0,0,1,.38-1.57,1.65,1.65,0,0,1,1.41-.68,1.65,1.65,0,0,1,1.42.68,2.6,2.6,0,0,1,.38,1.57ZM10.22,4.22c0-.62-.17-.92-.58-.92s-.58.31-.58.92V7c0,.62.19.94.58.94s.58-.32.58-.94Zm3.62,12.54a4.59,4.59,0,0,0-.12-1.33.94.94,0,0,0-1-.75,1.63,1.63,0,0,0-1.25.72V12.5H10.33v8.88h1.19v-.64a1.65,1.65,0,0,0,1.25.74.94.94,0,0,0,1-.74,4.75,4.75,0,0,0,.12-1.34Zm-1.19,2.73c0,.6-.17.9-.52.9a.86.86,0,0,1-.6-.29v-4a.86.86,0,0,1,.6-.29c.35,0,.52.31.52.9ZM15.93,9H14.71V8.24a1.92,1.92,0,0,1-1.38.83.76.76,0,0,1-.79-.5,3.41,3.41,0,0,1-.11-1V2.29h1.22V7.21a3,3,0,0,0,0,.47c0,.19.12.29.28.29s.5-.19.76-.58V2.29h1.22Zm2.44,10.11H17.15a7.12,7.12,0,0,1,0,.82.52.52,0,0,1-.54.48c-.42,0-.62-.31-.62-.92V18.3h2.4V16.92A2.66,2.66,0,0,0,18,15.37a1.83,1.83,0,0,0-2.85,0,2.55,2.55,0,0,0-.38,1.55v2.32a2.52,2.52,0,0,0,.39,1.55,1.7,1.7,0,0,0,1.45.68,1.66,1.66,0,0,0,1.45-.71,1.55,1.55,0,0,0,.28-.72,5.21,5.21,0,0,0,0-.78ZM17.18,17.3H16v-.62c0-.6.2-.91.6-.91s.6.31.6.91Z"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/youtube-white.svg b/ten-realty/Assets/SVGs/youtube-white.svg
new file mode 100755
index 0000000..0965722
--- /dev/null
+++ b/ten-realty/Assets/SVGs/youtube-white.svg
@@ -0,0 +1 @@
+<svg fill = "white" xmlns="http://www.w3.org/2000/svg" width="19.85" height="24.01" viewBox="0 0 19.85 24.01"><title>youtube</title><path d="M19.51,21.78a2.5,2.5,0,0,1-2.14,1.94A65.6,65.6,0,0,1,9.93,24a65.6,65.6,0,0,1-7.44-.28A2.49,2.49,0,0,1,.35,21.78,21.11,21.11,0,0,1,0,17.09a21.87,21.87,0,0,1,.35-4.69,2.54,2.54,0,0,1,2.16-2,68.43,68.43,0,0,1,7.42-.27,68.81,68.81,0,0,1,7.44.27,2.52,2.52,0,0,1,2.14,2,21.05,21.05,0,0,1,.35,4.69A21.93,21.93,0,0,1,19.51,21.78Zm-13.84-8V12.5H1.49v1.26H2.89v7.62H4.23V13.76ZM7.85,0,6.23,5.35V9H4.89V5.35a21.28,21.28,0,0,0-.82-2.84C3.78,1.67,3.48.83,3.2,0H4.62l1,3.52L6.48,0ZM9.28,21.38V14.76H8.09v5.06q-.4.56-.76.56T7,20.11a3.14,3.14,0,0,1,0-.47V14.76H5.84V20a3.26,3.26,0,0,0,.11,1,.73.73,0,0,0,.78.5,2,2,0,0,0,1.37-.82v.72ZM11.44,6.81a2.64,2.64,0,0,1-.37,1.58,1.65,1.65,0,0,1-1.42.68,1.65,1.65,0,0,1-1.41-.68,2.68,2.68,0,0,1-.37-1.58V4.46a2.6,2.6,0,0,1,.38-1.57,1.65,1.65,0,0,1,1.41-.68,1.65,1.65,0,0,1,1.42.68,2.6,2.6,0,0,1,.38,1.57ZM10.22,4.22c0-.62-.17-.92-.58-.92s-.58.31-.58.92V7c0,.62.19.94.58.94s.58-.32.58-.94Zm3.62,12.54a4.59,4.59,0,0,0-.12-1.33.94.94,0,0,0-1-.75,1.63,1.63,0,0,0-1.25.72V12.5H10.33v8.88h1.19v-.64a1.65,1.65,0,0,0,1.25.74.94.94,0,0,0,1-.74,4.75,4.75,0,0,0,.12-1.34Zm-1.19,2.73c0,.6-.17.9-.52.9a.86.86,0,0,1-.6-.29v-4a.86.86,0,0,1,.6-.29c.35,0,.52.31.52.9ZM15.93,9H14.71V8.24a1.92,1.92,0,0,1-1.38.83.76.76,0,0,1-.79-.5,3.41,3.41,0,0,1-.11-1V2.29h1.22V7.21a3,3,0,0,0,0,.47c0,.19.12.29.28.29s.5-.19.76-.58V2.29h1.22Zm2.44,10.11H17.15a7.12,7.12,0,0,1,0,.82.52.52,0,0,1-.54.48c-.42,0-.62-.31-.62-.92V18.3h2.4V16.92A2.66,2.66,0,0,0,18,15.37a1.83,1.83,0,0,0-2.85,0,2.55,2.55,0,0,0-.38,1.55v2.32a2.52,2.52,0,0,0,.39,1.55,1.7,1.7,0,0,0,1.45.68,1.66,1.66,0,0,0,1.45-.71,1.55,1.55,0,0,0,.28-.72,5.21,5.21,0,0,0,0-.78ZM17.18,17.3H16v-.62c0-.6.2-.91.6-.91s.6.31.6.91Z"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Assets/SVGs/youtube.svg b/ten-realty/Assets/SVGs/youtube.svg
new file mode 100755
index 0000000..56e5774
--- /dev/null
+++ b/ten-realty/Assets/SVGs/youtube.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="19.85" height="24.01" viewBox="0 0 19.85 24.01"><title>youtube</title><path d="M19.51,21.78a2.5,2.5,0,0,1-2.14,1.94A65.6,65.6,0,0,1,9.93,24a65.6,65.6,0,0,1-7.44-.28A2.49,2.49,0,0,1,.35,21.78,21.11,21.11,0,0,1,0,17.09a21.87,21.87,0,0,1,.35-4.69,2.54,2.54,0,0,1,2.16-2,68.43,68.43,0,0,1,7.42-.27,68.81,68.81,0,0,1,7.44.27,2.52,2.52,0,0,1,2.14,2,21.05,21.05,0,0,1,.35,4.69A21.93,21.93,0,0,1,19.51,21.78Zm-13.84-8V12.5H1.49v1.26H2.89v7.62H4.23V13.76ZM7.85,0,6.23,5.35V9H4.89V5.35a21.28,21.28,0,0,0-.82-2.84C3.78,1.67,3.48.83,3.2,0H4.62l1,3.52L6.48,0ZM9.28,21.38V14.76H8.09v5.06q-.4.56-.76.56T7,20.11a3.14,3.14,0,0,1,0-.47V14.76H5.84V20a3.26,3.26,0,0,0,.11,1,.73.73,0,0,0,.78.5,2,2,0,0,0,1.37-.82v.72ZM11.44,6.81a2.64,2.64,0,0,1-.37,1.58,1.65,1.65,0,0,1-1.42.68,1.65,1.65,0,0,1-1.41-.68,2.68,2.68,0,0,1-.37-1.58V4.46a2.6,2.6,0,0,1,.38-1.57,1.65,1.65,0,0,1,1.41-.68,1.65,1.65,0,0,1,1.42.68,2.6,2.6,0,0,1,.38,1.57ZM10.22,4.22c0-.62-.17-.92-.58-.92s-.58.31-.58.92V7c0,.62.19.94.58.94s.58-.32.58-.94Zm3.62,12.54a4.59,4.59,0,0,0-.12-1.33.94.94,0,0,0-1-.75,1.63,1.63,0,0,0-1.25.72V12.5H10.33v8.88h1.19v-.64a1.65,1.65,0,0,0,1.25.74.94.94,0,0,0,1-.74,4.75,4.75,0,0,0,.12-1.34Zm-1.19,2.73c0,.6-.17.9-.52.9a.86.86,0,0,1-.6-.29v-4a.86.86,0,0,1,.6-.29c.35,0,.52.31.52.9ZM15.93,9H14.71V8.24a1.92,1.92,0,0,1-1.38.83.76.76,0,0,1-.79-.5,3.41,3.41,0,0,1-.11-1V2.29h1.22V7.21a3,3,0,0,0,0,.47c0,.19.12.29.28.29s.5-.19.76-.58V2.29h1.22Zm2.44,10.11H17.15a7.12,7.12,0,0,1,0,.82.52.52,0,0,1-.54.48c-.42,0-.62-.31-.62-.92V18.3h2.4V16.92A2.66,2.66,0,0,0,18,15.37a1.83,1.83,0,0,0-2.85,0,2.55,2.55,0,0,0-.38,1.55v2.32a2.52,2.52,0,0,0,.39,1.55,1.7,1.7,0,0,0,1.45.68,1.66,1.66,0,0,0,1.45-.71,1.55,1.55,0,0,0,.28-.72,5.21,5.21,0,0,0,0-.78ZM17.18,17.3H16v-.62c0-.6.2-.91.6-.91s.6.31.6.91Z"/></svg>
\ No newline at end of file
diff --git a/ten-realty/Designs/.DS_Store b/ten-realty/Designs/.DS_Store
new file mode 100644
index 0000000..06f66a3
Binary files /dev/null and b/ten-realty/Designs/.DS_Store differ
diff --git a/ten-realty/Designs/Large/.DS_Store b/ten-realty/Designs/Large/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/ten-realty/Designs/Large/.DS_Store differ
diff --git a/ten-realty/Designs/Large/Code Test_large.jpg b/ten-realty/Designs/Large/Code Test_large.jpg
new file mode 100755
index 0000000..f246f4e
Binary files /dev/null and b/ten-realty/Designs/Large/Code Test_large.jpg differ
diff --git a/ten-realty/Designs/Large/Code Test_large.psd b/ten-realty/Designs/Large/Code Test_large.psd
new file mode 100755
index 0000000..409c425
Binary files /dev/null and b/ten-realty/Designs/Large/Code Test_large.psd differ
diff --git a/ten-realty/Designs/Large/Code Test_large_grid.jpg b/ten-realty/Designs/Large/Code Test_large_grid.jpg
new file mode 100755
index 0000000..1d03c9b
Binary files /dev/null and b/ten-realty/Designs/Large/Code Test_large_grid.jpg differ
diff --git a/ten-realty/Designs/Medium/Code Test_medium.jpg b/ten-realty/Designs/Medium/Code Test_medium.jpg
new file mode 100755
index 0000000..73ce08b
Binary files /dev/null and b/ten-realty/Designs/Medium/Code Test_medium.jpg differ
diff --git a/ten-realty/Designs/Medium/Code Test_medium.psd b/ten-realty/Designs/Medium/Code Test_medium.psd
new file mode 100755
index 0000000..759ea2b
Binary files /dev/null and b/ten-realty/Designs/Medium/Code Test_medium.psd differ
diff --git a/ten-realty/Designs/Medium/Code Test_medium_grid.jpg b/ten-realty/Designs/Medium/Code Test_medium_grid.jpg
new file mode 100755
index 0000000..b32ed04
Binary files /dev/null and b/ten-realty/Designs/Medium/Code Test_medium_grid.jpg differ
diff --git a/ten-realty/Designs/Small/Code Test_small.jpg b/ten-realty/Designs/Small/Code Test_small.jpg
new file mode 100755
index 0000000..1dcc3e9
Binary files /dev/null and b/ten-realty/Designs/Small/Code Test_small.jpg differ
diff --git a/ten-realty/Designs/Small/Code Test_small.psd b/ten-realty/Designs/Small/Code Test_small.psd
new file mode 100755
index 0000000..9266202
Binary files /dev/null and b/ten-realty/Designs/Small/Code Test_small.psd differ
diff --git a/ten-realty/Designs/Small/Code Test_small_grid.jpg b/ten-realty/Designs/Small/Code Test_small_grid.jpg
new file mode 100755
index 0000000..1336512
Binary files /dev/null and b/ten-realty/Designs/Small/Code Test_small_grid.jpg differ
diff --git a/ten-realty/Designs/XS/Code Test_xs.jpg b/ten-realty/Designs/XS/Code Test_xs.jpg
new file mode 100755
index 0000000..5fbbc16
Binary files /dev/null and b/ten-realty/Designs/XS/Code Test_xs.jpg differ
diff --git a/ten-realty/Designs/XS/Code Test_xs.psd b/ten-realty/Designs/XS/Code Test_xs.psd
new file mode 100755
index 0000000..25ed36d
Binary files /dev/null and b/ten-realty/Designs/XS/Code Test_xs.psd differ
diff --git a/ten-realty/Designs/XS/Code Test_xs_grid.jpg b/ten-realty/Designs/XS/Code Test_xs_grid.jpg
new file mode 100755
index 0000000..c79ed5d
Binary files /dev/null and b/ten-realty/Designs/XS/Code Test_xs_grid.jpg differ
diff --git a/ten-realty/index.html b/ten-realty/index.html
new file mode 100644
index 0000000..a4f54ef
--- /dev/null
+++ b/ten-realty/index.html
@@ -0,0 +1,194 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<title>Ten Realty</title>
+		<!-- styles -->
+		<link rel="stylesheet" type="text/css" href="./styles/style.css">
+		<!-- Latest compiled and minified CSS -->
+		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+		<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
+		<!-- scripts -->
+		<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
+		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+		<script src ="./scripts/script.js"></script>
+	</head>
+	<body>
+		<ul class = "medium-screen-contact-and-account-list">
+			<li class = "navbar-item"><img src="./Assets/SVGs/contact-teal.svg" alt="Contact Image"><div>Contact</div></li>
+			<li class = "navbar-item"><img src="./Assets/SVGs/account-teal.svg" alt="Account Image"><div>Account</div></li>
+		</ul>
+		<div class="container-fluid navbar-container top-nav-container">
+			<navbar class = "row navbar-row">
+				<ul class = "navbar-ul">
+					<li class = "navbar-item navbar-logo">
+						<picture alt="description of image">
+							<picture>
+								<source srcset="./Assets/SVGs/TEN-logo-mark.svg" media="(max-width: 480px)">
+								<source srcset="./Assets/SVGs/TEN-logo.svg" media="(min-width: 481px)">
+								<img srcset="./Assets/SVGs/TEN-logo-mark.svg" alt="My default image">
+							</picture>
+						</picture>
+					</li>
+					<li class = "navbar-item small-screen-only-li"><img src="./Assets/SVGs/contact-teal.svg" alt="Contact Image"><div>Contact</div></li>
+					<li class = "navbar-item small-screen-only-li"><img src="./Assets/SVGs/account-teal.svg" alt="Account Image"><div>Account</div></li>
+					<li class = "navbar-item navbar-menu-li">
+						<div>
+							<nav class="navbar-menu-nav">
+								<div class="container-fluid">
+									<div class="navbar-header">
+										<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
+										<span class="icon-bar"></span>
+										<span class="icon-bar"></span>
+										<span class="icon-bar"></span>
+										<div class = "menu-title">Menu</div>
+										</button>
+									</div>
+									<div class="collapse navbar-collapse" id="myNavbar">
+										<ul class="nav navbar-nav top-navbar-nav">
+											<li><a href="#">SEARCH</a></li>
+											<li><a href="#">COMMUNITIES</a></li>
+											<li><a href="#">SERVICES</a></li>
+											<li><a href="#">ABOUT US</a></li>
+										</ul>
+									</div>
+								</div>
+							</nav>
+						</div>
+					</li>
+				</ul>
+			</navbar>
+		</div>
+		<main>
+		<div class = "container-fluid searchbar-container">
+			<div class = "row searchbar-row">
+				<input class = "searchbar col-xs-8 col-sm-4" type="text" placeholder="Address, City, Zip, or MLS#">
+				<button type="submit" class="searchbar-submit-button col-xs-3"><img src="./Assets/SVGs/search-white-big.svg" alt="Search"></button>
+				<button type="submit" class="searchbar-submit-button-medium col-xs-3 col-sm-2">Search</button>
+				<ul class ="searchbar-row-medium-link-list">
+					<li class = "searchbar-row-medium-link"><a href="#">NEW LISTINGS</a></li>
+					<li class = "searchbar-row-medium-link"><a href="#">OPEN HOUSES</a></li>
+					<li class = "searchbar-row-medium-link"><a href="#">MAP SEARCH</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class = "container-fluid realtor-basic-info-container">
+			<div class = "realtor-image-container col-xs-9 col-sm-3">
+				<div class = "row image-row">
+					<img src="./Assets/Realtor Image/saramortensun.jpg"  class = "" alt="Realtor Image">
+				</div>
+			</div>
+			<div class= "realtor-name-title-icon-container col-xs-12 col-sm-4">
+				<div class = "realtor-name-and-title-container">
+					<h2 class = "realtor-name">Jane Smith</h2>
+					<p class="realtor-title">REALTOR®</p>
+				</div>
+				<div class = "contact-button-container">
+					<button class = "col-xs-12 contact-realtor-button" type="button">Contact Me</button>
+				</div>
+				<div class = "row social-media-icon-row">
+					<ul class = "social-media-icon-ul col-xs-12">
+						<li><img src="./Assets/SVGs/facebook-grey.svg" alt="Facebook Link"></li>
+						<li><img src="./Assets/SVGs/linkedin-grey.svg" alt="LinkedIn Link"></li>
+						<li><img src="./Assets/SVGs/twitter-grey.svg" alt="Twitter Link"></li>
+						<li><img src="./Assets/SVGs/youtube-grey.svg" alt="Youtube Link"></li>
+						<li><img src="./Assets/SVGs/instagram-grey.svg" alt="Instagram Link"></li>
+					</ul>
+				</div>
+			</div>
+			<div class = "realtor-personal-info-container col-xs-12 col-sm-4">
+				<div class = "row realtor-personal-info-item realtor-phone-number">
+					<img src="./Assets/SVGs/contact-teal-big.svg" alt="Phone Image"> &nbsp  530.830.2150
+				</div>
+				<div class = "row realtor-personal-info-item"><img src="./Assets/SVGs/website-teal.svg" alt="Website Image"> &nbsp Visit my website</div>
+				<div class = "row realtor-personal-info-item"><img src="./Assets/SVGs/office-teal.svg" alt="Office Image"> &nbsp Denver office</div>
+				<div class = "row realtor-personal-info-item"><img src="./Assets/SVGs/enewsletter-teal.svg" alt="eNewsLetter Image"> &nbsp eNewsLetter Sign Up</div>
+			</div>
+		</div>
+		<div class = "secondary-navbar-container-container col-xs-12">
+			<div class = "secondary-navbar-container">
+				<nav class="navbar-menu-nav secondary-navbar-menu-nav">
+					<div class="container-fluid">
+						<div class="navbar-header secondary-navbar-header">
+							<button type="button" class="navbar-toggle secondary-navbar-toggle" data-toggle="collapse" data-target="#secondaryNavbar">
+							<div class = "secondary-navbar-title">
+								<div>About Me</div>
+							<img src="./Assets/SVGs/angle-down.svg" alt=""></div>
+							</button>
+						</div>
+						<div class="collapse navbar-collapse" id="secondaryNavbar">
+							<ul class="nav navbar-nav secondary-navbar-nav">
+								<li class = "about-me-link"><a href="#">About Me</a></li>
+								<li><a href="#">My Listings</a></li>
+								<li><a href="#">My Solds</a></li>
+								<li><a href="#">Testimonials</a></li>
+							</ul>
+						</div>
+					</div>
+				</nav>
+			</div>
+		</div>
+		<div class = "container-fluid about-me-container">
+			<div class = "about-me-text col-xs-12 col-sm-9">
+				Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam ad ipsa quos saepe laboriosam voluptatibus, ut, in. In illum itaque, excepturi odit hic nisi nobis laudantium alias mollitia, minus modi. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident enim, explicabo aliquid vero amet reiciendis quidem saepe, dolore assumenda, optio officia fugiat error sed asperiores mollitia tenetur rerum. Ea, explicabo?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat natus quibusdam praesentium rerum ullam quod dolorum ex voluptatem voluptatibus magni itaque illum optio beatae, provident quaerat necessitatibus maxime odit cum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti natus est officia autem nemo perferendis dolorem, a, iste provident! Odio esse cupiditate quaerat optio iure quisquam deleniti, suscipit sunt doloremque! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum dolorum dolorem asperiores animi vero, eveniet eos suscipit assumenda. Quae molestias nostrum commodi nesciunt magnam ab nemo, sapiente assumenda, corporis fuga!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus nihil nemo esse assumenda placeat cum, sapiente veniam at eos et repudiandae voluptate quo, tempore in velit tempora, eveniet odit eius.
+			</div>
+			<div class = "about-me-languages col-xs-12 col-sm-3">
+				<h2>LANGUAGE</h2>
+				<ul class = "language-ul">
+					<li>Dutch,</li>
+					<li>Finnish,</li>
+					<li>Spanish</li>
+				</ul>
+			</div>
+			<div class = "about-me-designations col-xs-12 col-sm-3">
+				<h2>DESIGNATIONS</h2>
+				<ul class = "language-ul">
+					<li>CRS,</li>
+					<li>GRI,</li>
+					<li>CNE</li>
+				</ul>
+			</div>
+		</div>
+	</div>
+	<div class="footer">
+		<div class = "container-fluid footer-container-1 col-xs-12 col-sm-6">
+			<div class = "footer-phone-number-row">
+				<div class = "footer-phone-number"><img src="./Assets/SVGs/contact-white.svg" alt="Contact Image"> 1-800-234-4567</div>
+			</div>
+			<div class = "footer-address-row">
+				<div class = "footer-address-">5678 Main Street, Denver, CO 80123</div>
+			</div>
+			<div class = "footer-icon-row">
+				<ul class = "footer-icon-ul">
+					<li class = "footer-icon-item"><img src="./Assets/SVGs/facebook-white.svg" alt="Facebook Link"></li>
+					<li class = "footer-icon-item"><img src="./Assets/SVGs/linkedin-white.svg" alt="LinkedIn Link"></li>
+					<li class = "footer-icon-item"><img src="./Assets/SVGs/twitter-white.svg" alt="Twitter Link"></li>
+					<li class = "footer-icon-item"><img src="./Assets/SVGs/youtube-white.svg" alt="Youtube Link"></li>
+					<li class = "footer-icon-item"><img src="./Assets/SVGs/instagram-white.svg" alt="Instagram Link"></li>
+				</ul>
+			</div>
+		</div>
+		<div class = "container-fluid footer-container-2 col-xs-12 col-sm-6">
+			<div class = "footer-link-row">
+				<ul class = "footer-link-ul">
+					<li class = "footer-link-item"><a>Site Map</a></li>
+					<li class = "footer-link-item"><a>Terms of Use</a></li>
+					<li class = "footer-link-item"><a>Privacy Policy</a></li>
+				</ul>
+			</div>
+			<div class="footer-copyright-row">
+				<div class="footer-copyright">
+					©2016 TEN Realty. All Rights Reserved.
+				</div>
+			</div>
+			<div class = "footer-container-2-icon-row">
+				<div class = "footer-container-2-icon"><img src="./Assets/SVGs/realtor-white.svg" alt="Realtor Icon"></div>
+				<div class = "footer-container-2-icon"><img src="./Assets/SVGs/equal-housing-white.svg" alt="Equal Housing Icon"></div>
+			</div>
+		</div>
+	</div>
+	</main>
+</body>
+</html>
\ No newline at end of file
diff --git a/ten-realty/scripts/script.js b/ten-realty/scripts/script.js
new file mode 100644
index 0000000..7914d56
--- /dev/null
+++ b/ten-realty/scripts/script.js
@@ -0,0 +1,4 @@
+
+$(document).ready(function() {
+
+})
\ No newline at end of file
diff --git a/ten-realty/styles/.DS_Store b/ten-realty/styles/.DS_Store
new file mode 100644
index 0000000..70b9772
Binary files /dev/null and b/ten-realty/styles/.DS_Store differ
diff --git a/ten-realty/styles/.sass-cache/3390d0b760bb091fe41827c2af6c782426b749bd/style.scssc b/ten-realty/styles/.sass-cache/3390d0b760bb091fe41827c2af6c782426b749bd/style.scssc
new file mode 100644
index 0000000..b495bb5
Binary files /dev/null and b/ten-realty/styles/.sass-cache/3390d0b760bb091fe41827c2af6c782426b749bd/style.scssc differ
diff --git a/ten-realty/styles/.sass-cache/50fef2465ee2999f4ba56a063eafb4d1ce03494f/style.scssc b/ten-realty/styles/.sass-cache/50fef2465ee2999f4ba56a063eafb4d1ce03494f/style.scssc
new file mode 100644
index 0000000..b22bed9
Binary files /dev/null and b/ten-realty/styles/.sass-cache/50fef2465ee2999f4ba56a063eafb4d1ce03494f/style.scssc differ
diff --git a/ten-realty/styles/reset.css b/ten-realty/styles/reset.css
new file mode 100644
index 0000000..39cf8f0
--- /dev/null
+++ b/ten-realty/styles/reset.css
@@ -0,0 +1,102 @@
+/* 
+html5doctor.com Reset Stylesheet
+v1.6.1
+Last Updated: 2010-09-17
+Author: Richard Clark - http://richclarkdesign.com 
+Twitter: @rich_clark
+*/
+
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code,
+del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var,
+b, i,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+    margin:0;
+    padding:0;
+    border:0;
+    outline:0;
+    font-size:100%;
+    vertical-align:baseline;
+    background:transparent;
+}
+
+body {
+    line-height:1;
+}
+
+article,aside,details,figcaption,figure,
+footer,header,hgroup,menu,nav,section { 
+	display:block;
+}
+
+nav ul {
+    list-style:none;
+}
+
+blockquote, q {
+    quotes:none;
+}
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+    content:'';
+    content:none;
+}
+
+a {
+    margin:0;
+    padding:0;
+    font-size:100%;
+    vertical-align:baseline;
+    background:transparent;
+}
+
+/* change colours to suit your needs */
+ins {
+    background-color:#ff9;
+    color:#000;
+    text-decoration:none;
+}
+
+/* change colours to suit your needs */
+mark {
+    background-color:#ff9;
+    color:#000; 
+    font-style:italic;
+    font-weight:bold;
+}
+
+del {
+    text-decoration: line-through;
+}
+
+abbr[title], dfn[title] {
+    border-bottom:1px dotted;
+    cursor:help;
+}
+
+table {
+    border-collapse:collapse;
+    border-spacing:0;
+}
+
+/* change border colour to suit your needs */
+hr {
+    display:block;
+    height:1px;
+    border:0;   
+    border-top:1px solid #cccccc;
+    margin:1em 0;
+    padding:0;
+}
+
+input, select {
+    vertical-align:middle;
+}
\ No newline at end of file
diff --git a/ten-realty/styles/style.css b/ten-realty/styles/style.css
new file mode 100644
index 0000000..f715e9b
--- /dev/null
+++ b/ten-realty/styles/style.css
@@ -0,0 +1,347 @@
+@import url("reset.css");
+* {
+  box-sizing: border-box; }
+
+* {
+  border: none; }
+
+body {
+  color: #636363; }
+
+.top-nav-container {
+  height: 100px; }
+  @media (max-width: 600px) {
+    .top-nav-container {
+      height: 80px; } }
+
+.medium-screen-contact-and-account-list {
+  position: absolute;
+  right: 0;
+  margin-top: 10px; }
+  @media (max-width: 600px) {
+    .medium-screen-contact-and-account-list {
+      display: none; } }
+
+.navbar-ul {
+  display: flex;
+  margin-top: 20px;
+  justify-content: flex-end;
+  align-items: center; }
+  @media (max-width: 600px) {
+    .navbar-ul {
+      margin-top: 0;
+      margin-bottom: 0; } }
+
+@media (min-width: 601px) {
+  .small-screen-only-li {
+    display: none !important; } }
+
+.top-navbar-nav a {
+  color: black !important;
+  font-weight: 400; }
+
+.navbar-nav a {
+  color: #40757A; }
+
+.navbar-item {
+  display: inline-flex;
+  flex-direction: column;
+  margin-right: 20px;
+  color: #9a9a9a;
+  letter-spacing: 2px; }
+
+.navbar-toggle {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center; }
+
+.icon-bar {
+  background-color: #3a7378; }
+
+.navbar-logo {
+  margin-right: auto; }
+
+.searchbar-row {
+  background-color: #ababab;
+  display: flex;
+  height: 80px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 16px 30px -19px black;
+  margin-bottom: 5px; }
+  @media (min-width: 601px) {
+    .searchbar-row {
+      justify-content: space-between; } }
+
+.searchbar {
+  height: 50px;
+  margin-right: 0;
+  font-size: 16px;
+  font-family: 'Lato', sans-serif; }
+
+.searchbar-submit-button {
+  height: 50px;
+  display: flex;
+  justify-content: center;
+  background-color: #3a7378;
+  color: white;
+  border-radius: 0 3px 3px 0; }
+  @media (min-width: 601px) {
+    .searchbar-submit-button {
+      display: none; } }
+
+.searchbar-submit-button-medium {
+  height: 50px;
+  display: flex;
+  justify-content: center;
+  background-color: #3a7378;
+  color: white;
+  font-size: 1.5em;
+  border-radius: 3px;
+  margin-right: 90px; }
+  @media (max-width: 600px) {
+    .searchbar-submit-button-medium {
+      display: none; } }
+
+.searchbar-row-medium-link-list {
+  margin-bottom: 5px;
+  height: 50px;
+  display: flex;
+  align-items: center; }
+
+.searchbar-row-medium-link {
+  display: inline;
+  text-decoration: underline;
+  margin-left: 5px;
+  margin-right: 5px; }
+  .searchbar-row-medium-link a {
+    color: white !important; }
+  @media (max-width: 600px) {
+    .searchbar-row-medium-link {
+      display: none; } }
+
+.realtor-image-container {
+  margin-top: -3px; }
+  .realtor-image-container img {
+    width: 100%;
+    max-height: 400px;
+    max-width: 300px; }
+
+.realtor-basic-info-container {
+  background-color: #ededed;
+  width: 100vw; }
+  @media (min-width: 601px) {
+    .realtor-basic-info-container {
+      display: inline-flex;
+      flex-wrap: wrap;
+      justify-content: flex-start;
+      align-items: center; } }
+
+.realtor-name-title-icon-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: center; }
+  .realtor-name-title-icon-container .realtor-name {
+    font-family: 'Lato', sans-serif;
+    color: #4d4d4d;
+    margin-bottom: 20px; }
+    @media (min-width: 601px) {
+      .realtor-name-title-icon-container .realtor-name {
+        font-size: calc(1.5em * 2); } }
+  .realtor-name-title-icon-container .realtor-title {
+    color: #9a9a9a;
+    letter-spacing: 2px;
+    margin-bottom: 20px; }
+  @media (min-width: 601px) {
+    .realtor-name-title-icon-container {
+      margin-left: 20px;
+      margin-right: 20px; } }
+
+.contact-realtor-button {
+  background-color: #3a7378;
+  color: white;
+  height: 50px;
+  border-radius: 3px;
+  margin-bottom: 20px;
+  font-size: 1.5em;
+  letter-spacing: 2px; }
+
+.social-media-icon-ul {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 10px;
+  height: 50px;
+  align-items: center; }
+  .social-media-icon-ul li {
+    list-style-type: none; }
+
+.realtor-personal-info-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  color: #3a7378;
+  font-size: 1.5em;
+  margin-left: 20px; }
+  .realtor-personal-info-container .realtor-phone-number {
+    color: #5a5a5a; }
+  .realtor-personal-info-container div {
+    margin-bottom: 10px; }
+  @media (min-width: 601px) {
+    .realtor-personal-info-container {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: flex-start; } }
+
+.realtor-personal-info-item {
+  margin-top: 20px;
+  color: #40757A;
+  font-weight: 500; }
+
+.secondary-navbar-menu-nav {
+  overflow: hidden;
+  display: flex;
+  justify-content: center;
+  margin-top: 50px;
+  margin-bottom: 15px; }
+  .secondary-navbar-menu-nav li {
+    font-weight: 500;
+    border-bottom: 1px solid grey;
+    font-size: 1.5em; }
+    .secondary-navbar-menu-nav li a {
+      color: #BBBBBB; }
+  @media (max-width: 600px) {
+    .secondary-navbar-menu-nav {
+      border: 1px solid #9a9a9a; } }
+
+.about-me-link {
+  border-bottom: 2px solid #3a7378 !important; }
+  .about-me-link a {
+    color: #40757A !important; }
+
+.secondary-navbar-title {
+  color: #40757A;
+  font-size: 1.5em;
+  font-weight: 500;
+  display: flex;
+  justify-content: space-between;
+  width: 70vw; }
+  @media (max-width: 600px) {
+    .secondary-navbar-title {
+      font-size: 18px; } }
+
+.secondary-navbar-nav {
+  display: flex;
+  justify-content: space-between;
+  width: 100vw; }
+
+.about-me-container {
+  margin-bottom: 50px; }
+  .about-me-container h2 {
+    font-size: 1.5em; }
+
+.about-me-text {
+  line-height: 2;
+  color: #636363;
+  font-weight: 400;
+  font-size: calc(14px + .5vw); }
+  @media (min-width: 601px) {
+    .about-me-text {
+      margin-top: 30px; } }
+
+@media (min-width: 601px) {
+  .about-me-languages {
+    margin-top: 30px; } }
+.about-me-languages h2 {
+  color: #4d4d4d; }
+
+.language-ul li {
+  display: inline;
+  color: #676767; }
+
+.about-me-designations h2 {
+  color: #4d4d4d; }
+
+.designation-ul li {
+  display: inline;
+  color: #676767; }
+
+.footer {
+  background-color: #4797A3;
+  color: white;
+  display: flex;
+  flex-wrap: wrap;
+  font-family: 'Lato', sans-serif;
+  font-size: calc(14px + .5vw); }
+
+.footer-container-1 {
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  align-items: flex-start;
+  margin-top: 20px;
+  line-height: 2;
+  margin-bottom: 10px; }
+  @media (max-width: 600px) {
+    .footer-container-1 {
+      align-items: center; } }
+
+.footer-container-2 {
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  align-items: flex-end;
+  margin-top: 20px;
+  line-height: 2;
+  margin-bottom: 10px; }
+  @media (max-width: 600px) {
+    .footer-container-2 {
+      align-items: center; } }
+
+.footer-phone-number-row {
+  display: flex;
+  justify-content: center; }
+
+.footer-address-row {
+  display: flex;
+  justify-content: center; }
+
+.footer-icon-ul {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 10px; }
+  .footer-icon-ul li {
+    margin-right: 20px; }
+
+.footer-icon-item {
+  display: inline; }
+
+.footer-link-ul {
+  display: flex;
+  justify-content: space-between; }
+  .footer-link-ul li {
+    margin-left: 10px; }
+    .footer-link-ul li a {
+      text-decoration: underline; }
+
+.footer-link-item {
+  display: inline; }
+  .footer-link-item a {
+    color: white; }
+
+.footer-container-2-icon-row {
+  display: flex;
+  justify-content: center; }
+
+.footer-container-2-icon {
+  margin-left: 10px;
+  margin-right: 10px; }
+
+.footer-copyright {
+  font-size: 12px; }
+
+.footer-container-2-icon-row {
+  margin-top: 10px; }
+
+/*# sourceMappingURL=style.css.map */
diff --git a/ten-realty/styles/style.css.map b/ten-realty/styles/style.css.map
new file mode 100644
index 0000000..a0c83c1
--- /dev/null
+++ b/ten-realty/styles/style.css.map
@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "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",
+"sources": ["style.scss"],
+"names": [],
+"file": "style.css"
+}
\ No newline at end of file
diff --git a/ten-realty/styles/style.scss b/ten-realty/styles/style.scss
new file mode 100644
index 0000000..f8c1895
--- /dev/null
+++ b/ten-realty/styles/style.scss
@@ -0,0 +1,441 @@
+// setup
+@import url("reset.css");
+
+* { box-sizing: border-box; }
+
+*{
+	border: none;
+}
+
+// media query
+$small-screen: "(max-width: 600px)";
+$medium-screen: "(min-width: 601px)";
+
+// colors
+$teal: hsl(185, 35%, 35%);
+$text-teal: #40757A;
+$navbar-background-color: hsl(0, 0%, 67%);
+$realtor-info-background-color: hsl(0, 0%, 93%);
+$footer-color: #4797A3;
+$realtor-name-color: lighten(black, 30);
+$body-font-color: #636363;
+
+// dimensions
+$searchbar-height: 50px;
+
+// font-sizes
+$realtor-personal-info-font-size: 1.5em;
+
+
+body{
+	color: $body-font-color;
+}
+
+.top-nav-container{
+	height: 100px;
+	@media #{$small-screen}{
+		height: 80px;
+ 	}
+}
+.medium-screen-contact-and-account-list{
+	@media #{$small-screen}{
+      	display: none;
+ 	}
+	position: absolute;
+	right: 0;
+	margin-top: 10px;
+
+}
+.navbar-ul{
+	display: flex;
+	margin-top: 20px;
+	justify-content: flex-end;
+	align-items: center;
+	@media #{$small-screen}{
+      	margin-top: 0;
+      	margin-bottom: 0;
+ 	}
+}
+
+.small-screen-only-li{
+	@media #{$medium-screen}{
+      	display: none !important;
+      }
+}
+.top-navbar-nav{
+	a{
+		color: black !important;
+		font-weight: 400;
+	}
+}
+.navbar-nav{
+	a{
+		color: $text-teal;
+	}
+}
+
+.navbar-item{
+	display: inline-flex;
+	flex-direction: column;
+	margin-right: 20px;
+	color: lighten(grey, 10);
+	letter-spacing: 2px;
+}
+
+.navbar-toggle{
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+}
+
+.icon-bar{
+	background-color: $teal;
+}
+.navbar-logo{
+	margin-right: auto;
+}
+
+.searchbar-row{
+	background-color: $navbar-background-color;
+	display: flex;
+	height: 80px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	box-shadow: 0 16px 30px -19px black;
+	margin-bottom: 5px;
+	@media #{$medium-screen}{
+      	justify-content: space-between;
+ 	}
+}
+
+.searchbar{
+	height: $searchbar-height;
+	margin-right:0;
+	font-size: 16px;
+	font-family: 'Lato', sans-serif;
+}
+
+.searchbar-submit-button{
+	height: $searchbar-height;
+	display: flex;
+	justify-content: center;
+	background-color: $teal;
+	color: white;
+	border-radius: 0 3px 3px 0;
+	@media #{$medium-screen}{
+      	display: none;
+ 	}
+
+}
+
+.searchbar-submit-button-medium{
+	height: $searchbar-height;
+	display: flex;
+	justify-content: center;
+	background-color: $teal;
+	color: white;
+	font-size: $realtor-personal-info-font-size;
+	border-radius: 3px;
+	margin-right: 90px;
+	@media #{$small-screen}{
+      	display: none;
+ 	 }
+}
+
+.searchbar-row-medium-link-list{
+	margin-bottom: 5px;
+	height: $searchbar-height;
+	display: flex;
+	align-items: center;
+}
+.searchbar-row-medium-link{
+	display: inline;
+	text-decoration: underline;
+	margin-left: 5px;
+	margin-right: 5px;
+		a{
+			color: white !important;
+		}
+	@media #{$small-screen}{
+      	display: none;
+ 	 }
+}
+.realtor-image-container{
+	margin-top: -3px;
+	img{
+		width: 100%;
+		max-height: 400px;
+		max-width: 300px;
+	}
+
+}
+
+.realtor-basic-info-container{
+	background-color: $realtor-info-background-color;
+	// display: flex;
+	// flex-wrap: wrap;
+	width: 100vw;
+	@media #{$medium-screen}{
+		display: inline-flex;
+		flex-wrap: wrap;
+      	justify-content: flex-start;
+      	align-items: center;
+ 	 }
+}
+.realtor-name-title-icon-container{
+		display: flex;
+
+	flex-direction: column;
+	justify-content: center;
+	.realtor-name{
+		font-family: 'Lato', sans-serif;
+		color: $realtor-name-color;
+		margin-bottom: 20px;
+		@media #{$medium-screen}{
+			font-size: calc(#{$realtor-personal-info-font-size} * 2);
+ 		}
+
+	}
+	.realtor-title{
+		color: lighten(grey, 10);
+		letter-spacing: 2px;
+		margin-bottom: 20px;
+	}
+	@media #{$medium-screen}{
+		margin-left: 20px;
+		margin-right: 20px;
+		// padding-top: 4%;
+ 	 }
+}
+
+.contact-realtor-button{
+	background-color: $teal;
+	color: white;
+	height: $searchbar-height;
+	border-radius: 3px;
+	margin-bottom: 20px;
+	font-size: $realtor-personal-info-font-size;
+	letter-spacing: 2px;
+}
+
+.social-media-icon-ul{
+	display: flex;
+	justify-content: space-between;
+	margin-top: 10px;
+	height: $searchbar-height;
+	align-items: center;
+	li{
+		list-style-type: none; 
+	}
+}
+
+.realtor-personal-info-container{
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	color: $teal;
+	font-size: $realtor-personal-info-font-size;
+	margin-left: 20px;
+	.realtor-phone-number{
+		color: darken(grey, 15);
+	}
+	div {
+		margin-bottom: 10px;
+	}
+	@media #{$medium-screen}{
+				display: flex;
+	flex-wrap: wrap;
+      	justify-content: flex-start;
+
+
+ 	 }
+}
+
+.realtor-personal-info-item{
+	margin-top: 20px;
+	color: $text-teal;
+	font-weight: 500;
+}
+
+
+.secondary-navbar-menu-nav{
+	overflow: hidden;
+	display: flex;
+	justify-content: center;
+	margin-top: 50px;
+	margin-bottom: 15px;
+
+	li{
+		font-weight: 500;
+		border-bottom: 1px solid grey;
+		font-size: $realtor-personal-info-font-size;
+		a{
+			color: #BBBBBB;
+		}
+	}
+	@media #{$small-screen}{
+      border: 1px solid lighten(grey, 10);
+ 	 }
+}
+
+.about-me-link{
+	border-bottom: 2px solid $teal !important;
+	a{
+		color: $text-teal !important;
+	}
+}
+
+.secondary-navbar-title{
+	color: $text-teal;
+	font-size: $realtor-personal-info-font-size;
+	font-weight: 500;
+	display: flex;
+	justify-content: space-between;
+	width: 70vw;
+	@media #{$small-screen}{
+      font-size: 18px;
+ 	 }
+}
+
+.secondary-navbar-nav{
+	display: flex;
+	justify-content: space-between;
+	width: 100vw;
+}
+
+.about-me-container{
+	margin-bottom: 50px;
+	h2{
+		font-size: $realtor-personal-info-font-size;
+	}
+}
+
+.about-me-text{
+	line-height: 2;
+	color: $body-font-color;
+	font-weight: 400;
+	font-size: calc(14px + .5vw);
+	@media #{$medium-screen}{
+    	margin-top: 30px;
+ 	}
+}
+
+.about-me-languages{
+	@media #{$medium-screen}{
+    	margin-top: 30px;
+ 	}
+	h2{
+		color: $realtor-name-color;
+	}
+}
+
+.language-ul{
+	li{
+		display: inline;
+		color: darken(grey, 10);
+	}
+}
+
+.about-me-designations{
+	h2{
+		color: $realtor-name-color;
+	}
+}
+
+.designation-ul{
+	li{
+		display: inline;
+		color: darken(grey, 10);
+	}
+}
+
+.footer{
+	background-color: $footer-color;
+	color: white;
+	display: flex;
+	flex-wrap: wrap;
+	font-family: 'Lato', sans-serif;
+	font-size: calc(14px + .5vw);
+}
+.footer-container-1{
+	display: flex;
+	justify-content: center;
+	flex-direction: column;
+	align-items: flex-start;
+	margin-top: 20px;
+	line-height: 2;
+	margin-bottom: 10px;
+	@media #{$small-screen}{
+      align-items: center;
+  }
+}
+
+.footer-container-2{
+	display: flex;
+	justify-content: center;
+	flex-direction: column;
+	align-items: flex-end;
+	margin-top: 20px;
+	line-height: 2;
+	margin-bottom: 10px;
+	 @media #{$small-screen}{
+      align-items: center;
+  }
+}
+.footer-phone-number-row{
+	display: flex;
+	justify-content: center;
+}
+
+.footer-address-row{
+	display: flex;
+	justify-content: center;
+}
+.footer-icon-ul{
+	display: flex;
+	justify-content: space-between;
+	margin-top: 10px;
+	li{
+		margin-right: 20px;
+	}
+}
+
+.footer-icon-item{
+	display: inline;
+}
+.footer-link-ul{
+	display: flex;
+	justify-content: space-between;
+	li{
+		margin-left: 10px;
+		a{
+			text-decoration: underline;
+		}
+	}
+}
+
+.footer-link-item{
+	display: inline;
+	a{
+		color: white;
+	}
+}
+
+.footer-container-2-icon-row{
+	display: flex;
+	justify-content: center;
+}
+
+.footer-container-2-icon{
+	margin-left: 10px;
+	margin-right: 10px;
+}
+
+.footer-copyright{
+	font-size: 12px;
+}
+.footer-container-2-icon-row{
+	margin-top: 10px;
+}