https://www.rangelstudio.com/login/artist-run-website

1<!DOCTYPE HTML>
2<html lang="en">
3<head>
4<link rel="stylesheet" href="/css/blueprint/screen.css" type="text/css" media="screen, projection">
5<link rel="stylesheet" href="/css/blueprint/print.css" type="text/css" media="print">
6<!--[if lt IE 8]><link rel="stylesheet" href="/css/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
7<link rel="stylesheet" href="/fonts/roboto/stylesheet.css" type="text/css" charset="utf-8">
8<meta name="robots" content="noodp, noydir, noindex, follow"/>
9<meta name="generator" content="artistrunwebsite.com"/>
10<meta name="publisher" content="artistrunwebsite.com"/>
11<meta name="author" content="Matthew Rangel"/>
12<link rel="canonical" href="https://www.rangelstudio.com/login/artist-run-website"/>
13<link title="RANGEL STUDIO" rel="alternate" type="application/rss+xml" href="https://www.rangelstudio.com/rss.xml"/>
14<link rel="stylesheet" type="text/css" href="/css/registrationform.css" media="screen, projection"/>
15<link rel="stylesheet" type="text/css" href="/themes/misuraca-thumbnails-slideshow/css/main.css" media="screen, projection"/>
16<link rel="stylesheet" type="text/css" href="/css/social.css" media="screen, projection"/>
17<style type="text/css" media="screen, projection">
18/*<![CDATA[*/
19div#remotelogin, div#remotelogin h2.login, div#remotelogin h2.login a, div#remotelogin label {color:#222;}div#remotelogin a, div#remotelogin p.hint {color:#888;}a#artistlogin-icon { position:relative; background-image: url("/css/images/artist-login-lightbg.png"); width:8px; height:9px; display: inline-block; margin:0 0 0 0.3em; top:0.1em;}div#remotelogin a:hover {color:#0099FF;}* html #holyfooter-wrapper, body {background-color:#F0F0F0;}img {color:#F0F0F0;}#holyheader, #whiteBGminSize, #thumbnailHolder, .elastislide-wrapper {background-color:#fafafa;}#imageHolder #image, .elastislide-carousel ul li a img {border-color:#fafafa;}#imageHolder #imageData {border-color:#e9e9e9;}.elastislide-carousel ul li a img:hover, .elastislide-carousel ul li a img.selected {border-color:#dcdcdc;}div#holyheader h1.websitetitle {color:#555555;}div#holyheader h1.websitetitle a {color:#555555;}div#holyheader h1.websitetitle {font-size:24px;}div#holyheader h1.websitetitle {font-weight:normal;}div#holyheader h1.websitetitle {font-family:Arial,Arial,Helvetica,sansserif;}#page h2 {color:#616161;}#contact h2 {color:#616161;}#blog .post .title a {color:#616161;}#error h1, #error h2, #error h3 {color:#616161;}#imageHolder #imageTitle {color:#616161;}#blog h2.category {color:#616161;}#page h2 {font-size:15px;}#contact h2 {font-size:15px;}#blog .post .title a {font-size:15px;}#error h1, #error h2, #error h3 {font-size:15px;}#imageHolder #imageTitle {font-size:15px;}#blog h2.category {font-size:15px;}#page h2 {font-weight:bold;}#contact h2 {font-weight:bold;}#blog .post .title a {font-weight:bold;}#error h1, #error h2, #error h3 {font-weight:bold;}#imageHolder #imageTitle {font-weight:bold;}#blog h2.category {font-weight:bold;}#page h2 {font-family:Arial,Arial,Helvetica,sansserif;}#contact h2 {font-family:Arial,Arial,Helvetica,sansserif;}#blog .post .title a {font-family:Arial,Arial,Helvetica,sansserif;}#error h1, #error h2, #error h3 {font-family:Arial,Arial,Helvetica,sansserif;}#imageHolder #imageTitle {font-family:Arial,Arial,Helvetica,sansserif;}#blog h2.category {font-family:Arial,Arial,Helvetica,sansserif;}#blog, #blog .content p {color:#616161;}#page, #page p {color:#616161;}#imageData #imageDescriptionText, #imageData #imageDescriptionText p {color:#616161;}#contact, #contact p {color:#616161;}#error, #error p {color:#616161;}#sidebar .portlet-title {color:#616161;}#blog, #blog .content p {font-size:11px;}#page, #page p {font-size:11px;}#imageData #imageDescriptionText, #imageData #imageDescriptionText p {font-size:11px;}#contact, #contact p {font-size:11px;}#error, #error p {font-size:11px;}#sidebar .portlet-title {font-size:11px;}#blog, #blog .content p {font-weight:normal;}#page, #page p {font-weight:normal;}#imageData #imageDescriptionText, #imageData #imageDescriptionText p {font-weight:normal;}#contact, #contact p {font-weight:normal;}#error, #error p {font-weight:normal;}#sidebar .portlet-title {font-weight:normal;}#blog, #blog .content p {font-family:Arial,Arial,Helvetica,sansserif;}#page, #page p {font-family:Arial,Arial,Helvetica,sansserif;}#imageData #imageDescriptionText, #imageData #imageDescriptionText p {font-family:Arial,Arial,Helvetica,sansserif;}#contact, #contact p {font-family:Arial,Arial,Helvetica,sansserif;}#error, #error p {font-family:Arial,Arial,Helvetica,sansserif;}#sidebar .portlet-title {font-family:Arial,Arial,Helvetica,sansserif;}#menu a {color:#616161;}#menu li.folder {color:#616161;}#artistruncredit a, #artistruncredit span {color:#616161;}#blog a {color:#616161;}#page a {color:#616161;}#imageData #imageDescriptionText .ecommerceText a {color:#616161;}#sidebar .portlet-content ul li, #sidebar .portlet-content ul li a {color:#616161;}#blog a {text-decoration:none;}#page a {text-decoration:none;}#imageData #imageDescriptionText .ecommerceText a {text-decoration:none;}#sidebar .portlet-content ul li, #sidebar .portlet-content ul li a {text-decoration:none;}a.selected, #menu a.selected {color:#0099FF;}#menu a:hover {color:#0099FF;}#menu li.folder:hover {color:#0099FF;}#blog a:hover {color:#0099FF;}#page a:hover {color:#0099FF;}#artistruncredit a:hover {color:#0099FF;}div#holyheader h1.websitetitle a:hover {color:#0099FF;}#imageData #imageDescriptionText .ecommerceText a:hover {color:#0099FF;}#sidebar .portlet-content ul li a:hover {color:#0099FF;}#menu {font-size:11px;}#sidebar .portlet-content ul li a {font-size:11px;}#menu ol li a {font-size:11px;}#menu li.folder {font-size:11px;}#sidebar .portlet-content ul li a {font-weight:normal;}#menu ol li a {font-weight:normal;}#menu li.folder {font-weight:normal;}#sidebar .portlet-content ul li a {text-decoration:none;}#menu ol li a {text-decoration:none;}#menu li.folder {text-decoration:none;}#sidebar .portlet-content ul li a {font-family:Arial,Arial,Helvetica,sansserif;}#menu ol li a {font-family:Arial,Arial,Helvetica,sansserif;}#menu li.folder {font-family:Arial,Arial,Helvetica,sansserif;}
20/*]]>*/
21</style>
22<style type="text/css" media="screen, projection">
23/*<![CDATA[*/
24  iframe[name='google_conversion_frame'] {
25    height: 0 !important;
26    width: 0 !important;
27    line-height: 0 !important;
28    font-size: 0 !important;
29    margin-top: -13px;
30    float: left;
31	visibility:hidden;
32}
33
34/*]]>*/
35</style>
36<style type="text/css">
37/*<![CDATA[*/
38#whiteBGminSize {
39  display: flex;
40  flex-direction: column;
41  justify-content: center;
42  align-items: center;
43}
44
45#image {
46  max-width: 100%;
47  height: auto;
48  max-height: calc(100vh - 165px);
49  object-fit: contain; 
50  padding-bottom:5px;
51  box-sizing: border-box;
52}
53
54#imageHolder #imageData {
55  box-sizing: border-box;
56}
57
58
59#imageHolder #imageHeader {
60  display: flex;
61  flex-direction: row;
62  justify-content: space-between;
63  align-items: center;
64  padding: 5px 10px 0 10px;
65  box-sizing: border-box; /* Include padding and border in element's total width and height */
66  width: 100%; /* Make element take up full width of parent */
67  overflow: visible;
68}
69
70#imageHolder #imageTitle {
71  position: initial;
72  float: none;
73  flex-grow: 1;
74}
75
76div#imageHeader > * {
77     flex-shrink: 0;
78   }
79
80.centerWrap1 {
81  display: flex;
82  flex-direction: column;
83  justify-content: center;
84  align-items: center;
85  float: none;
86  left:auto;
87
88}
89
90.centerWrap2 {
91  display: block;
92  width: 100%;
93  float: none;
94  left:auto;
95}
96/*]]>*/
97</style>

98<script type="text/javascript" src="/jquery1.8.3/jquery.min.js"></script>

98

99<script type="text/javascript">//<![CDATA[

99
100!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','//connect.facebook.net/en_US/fbevents.js');fbq('init','

1001411273262493814

100');

100fbq('init','1810385812518239');fbq('track',"PageView");fbq('trackCustom','property',{value:'publicwebsite',});fbq('trackCustom','memberType',{value:'public-guest',});
101//]]></script>

101
102<title>Artist Run Website :: Website Builder :: Login</title>
103<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
104<meta name="language" content="en"/>
105<meta name="description" content="Login to make your artist website. My portfolio website is built using Artist Run Websites&apos;s easy to use website builder. Try for free."/>
106<meta name="keywords" content="Karwendel, Karwendelgebirge, Matthew Rangel, Amie Rangel, artist, Sequoia, Kaweah, Alps, WALDEN Magazin, Falkenhutte, Karwendelhuas, Eng Alm, map, cartography, art, drawing, lithograph, Kings Canyon "/>
107<meta http-equiv="imagetoolbar" content="no"/>
108<meta property="twitter:card" content="summary"/>
109<meta property="og:title" content="Artist Run Website :: Website Builder :: Login"/>

109
110<script async src="https://www.googletagmanager.com/gtag/js?id=

110G-Y3X6QD0VTY

110"></script>

111<script>

111window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','

111G-Y3X6QD0VTY

111');

111</script>

111
112</head>
113<body>
114<div id="wrapper">
115<div id="holyheader">
116<h1 class="websitetitle"><a href="/">RANGEL STUDIO</a></h1>
117</div>
118<div id="holycontainer">
119<div id="holycenter" class="holycolumn">
120<div id="remotelogin">
121<div class="centerWrap1">
122<div class="centerWrap2">
123<h2 class="login"><strong>My <a href="https://www.artistrunwebsite.com" rel="nofollow" title="Artist websites. Try for free. Make your art website.">Artist Run Website</a></strong></h2>
124<div class="form">
125<form action="/login/artist-run-website" method="post">
126<div class="row">
127<label for="UserLogin_email" class="required">Email Address</label>	<input name="UserLogin[email]" id="UserLogin_email" type="text"/>	</div>
128<div class="row">
129<label for="UserLogin_password" class="required">Password</label>	<input name="UserLogin[password]" id="UserLogin_password" type="password"/>	</div>
130<div class="row">
131<p class="hint">
132<a href="https://www.artistrunwebsite.com/user/recovery">Forgot your password?</a> | <a rel="nofollow" href="https://www.artistrunwebsite.com" rel="nofollow" title="Website builder for artists. Try for free.">An easy to use <strong>Website Builder</strong> made for artists</a> </p>
133</div>
134<div class="row rememberMe">
135<input id="ytUserLogin_rememberMe" type="hidden" value="0" name="UserLogin[rememberMe]"/><input name="UserLogin[rememberMe]" id="UserLogin_rememberMe" value="1" type="checkbox"/>	<label class="inline" for="UserLogin_rememberMe">Remember my website login</label>	</div>
136<div class="row submit">
137<input type="submit" name="yt0" value="Login to my website"/>	</div>
138</form></div>
139</div>
140</div>
141</div>	</div>
142<div id="holyleft" class="holycolumn">
143<div id="menu">
144<ol><li><a target="_blank" href="http://amierangelstudio.com/">AMIE</a></li><li class="folder"><span>MATTHEW</span></li><ol><li><a class="blog" href="/blog/">News &amp; Events</a></li><li><a id="12301" href="/gallery/sierra-nevada-codex">SIERRA NEVADA CODEX</a></li><li><a id="4591" href="/gallery/settling">SETTLING </a></li><li><a id="17020" href="/gallery/palisades">PALISADES</a></li><li><a id="4590" href="/gallery/backcountry">BACKCOUNTRY </a></li><li><a id="4589" href="/gallery/a-transect-due-east">A TRANSECT - DUE EAST</a></li><li><a id="9222" href="/gallery/karwendelgebirge-austrian-alps">KARWENDELGEBIRGE, AUSTRIAN ALPS</a></li><li><a id="4592" href="/gallery/the-hatchery">THE HATCHERY</a></li><li><a href="/pages/cv">CV</a></li><li><a href="/pages/bio">BIO</a></li><li><a id="17021" href="/gallery/studio-process">STUDIO PROCESS</a></li><li><a href="/pages/featured-publications">Featured Publications</a></li><li><a href="/form/contact">Contact</a></li></ol></ol>	</div>
145</div>
146</div>
147<div id="artistruncredit">
148<a href="/login/artist-run-website" title="Log in to edit your website | Make your own artist website">my<span style="font-size:0px">&nbsp;</span>.<span style="font-size:0px">&nbsp;</span>artist<span style="font-size:0px">&nbsp;</span>run<span style="font-size:0px">&nbsp;</span>website</a><a id="artistlogin-icon" href="/login/artist-run-website"></a>	</div>
149</div>
150<div id="holyfooter-wrapper">
151<div id="holyfooter">
152<div id="sociallinks">
153&nbsp;	</div>
154</div>
155</div>

156<script type="text/javascript">//<![CDATA[
157var google_tag_params={membertype:'publicwebsite'};
158//]]></script>

158<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion_async.js" charset="utf-8"></script>

158

159<script type="text/javascript">//<![CDATA[
160window.google_trackConversion({google_conversion_id:1003755207,google_custom_params:window.google_tag_params,google_remarketing_only:true});
161//]]></script>

161

162<script>(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"5527776"};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");</script>

162<noscript><img src="//bat.bing.com/action/0?ti=5527776&Ver=2" height="0" width="0" style="display:none; visibility: hidden;"/></noscript>
163<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1411273262493814&ev=PageView&noscript=1"/></noscript>

164<script type="text/javascript" src="/js/protector.js"></script>

164

165<script type="text/javascript" src="/js/menu.js"></script>

165

166<script type="text/javascript">//<![CDATA[
167var copyright='&copy; Matthew Rangel.<br>All rights reserved.';var _gaq=_gaq||[];_gaq.push(['arw._setAccount','UA-38117192-1']);_gaq.push(['arw._trackEvent','www.rangelstudio.com','/login/artist-run-website','']);_gaq.push(['arw._trackPageview']);(function(){var ga=document.createElement('script');ga.type='text/javascript';ga.async=true;ga.src=('https:'==document.location.protocol?'https://ssl':'http://www')+'.google-analytics.com/ga.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(ga,s);})();
168//]]></script>

168
169</body>
170</html>