PageSourceSearch

https://morphocode.com/

html morphocode.com collected 2026-10-01 10:42:20 UTC 81,617 bytes, 1,002 lines download raw bytes

1<!DOCTYPE html>
2<!--[if IE 9 ]> <html lang="en-US" class="ie9 loading-site no-js"> <![endif]-->
3<!--[if IE 8 ]> <html lang="en-US" class="ie8 loading-site no-js"> <![endif]-->
4<!--[if (gte IE 9)|!(IE)]><!--><html lang="en-US" class="loading-site no-js"> <!--<![endif]-->
5<head>
6	<meta charset="UTF-8" />
7	<link rel="profile" href="http://gmpg.org/xfn/11" />
8	<link rel="pingback" href="https://morphocode.com/xmlrpc.php" />
9
10	
10<script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>
10
11<meta name='robots' content='max-image-preview:large' />
12<link rel="alternate" hreflang="en-us" href="https://morphocode.com/" />
13<link rel="alternate" hreflang="bg-bg" href="https://morphocode.com/bg/" />
14<meta name="dlm-version" content="5.1.10">
15	<!-- This site is optimized with the Yoast SEO plugin v14.0.4 - https://yoast.com/wordpress/plugins/seo/ -->
16	<title>Home - MORPHOCODE</title>
17	<meta name="robots" content="index, follow" />
18	<meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
19	<meta name="bingbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
20	<link rel="canonical" href="https://morphocode.com/" />
21	<meta property="og:locale" content="en_US" />
22	<meta property="og:type" content="website" />
23	<meta property="og:title" content="Home - MORPHOCODE" />
24	<meta property="og:url" content="https://morphocode.com/" />
25	<meta property="og:site_name" content="MORPHOCODE" />
26	<meta property="article:modified_time" content="2020-05-18T12:17:02+00:00" />
27	
27<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://morphocode.com/#website","url":"https://morphocode.com/","name":"MORPHOCODE","description":"an interdisciplinary architectural practice","potentialAction":[{"@type":"SearchAction","target":"https://morphocode.com/?s={search_term_string}","query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https://morphocode.com/#webpage","url":"https://morphocode.com/","name":"Home - MORPHOCODE","isPartOf":{"@id":"https://morphocode.com/#website"},"datePublished":"2013-11-19T16:51:23+00:00","dateModified":"2020-05-18T12:17:02+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://morphocode.com/"]}]}]}</script>
27
28	<!-- / Yoast SEO plugin. -->
29
30
31<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /><link rel='dns-prefetch' href='//cdnjs.cloudflare.com' />
32<link rel='dns-prefetch' href='//stats.wp.com' />
33<link rel='dns-prefetch' href='//maxcdn.bootstrapcdn.com' />
34<link rel='dns-prefetch' href='//v0.wordpress.com' />
35<link rel="alternate" type="application/rss+xml" title="MORPHOCODE &raquo; Feed" href="https://morphocode.com/feed/" />
36<link rel="alternate" type="application/rss+xml" title="MORPHOCODE &raquo; Comments Feed" href="https://morphocode.com/comments/feed/" />
37<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://morphocode.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmorphocode.com%2F" />
38<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://morphocode.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmorphocode.com%2F&#038;format=xml" />
39<!-- This site uses the Google Analytics by MonsterInsights plugin v7.10.4 - Using Analytics tracking - https://www.monsterinsights.com/ -->
40<script type="text/javascript" data-cfasync="false">
41	var mi_version         = '7.10.4';
42	var mi_track_user      = true;
43	var mi_no_track_reason = '';
44	
45	var disableStr = 'ga-disable-UA-20080950-1';
46
47	/* Function to detect opted out users */
48	function __gaTrackerIsOptedOut() {
49		return document.cookie.indexOf(disableStr + '=true') > -1;
50	}
51
52	/* Disable tracking if the opt-out cookie exists. */
53	if ( __gaTrackerIsOptedOut() ) {
54		window[disableStr] = true;
55	}
56
57	/* Opt-out function */
58	function __gaTrackerOptout() {
59	  document.cookie = disableStr + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/';
60	  window[disableStr] = true;
61	}
62	
63	if ( mi_track_user ) {
64		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
65			(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
66			m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
67		})(window,document,'script','//www.google-analytics.com/analytics.js','__gaTracker');
68
69		__gaTracker('create', 'UA-20080950-1', 'auto');
70		__gaTracker('set', 'forceSSL', true);
71		__gaTracker('send','pageview');
72	} else {
73		console.log( "" );
74		(function() {
75			/* https://developers.google.com/analytics/devguides/collection/analyticsjs/ */
76			var noopfn = function() {
77				return null;
78			};
79			var noopnullfn = function() {
80				return null;
81			};
82			var Tracker = function() {
83				return null;
84			};
85			var p = Tracker.prototype;
86			p.get = noopfn;
87			p.set = noopfn;
88			p.send = noopfn;
89			var __gaTracker = function() {
90				var len = arguments.length;
91				if ( len === 0 ) {
92					return;
93				}
94				var f = arguments[len-1];
95				if ( typeof f !== 'object' || f === null || typeof f.hitCallback !== 'function' ) {
96					console.log( 'Not running function __gaTracker(' + arguments[0] + " ....) because you are not being tracked. " + mi_no_track_reason );
97					return;
98				}
99				try {
100					f.hitCallback();
101				} catch (ex) {
102
103				}
104			};
105			__gaTracker.create = function() {
106				return new Tracker();
107			};
108			__gaTracker.getByName = noopnullfn;
109			__gaTracker.getAll = function() {
110				return [];
111			};
112			__gaTracker.remove = noopfn;
113			window['__gaTracker'] = __gaTracker;
114					})();
115		}
116</script>
116
117<!-- / Google Analytics by MonsterInsights -->
118<style id="wp-img-auto-sizes-contain-inline-css">
119img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
120/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
121</style>
122<style id="wp-emoji-styles-inline-css">
123
124	img.wp-smiley, img.emoji {
125		display: inline !important;
126		border: none !important;
127		box-shadow: none !important;
128		height: 1em !important;
129		width: 1em !important;
130		margin: 0 0.07em !important;
131		vertical-align: -0.1em !important;
132		background: none !important;
133		padding: 0 !important;
134	}
135/*# sourceURL=wp-emoji-styles-inline-css */
136</style>
137<style id="wp-block-library-inline-css">
138:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
138--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
139
140/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
141</style>
142<style id="classic-theme-styles-inline-css">
143/*! This file is auto-generated */
144.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
145/*# sourceURL=/wp-includes/css/classic-themes.min.css */
146</style>
147
148<style id="global-styles-inline-css">
149:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
1490) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
149.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
150/*# sourceURL=global-styles-inline-css */
151</style>
152
153<link rel='stylesheet' id='modal-login-styles-css' href='https://morphocode.com/wp-content/plugins/pressapps-modal-login/css/modal-login.css?ver=1.2.0' media='screen' />
154<link rel='stylesheet' id='theme-wide-css' href='https://morphocode.com/wp-content/plugins/pressapps-modal-login/css/theme-wide.css?ver=1.2.0' media='screen' />
155<link rel='stylesheet' id='labels-css' href='https://morphocode.com/wp-content/plugins/pressapps-modal-login/css/labels.css?ver=1.2.0' media='screen' />
156<link rel='stylesheet' id='wpml-legacy-dropdown-0-css' href='//morphocode.com/wp-content/plugins/sitepress-multilingual-cms/templates/language-switchers/legacy-dropdown/style.css?ver=1' media='all' />
157<style id="wpml-legacy-dropdown-0-inline-css">
158.wpml-ls-statics-shortcode_actions, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu, .wpml-ls-statics-shortcode_actions a {border-color:#cdcdcd;}.wpml-ls-statics-shortcode_actions a {color:#444444;background-color:#ffffff;}.wpml-ls-statics-shortcode_actions a:hover,.wpml-ls-statics-shortcode_actions a:focus {color:#000000;background-color:#eeeeee;}.wpml-ls-statics-shortcode_actions .wpml-ls-current-language>a {color:#444444;background-color:#ffffff;}.wpml-ls-statics-shortcode_actions .wpml-ls-current-language:hover>a, .wpml-ls-statics-shortcode_actions .wpml-ls-current-language>a:focus {color:#000000;background-color:#eeeeee;}
159/*# sourceURL=wpml-legacy-dropdown-0-inline-css */
160</style>
161<link rel='stylesheet' id='flatsome-icons-css' href='https://morphocode.com/wp-content/themes/flatsome/assets/css/fl-icons.css?ver=3.3' media='all' />
162<link rel='stylesheet' id='flatsome-ninjaforms-css' href='https://morphocode.com/wp-content/themes/flatsome/inc/integrations/ninjaforms/ninjaforms.css?ver=7.1.2' media='all' />
163<link rel='stylesheet' id='font-awesome-css' href='//maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css?ver=0.3.7' media='all' />
164<link rel='stylesheet' id='amarkal-css' href='https://morphocode.com/wp-content/plugins/mivhak/vendor/askupa-software/amarkal-framework/Assets/css/amarkal.min.css?ver=0.3.7' media='all' />
165<link rel='stylesheet' id='select2-css' href='https://morphocode.com/wp-content/plugins/mivhak/vendor/askupa-software/amarkal-framework/Assets/css/select2.min.css?ver=0.3.7' media='all' />
166<link rel='stylesheet' id='mivhak-css' href='https://morphocode.com/wp-content/plugins/mivhak/assets/css/mivhak.min.css?ver=1.3.6' media='all' />
167<link rel='stylesheet' id='flatsome-main-css' href='https://morphocode.com/wp-content/themes/flatsome/assets/css/flatsome.css?ver=3.9.0' media='all' />
168<link rel='stylesheet' id='flatsome-style-css' href='https://morphocode.com/wp-content/themes/morphocode-neue/style.css?ver=1.0' media='all' />
169<script id="monsterinsights-frontend-script-js-extra">
170var monsterinsights_frontend = {"js_events_tracking":"true","download_extensions":"pdf,doc,ppt,xls,zip,docx,pptx,xlsx","inbound_paths":"[]","home_url":"https://morphocode.com","hash_tracking":"false"};
171//# sourceURL=monsterinsights-frontend-script-js-extra
172</script>
vendor: 1 bytes, line 172
172
173<script id="monsterinsights-frontend-script-js" src="https://morphocode.com/wp-content/plugins/google-analytics-for-wordpress/assets/js/frontend.min.js?ver=7.10.4"></script>
vendor: 1 bytes, line 173
173
174<script id="jquery-core-js" src="https://morphocode.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 174
174
175<script id="jquery-migrate-js" src="https://morphocode.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 175
175
176<script id="wpml-legacy-dropdown-0-js" src="//morphocode.com/wp-content/plugins/sitepress-multilingual-cms/templates/language-switchers/legacy-dropdown/script.js?ver=1"></script>
176
177<link rel="https://api.w.org/" href="https://morphocode.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://morphocode.com/wp-json/wp/v2/pages/6825" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://morphocode.com/xmlrpc.php?rsd" />
178<meta name="generator" content="WordPress 7.1.2" />
179<link rel='shortlink' href='https://morphocode.com/' />
180<meta name="generator" content="WPML ver:3.9.4 stt:7,1;" />
181<style text="text/css"id="modal-login-style-css">#additional-settings, #additional-settings a, #additional-settings a:hover { color: #0099ff}
182#modal-login .submit .button { background: #0099ff}
183#modal-login .submit .button { border: none; }
184</style>
185	<style>img#wpstats{display:none}</style>
186		<!--[if IE]><link rel="stylesheet" type="text/css" href="https://morphocode.com/wp-content/themes/flatsome/assets/css/ie-fallback.css">
186<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.1/html5shiv.js"></script>
186<script>var head = document.getElementsByTagName('head')[0],style = document.createElement('style');style.type = 'text/css';style.styleSheet.cssText = ':before,:after{content:none !important';head.appendChild(style);setTimeout(function(){head.removeChild(style);}, 0);</script>
186<script src="https://morphocode.com/wp-content/themes/flatsome/assets/libs/ie-flexibility.js"></script>
186<![endif]--><style>.mivhak-code-wrapper {
187    padding: 10px;
188    background: #F9F9F9;
189}</style><meta name="twitter:widgets:link-color" content="#000000"><meta name="twitter:widgets:border-color" content="#000000"><meta name="twitter:partner" content="tfwp">
190<meta name="twitter:card" content="summary"><meta name="twitter:title" content="MORPHOCODE"><meta name="twitter:site" content="@morphocode"><meta name="twitter:description" content="an interdisciplinary architectural practice">
191<style id="custom-css" type="text/css">:root {--primary-color: #1d6ff3;}.header-main{height: 72px}#logo img{max-height: 72px}#logo{width:120px;}.header-bottom{min-height: 13px}.header-top{min-height: 20px}.transparent .header-main{height: 72px}.transparent #logo img{max-height: 72px}.has-transparent + .page-title:first-of-type,.has-transparent + #main > .page-title,.has-transparent + #main > div > .page-title,.has-transparent + #main .page-header-wrapper:first-of-type .page-title{padding-top: 72px;}.header.show-on-scroll,.stuck .header-main{height:70px!important}.stuck #logo img{max-height: 70px!important}.header-bg-color, .header-wrapper {background-color: #ffffff}.header-bottom {background-color: #f1f1f1}.header-main .nav > li > a{line-height: 16px }.stuck .header-main .nav > li > a{line-height: 50px }@media (max-width: 549px) {.header-main{height: 70px}#logo img{max-height: 70px}}/* Color */.accordion-title.active, .has-icon-bg .icon .icon-inner,.logo a, .primary.is-underline, .primary.is-link, .badge-outline .badge-inner, .nav-outline > li.active> a,.nav-outline >li.active > a, .cart-icon strong,[data-color='primary'], .is-outline.primary{color: #1d6ff3;}/* Color !important */[data-text-color="primary"]{color: #1d6ff3!important;}/* Background Color */[data-text-bg="primary"]{background-color: #1d6ff3;}/* Background */.scroll-to-bullets a,.featured-title, .label-new.menu-item > a:after, .nav-pagination > li > .current,.nav-pagination > li > span:hover,.nav-pagination > li > a:hover,.has-hover:hover .badge-outline .badge-inner,button[type="submit"], .button.wc-forward:not(.checkout):not(.checkout-button), .button.submit-button, .button.primary:not(.is-outline),.featured-table .title,.is-outline:hover, .has-icon:hover .icon-label,.nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .is-outline:hover, .tagcloud a:hover,.grid-tools a, input[type='submit']:not(.is-form), .box-badge:hover .box-text, input.button.alt,.nav-box > li > a:hover,.nav-box > li.active > a,.nav-pills > li.active > a ,.current-dropdown .cart-icon strong, .cart-icon:hover strong, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before,.banner, .header-top, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover, .button.primary:not(.is-outline), input[type='submit'].primary, input[type='submit'].primary, input[type='reset'].button, input[type='button'].primary, .badge-inner{background-color: #1d6ff3;}/* Border */.nav-vertical.nav-tabs > li.active > a,.scroll-to-bullets a.active,.nav-pagination > li > .current,.nav-pagination > li > span:hover,.nav-pagination > li > a:hover,.has-hover:hover .badge-outline .badge-inner,.accordion-title.active,.featured-table,.is-outline:hover, .tagcloud a:hover,blockquote, .has-border, .cart-icon strong:after,.cart-icon strong,.blockUI:before, .processing:before,.loading-spin, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover{border-color: #1d6ff3}.nav-tabs > li.active > a{border-top-color: #1d6ff3}.widget_shopping_cart_content .blockUI.blockOverlay:before { border-left-color: #1d6ff3 }.woocommerce-checkout-review-order .blockUI.blockOverlay:before { border-left-color: #1d6ff3 }/* Fill */.slider .flickity-prev-next-button:hover svg,.slider .flickity-prev-next-button:hover .arrow{fill: #1d6ff3;}
191/* Background Color */[data-icon-label]:after, .secondary.is-underline:hover,.secondary.is-outline:hover,.icon-label,.button.secondary:not(.is-outline),.button.alt:not(.is-outline), .badge-inner.on-sale, .button.checkout, .single_add_to_cart_button{ background-color:#3a3a3a; }[data-text-bg="secondary"]{background-color: #3a3a3a;}/* Color */.secondary.is-underline,.secondary.is-link, .secondary.is-outline,.stars a.active, .star-rating:before, .woocommerce-page .star-rating:before,.star-rating span:before, .color-secondary{color: #3a3a3a}/* Color !important */[data-text-color="secondary"]{color: #3a3a3a!important;}/* Border */.secondary.is-outline:hover{border-color:#3a3a3a}body{font-size: 100%;}@media screen and (max-width: 549px){body{font-size: 100%;}}body{font-family:"Lato", sans-serif}body{font-weight: 400}body{color: #434a54}.nav > li > a {font-family:"Lato", sans-serif;}.nav > li > a {font-weight: 700;}h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: "Lato", sans-serif;}h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2{font-weight: 700;}h1,h2,h3,h4,h5,h6,.heading-font{color: #4a4a4a;}.breadcrumbs{text-transform: none;}button,.button{text-transform: none;}.nav > li > a, .links > li > a{text-transform: none;}.section-title span{text-transform: none;}h3.widget-title,span.widget-title{text-transform: none;}.alt-font{font-family: "Dancing Script", sans-serif;}a{color: #1f8ceb;}a:hover{color: #5fadf1;}.tagcloud a:hover{border-color: #5fadf1;background-color: #5fadf1;}.footer-2{background-color: #ffffff}.absolute-footer, html{background-color: #ffffff}/* Custom CSS */.archive-page-header .taxonomy-description {display: none;}.compact {margin-left: auto;margin-right: auto;max-width: 690px;width: 100% !important;}.compact-mini {display: block;margin-left: auto;margin-right: auto;max-width: 490px;width: 100% !important;}.twitter-tweet {margin-left: auto;margin-right: auto;}.p-full-width p {max-width: none;}.post blockquote {max-width: 690px!important;}.post blockquote {border-width: 3px;border-color: #1f8ceb;padding: 5px 20px;}.post blockquote.epic {border: none;}.wp-video,video.wp-video-shortcode,.mejs-container,.mejs-overlay.load {width: 100% !important;height: 100% !important;background-color: #fff;}.wp-video,video.wp-video-shortcode {max-width: 100% !important;}video.wp-video-shortcode {position: relative;}.mejs-mediaelement {position: absolute;top: 0;right: 0;bottom: 0;left: 0;}.mejs-overlay-play {top: 0;right: 0;bottom: 0;left: 0;width: auto !important;height: auto !important;}.mejs-container,.mejs-container.aspect-ratio--16x9 {padding-bottom: 56.25%;}.mejs-container.aspect-ratio--4x3 {padding-bottom: 75%;}.wp-video-hide-controls .mejs-controls {display: none;}.mejs-container.shadow-1 {box-shadow: 0 1px 10px 0 rgba(61, 57, 107, 0.15);}.mb0 {margin-bottom: 0;}.embed-vimeo {margin-bottom: 0;}.gallery-box .box-text p {background: none;color: #637280;font-style: normal;padding: .4em;font-size: .9em;font-family: "Sailec", sans-serif !important;}.tc{ text-align: center; }.form-custom input[aria-invalid="true"] {border-color: #ee7439;}.form-custom ul li {list-style-type: none;margin: 0;}.form-custom .validation_error,.form-custom .validation_message,.form-custom label,.gform_validation_container {display: none;}.form-custom .gform_title {font-size: 2.25rem;}.form-custom {margin-bottom: 0;}.form-custom-black input[type='submit'] {background-color: #4a4a4a;}.fw3 {font-weight: 300;}.bg-gradient-blue-to-lime {background: #EBF3FF;background: linear-gradient(#EBF3FF 30%, #67FAC1 30%);}.bg-gradient-white-to-lime {background: #fff;background: linear-gradient(#fff 30%, #67FAC1 30%);}.lh-title { line-height: 1.25; }.label-new.menu-item > a:after{content:"New";}.label-hot.menu-item > a:after{content:"Hot";}.label-sale.menu-item > a:after{content:"Sale";}.label-popular.menu-item > a:after{content:"Popular";}</style></head>
192
193<body class="home wp-singular page-template page-template-page-blank page-template-page-blank-php page page-id-6825 wp-theme-flatsome wp-child-theme-morphocode-neue lightbox nav-dropdown-has-arrow">
194
195
196<a class="skip-link screen-reader-text" href="#main">Skip to content</a>
197
198<div id="wrapper">
199
200	
201	<header id="header" class="header ">
202		<div class="header-wrapper">
203			<div id="masthead" class="header-main hide-for-sticky">
204      <div class="header-inner flex-row container logo-left medium-logo-center" role="navigation">
205
206          <!-- Logo -->
207          <div id="logo" class="flex-col logo">
208            <!-- Header logo -->
209<a href="https://morphocode.com/" title="MORPHOCODE - an interdisciplinary architectural practice" rel="home">
210    <img width="120" height="72" src="https://morphocode.com/wp-content/uploads/2018/05/morphocode-logo.png" class="header_logo header-logo" alt="MORPHOCODE"/><img  width="120" height="72" src="https://morphocode.com/wp-content/uploads/2018/05/morphocode-logo-light.png" class="header-logo-dark" alt="MORPHOCODE"/></a>
211          </div>
212
213          <!-- Mobile Left Elements -->
214          <div class="flex-col show-for-medium flex-left">
215            <ul class="mobile-nav nav nav-left ">
216                          </ul>
217          </div>
218
219          <!-- Left Elements -->
220          <div class="flex-col hide-for-medium flex-left
221            flex-grow">
222            <ul class="header-nav header-nav-main nav nav-left  nav-size-large nav-spacing-xlarge" >
223                          </ul>
224          </div>
225
226          <!-- Right Elements -->
227          <div class="flex-col hide-for-medium flex-right">
228            <ul class="header-nav header-nav-main nav nav-right  nav-size-large nav-spacing-xlarge">
229              <li id="menu-item-8702" class="menu-item menu-item-type-post_type menu-item-object-page  menu-item-8702"><a href="https://morphocode.com/academy/" class="nav-top-link">Academy</a></li>
230<li id="menu-item-16208" class="menu-item menu-item-type-post_type menu-item-object-page  menu-item-16208"><a href="https://morphocode.com/blog/" class="nav-top-link">Blog</a></li>
231<li id="menu-item-12577" class="menu-item menu-item-type-post_type menu-item-object-page  menu-item-12577"><a href="https://morphocode.com/work/" class="nav-top-link">Work</a></li>
232<li id="menu-item-6830" class="menu-item menu-item-type-post_type menu-item-object-page  menu-item-6830"><a href="https://morphocode.com/contact/" class="nav-top-link">Contact</a></li>
233<li id="menu-item-6896" class="menu-item menu-item-type-post_type menu-item-object-page  menu-item-6896"><a href="https://morphocode.com/about/" class="nav-top-link">About</a></li>
234            </ul>
235          </div>
236
237          <!-- Mobile Right Elements -->
238          <div class="flex-col show-for-medium flex-right">
239            <ul class="mobile-nav nav nav-right ">
240              <li class="nav-icon has-icon">
241  		<a href="#" data-open="#main-menu" data-pos="center" data-bg="main-menu-overlay" data-color="" class="is-small" aria-label="Menu" aria-controls="main-menu" aria-expanded="false">
242		
243		  <i class="icon-menu" ></i>
244		  		</a>
245	</li>            </ul>
246          </div>
247
248      </div><!-- .header-inner -->
249     
250      </div><!-- .header-main -->
251<div class="header-bg-container fill"><div class="header-bg-image fill"></div><div class="header-bg-color fill"></div></div><!-- .header-bg-container -->		</div><!-- header-wrapper-->
252	</header>
253
254	
255	<main id="main" class="">
256
257
258<div id="content" role="main" class="content-area">
259
260		
261				<section class="section" id="section_1879262156">
262		<div class="bg section-bg fill bg-fill bg-loaded bg-loaded" >
263
264			
265			<div class="section-bg-overlay absolute fill"></div>
266			
267
268		</div><!-- .section-bg -->
269
270		<div class="section-content relative">
271			
272<div class="row row-collapse row-full-width align-middle"  id="row-1973255573">
273<div class="col medium-6 small-12 large-6"  ><div class="col-inner text-left" style="max-width:545px;padding:10% 15px 10% 15px;" >
274<h1>Exploring cities through data analysis and visualization</h1>
275<p class="measure">Morphocode is a design and development firm that uses data to visualize urban dynamics and provide location insights. Our team brings together expertise across architecture, urban planning, and software engineering.</p>
276</div></div>
277<div class="col medium-6 small-12 large-6 small-col-first"  ><div class="col-inner" style="max-width:600px;" >
278	<div class="img has-hover x md-x lg-x y md-y lg-y" id="image_1234683608">
279								<div class="img-inner dark" >
280			<img fetchpriority="high" decoding="async" width="1070" height="1070" src="https://morphocode.com/wp-content/uploads/2018/05/morphocode-exploring-cities.png" class="attachment-original size-original" alt="" srcset="https://morphocode.com/wp-content/uploads/2018/05/morphocode-exploring-cities.png 1070w, https://morphocode.com/wp-content/uploads/2018/05/morphocode-exploring-cities-768x768.png 768w, https://morphocode.com/wp-content/uploads/2018/05/morphocode-exploring-cities-800x800.png 800w, https://morphocode.com/wp-content/uploads/2018/05/morphocode-exploring-cities-600x600.png 600w" sizes="(max-width: 1070px) 100vw, 1070px" />						
281					</div>
282								
283<style scope="scope">
284
285#image_1234683608 {
286  width: 100%;
287}
288</style>
289	</div>
290	
291</div></div>
292
293<style scope="scope">
294
295</style>
296</div>
297		</div><!-- .section-content -->
298
299		
300<style scope="scope">
301
302#section_1879262156 {
303  padding-top: 0px;
304  padding-bottom: 0px;
305  background-color: rgb(247, 247, 247);
306}
307#section_1879262156 .section-bg-overlay {
308  background-color: rgba(255, 255, 255, 0.85);
309}
310</style>
311	</section>
312	
313	<section class="section" id="section_2005478021">
314		<div class="bg section-bg fill bg-fill bg-loaded bg-loaded" >
315
316			
317			<div class="section-bg-overlay absolute fill"></div>
318			
319
320		</div><!-- .section-bg -->
321
322		<div class="section-content relative">
323			
324<div class="row row-collapse row-full-width align-middle"  id="row-1532288404">
325<div class="col medium-6 small-12 large-6"  ><div class="col-inner" style="max-width:600px;" >
326	<div class="img has-hover x md-x lg-x y md-y lg-y" id="image_440586376">
327								<div class="img-inner dark" style="margin:0px 10px 0px 0px;">
328			<img decoding="async" width="1100" height="1098" src="https://morphocode.com/wp-content/uploads/2018/05/morphocode-illustration-workflow.png" class="attachment-original size-original" alt="" srcset="https://morphocode.com/wp-content/uploads/2018/05/morphocode-illustration-workflow.png 1100w, https://morphocode.com/wp-content/uploads/2018/05/morphocode-illustration-workflow-768x767.png 768w, https://morphocode.com/wp-content/uploads/2018/05/morphocode-illustration-workflow-801x800.png 801w, https://morphocode.com/wp-content/uploads/2018/05/morphocode-illustration-workflow-600x599.png 600w" sizes="(max-width: 1100px) 100vw, 1100px" />						
329					</div>
330								
331<style scope="scope">
332
333#image_440586376 {
334  width: 100%;
335}
336</style>
337	</div>
338	
339</div></div>
340<div class="col medium-6 small-12 large-6"  ><div class="col-inner text-left" style="max-width:520px;padding:10% 15px 10% 15px;" >
341<h2>We research, design, and develop</h2>
342<p class="measure">Our portfolio ranges from interactive web maps and information graphics to custom software tools for data analysis and visualization.</p>
343<a href="/work/" target="_self" class="button primary is-link lowercase"  >
344    <span>View Projects</span>
345  </a>
346
347</div></div>
348
349<style scope="scope">
350
351</style>
352</div>
353		</div><!-- .section-content -->
354
355		
356<style scope="scope">
357
358#section_2005478021 {
359  padding-top: 30px;
360  padding-bottom: 30px;
361  background-color: rgb(247, 247, 247);
362}
363#section_2005478021 .section-bg-overlay {
364  background-color: rgba(255, 255, 255, 0.85);
365}
366</style>
367	</section>
368	
369	<section class="section" id="section_2069102655">
370		<div class="bg section-bg fill bg-fill bg-loaded bg-loaded" >
371
372			
373			<div class="section-bg-overlay absolute fill"></div>
374			
375
376		</div><!-- .section-bg -->
377
378		<div class="section-content relative">
379			
380<div class="row row-collapse row-full-width align-middle"  id="row-422840337">
381<div class="col medium-6 small-12 large-6"  ><div class="col-inner text-left" style="max-width:545px;padding:10% 15px 10% 15px;" >
382<h2>Learn with Morphocode</h2>
383<p class="p1">
383Morphocode Academy is an online school that covers topics in data visualization, creative coding, and urban informatics.</p>
384<a href="/academy/" target="_self" class="button primary is-link lowercase"  >
385    <span>Start Learning</span>
386  </a>
387
388</div></div>
389<div class="col medium-6 small-12 large-6 small-col-first"  ><div class="col-inner" style="max-width:600px;" >
390	<div class="img has-hover x md-x lg-x y md-y lg-y" id="image_371690633">
391								<div class="img-inner dark" >
392			<img decoding="async" width="1162" height="1160" src="https://morphocode.com/wp-content/uploads/2018/05/morphocode-illustration-academy.png" class="attachment-original size-original" alt="" srcset="https://morphocode.com/wp-content/uploads/2018/05/morphocode-illustration-academy.png 1162w, https://morphocode.com/wp-content/uploads/2018/05/morphocode-illustration-academy-768x767.png 768w, https://morphocode.com/wp-content/uploads/2018/05/morphocode-illustration-academy-801x800.png 801w, https://morphocode.com/wp-content/uploads/2018/05/morphocode-illustration-academy-600x599.png 600w" sizes="(max-width: 1162px) 100vw, 1162px" />						
393					</div>
394								
395<style scope="scope">
396
397#image_371690633 {
398  width: 100%;
399}
400</style>
401	</div>
402	
403</div></div>
404
405<style scope="scope">
406
407</style>
408</div>
409		</div><!-- .section-content -->
410
411		
412<style scope="scope">
413
414#section_2069102655 {
415  padding-top: 0px;
416  padding-bottom: 0px;
417  background-color: rgb(247, 247, 247);
418}
419#section_2069102655 .section-bg-overlay {
420  background-color: rgba(255, 255, 255, 0.85);
421}
422</style>
423	</section>
424	
425	<section class="section" id="section_2045872741">
426		<div class="bg section-bg fill bg-fill bg-loaded bg-loaded" >
427
428			
429			
430			
431
432		</div><!-- .section-bg -->
433
434		<div class="section-content relative">
435			
436<div class="row"  id="row-227187070">
437<div class="col small-12 large-12"  ><div class="col-inner"  >
438<div class="gap-element clearfix" style="display:block; height:auto; padding-top:30px"></div>
439<h3 style="text-align: left;">From the blog</h3>
440
441  
442    <div class="row large-columns-3 medium-columns-1 small-columns-1">
443  		<div class="col post-item" >
444			<div class="col-inner">
445			<a href="https://morphocode.com/the-power-of-interactive-tools/" class="plain">
446				<div class="box box-push box-text-bottom box-blog-post has-hover">
447            					<div class="box-image" >
448  						<div class="image-cover" style="padding-top:56.25%;">
449  							<img loading="lazy" decoding="async" width="500" height="300" src="https://morphocode.com/wp-content/uploads/2020/02/morphocode-interactive-tools-cover-500x300.jpg" class="attachment-medium size-medium wp-post-image" alt="" />  							  							  						</div>
450  						  					</div><!-- .box-image -->
451          					<div class="box-text text-left is-large" >
452					<div class="box-text-inner blog-post-inner">
453
454					
455										<h5 class="post-title is-xlarge ">The power of interactive tools</h5>
456										<div class="is-divider"></div>
457										<p class="from_the_blog_excerpt ">Tools augment our problem-solving capacity. We rely on them to expand our minds and provide ease, accuracy, and [...]					</p>
458					                    
459					
460					
461					</div><!-- .box-text-inner -->
462					</div><!-- .box-text -->
463									</div><!-- .box -->
464				</a><!-- .link -->
465			</div><!-- .col-inner -->
466		</div><!-- .col -->
467		<div class="col post-item" >
468			<div class="col-inner">
469			<a href="https://morphocode.com/the-making-of-morphocode-explorer/" class="plain">
470				<div class="box box-push box-text-bottom box-blog-post has-hover">
471            					<div class="box-image" >
472  						<div class="image-cover" style="padding-top:56.25%;">
473  							<img loading="lazy" decoding="async" width="500" height="300" src="https://morphocode.com/wp-content/uploads/2019/10/morphocode-explorer-design-mock-ups-web-500x300.png" class="attachment-medium size-medium wp-post-image" alt="" />  							  							  						</div>
474  						  					</div><!-- .box-image -->
475          					<div class="box-text text-left is-large" >
476					<div class="box-text-inner blog-post-inner">
477
478					
479										<h5 class="post-title is-xlarge ">The making of Morphocode Explorer</h5>
480										<div class="is-divider"></div>
481										<p class="from_the_blog_excerpt ">Over the last year, we’ve been working on a new web tool for interactive data exploration [...]					</p>
482					                    
483					
484					
485					</div><!-- .box-text-inner -->
486					</div><!-- .box-text -->
487									</div><!-- .box -->
488				</a><!-- .link -->
489			</div><!-- .col-inner -->
490		</div><!-- .col -->
491		<div class="col post-item" >
492			<div class="col-inner">
493			<a href="https://morphocode.com/urban-performance-measures/" class="plain">
494				<div class="box box-push box-text-bottom box-blog-post has-hover">
495            					<div class="box-image" >
496  						<div class="image-cover" style="padding-top:56.25%;">
497  							<img loading="lazy" decoding="async" width="500" height="300" src="https://morphocode.com/wp-content/uploads/2019/01/morphocode-personal-movement-patterns-munich-500x300.jpg" class="attachment-medium size-medium wp-post-image" alt="" />  							  							  						</div>
498  						  					</div><!-- .box-image -->
499          					<div class="box-text text-left is-large" >
500					<div class="box-text-inner blog-post-inner">
501
502					
503										<h5 class="post-title is-xlarge ">Urban performance measures</h5>
504										<div class="is-divider"></div>
505										<p class="from_the_blog_excerpt ">Urban performance measures help communities make informed decisions and measure results against goals. [...]					</p>
506					                    
507					
508					
509					</div><!-- .box-text-inner -->
510					</div><!-- .box-text -->
511									</div><!-- .box -->
512				</a><!-- .link -->
513			</div><!-- .col-inner -->
514		</div><!-- .col -->
515		<div class="col post-item" >
516			<div class="col-inner">
517			<a href="https://morphocode.com/the-5-minute-walk/" class="plain">
518				<div class="box box-push box-text-bottom box-blog-post has-hover">
519            					<div class="box-image" >
520  						<div class="image-cover" style="padding-top:56.25%;">
521  							<img loading="lazy" decoding="async" width="500" height="300" src="https://morphocode.com/wp-content/uploads/2018/11/featured-8-500x300.png" class="attachment-medium size-medium wp-post-image" alt="" />  							  							  						</div>
522  						  					</div><!-- .box-image -->
523          					<div class="box-text text-left is-large" >
524					<div class="box-text-inner blog-post-inner">
525
526					
527										<h5 class="post-title is-xlarge ">The 5-minute walk</h5>
528										<div class="is-divider"></div>
529										<p class="from_the_blog_excerpt ">The five-minute walk, also known as the “pedestrian shed” is considered to be the distance people are willing [...]					</p>
530					                    
531					
532					
533					</div><!-- .box-text-inner -->
534					</div><!-- .box-text -->
535									</div><!-- .box -->
536				</a><!-- .link -->
537			</div><!-- .col-inner -->
538		</div><!-- .col -->
539		<div class="col post-item" >
540			<div class="col-inner">
541			<a href="https://morphocode.com/location-time-urban-data-visualization/" class="plain">
542				<div class="box box-push box-text-bottom box-blog-post has-hover">
543            					<div class="box-image" >
544  						<div class="image-cover" style="padding-top:56.25%;">
545  							<img loading="lazy" decoding="async" width="500" height="300" src="https://morphocode.com/wp-content/uploads/2018/05/morphocode-melbourne-pedestrian-count-featured-500x300.png" class="attachment-medium size-medium wp-post-image" alt="" />  							  							  						</div>
546  						  					</div><!-- .box-image -->
547          					<div class="box-text text-left is-large" >
548					<div class="box-text-inner blog-post-inner">
549
550					
551										<h5 class="post-title is-xlarge ">Location + time: urban data visualization</h5>
552										<div class="is-divider"></div>
553										<p class="from_the_blog_excerpt ">The most common ways to visually organize information are based on location and time. In this interactive story, [...]					</p>
554					                    
555					
556					
557					</div><!-- .box-text-inner -->
558					</div><!-- .box-text -->
559									</div><!-- .box -->
560				</a><!-- .link -->
561			</div><!-- .col-inner -->
562		</div><!-- .col -->
563		<div class="col post-item" >
564			<div class="col-inner">
565			<a href="https://morphocode.com/morphocode-best-american-infographics-2015/" class="plain">
566				<div class="box box-push box-text-bottom box-blog-post has-hover">
567            					<div class="box-image" >
568  						<div class="image-cover" style="padding-top:56.25%;">
569  							<img loading="lazy" decoding="async" width="500" height="300" src="https://morphocode.com/wp-content/uploads/2015/12/the-best-american-infographics-2015-cover-featured-500x300.jpg" class="attachment-medium size-medium wp-post-image" alt="" />  							  							  						</div>
570  						  					</div><!-- .box-image -->
571          					<div class="box-text text-left is-large" >
572					<div class="box-text-inner blog-post-inner">
573
574					
575										<h5 class="post-title is-xlarge ">Morphocode in the Best American Infographics</h5>
576										<div class="is-divider"></div>
577										<p class="from_the_blog_excerpt ">We are extremely happy to be included in The Best American Infographics. The third volume in the series [...]					</p>
578					                    
579					
580					
581					</div><!-- .box-text-inner -->
582					</div><!-- .box-text -->
583									</div><!-- .box -->
584				</a><!-- .link -->
585			</div><!-- .col-inner -->
586		</div><!-- .col -->
587</div>
588</div></div>
589</div>
590		</div><!-- .section-content -->
591
592		
593<style scope="scope">
594
595#section_2045872741 {
596  padding-top: 50px;
597  padding-bottom: 50px;
598}
599</style>
600	</section>
601	
602	<section class="section" id="section_87408005">
603		<div class="bg section-bg fill bg-fill bg-loaded bg-loaded" >
604
605			
606			
607			
608
609		</div><!-- .section-bg -->
610
611		<div class="section-content relative">
612			
613
614<div class="row align-middle"  id="row-1481501777">
615
616<div class="col measure-wider medium-6 small-12 large-6"  ><div class="col-inner text-left"  >
617
618<div class="gap-element clearfix" style="display:block; height:auto; padding-top:50px"></div>
619
620<h3 class="f2 mb3">Start Learning</h3>
621<p>Get the latest articles, tutorials, and free resources from Morphocode</p>
622
623</div></div>
624<div class="col medium-6 small-12 large-6"  ><div class="col-inner"  >
625
626
627                <div class='gf_browser_chrome gform_wrapper form-cta_wrapper sailec_wrapper center_wrapper' id='gform_wrapper_4' ><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_4' id='gform_4' class='form-cta sailec center' action='/'>
628                        <div class='gform_body'><ul id='gform_fields_4' class='gform_fields top_label form_sublabel_below description_below'><li id='field_4_1'  class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_4_1' >Email<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_email'>
629                            <input name='input_1' id='input_4_1' type='text' value='' class='medium'   placeholder='Enter your email' aria-required="true" aria-invalid="false" />
630                        </div></li><li id='field_4_2'  class='gfield gform_validation_container field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_4_2' >Email</label><div class='ginput_container'><input name='input_2' id='input_4_2' type='text' value='' /></div><div class='gfield_description' id='gfield_description__2'>This field is for validation purposes and should be left unchanged.</div></li>
631                            </ul></div>
632        <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_4' class='gform_button button' value='Subscribe'  onclick='if(window["gf_submitting_4"]){return false;}  window["gf_submitting_4"]=true;  ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_4"]){return false;} window["gf_submitting_4"]=true;  jQuery("#gform_4").trigger("submit",[true]); }' /> <input type='hidden' name='gform_ajax' value='form_id=4&amp;title=&amp;description=&amp;tabindex=0' />
633            <input type='hidden' class='gform_hidden' name='is_submit_4' value='1' />
634            <input type='hidden' class='gform_hidden' name='gform_submit' value='4' />
635            
636            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' />
637            <input type='hidden' class='gform_hidden' name='state_4' value='WyJbXSIsImNlZjU0ZmJkMDM2ZGMyODZjN2Y5MTQwOTVmYzAwZDc1Il0=' />
638            <input type='hidden' class='gform_hidden' name='gform_target_page_number_4' id='gform_target_page_number_4' value='0' />
639            <input type='hidden' class='gform_hidden' name='gform_source_page_number_4' id='gform_source_page_number_4' value='1' />
640            <input type='hidden' name='gform_field_values' value='' />
641            
642        </div>
643                        </form>
644                        </div>
645                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_4' id='gform_ajax_frame_4' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe>
646                
646<script type='text/javascript'>jQuery(document).ready(function($){gformInitSpinner( 4, 'https://morphocode.com/wp-content/plugins/gravityforms/images/spinner.gif' );jQuery('#gform_ajax_frame_4').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_4');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_4').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_4').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_4').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_4').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */  }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_4').val();gformInitSpinner( 4, 'https://morphocode.com/wp-content/plugins/gravityforms/images/spinner.gif' );jQuery(document).trigger('gform_page_loaded', [4, current_page]);window['gf_submitting_4'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}setTimeout(function(){jQuery('#gform_wrapper_4').replaceWith(confirmation_content);jQuery(document).trigger('gform_confirmation_loaded', [4]);window['gf_submitting_4'] = false;}, 50);}else{jQuery('#gform_4').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger('gform_post_render', [4, current_page]);} );} );</script>
646<script type='text/javascript'> jQuery(document).bind('gform_post_render', function(event, formId, currentPage){if(formId == 4) {if(typeof Placeholders != 'undefined'){
647                        Placeholders.enable();
648                    }} } );jQuery(document).bind('gform_post_conditional_logic', function(event, formId, fields, isInit){} );</script>
648<script type='text/javascript'> jQuery(document).ready(function(){jQuery(document).trigger('gform_post_render', [4, 1]) } ); </script>
648
649
650</div></div>
651
652
653<style scope="scope">
654
655</style>
656</div>
657
658		</div><!-- .section-content -->
659
660		
661<style scope="scope">
662
663#section_87408005 {
664  padding-top: 30px;
665  padding-bottom: 30px;
666  background-color: rgb(238, 238, 238);
667}
668</style>
669	</section>
670	
671		
672				
673</div>
674
675
676
677</main><!-- #main -->
678
679<footer id="footer" class="footer-wrapper">
680
681	
682	<section class="section section-footer" id="section_301676394">
683		<div class="bg section-bg fill bg-fill bg-loaded bg-loaded" >
684
685			
686			
687			
688	<div class="is-border"
689		style="border-width:1px 0px 0px 0px;">
690	</div>
691
692		</div><!-- .section-bg -->
693
694		<div class="section-content relative">
695			
696
697<div class="row"  id="row-478108759">
698
699<div class="col medium-3 small-6 large-3"  ><div class="col-inner"  >
700
701<h6 class="uppercase mb3">Academy</h6>
702<ul class="list ph0">
703<li><a class="dark-silver hover-blue" href="/academy/">Start Learning</a></li>
704<li><a class="dark-silver hover-blue" href="https://morphocode.io/mapping-urban-data/" target="_blank" rel="noopener">Mapping Urban Data</a></li>
705<li><a class="dark-silver hover-blue" href="/getting-started-rabbit/" rel="noopener">Getting started with Rabbit</a></li>
706</ul>
707
708</div></div>
709<div class="col medium-3 small-6 large-3"  ><div class="col-inner"  >
710
711<h6 class="uppercase mb3">Works</h6>
712<ul class="list ph0">
713<li><a class="dark-silver hover-blue" href="http://io.morphocode.com/urban-layers/" target="_blank" rel="noopener">Urban layers</a></li>
714<li><a class="dark-silver hover-blue" href="/rabbit/">Rabbit</a></li>
715<li><a class="dark-silver hover-blue" href="http://io.morphocode.com/sofia/en" target="_blank" rel="noopener">The heritage of Sofia</a></li>
716<li><a class="dark-silver hover-blue" href="/visualizing-pedestrian-activity-city-melbourne/">The pulse of Melbourne</a></li>
717</ul>
718
719</div></div>
720<div class="col medium-3 small-6 large-3"  ><div class="col-inner"  >
721
722<h6 class="uppercase mb3">From the Blog</h6>
723<ul class="list ph0">
724<li><a class="dark-silver hover-blue" href="/the-use-of-color-in-maps/">The use of color in maps</a></li>
725<li><a class="dark-silver hover-blue" href="/global-trends-urbanisation/">Global trends of urbanization</a></li>
726<li><a class="dark-silver hover-blue" href="/small-multiples-visual-explorations-in-architecture-and-information-design/" rel="noopener">Small multiples</a></li>
727<li><a class="dark-silver hover-blue" href="/morphocode-best-american-infographics-2015/" rel="noopener">Morphocode in the best american infographics</a></li>
728<li><a class="dark-silver hover-blue" href="/post/inspiration/">Inspiration</a></li>
729<li><a class="dark-silver hover-blue" href="/post/featured-story/">Featured stories</a></li>
730</ul>
731
732</div></div>
733<div class="col medium-3 small-6 large-3"  ><div class="col-inner"  >
734
735<h6 class="uppercase mb3">Get to know us</h6>
736<ul class="list ph0">
737<li><a class="dark-silver hover-blue" href="/about/">About</a></li>
738<li><a class="dark-silver hover-blue" href="/contact/">Contact us</a></li>
739</ul>
740<div class="is-divider divider clearfix" ></div><!-- .divider -->
741
742<div class="social-icons follow-icons" style="font-size:101%"><a href="https://facebook.com/morphocode" target="_blank" data-label="Facebook"  rel="noopener noreferrer nofollow" class="icon plain facebook tooltip" title="Follow on Facebook"><i class="icon-facebook" ></i></a><a href="https://twitter.com/morphocode" target="_blank"  data-label="Twitter"  rel="noopener noreferrer nofollow" class="icon plain  twitter tooltip" title="Follow on Twitter"><i class="icon-twitter" ></i></a><a href="https://linkedin.com/company/morphocode/" target="_blank" rel="noopener noreferrer nofollow" data-label="LinkedIn" class="icon plain  linkedin tooltip" title="Follow on LinkedIn"><i class="icon-linkedin" ></i></a></div>
743
744
745</div></div>
746
747</div>
748
749		</div><!-- .section-content -->
750
751		
752<style scope="scope">
753
754#section_301676394 {
755  padding-top: 50px;
756  padding-bottom: 50px;
757}
758</style>
759	</section>
760	
761<div class="absolute-footer light medium-text-center small-text-center">
762  <div class="container clearfix">
763
764    
765    <div class="footer-primary pull-left">
766            <div class="copyright-footer">
767              </div>
768          </div><!-- .left -->
769  </div><!-- .container -->
770</div><!-- .absolute-footer -->
771</footer><!-- .footer-wrapper -->
772
773</div><!-- #wrapper -->
774
775<!-- Mobile Sidebar -->
776<div id="main-menu" class="mobile-sidebar no-scrollbar mfp-hide">
777    <div class="sidebar-menu no-scrollbar text-center">
778        <ul class="nav nav-sidebar nav-anim nav-vertical nav-uppercase">
779              <li class="header-search-form search-form html relative has-icon">
780	<div class="header-search-form-wrapper">
781		<div class="searchform-wrapper ux-search-box relative form-flat is-normal"><form method="get" class="searchform" action="https://morphocode.com/" role="search">
782		<div class="flex-row relative">
783			<div class="flex-col flex-grow">
784	   	   <input type="search" class="search-field mb-0" name="s" value="" id="s" placeholder="Search&hellip;" />
785			</div><!-- .flex-col -->
786			<div class="flex-col">
787				<button type="submit" class="ux-search-submit submit-button secondary button icon mb-0" aria-label="Submit">
788					<i class="icon-search" ></i>				</button>
789			</div><!-- .flex-col -->
790		</div><!-- .flex-row -->
791    <div class="live-search-results text-left z-top"></div>
792</form>
793</div>	</div>
794</li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8702"><a href="https://morphocode.com/academy/" class="nav-top-link">Academy</a></li>
795<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16208"><a href="https://morphocode.com/blog/" class="nav-top-link">Blog</a></li>
796<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12577"><a href="https://morphocode.com/work/" class="nav-top-link">Work</a></li>
797<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6830"><a href="https://morphocode.com/contact/" class="nav-top-link">Contact</a></li>
798<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6896"><a href="https://morphocode.com/about/" class="nav-top-link">About</a></li>
799<li class="html header-social-icons ml-0">
800	<div class="social-icons follow-icons" ><a href="https://facebook.com/morphocode" target="_blank" data-label="Facebook"  rel="noopener noreferrer nofollow" class="icon button circle is-outline facebook tooltip" title="Follow on Facebook"><i class="icon-facebook" ></i></a><a href="https://twitter.com/morphocode" target="_blank"  data-label="Twitter"  rel="noopener noreferrer nofollow" class="icon button circle is-outline  twitter tooltip" title="Follow on Twitter"><i class="icon-twitter" ></i></a></div></li>        </ul>
801    </div><!-- inner -->
802</div><!-- #mobile-menu -->
803<script type="speculationrules">
804{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/morphocode-neue/*","/wp-content/themes/flatsome/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
805</script>
805
806<!-- Drip Code -->
807<script type="text/javascript">
808  var _dcq = _dcq || [];
809  var _dcs = _dcs || {}; 
810  _dcs.account = '2855891';
811  
812  (function() {
813    var dc = document.createElement('script');
814    dc.type = 'text/javascript'; dc.async = true; 
815    dc.src = '//tag.getdrip.com/2855891.js';
816    var s = document.getElementsByTagName('script')[0];
817    s.parentNode.insertBefore(dc, s);
818  })();
819</script>
819
820		<div id="modal-login" class="ml-modal fade" tabindex="-1" role="dialog" aria-hidden="true">
821
822			
823			
824			<div class="modal-login-dialog">
825		      <div class="ml-content">
826
827				<div class="section-container">
828
829										<div id="login" class="modal-login-content">
830
831						<button type="button" class="ml-close" data-dismiss="ml-modal" aria-hidden="true">&times;</button>
832						<h2>Sign in</h2>
833
834						
835						<form action="login" method="post" id="form" class="group" name="loginform">
836
837							
838							<p class="mluser">
839								<label class="field-titles" for="login_user">Username</label>
840								<input type="text" name="log" id="login_user" class="input" placeholder="Email" value="" size="20" />
841							</p>
842
843							<p class="mlpsw">
844								<label class="field-titles" for="login_pass">Password</label>
845								<input type="password" name="pwd" id="login_pass" class="input" placeholder="Password" value="" size="20" />
846                                <a href="#forgotten" class="modal-login-nav forgotten-pass" tabindex="-1">Forgot password? </a>
847							</p>
848
849							
850							<p class="submit">
851
852								
853								<input type="submit" name="wp-sumbit" id="wp-submit" class="button button-primary button-large" value="Sign In" />
854								<input type="hidden" name="login" value="true" />
855								<input type="hidden" id="security" name="security" value="7042598346" /><input type="hidden" name="_wp_http_referer" value="/" />
856							</p><!--[END .submit]-->
857
858                            <p id="forgetmenot">
859                                <label class="forgetmenot-label" for="rememberme"><input name="rememberme" type="checkbox" placeholder="Password" id="rememberme" value="forever" /> Keep me signed in until I sign out</label>
860                            </p>
861
862							
863						</form><!--[END #loginform]-->
864					</div><!--[END #login]-->
865
866																<div id="register" class="modal-login-content" style="display:none;">
867
868							<button type="button" class="ml-close" data-dismiss="ml-modal" aria-hidden="true">&times;</button>
869							<h2>Sign up for Morphocode</h2>
870
871							
872							<form action="register" method="post" id="form" class="group" name="loginform">
873
874								
875                                <p class="mlname">
876                                    <span class="firstname-field">
877                                    <label class="field-titles" for="reg_firstname">First name</label>
878                                    <input type="text" name="user_firstname" id="reg_firstname" class="input" placeholder="First name" value="" size="20" />
879                                    </span>
880                                    <span class="lastname-field">
881                                    <label class="field-titles" for="reg_lastname">Last name</label>
882                                    <input type="text" name="user_lastname" id="reg_lastname" class="input" placeholder="Last name" value="" size="20" />
883                                    </span>
884                                </p>
885
886								<p class="mluser user-register">
887									<label class="field-titles" for="reg_user">Username</label>
888									<input type="text" name="user_login" id="reg_user" class="input" placeholder="Username" value="" size="20" />
889								</p>
890
891								<p class="mlemail">
892									<label class="field-titles" for="reg_email">Email</label>
893									<input type="text" name="user_email" id="reg_email" class="input" placeholder="Email" value="" size="20" />
894								</p>
895
896                                                                    <p class="mlregpsw">
897									<label class="field-titles" for="reg_password">Password</label>
898									<input type="password" name="reg_password" id="reg_password" class="input" placeholder="Password"  />
899								</p>
900
901                                    
902								
903								<p class="submit">
904
905									
906									<input type="submit" name="user-sumbit" id="user-submit" class="button button-primary button-large" value="Sign Up" />
907									<input type="hidden" name="register" value="true" />
908									<input type="hidden" id="security" name="security" value="7042598346" /><input type="hidden" name="_wp_http_referer" value="/" />
909								</p><!--[END .submit]-->
910
911								
912							</form>
913
914						</div><!--[END #register]-->
915					
916										<div id="forgotten" class="modal-login-content" style="display:none;">
917
918						<button type="button" class="ml-close" data-dismiss="ml-modal" aria-hidden="true">&times;</button>
919						<h2>Forgotten Password?</h2>
920
921						
922						<form action="forgotten" method="post" id="form" class="group" name="loginform">
923
924							
925							<p class="mlforgt">
926								<label class="field-titles" for="forgot_login">Email</label>
927								<input type="text" name="forgot_login" id="forgot_login" class="input" placeholder="Email" value="" size="20" />
928							</p>
929
930							
931							<p class="submit">
932
933								
934								<input type="submit" name="user-submit" id="user-submit" class="button button-primary button-large" value="Reset Password">
935								<input type="hidden" name="forgotten" value="true" />
936								<input type="hidden" id="security" name="security" value="7042598346" /><input type="hidden" name="_wp_http_referer" value="/" />
937							</p>
938
939							
940						</form>
941
942					</div><!--[END #forgotten]-->
943				</div><!--[END .section-container]-->
944			
945			<div id="additional-settings" class="login"><div class="register-info"><span>Need an account? </span><a href="#register" class="modal-login-nav register-link">Sign Up</a> </div><div class="login-info"><span>Already have an account? </span><a href="#login" class="modal-login-nav">Sign In</a></div></div>
946				</div>
947			</div>
948		</div><!--[END #modal-login]-->
949	        
949<script>if( typeof QTags !== 'undefined' ){QTags.addButton( 'pre', 'pre', '<pre>', '</pre>\n', 'p', '', 105 );}</script>
949
950    
950<script id="modal-login-script-js-extra">
951var modal_login_script = {"ajax":"https://morphocode.com/wp-admin/admin-ajax.php","redirecturl":"/","loadingmessage":"Checking Credentials..."};
952//# sourceURL=modal-login-script-js-extra
953</script>
vendor: 1 bytes, line 953
953
954<script id="modal-login-script-js" src="https://morphocode.com/wp-content/plugins/pressapps-modal-login/js/modal-login.js?ver=1.2.0"></script>
vendor: 1 bytes, line 954
954
955<script id="modal-script-js" src="https://morphocode.com/wp-content/plugins/pressapps-modal-login/js/modal.js?ver=1.2.0"></script>
vendor: 1 bytes, line 955
955
956<script id="dlm-xhr-js-extra">
957var dlmXHRtranslations = {"error":"An error occurred while trying to download the file. Please try again.","not_found":"Download does not exist.","no_file_path":"No file path defined.","no_file_paths":"No file paths defined.","filetype":"Download is not allowed for this file type.","file_access_denied":"Access denied to this file.","access_denied":"Access denied. You do not have permission to download this file.","security_error":"Something is wrong with the file path.","file_not_found":"File not found."};
958//# sourceURL=dlm-xhr-js-extra
959</script>
vendor: 1 bytes, line 959
959
960<script id="dlm-xhr-js-before">
961const dlmXHR = {"xhr_links":{"class":["download-link","download-button"]},"prevent_duplicates":true,"ajaxUrl":"https:\/\/morphocode.com\/wp-admin\/admin-ajax.php"}; dlmXHRinstance = {}; const dlmXHRGlobalLinks = "https://morphocode.com/download/"; const dlmNonXHRGlobalLinks = []; dlmXHRgif = "https://morphocode.com/wp-includes/images/spinner.gif"; const dlmXHRProgress = "1"
962//# sourceURL=dlm-xhr-js-before
963</script>
vendor: 1 bytes, line 963
963
964<script id="dlm-xhr-js" src="https://morphocode.com/wp-content/plugins/download-monitor/assets/js/dlm-xhr.min.js?ver=5.1.10"></script>
vendor: 1 bytes, line 964
964
965<script id="select2-js" src="https://morphocode.com/wp-content/plugins/mivhak/vendor/askupa-software/amarkal-framework/Assets/js/select2.min.js?ver=0.3.7"></script>
vendor: 1 bytes, line 965
965
966<script id="ace-editor-js" src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.3/ace.js?ver=1.2.3"></script>
vendor: 1 bytes, line 966
966
967<script id="mivhak-js-extra">
968var mivhak_settings = {"line_numbers":"","auto_assign":"","show_meta":"","min_lines":"1","default_lang":"","font_size":"12","theme":"dawn","version":"1.3.6","lang_list":{"abap":"ABAP","abc":"ABC","actionscript":"ActionScript","ada":"Ada","apache_conf":"ApacheConf","applescript":"AppleScript","asciidoc":"AsciiDoc","assembly_x86":"Assembly x86","autohotkey":"AutoHotkey","batchfile":"Batch File","c9search":"c9search","c_cpp":"C/C++","cirru":"cirru","clojure":"Clojure","cobol":"COBOL","coffee":"CoffeeScript","coldfusion":"ColdFusion","csharp":"C#","css":"CSS","curly":"Curly","d":"D","dart":"Dart","diff":"diff","django":"Django","dockerfile":"Dockerfile","dot":"DOT","eiffel":"Eiffel","ejs":"EJS","elixir":"Elixir","elm":"Elm","erlang":"Erlang","forth":"Forth","ftl":"FTL","gcode":"G-Code","gherkin":"Gherkin","gitignore":"gitignore","glsl":"GLSL","gobstones":"gobstones","golang":"Go","groovy":"Groovy","haml":"Haml","handlebars":"Handlebars","haskell":"Haskell","haxe":"Haxe","html":"HTML","html_elixir":"HTML Elixir","html_ruby":"HTML Ruby","ini":"INI","io":"io","jack":"JACK","jade":"Jade","java":"Java","javascript":"JavaScript","json":"JSON","jsoniq":"JSONiq","jsp":"JSP","jsx":"JSX","julia":"Julia","latex":"LaTex","lean":"Lean","less":"Less","liquid":"Liquid","lisp":"Lisp","livescript":"LiveScript","logiql":"LogiQL","lsl":"LSL","lua":"Lua","luapage":"Luapage","lucene":"Lucene","makefile":"Makefile","markdown":"Markdown","mask":"Mask","matlab":"MATLAB","maze":"Maze","mel":"MEL","mipsassembler":"MIPS Assembler","mushcode":"MUSHCode","mysql":"MySQL","nix":"nix","nsis":"NSIS","objectivec":"Objective-C","ocaml":"OCaml","pascal":"Pascal","perl":"Perl","pgsql":"pgSQL","php":"PHP","plain_text":"Plain Text","powershell":"PowerShell","praat":"Praat","prolog":"Prolog","properties":"Properties","protobuf":"Protocol Bufffers","python":"Python","r":"R","razor":"Razor","rdoc":"RDoc","rhtml":"rhtml","rst":"reStructuredText","ruby":"Ruby","rust":"Rust","sass":"Sass","scad":"SCAD","scala":"Scala","scheme":"Scheme","scss":"SCSS","sh":"sh","sjs":"SJS","smarty":"Smarty","snippets":"Snippets","soy_template":"Soy Template","space":"Space","sql":"SQL","sqlserver":"SQLServer","stylus":"Stylus","svg":"SVG","swift":"Swift","swig":"Swig","tcl":"Tcl","tex":"Tex","text":"Text","textile":"Textile","toml":"Toml","twig":"Twig","typescript":"TypeScript","vala":"Vala","vbscript":"VBScript","velocity":"Velocity","verilog":"Verilog","vhdl":"VHDL","wollok":"Wollok","xml":"XML","xquery":"XQuery","yaml":"YAML"},"i18n":["line","lines","Copy this code to clipboard","Open this code in a 
968new window","Wrap lines","Show code","About"]};
969//# sourceURL=mivhak-js-extra
970</script>
vendor: 1 bytes, line 970
970
971<script id="mivhak-js" src="https://morphocode.com/wp-content/plugins/mivhak/assets/js/mivhak.min.js?ver=1.3.6"></script>
vendor: 1 bytes, line 971
971
972<script id="hoverIntent-js" src="https://morphocode.com/wp-includes/js/hoverIntent.min.js?ver=1.10.2"></script>
vendor: 1 bytes, line 972
972
973<script id="flatsome-js-js-extra">
974var flatsomeVars = {"ajaxurl":"https://morphocode.com/wp-admin/admin-ajax.php","rtl":"","sticky_height":"70","lightbox":{"close_markup":"\u003Cbutton title=\"%title%\" type=\"button\" class=\"mfp-close\"\u003E\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-x\"\u003E\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003E\u003C/line\u003E\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003E\u003C/line\u003E\u003C/svg\u003E\u003C/button\u003E","close_btn_inside":false},"user":{"can_edit_pages":false}};
975//# sourceURL=flatsome-js-js-extra
976</script>
vendor: 1 bytes, line 976
976
977<script id="flatsome-js-js" src="https://morphocode.com/wp-content/themes/flatsome/assets/js/flatsome.js?ver=3.9.0"></script>
vendor: 1 bytes, line 977
977
978<script id="jetpack-stats-js-before">
979_stq = window._stq || [];
980_stq.push([ "view", {"v":"ext","blog":"6920460","post":"6825","tz":"3","srv":"morphocode.com","j":"1:15.7.1"} ]);
981_stq.push([ "clickTrackerInit", "6920460", "6825" ]);
982//# sourceURL=jetpack-stats-js-before
983</script>
vendor: 1 bytes, line 983
983
984<script data-wp-strategy="defer" defer id="jetpack-stats-js" src="https://stats.wp.com/e-202640.js"></script>
vendor: 1 bytes, line 984
984
985<script id="gform_json-js" src="https://morphocode.com/wp-content/plugins/gravityforms/js/jquery.json.min.js?ver=2.4.18"></script>
vendor: 1 bytes, line 985
985
986<script id="gform_gravityforms-js-extra">
987var gf_global = {"gf_currency_config":{"name":"U.S. Dollar","symbol_left":"$","symbol_right":"","symbol_padding":"","thousand_separator":",","decimal_separator":".","decimals":2},"base_url":"https://morphocode.com/wp-content/plugins/gravityforms","number_formats":[],"spinnerUrl":"https://morphocode.com/wp-content/plugins/gravityforms/images/spinner.gif"};
988//# sourceURL=gform_gravityforms-js-extra
989</script>
vendor: 1 bytes, line 989
989
990<script id="gform_gravityforms-js" src="https://morphocode.com/wp-content/plugins/gravityforms/js/gravityforms.min.js?ver=2.4.18"></script>
vendor: 1 bytes, line 990
990
991<script id="gform_placeholder-js" src="https://morphocode.com/wp-content/plugins/gravityforms/js/placeholders.jquery.min.js?ver=2.4.18"></script>
vendor: 1 bytes, line 991
991
992<script id="wp-emoji-settings" type="application/json">
993{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://morphocode.com/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}}
994</script>
vendor: 1 bytes, line 994
994
995<script type="module">
996/*! This file is auto-generated */
997var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
998//# sourceURL=https://morphocode.com/wp-includes/js/wp-emoji-loader.min.js
999</script>
999
1000
1001</body>
1002</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.