<!doctype html>
<html lang="en">
	<head>
		<title>alvarsirlin.com</title>
		<meta name="ROBOTS" content="INDEX,FOLLOW">
		<meta name="description" content="I'm Alvar Sirlin, a Front End Developer with 15+ years of experience. 
I specialize in responsive web design for WordPress and Shopify custom themes.

See my...">

		<meta name="keywords" content="">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=1035">
		
		<meta property="og:url" content="https://alvarsirlin.com">		
		<meta property="og:title" content="alvarsirlin.com">		
		<meta property="og:description" content="I'm Alvar Sirlin, a Front End Developer with 15+ years of experience. 
I specialize in responsive web design for WordPress and Shopify custom themes.

See my work.
Say hello.






Looking for illustration? Visit shop.alvar.nyc">
		<meta property="og:image" content="">

		

		<link href="https://favicon.cargocollective.com/622800-1444996430.ico" rel="shortcut icon">
		<link href="https://alvarsirlin.com/rss" rel="alternate" type="application/rss+xml" title="alvarsirlin.com feed">

		<script src="/_jsapps/_libs/cargo.apicore.package.js?26.11.18.1&" data-main=""></script>
<script src="/apipackage?26.11.18.1&" data-main=""></script>
<script src="/javascript?26.11.18.1&1531511195" data-main=""></script>
<link href="/stylesheet?26.11.18.1&1690469296" id="member_stylesheet" rel="stylesheet" type="text/css" />
<link href="/_jsapps/api/_css/global.css?26.11.18.1&" id="" rel="stylesheet" type="text/css" />
<script type="text/json" data-set="defaults">{"route_name":"index","current_offset":0,"current_page":1,"cargo_url":"alvarsirlin","is_domain":true,"is_mobile":false,"is_tablet":false,"is_phone":false,"start_project":"10036160","route":null,"network":"Cargo","api_path":"\/\/alvarsirlin.com\/_api","is_editor":false,"total_projects":"9","join_muid":"539725","squeeze_id":"1276438982588356310923708223590502400","design_name":"neptune","template_basename":"design","_use_google_analytics":"1"}</script>
<script type="text/json" data-set="DisplayOptions">{"user_id":622800,"pagination_count":20,"header_link_to_index":true,"header_2x":false,"total_projects":"9","thumb_size":{"w":"*","h":"*"},"image_width":"1000","pages_do_not_paginate":false,"following_link_in_nav":false,"tags_in_thumb":true,"title_in_thumb":true,"view_count_in_project":false,"title_in_project":true,"footer_in_project":true,"pages_in_text_nav":true,"projects_in_text_nav":false,"use_sets":true,"sets_open_by_default":true,"sets_can_toggle":true,"sets_one_at_a_time":false,"use_set_links":true,"sets_are_clickable":null,"set_links_position":"bottom","disable_project_scroll":false,"recent_project_as_start":false,"excerpt_in_thumb":false,"thumbs_below_projects":true,"thumbs_below_pages":false,"lightbox_view":false,"slide_transition":"fade","slide_transition_duration":0.4,"slide_auto_play":{"enabled":false,"delay":"1"},"slide_text_nav":{"enabled":true,"prev":"Previous","slash":"\/","next":"Next image","number_enabled":true,"number_style":"parentheses"},"slide_nav_position":"top","slide_image_position":{"center":true,"responsive":false},"slide_thumbnails":{"enabled":false,"position":"bottom"},"slide_default_thumbs":false,"slide_toggle_thumb_link":{"enabled":true,"title":"Thumbnails"},"resource_url":null,"sticky_pages":null,"image_scroll":true,"captions_view":false,"lightbox_zoom_enabled":true,"mobile_index_name":{"link_name":"Index","enabled":true},"set_options":true,"slideshow_responsive":false,"slideshow_thumbnails_header":true}</script>
<script type="text/json" data-set="Site">{"id":"622800","direct_link":"https:\/\/alvarsirlin.com","display_url":"alvarsirlin.com","following_url":"https:\/\/alvarsirlin.com\/following","website_title":"alvarsirlin.com","meta_tags":"","meta_description":"","meta_head":"","start_project_id":"10036160","thumb_url":"https:\/\/payload.cargocollective.com\/1\/19\/622800\/14514635\/prt_1708981488.png","css_url":"\/stylesheet","rss_url":"https:\/\/alvarsirlin.com\/rss","js_url":"\/javascript","asset_path":"https:\/\/assets.cdn.cargocollective.com\/539725\/1276438982588356310923708223590502400","favicon_url":"https:\/\/favicon.cargocollective.com\/622800-1444996430.ico","header_url":null,"header_width":null,"header_height":null,"header_width_2x":0,"header_height_2x":0,"header_text":"Alvar Sirlin<br>Front End Development","mobile_header_url":null,"mobile_header_width":0,"mobile_header_height":0,"mobile_header_text":"alvarsirlin.com","custom_html":"<customhtml>\n<\/customhtml>","filter":false,"following_count":"0","is_editor":false,"use_hi_res":false,"files":[],"resource_url":"alvarsirlin.com\/_api\/v0\/site\/622800","current_set_key":null}</script>
<script type="text/json" data-set="Assets">[{"id":"6f600f3462","filename":"close.svg"},{"id":"ec64efbdae","filename":"easing.js"},{"id":"655c9746b4","filename":"imagesLoaded.js"},{"id":"ee5fc340c9","filename":"index.svg"},{"id":"96ea152463","filename":"isotope.js"},{"id":"e3a0078097","filename":"masonryHorizontal.js"},{"id":"51a0f7276c","filename":"menu_icon.svg"},{"id":"3a55e96858","filename":"preview-thumbnail.jpg"}]</script>
<script type="text/json" data-set="ProjectDetail">{"id":10036160,"site_id":"622800","link_url":false,"project_url":"Home","direct_link":"https:\/\/alvarsirlin.com\/Home","type":"page","link_target":"","title":"Home","title_no_html":"Home","show_title":false,"tags":[],"display":true,"excerpt":"I'm Alvar Sirlin, a Front End Developer with 15+ years of experience. \r\nI specialize in responsive web design for WordPress and Shopify custom themes.\r\n\r\nSee my...","excerpt_long":"I'm Alvar Sirlin, a Front End Developer with 15+ years of experience. \r\nI specialize in responsive web design for WordPress and Shopify custom themes.\r\n\r\nSee my work.\r\nSay hello.\r\n\r\n\r\n\r\n\r\n\r\n\r\nLooking for illustration? Visit shop.alvar.nyc","content":"<br \/>\r\n<h1>I'm Alvar Sirlin, a Front End Developer with 15+ years of experience. <br \/>\r\nI specialize in responsive web design for <b>WordPress<\/b> and <b>Shopify<\/b> custom themes.<br \/>\r\n<span><br \/>\r\nSee my <a href=\"http:\/\/alvarsirlin.com\/Projects\" >work<\/a>.<br \/>\r\nSay <a href='mailto:hello@alvarsirlin.com'>hello<\/a>.<br \/>\r\n<\/span><br \/>\r\n<\/h1><br \/>\r\n<br \/>\r\n<br \/>\r\n<br \/>\r\n<br \/>\r\nLooking for <strong>illustration<\/strong>? Visit <a href='http:\/\/shop.alvar.nyc'>shop.alvar.nyc<\/a><br \/>\r\n","content_2x":"<br \/>\r\n<h1>I'm Alvar Sirlin, a Front End Developer with 15+ years of experience. <br \/>\r\nI specialize in responsive web design for <b>WordPress<\/b> and <b>Shopify<\/b> custom themes.<br \/>\r\n<span><br \/>\r\nSee my <a href=\"http:\/\/alvarsirlin.com\/Projects\" >work<\/a>.<br \/>\r\nSay <a href='mailto:hello@alvarsirlin.com'>hello<\/a>.<br \/>\r\n<\/span><br \/>\r\n<\/h1><br \/>\r\n<br \/>\r\n<br \/>\r\n<br \/>\r\n<br \/>\r\nLooking for <strong>illustration<\/strong>? Visit <a href='http:\/\/shop.alvar.nyc'>shop.alvar.nyc<\/a><br \/>\r\n","content_no_html":"\r\nI'm Alvar Sirlin, a Front End Developer with 15+ years of experience. \r\nI specialize in responsive web design for WordPress and Shopify custom themes.\r\n\r\nSee my work.\r\nSay hello.\r\n\r\n\r\n\r\n\r\n\r\n\r\nLooking for illustration? Visit shop.alvar.nyc\r\n","content_partial_html":"<br \/>\r\n<h1>I'm Alvar Sirlin, a Front End Developer with 15+ years of experience. <br \/>\r\nI specialize in responsive web design for <b>WordPress<\/b> and <b>Shopify<\/b> custom themes.<br \/>\r\n<span><br \/>\r\nSee my <a href=\"http:\/\/alvarsirlin.com\/Projects\" >work<\/a>.<br \/>\r\nSay <a href='mailto:hello@alvarsirlin.com'>hello<\/a>.<br \/>\r\n<\/span><br \/>\r\n<\/h1><br \/>\r\n<br \/>\r\n<br \/>\r\n<br \/>\r\n<br \/>\r\nLooking for <strong>illustration<\/strong>? Visit <a href='http:\/\/shop.alvar.nyc'>shop.alvar.nyc<\/a><br \/>\r\n","date":false,"bgcolor":"","comment_count":0,"thumb_url":"\/_gfx\/thumb_custom.gif","thumb_url_2x":null,"thumb_url_4x":null,"thumb_width":200,"thumb_height":134,"default_thumb_url":"\/_gfx\/thumb_default.gif","default_thumb_url_2x":"https:\/\/alvarsirlin.com\/_gfx\/thumb_default_2x.gif","default_thumb_url_4x":null,"default_thumb_width":200,"default_thumb_height":134,"custom_thumb_url":"\/_gfx\/thumb_custom.gif","custom_thumb_url_2x":null,"custom_thumb_url_4x":null,"custom_thumb_width":0,"custom_thumb_height":0,"sort":3,"set_id":0,"set_name":null,"set_key":null,"set_url":null,"set_count":null,"is_set":false,"views":"21,323"}</script>
<script type="text/x-handlebars-template" id="loading_animation"><div class="retinaSpinner loading"><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(0deg) translate(6px, 0px); transform: rotate(0deg) translate(6px, 0px);" class="spinner_circle part1"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(45deg) translate(6px, 0px); transform: rotate(45deg) translate(6px, 0px);" class="spinner_circle part2"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(90deg) translate(6px, 0px); transform: rotate(90deg) translate(6px, 0px);" class="spinner_circle part3"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(135deg) translate(6px, 0px); transform: rotate(135deg) translate(6px, 0px);" class="spinner_circle part4"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(180deg) translate(6px, 0px); transform: rotate(180deg) translate(6px, 0px);" class="spinner_circle part5"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(225deg) translate(6px, 0px); transform: rotate(225deg) translate(6px, 0px);" class="spinner_circle part6"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(270deg) translate(6px, 0px); transform: rotate(270deg) translate(6px, 0px);" class="spinner_circle part7"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(315deg) translate(6px, 0px); transform: rotate(315deg) translate(6px, 0px);" class="spinner_circle part8"></div></div></div></script>
		
		<script src="/_jsapps/_libs/cargo_plugins/elementResizer.js"></script>
		<script src="https://assets.cdn.cargocollective.com/539725/1276438982588356310923708223590502400/imagesLoaded.js?655c9746b4"></script>
		<script src="https://assets.cdn.cargocollective.com/539725/1276438982588356310923708223590502400/isotope.js?96ea152463"></script>
		<script src="https://assets.cdn.cargocollective.com/539725/1276438982588356310923708223590502400/masonryHorizontal.js?e3a0078097"></script>
		<script src="https://assets.cdn.cargocollective.com/539725/1276438982588356310923708223590502400/easing.js?ec64efbdae"></script>
				
	</head>
	<body data-bodyview="index">

		<customhtml>
</customhtml>

		<div class="loading" data-loading="page">
			<div class="retinaSpinner loading"><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(0deg) translate(6px, 0px); transform: rotate(0deg) translate(6px, 0px);" class="spinner_circle part1"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(45deg) translate(6px, 0px); transform: rotate(45deg) translate(6px, 0px);" class="spinner_circle part2"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(90deg) translate(6px, 0px); transform: rotate(90deg) translate(6px, 0px);" class="spinner_circle part3"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(135deg) translate(6px, 0px); transform: rotate(135deg) translate(6px, 0px);" class="spinner_circle part4"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(180deg) translate(6px, 0px); transform: rotate(180deg) translate(6px, 0px);" class="spinner_circle part5"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(225deg) translate(6px, 0px); transform: rotate(225deg) translate(6px, 0px);" class="spinner_circle part6"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(270deg) translate(6px, 0px); transform: rotate(270deg) translate(6px, 0px);" class="spinner_circle part7"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(315deg) translate(6px, 0px); transform: rotate(315deg) translate(6px, 0px);" class="spinner_circle part8"></div></div></div>
		</div>

		<div class="site_header">
			

			<div class="header_text">
				<a href="https://alvarsirlin.com" rel="show_index">
					Alvar Sirlin<br>Front End Development
				</a>
			</div>
			
			
			<div class="mobile_site_header" >
			
				<div class="navigation_toggle">
					<img class="menu_icon" src="https://assets.cdn.cargocollective.com/539725/1276438982588356310923708223590502400/menu_icon.svg?51a0f7276c">
					<img class="close" src="https://assets.cdn.cargocollective.com/539725/1276438982588356310923708223590502400/close.svg?6f600f3462">
				</div>	
				
			</div>
			
			
				<div class="navigation">
					
					<span id="autopagination_wrapper" data-view="Navigation" data-set="Navigation">
						
													<div id="menu_10036160" class="page_link" data-type="page" data-id="10036160">
								<a id="p10036160"  href="/Home" rel="history">
									Home
								</a>
							</div>
							<div id="menu_10036193" class="set_link" data-type="set" data-id="10036193">
								<a id="p10036193"  href="/Projects" >
									Projects
								</a>
							</div>
					</span>
							
										
							
				</div>
					
			
						
		</div>

		



		
		<div id="index" class="container">
		
		<div class="project_wrapper">	
			<div id="slide_container">
			
				<div id="project" class="project " data-view="ProjectDetail" data-set="Project" style="display:block;">
					
					
	
					<div class="entry" data-id="10036160" data-resize-parent>
						
						<div class="project_content" data-elementresizer-no-resize>
							

							
							
							<projectcontent><br />
<h1>I'm Alvar Sirlin, a Front End Developer with 15+ years of experience. <br />
I specialize in responsive web design for <b>WordPress</b> and <b>Shopify</b> custom themes.<br />
<span><br />
See my <a href="http://alvarsirlin.com/Projects" >work</a>.<br />
Say <a href='mailto:hello@alvarsirlin.com'>hello</a>.<br />
</span><br />
</h1><br />
<br />
<br />
<br />
<br />
Looking for <strong>illustration</strong>? Visit <a href='http://shop.alvar.nyc'>shop.alvar.nyc</a><br />
</projectcontent>
						</div>
	
						
						<div class="project_media" data-elementresizer data-elementresizer-no-centering></div>
						
						<directlink link="https://alvarsirlin.com/Home" id="dl_10036160"></directlink>
	
					</div>
	
					<div class="project_footer">
													
							
							
					</div>
	
				</div>

			</div>
		</div>
			
			<div id="thumbnails" class="thumbnails" data-view="Thumbnail" data-set="Projects">

									<div class="project_thumb" id="item_14514635" data-id="14514635" style="width: 300px">
					
						<div class="loading" data-loading="14514635">
<div class="retinaSpinner loading"><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(0deg) translate(6px, 0px); transform: rotate(0deg) translate(6px, 0px);" class="spinner_circle part1"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(45deg) translate(6px, 0px); transform: rotate(45deg) translate(6px, 0px);" class="spinner_circle part2"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(90deg) translate(6px, 0px); transform: rotate(90deg) translate(6px, 0px);" class="spinner_circle part3"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(135deg) translate(6px, 0px); transform: rotate(135deg) translate(6px, 0px);" class="spinner_circle part4"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(180deg) translate(6px, 0px); transform: rotate(180deg) translate(6px, 0px);" class="spinner_circle part5"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(225deg) translate(6px, 0px); transform: rotate(225deg) translate(6px, 0px);" class="spinner_circle part6"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(270deg) translate(6px, 0px); transform: rotate(270deg) translate(6px, 0px);" class="spinner_circle part7"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(315deg) translate(6px, 0px); transform: rotate(315deg) translate(6px, 0px);" class="spinner_circle part8"></div></div></div>						</div>

						<a href="/ROAR-Center" data-id="14514635" rel="history">

							<div class="thumb_image" name="">
								<img src="https://payload.cargocollective.com/1/19/622800/14514635/prt_300x225_1708981488.png" width="300" height="225"  data-hi-res=https://payload.cargocollective.com/1/19/622800/14514635/prt_300x225_1708981488_2x.png >
							</div>
							
							<div class="thumb_title">
								<span>ROAR Center</span>
							</div>
														
						</a>
						
													
						
								<div class="thumb_tags">
										<span class="thumb_tag"><span><a href="https://alvarsirlin.com/filter/wordpress">wordpress</a></span></span>
										<span class="thumb_tag"><span><a href="https://alvarsirlin.com/filter/bricksbuilder">bricksbuilder</a></span></span>
								</div>
																				
					</div>
									<div class="project_thumb" id="item_14470551" data-id="14470551" style="width: 300px">
					
						<div class="loading" data-loading="14470551">
<div class="retinaSpinner loading"><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(0deg) translate(6px, 0px); transform: rotate(0deg) translate(6px, 0px);" class="spinner_circle part1"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(45deg) translate(6px, 0px); transform: rotate(45deg) translate(6px, 0px);" class="spinner_circle part2"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(90deg) translate(6px, 0px); transform: rotate(90deg) translate(6px, 0px);" class="spinner_circle part3"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(135deg) translate(6px, 0px); transform: rotate(135deg) translate(6px, 0px);" class="spinner_circle part4"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(180deg) translate(6px, 0px); transform: rotate(180deg) translate(6px, 0px);" class="spinner_circle part5"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(225deg) translate(6px, 0px); transform: rotate(225deg) translate(6px, 0px);" class="spinner_circle part6"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(270deg) translate(6px, 0px); transform: rotate(270deg) translate(6px, 0px);" class="spinner_circle part7"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(315deg) translate(6px, 0px); transform: rotate(315deg) translate(6px, 0px);" class="spinner_circle part8"></div></div></div>						</div>

						<a href="/Concrete-Computing" data-id="14470551" rel="history">

							<div class="thumb_image" name="">
								<img src="https://payload.cargocollective.com/1/19/622800/14470551/prt_300x225_1690469413.png" width="300" height="225"  data-hi-res=https://payload.cargocollective.com/1/19/622800/14470551/prt_300x225_1690469413_2x.png >
							</div>
							
							<div class="thumb_title">
								<span>Concrete Computing</span>
							</div>
														
						</a>
						
													
						
								<div class="thumb_tags">
										<span class="thumb_tag"><span><a href="https://alvarsirlin.com/filter/design">design</a></span></span>
										<span class="thumb_tag"><span><a href="https://alvarsirlin.com/filter/wordpress">wordpress</a></span></span>
										<span class="thumb_tag"><span><a href="https://alvarsirlin.com/filter/accessibility">accessibility</a></span></span>
										<span class="thumb_tag"><span><a href="https://alvarsirlin.com/filter/logo">logo</a></span></span>
								</div>
																				
					</div>
									<div class="project_thumb" id="item_14382580" data-id="14382580" style="width: 300px">
					
						<div class="loading" data-loading="14382580">
<div class="retinaSpinner loading"><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(0deg) translate(6px, 0px); transform: rotate(0deg) translate(6px, 0px);" class="spinner_circle part1"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(45deg) translate(6px, 0px); transform: rotate(45deg) translate(6px, 0px);" class="spinner_circle part2"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(90deg) translate(6px, 0px); transform: rotate(90deg) translate(6px, 0px);" class="spinner_circle part3"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(135deg) translate(6px, 0px); transform: rotate(135deg) translate(6px, 0px);" class="spinner_circle part4"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(180deg) translate(6px, 0px); transform: rotate(180deg) translate(6px, 0px);" class="spinner_circle part5"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(225deg) translate(6px, 0px); transform: rotate(225deg) translate(6px, 0px);" class="spinner_circle part6"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(270deg) translate(6px, 0px); transform: rotate(270deg) translate(6px, 0px);" class="spinner_circle part7"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(315deg) translate(6px, 0px); transform: rotate(315deg) translate(6px, 0px);" class="spinner_circle part8"></div></div></div>						</div>

						<a href="/Calm" data-id="14382580" rel="history">

							<div class="thumb_image" name="">
								<img src="https://payload.cargocollective.com/1/19/622800/14382580/prt_300x225_1657315307.jpg" width="300" height="225" >
							</div>
							
							<div class="thumb_title">
								<span>Calm</span>
							</div>
														
						</a>
						
													
						
								<div class="thumb_tags">
										<span class="thumb_tag"><span><a href="https://alvarsirlin.com/filter/shopify">shopify</a></span></span>
										<span class="thumb_tag"><span><a href="https://alvarsirlin.com/filter/vue">vue</a></span></span>
								</div>
																				
					</div>
									<div class="project_thumb" id="item_14382586" data-id="14382586" style="width: 300px">
					
						<div class="loading" data-loading="14382586">
<div class="retinaSpinner loading"><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(0deg) translate(6px, 0px); transform: rotate(0deg) translate(6px, 0px);" class="spinner_circle part1"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(45deg) translate(6px, 0px); transform: rotate(45deg) translate(6px, 0px);" class="spinner_circle part2"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(90deg) translate(6px, 0px); transform: rotate(90deg) translate(6px, 0px);" class="spinner_circle part3"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(135deg) translate(6px, 0px); transform: rotate(135deg) translate(6px, 0px);" class="spinner_circle part4"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(180deg) translate(6px, 0px); transform: rotate(180deg) translate(6px, 0px);" class="spinner_circle part5"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(225deg) translate(6px, 0px); transform: rotate(225deg) translate(6px, 0px);" class="spinner_circle part6"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(270deg) translate(6px, 0px); transform: rotate(270deg) translate(6px, 0px);" class="spinner_circle part7"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(315deg) translate(6px, 0px); transform: rotate(315deg) translate(6px, 0px);" class="spinner_circle part8"></div></div></div>						</div>

						<a href="/Amika" data-id="14382586" rel="history">

							<div class="thumb_image" name="">
								<img src="https://payload.cargocollective.com/1/19/622800/14382586/prt_300x225_1657317794.png" width="300" height="225" >
							</div>
							
							<div class="thumb_title">
								<span>Amika</span>
							</div>
														
						</a>
						
													
						
								<div class="thumb_tags">
										<span class="thumb_tag"><span><a href="https://alvarsirlin.com/filter/shopify">shopify</a></span></span>
										<span class="thumb_tag"><span><a href="https://alvarsirlin.com/filter/vue">vue</a></span></span>
								</div>
																				
					</div>
									<div class="project_thumb" id="item_14382587" data-id="14382587" style="width: 300px">
					
						<div class="loading" data-loading="14382587">
<div class="retinaSpinner loading"><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(0deg) translate(6px, 0px); transform: rotate(0deg) translate(6px, 0px);" class="spinner_circle part1"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(45deg) translate(6px, 0px); transform: rotate(45deg) translate(6px, 0px);" class="spinner_circle part2"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(90deg) translate(6px, 0px); transform: rotate(90deg) translate(6px, 0px);" class="spinner_circle part3"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(135deg) translate(6px, 0px); transform: rotate(135deg) translate(6px, 0px);" class="spinner_circle part4"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(180deg) translate(6px, 0px); transform: rotate(180deg) translate(6px, 0px);" class="spinner_circle part5"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(225deg) translate(6px, 0px); transform: rotate(225deg) translate(6px, 0px);" class="spinner_circle part6"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(270deg) translate(6px, 0px); transform: rotate(270deg) translate(6px, 0px);" class="spinner_circle part7"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(315deg) translate(6px, 0px); transform: rotate(315deg) translate(6px, 0px);" class="spinner_circle part8"></div></div></div>						</div>

						<a href="/Pashion-Footwear" data-id="14382587" rel="history">

							<div class="thumb_image" name="">
								<img src="https://payload.cargocollective.com/1/19/622800/14382587/prt_300x225_1657319778.png" width="300" height="225" >
							</div>
							
							<div class="thumb_title">
								<span>Pashion Footwear</span>
							</div>
														
						</a>
						
													
						
								<div class="thumb_tags">
										<span class="thumb_tag"><span><a href="https://alvarsirlin.com/filter/shopify">shopify</a></span></span>
										<span class="thumb_tag"><span><a href="https://alvarsirlin.com/filter/vue">vue</a></span></span>
								</div>
																				
					</div>
									<div class="project_thumb" id="item_10632302" data-id="10632302" style="width: 300px">
					
						<div class="loading" data-loading="10632302">
<div class="retinaSpinner loading"><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(0deg) translate(6px, 0px); transform: rotate(0deg) translate(6px, 0px);" class="spinner_circle part1"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(45deg) translate(6px, 0px); transform: rotate(45deg) translate(6px, 0px);" class="spinner_circle part2"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(90deg) translate(6px, 0px); transform: rotate(90deg) translate(6px, 0px);" class="spinner_circle part3"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(135deg) translate(6px, 0px); transform: rotate(135deg) translate(6px, 0px);" class="spinner_circle part4"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(180deg) translate(6px, 0px); transform: rotate(180deg) translate(6px, 0px);" class="spinner_circle part5"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(225deg) translate(6px, 0px); transform: rotate(225deg) translate(6px, 0px);" class="spinner_circle part6"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(270deg) translate(6px, 0px); transform: rotate(270deg) translate(6px, 0px);" class="spinner_circle part7"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(315deg) translate(6px, 0px); transform: rotate(315deg) translate(6px, 0px);" class="spinner_circle part8"></div></div></div>						</div>

						<a href="/Sales-Dashboard-Prototype" data-id="10632302" rel="history">

							<div class="thumb_image" name="">
								<img src="https://payload.cargocollective.com/1/19/622800/10632302/prt_300x225_1553272155.jpg" width="300" height="225"  data-hi-res=https://payload.cargocollective.com/1/19/622800/10632302/prt_300x225_1553272155_2x.jpg >
							</div>
							
							<div class="thumb_title">
								<span>Sales Dashboard Prototype</span>
							</div>
														
						</a>
						
													
						
								<div class="thumb_tags">
										<span class="thumb_tag"><span><a href="https://alvarsirlin.com/filter/design">design</a></span></span>
										<span class="thumb_tag"><span><a href="https://alvarsirlin.com/filter/iPad-development">iPad development</a></span></span>
								</div>
																				
					</div>
									<div class="project_thumb" id="item_10036260" data-id="10036260" style="width: 300px">
					
						<div class="loading" data-loading="10036260">
<div class="retinaSpinner loading"><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(0deg) translate(6px, 0px); transform: rotate(0deg) translate(6px, 0px);" class="spinner_circle part1"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(45deg) translate(6px, 0px); transform: rotate(45deg) translate(6px, 0px);" class="spinner_circle part2"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(90deg) translate(6px, 0px); transform: rotate(90deg) translate(6px, 0px);" class="spinner_circle part3"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(135deg) translate(6px, 0px); transform: rotate(135deg) translate(6px, 0px);" class="spinner_circle part4"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(180deg) translate(6px, 0px); transform: rotate(180deg) translate(6px, 0px);" class="spinner_circle part5"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(225deg) translate(6px, 0px); transform: rotate(225deg) translate(6px, 0px);" class="spinner_circle part6"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(270deg) translate(6px, 0px); transform: rotate(270deg) translate(6px, 0px);" class="spinner_circle part7"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(315deg) translate(6px, 0px); transform: rotate(315deg) translate(6px, 0px);" class="spinner_circle part8"></div></div></div>						</div>

						<a href="/iPad-retail-metrics-Protoype" data-id="10036260" rel="history">

							<div class="thumb_image" name="">
								<img src="https://payload.cargocollective.com/1/19/622800/10036260/prt_300x225_1553274226.png" width="300" height="225"  data-hi-res=https://payload.cargocollective.com/1/19/622800/10036260/prt_300x225_1553274226_2x.png >
							</div>
							
							<div class="thumb_title">
								<span>iPad retail metrics Protoype</span>
							</div>
														
						</a>
						
													
						
								<div class="thumb_tags">
										<span class="thumb_tag"><span><a href="https://alvarsirlin.com/filter/design">design</a></span></span>
										<span class="thumb_tag"><span><a href="https://alvarsirlin.com/filter/ipad-development">ipad development</a></span></span>
										<span class="thumb_tag"><span><a href="https://alvarsirlin.com/filter/mobile">mobile</a></span></span>
										<span class="thumb_tag"><span><a href="https://alvarsirlin.com/filter/js">js</a></span></span>
								</div>
																				
					</div>
									<div class="project_thumb" id="item_10037462" data-id="10037462" style="width: 300px">
					
						<div class="loading" data-loading="10037462">
<div class="retinaSpinner loading"><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(0deg) translate(6px, 0px); transform: rotate(0deg) translate(6px, 0px);" class="spinner_circle part1"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(45deg) translate(6px, 0px); transform: rotate(45deg) translate(6px, 0px);" class="spinner_circle part2"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(90deg) translate(6px, 0px); transform: rotate(90deg) translate(6px, 0px);" class="spinner_circle part3"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(135deg) translate(6px, 0px); transform: rotate(135deg) translate(6px, 0px);" class="spinner_circle part4"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(180deg) translate(6px, 0px); transform: rotate(180deg) translate(6px, 0px);" class="spinner_circle part5"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(225deg) translate(6px, 0px); transform: rotate(225deg) translate(6px, 0px);" class="spinner_circle part6"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(270deg) translate(6px, 0px); transform: rotate(270deg) translate(6px, 0px);" class="spinner_circle part7"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(315deg) translate(6px, 0px); transform: rotate(315deg) translate(6px, 0px);" class="spinner_circle part8"></div></div></div>						</div>

						<a href="/Foundation-for-a-Just-Society" data-id="10037462" rel="history">

							<div class="thumb_image" name="">
								<img src="https://payload.cargocollective.com/1/19/622800/10037462/prt_300x225_1553273759.jpg" width="300" height="225"  data-hi-res=https://payload.cargocollective.com/1/19/622800/10037462/prt_300x225_1553273759_2x.jpg >
							</div>
							
							<div class="thumb_title">
								<span>Foundation for a Just Society</span>
							</div>
														
						</a>
						
													
						
								<div class="thumb_tags">
										<span class="thumb_tag"><span><a href="https://alvarsirlin.com/filter/responsive">responsive</a></span></span>
										<span class="thumb_tag"><span><a href="https://alvarsirlin.com/filter/wordpress">wordpress</a></span></span>
										<span class="thumb_tag"><span><a href="https://alvarsirlin.com/filter/highcharts">highcharts</a></span></span>
										<span class="thumb_tag"><span><a href="https://alvarsirlin.com/filter/html">html</a></span></span>
										<span class="thumb_tag"><span><a href="https://alvarsirlin.com/filter/js">js</a></span></span>
								</div>
																				
					</div>
									<div class="project_thumb" id="item_10036098" data-id="10036098" style="width: 300px">
					
						<div class="loading" data-loading="10036098">
<div class="retinaSpinner loading"><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(0deg) translate(6px, 0px); transform: rotate(0deg) translate(6px, 0px);" class="spinner_circle part1"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(45deg) translate(6px, 0px); transform: rotate(45deg) translate(6px, 0px);" class="spinner_circle part2"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(90deg) translate(6px, 0px); transform: rotate(90deg) translate(6px, 0px);" class="spinner_circle part3"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(135deg) translate(6px, 0px); transform: rotate(135deg) translate(6px, 0px);" class="spinner_circle part4"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(180deg) translate(6px, 0px); transform: rotate(180deg) translate(6px, 0px);" class="spinner_circle part5"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(225deg) translate(6px, 0px); transform: rotate(225deg) translate(6px, 0px);" class="spinner_circle part6"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(270deg) translate(6px, 0px); transform: rotate(270deg) translate(6px, 0px);" class="spinner_circle part7"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(315deg) translate(6px, 0px); transform: rotate(315deg) translate(6px, 0px);" class="spinner_circle part8"></div></div></div>						</div>

						<a href="/Chipotle" data-id="10036098" rel="history">

							<div class="thumb_image" name="">
								<img src="https://payload.cargocollective.com/1/19/622800/10036098/prt_300x225_1553273792.png" width="300" height="225"  data-hi-res=https://payload.cargocollective.com/1/19/622800/10036098/prt_300x225_1553273792_2x.png >
							</div>
							
							<div class="thumb_title">
								<span>Chipotle</span>
							</div>
														
						</a>
						
													
						
								<div class="thumb_tags">
										<span class="thumb_tag"><span><a href="https://alvarsirlin.com/filter/ruby-on-rails">ruby on rails</a></span></span>
										<span class="thumb_tag"><span><a href="https://alvarsirlin.com/filter/ecommerce">ecommerce</a></span></span>
										<span class="thumb_tag"><span><a href="https://alvarsirlin.com/filter/project-management">project management</a></span></span>
										<span class="thumb_tag"><span><a href="https://alvarsirlin.com/filter/html">html</a></span></span>
										<span class="thumb_tag"><span><a href="https://alvarsirlin.com/filter/js">js</a></span></span>
								</div>
																				
					</div>
				
			</div>

			
				<div class="set_footer">
					<a href="https://alvarsirlin.com" class="show_index" onclick="window.scrollTo(0,0);" rel="show_index">View all</a>
				</div>
							
			
			<div id="autopaginate_loader" class="moreload" data-view="Autopaginate" data-preload_distance="500">
				<div class="retinaSpinner loading"><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(0deg) translate(6px, 0px); transform: rotate(0deg) translate(6px, 0px);" class="spinner_circle part1"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(45deg) translate(6px, 0px); transform: rotate(45deg) translate(6px, 0px);" class="spinner_circle part2"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(90deg) translate(6px, 0px); transform: rotate(90deg) translate(6px, 0px);" class="spinner_circle part3"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(135deg) translate(6px, 0px); transform: rotate(135deg) translate(6px, 0px);" class="spinner_circle part4"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(180deg) translate(6px, 0px); transform: rotate(180deg) translate(6px, 0px);" class="spinner_circle part5"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(225deg) translate(6px, 0px); transform: rotate(225deg) translate(6px, 0px);" class="spinner_circle part6"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(270deg) translate(6px, 0px); transform: rotate(270deg) translate(6px, 0px);" class="spinner_circle part7"></div></div><div style="position: absolute; top: -2px;"><div style="-webkit-transform: rotate(315deg) translate(6px, 0px); transform: rotate(315deg) translate(6px, 0px);" class="spinner_circle part8"></div></div></div>
			</div>



	</body>
</html>
