· 9 years ago · Jan 24, 2017, 02:02 PM
1<!DOCTYPE html>
2<html lang="en-US">
3<!-- Mirrored from test.kateconnollystudio.com/ by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 23 Jan 2017 15:13:25 GMT -->
4<!-- Added by HTTrack -->
5<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
6<!-- /Added by HTTrack -->
7
8<head>
9 <meta charset="UTF-8">
10 <meta name="description" content="">
11 <!-- Mobile Specific Meta -->
12 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
13 <!-- Pingbacks -->
14 <link rel="pingback" href="xmlrpc.php">
15 <script type='text/javascript'>
16 var TemplateDir = 'http://test.kateconnollystudio.com/wp-content/themes/resume'
17 </script>
18 <!-- Favicon -->
19 <link rel="shortcut icon" href="wp-content/uploads/2016/07/faviconsmalllogo.png">
20 <title>Kate Connolly Studio</title>
21 <link rel="alternate" type="application/rss+xml" title="Kate Connolly Studio » Feed" href="indexd784.html?feed=rss2" />
22 <link rel="alternate" type="application/rss+xml" title="Kate Connolly Studio » Comments Feed" href="indexa6da.html?feed=comments-rss2" />
23 <link rel="alternate" type="application/rss+xml" title="Kate Connolly Studio » FRONT PAGE Comments Feed" href="index4c11.html?feed=rss2&page_id=8" />
24 <script type="text/javascript">
25 window._wpemojiSettings = {
26 "baseUrl": "https:\/\/s.w.org\/images\/core\/emoji\/72x72\/"
27 , "ext": ".png"
28 , "source": {
29 "concatemoji": "http:\/\/test.kateconnollystudio.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.5.5"
30 }
31 };
32 ! function (a, b, c) {
33 function d(a) {
34 var c, d, e, f = b.createElement("canvas")
35 , g = f.getContext && f.getContext("2d")
36 , h = String.fromCharCode;
37 if (!g || !g.fillText) return !1;
38 switch (g.textBaseline = "top", g.font = "600 32px Arial", a) {
39 case "flag":
40 return g.fillText(h(55356, 56806, 55356, 56826), 0, 0), f.toDataURL().length > 3e3;
41 case "diversity":
42 return g.fillText(h(55356, 57221), 0, 0), c = g.getImageData(16, 16, 1, 1).data, d = c[0] + "," + c[1] + "," + c[2] + "," + c[3], g.fillText(h(55356, 57221, 55356, 57343), 0, 0), c = g.getImageData(16, 16, 1, 1).data, e = c[0] + "," + c[1] + "," + c[2] + "," + c[3], d !== e;
43 case "simple":
44 return g.fillText(h(55357, 56835), 0, 0), 0 !== g.getImageData(16, 16, 1, 1).data[0];
45 case "unicode8":
46 return g.fillText(h(55356, 57135), 0, 0), 0 !== g.getImageData(16, 16, 1, 1).data[0]
47 }
48 return !1
49 }
50
51 function e(a) {
52 var c = b.createElement("script");
53 c.src = a, c.type = "text/javascript", b.getElementsByTagName("head")[0].appendChild(c)
54 }
55 var f, g, h, i;
56 for (i = Array("simple", "flag", "unicode8", "diversity"), c.supports = {
57 everything: !0
58 , everythingExceptFlag: !0
59 }, h = 0; h < i.length; h++) c.supports[i[h]] = d(i[h]), c.supports.everything = c.supports.everything && c.supports[i[h]], "flag" !== i[h] && (c.supports.everythingExceptFlag = c.supports.everythingExceptFlag && c.supports[i[h]]);
60 c.supports.everythingExceptFlag = c.supports.everythingExceptFlag && !c.supports.flag, c.DOMReady = !1, c.readyCallback = function () {
61 c.DOMReady = !0
62 }, c.supports.everything || (g = function () {
63 c.readyCallback()
64 }, b.addEventListener ? (b.addEventListener("DOMContentLoaded", g, !1), a.addEventListener("load", g, !1)) : (a.attachEvent("onload", g), b.attachEvent("onreadystatechange", function () {
65 "complete" === b.readyState && c.readyCallback()
66 })), f = c.source || {}, f.concatemoji ? e(f.concatemoji) : f.wpemoji && f.twemoji && (e(f.twemoji), e(f.wpemoji)))
67 }(window, document, window._wpemojiSettings);
68 </script>
69 <style type="text/css">
70 img.wp-smiley,
71 img.emoji {
72 display: inline !important;
73 border: none !important;
74 box-shadow: none !important;
75 height: 1em !important;
76 width: 1em !important;
77 margin: 0 .07em !important;
78 vertical-align: -0.1em !important;
79 background: none !important;
80 padding: 0 !important;
81 }
82 </style>
83 <link rel='stylesheet' id='contact-form-7-css' href='wp-content/plugins/contact-form-7/includes/css/stylesc1f9.css?ver=4.4.2' type='text/css' media='all' />
84 <link rel='stylesheet' id='tt-base-font477019973-css' href='../fonts.googleapis.com/css0eba.css?family=Roboto%3A500%2C900%2C300%2C700%2C400&ver=4.5.5' type='text/css' media='all' />
85 <link rel='stylesheet' id='tt-bootstrap.css-css' href='wp-content/themes/resume/css/bootstrap2cb6.css?ver=4.5.5' type='text/css' media='all' />
86 <link rel='stylesheet' id='tt-custom-scrollbar.css-css' href='wp-content/themes/resume/css/custom-scrollbar2cb6.css?ver=4.5.5' type='text/css' media='all' />
87 <link rel='stylesheet' id='tt-flickity.css-css' href='wp-content/themes/resume/css/flickity2cb6.css?ver=4.5.5' type='text/css' media='all' />
88 <link rel='stylesheet' id='tt-font-awesome.css-css' href='wp-content/themes/resume/css/font-awesome2cb6.css?ver=4.5.5' type='text/css' media='all' />
89 <link rel='stylesheet' id='tt-icomoon.css-css' href='wp-content/themes/resume/css/icomoon2cb6.css?ver=4.5.5' type='text/css' media='all' />
90 <link rel='stylesheet' id='tt-jquery.fullPage.css-css' href='wp-content/themes/resume/css/jquery.fullPage2cb6.css?ver=4.5.5' type='text/css' media='all' />
91 <link rel='stylesheet' id='tt-owl.css-css' href='wp-content/themes/resume/css/owl2cb6.css?ver=4.5.5' type='text/css' media='all' />
92 <link rel='stylesheet' id='tt-main-style-css' href='wp-content/themes/resume/css/screen2cb6.css?ver=4.5.5' type='text/css' media='all' />
93 <style id='tt-main-style-inline-css' type='text/css'>
94 .timeline-box ul li:hover .details-wrapper h3 a {
95 color: #c1faff;
96 }
97
98 .timeline-box ul li:hover .details-wrapper .timeline-circle {
99 border-color: #c1faff;
100 }
101
102 .timeline-box ul li .details-wrapper .timeline-circle {
103 background: #007478;
104 }
105
106 .timeline-box ul li .details-wrapper p {
107 color: #fff;
108 }
109
110 .comment-form textarea {
111 color: #fff;
112 }
113
114 .main-info .short-info-wrapper h1 {
115 font-size: 100px;
116 }
117
118 .timeline-box {
119 height: 610px;
120 }
121
122 .awards-box {
123 height: 610px;
124 }
125
126 .timeline-box ul li:hover .date-wrapper .date {
127 color: #c1faff;
128 }
129
130 .timeline-box ul .mCSB_dragger_bar {
131 background: #c1faff !important;
132 }
133 </style>
134 <link rel='stylesheet' id='tt-theme-style-css' href='wp-content/themes/resume/style2cb6.css?ver=4.5.5' type='text/css' media='all' />
135 <link rel='stylesheet' id='upw_theme_standard-css' href='wp-content/plugins/ultimate-posts-widget/css/upw-theme-standard.min2cb6.css?ver=4.5.5' type='text/css' media='all' />
136 <link rel='stylesheet' id='jetpack_css-css' href='wp-content/plugins/jetpack/css/jetpackf3c8.css?ver=3.9.4' type='text/css' media='all' />
137 <script type='text/javascript'>
138 /* <![CDATA[ */
139 var tesla_ajax = {
140 "url": "http:\/\/test.kateconnollystudio.com\/wp-admin\/admin-ajax.php"
141 , "nonce": "35258d33f5"
142 };
143 tesla_ajax.actions = {
144 portfolio: {}
145 , tesla_services: {}
146 , tesla_timeline: {}
147 , tesla_testimonials: {}
148 , };
149 /* ]]> */
150 </script>
151 <script type='text/javascript' src='wp-includes/js/jquery/jqueryb8ff.js?ver=1.12.4'></script>
152 <script type='text/javascript' src='wp-includes/js/jquery/jquery-migrate.min330a.js?ver=1.4.1'></script>
153 <script type='text/javascript' src='wp-content/plugins/tesla-framework/static/js/holder.js'></script>
154 <link rel='https://api.w.org/' href='index52f0.html?rest_route=/' />
155 <link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc0db0.php?rsd" />
156 <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="wp-includes/wlwmanifest.xml" />
157 <meta name="generator" content="WordPress 4.5.5" />
158 <link rel="canonical" href="index.html" />
159 <link rel='shortlink' href='index.html' />
160 <link rel="alternate" type="application/json+oembed" href="index4a14.html?rest_route=%2Foembed%2F1.0%2Fembed&url=http%3A%2F%2Ftest.kateconnollystudio.com%2F" />
161 <link rel="alternate" type="text/xml+oembed" href="index5abe.html?rest_route=%2Foembed%2F1.0%2Fembed&url=http%3A%2F%2Ftest.kateconnollystudio.com%2F&format=xml" />
162 <script type="text/javascript">
163 var ajaxurl = 'wp-admin/admin-ajax.html';
164 </script>
165 <link rel='dns-prefetch' href='../i0.wp.com/index.html'>
166 <link rel='dns-prefetch' href='../i1.wp.com/index.html'>
167 <link rel='dns-prefetch' href='../i2.wp.com/index.html'>
168 <style type='text/css'>
169 img#wpstats {
170 display: none
171 }
172 </style>
173</head>
174
175<body class="home page page-id-8 page-template page-template-template-slides page-template-template-slides-php">
176 <!-- ========================= START HEADER ======================== -->
177 <header class="header"> <i class="nav-toggle fa fa-bars"></i>
178 <a class="brand" href="#" style=""> <img src="wp-content/uploads/2016/07/logo_blackflat.png" alt="Resume"> </a>
179 </header>
180 <!-- ========================= START NAVIGATION ======================== -->
181 <nav> <i class="nav-close icon-cross3"></i>
182 <ul class="menu-holder">
183 <li id="menu-item-323" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-323"><a href="indexab2f.html?page_id=322">BLOG</a></li>
184 <li id="menu-item-324" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-8 current_page_item menu-item-324"><a href="index.html">FRONT PAGE</a></li>
185 <li id="menu-item-272" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-272"><a href="http://teslathemes.com/demo/wp/resume/404-page">PAGE 404</a></li>
186 <li id="menu-item-314" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-314"><a href="http://teslathemes.com/demo/wp/resume/404-page">PAGE 404</a></li>
187 <li id="menu-item-325" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-325"><a href="http://teslathemes.com/demo/wp/resume/404-page">PAGE 404</a></li>
188 </ul>
189 </nav>
190 <!-- ========================= START SITE PRELOADER ======================== -->
191 <div class="preloader">
192 <div class="preloader-wrapper"> <img src="wp-content/uploads/2016/07/logo_blackflat.png" alt="Resume"> </div>
193 </div>
194 <!-- ========================= START SLIDE PRELOADER ======================== -->
195 <div class="slide-preloader">
196 <div class="slide-preloader-wrapper"> <span></span> <span></span>
197 <br /> <span></span> <span></span> </div>
198 </div>
199 <!-- ========================= START MAIN CONTENT ======================== -->
200 <div id="fullpage" class="content">
201 <!-- ========================= START CONTENT ======================== -->
202 <section class="section" data-anchor="main-about-10">
203 <style type="text/css" scoped>
204 .section-content-10 {
205 background-image: url("wp-content/uploads/2015/05/main-background-patterngreen5-copy.png");
206 }
207
208 .bg-wrapper-10 {}
209
210 ;
211 </style>
212 <div class="section-content section-content-10"> <img class="mobile-brand" src="wp-content/uploads/2016/07/logo-copy.png" alt="Resume">
213 <div class="bg-wrapper bg-wrapper-10">
214 <div class="container ">
215 <div class="main-info">
216 <div class="row ">
217 <div class="col-md-3 ">
218 <div class="logo"> <img src="wp-content/uploads/2015/05/resumeflat5-1e564.png?w=1170" alt="resume logo" data-recalc-dims="1" /> </div>
219 </div>
220 <div class="col-md-9 ">
221 <div class="short-info-wrapper">
222 <div class="image"> <img src="wp-content/uploads/2015/05/joe-1e564.png?w=1170" alt="resume author" data-recalc-dims="1" /> </div>
223 <div class="text">
224 <h1>Howdy.</h1>
225 <p>& I design for my day job, paint for my heart, and take photos for further inspiration. By the way, I’m ace at all things color theory related. </p>
226 </div>
227 </div>
228 </div>
229 </div>
230 </div>
231 </div>
232 </div>
233 <!-- ======= Start scroll down toggle ======= -->
234 <div class="scroll-toggle down"> <i class="fa fa-angle-down"></i> <span>Scroll down</span> </div>
235 </div>
236 </section>
237 <!-- ========================= END CONTENT ======================== -->
238 <!-- ========================= START CONTENT ======================== -->
239 <section class="section" data-anchor="about-11">
240 <style type="text/css" scoped>
241 .section-content-11 {
242 background-image: url("wp-content/uploads/2016/07/about-background-patternflat.png");
243 }
244
245 .bg-wrapper-11 {}
246
247 ;
248 </style>
249 <div class="section-content section-content-11"> <img class="mobile-brand" src="wp-content/uploads/2016/07/logo-copy.png" alt="Resume">
250 <div class="bg-wrapper bg-wrapper-11">
251 <div class="container ">
252 <div class="row row-fit-22">
253 <div class="col-md-4 ">
254 <div class="title">
255 <h2 class="section-title" style="color: #fff;">About</h2>
256 <p class="section-sub-title" style="color: #fff;">I am a multi-talented artist, with skills including painting, photography, graphic design, and illustration.</p>
257 </div>
258 </div>
259 <div class="col-md-8 ">
260 <div class="services-carousel" data-tesla-plugin="carousel" data-tesla-container=".tesla-carousel-items" data-tesla-item=".col-sm-3" data-tesla-rotate="false" data-tesla-autoplay="false" data-tesla-hide-effect="false">
261 <div class="carousel-controls"> <span class="prev disabled"><i class="fa fa-angle-left no-select"></i></span> <span class="next"><i class="fa fa-angle-right no-select"></i></span> </div>
262 <div class="row row-fit-20">
263 <div class="tesla-carousel-items">
264 <!-- ==== Start carousel items ==== -->
265 <div class="col-xs-6 col-sm-3">
266 <style type="text/css" scoped>
267 #service-230 {
268 background: #901b33;
269 }
270
271 ;
272 #service-230 .icon {
273 color: #fff;
274 }
275
276 ;
277 #service-230 p {
278 color: #fff;
279 }
280
281 ;
282 </style>
283 <div id="service-230" class="services-carousel-item service-230"> <i class="icon icon-screen"></i>
284 <p class="title">Graphic Design</p> <a href="http://design.kateconnollystudio.com/"><i class="link icon-plus"></i></a> </div>
285 </div>
286 <!-- ==== End carousel items ==== -->
287 <!-- ==== Start carousel items ==== -->
288 <div class="col-xs-6 col-sm-3">
289 <style type="text/css" scoped>
290 #service-231 {
291 background: #d23934;
292 }
293
294 ;
295 #service-231 .icon {
296 color: #fff;
297 }
298
299 ;
300 #service-231 p {
301 color: #fff;
302 }
303
304 ;
305 </style>
306 <div id="service-231" class="services-carousel-item service-231"> <i class="icon icon-briefcase"></i>
307 <p class="title">Painting</p> <a href="http://paint.kateconnollystudio.com/"><i class="link icon-plus"></i></a> </div>
308 </div>
309 <!-- ==== End carousel items ==== -->
310 <!-- ==== Start carousel items ==== -->
311 <div class="col-xs-6 col-sm-3">
312 <style type="text/css" scoped>
313 #service-232 {
314 background: #007478;
315 }
316
317 ;
318 #service-232 .icon {
319 color: #fff;
320 }
321
322 ;
323 #service-232 p {
324 color: #fff;
325 }
326
327 ;
328 </style>
329 <div id="service-232" class="services-carousel-item service-232"> <i class="icon icon-camera"></i>
330 <p class="title">Photography</p> <a href="#"><i class="link icon-plus"></i></a> </div>
331 </div>
332 <!-- ==== End carousel items ==== -->
333 <!-- ==== Start carousel items ==== -->
334 <div class="col-xs-6 col-sm-3">
335 <style type="text/css" scoped>
336 #service-395 {
337 background: #ea5e01;
338 }
339
340 ;
341 #service-395 .icon {
342 color: #fff;
343 }
344
345 ;
346 #service-395 p {
347 color: #fff;
348 }
349
350 ;
351 </style>
352 <div id="service-395" class="services-carousel-item service-395"> <i class="icon icon-briefcase"></i>
353 <p class="title">Select Portfolio</p> <a href="#portfolio-21"><i class="link icon-plus"></i></a> </div>
354 </div>
355 <!-- ==== End carousel items ==== -->
356 <!-- ==== Start carousel items ==== -->
357 <div class="col-xs-6 col-sm-3">
358 <style type="text/css" scoped>
359 #service-234 {
360 background: #386d7a;
361 }
362
363 ;
364 #service-234 .icon {
365 color: #fff;
366 }
367
368 ;
369 #service-234 p {
370 color: #fff;
371 }
372
373 ;
374 </style>
375 <div id="service-234" class="services-carousel-item service-234"> <i class="icon icon-magic-wand"></i>
376 <p class="title">Artistry</p> <a href="http://artistry.kateconnollystudio.com/"><i class="link icon-plus"></i></a> </div>
377 </div>
378 <!-- ==== End carousel items ==== -->
379 </div>
380 </div>
381 </div>
382 </div>
383 </div>
384 <div class="row row-fit-56">
385 <div class="col-md-8 ">
386 <div class="timeline-box">
387 <!-- === Start Timeline items === -->
388 <ul>
389 <li>
390 <div class="row">
391 <div class="col-sm-3">
392 <div class="date-wrapper">
393 <p class="date">2009-10-02</p>
394 </div>
395 </div>
396 <div class="col-sm-9">
397 <div class="details-wrapper"> <i class="timeline-circle"></i>
398 <h3><a href="#">GDwins</a></h3>
399 <p>Designs award winning and recognized campaign direct mail and other visual print communications from concept to production in a high-volume, fast turn-around environment, with high attention to detail. Oversee junior design team, implement training, tutorials, and critique. Created over 600 unique pieces from 2010 through 2015 campaign seasons. Responsible for all stages of pre-print and layout production.</p>
400 </div>
401 </div>
402 </div>
403 </li>
404 <li>
405 <div class="row">
406 <div class="col-sm-3">
407 <div class="date-wrapper">
408 <p class="date">2013-06-01</p>
409 </div>
410 </div>
411 <div class="col-sm-9">
412 <div class="details-wrapper"> <i class="timeline-circle"></i>
413 <h3><a href="#">GW Prevention and Community Health</a></h3>
414 <p>Avance Center for the Advancement of Immigrant/Refugee Health: Designed and implemented full identity package. Creatively led and developed a multi-part, bilingual media and promotional campaign - from implementation to execution, including custom photography. Center for Social Well-Being and Development: Designed and implemented full identity package for their bilingual pro-water health outreach program.</p>
415 </div>
416 </div>
417 </div>
418 </li>
419 <li>
420 <div class="row">
421 <div class="col-sm-3">
422 <div class="date-wrapper">
423 <p class="date">2016-05-01</p>
424 </div>
425 </div>
426 <div class="col-sm-9">
427 <div class="details-wrapper"> <i class="timeline-circle"></i>
428 <h3><a href="#">GW School of Nursing</a></h3>
429 <p>Produced newspaper ads for a national publication and other print collateral to promote their program's course offerings and benefits. </p>
430 </div>
431 </div>
432 </div>
433 </li>
434 <li>
435 <div class="row">
436 <div class="col-sm-3">
437 <div class="date-wrapper">
438 <p class="date">2009-11-01</p>
439 </div>
440 </div>
441 <div class="col-sm-9">
442 <div class="details-wrapper"> <i class="timeline-circle"></i>
443 <h3><a href="#">Freelance Graphic Design</a></h3>
444 <p>PROFESSIONAL - graphic designer since 2009, with corporate, political, and non-profit freelance clients; including George Washington University, National Institute on Drug Abuse, National Retail Federation, American Staffing Association, Women’s Information Network, American Society of Anesthesiologists.</p>
445 </div>
446 </div>
447 </div>
448 </li>
449 <li>
450 <div class="row">
451 <div class="col-sm-3">
452 <div class="date-wrapper">
453 <p class="date">2007-01-01</p>
454 </div>
455 </div>
456 <div class="col-sm-9">
457 <div class="details-wrapper"> <i class="timeline-circle"></i>
458 <h3><a href="#">Painting</a></h3>
459 <p>PROFESSIONAL - Specializing in large, BRIGHT oil paintings, since 2007, I have been producing personal and client pieces- by sale or on commission- exhibited in Washington, DC and Houston, TX.</p>
460 </div>
461 </div>
462 </div>
463 </li>
464 <li>
465 <div class="row">
466 <div class="col-sm-3">
467 <div class="date-wrapper">
468 <p class="date">2007-01-01</p>
469 </div>
470 </div>
471 <div class="col-sm-9">
472 <div class="details-wrapper"> <i class="timeline-circle"></i>
473 <h3><a href="#">Photography</a></h3>
474 <p>SEMI - PROFESSIONAL - Since 2007, I have produced both personal and client work, including weddings, engagements, TRAVEL, headshots, promotional materials, and portraiture.</p>
475 </div>
476 </div>
477 </div>
478 </li>
479 <li>
480 <div class="row">
481 <div class="col-sm-3">
482 <div class="date-wrapper">
483 <p class="date">2007-06-07</p>
484 </div>
485 </div>
486 <div class="col-sm-9">
487 <div class="details-wrapper"> <i class="timeline-circle"></i>
488 <h3><a href="#">Washington and Lee University</a></h3>
489 <p>BA in Politics and Studio Art, Magna Cum Laude</p>
490 </div>
491 </div>
492 </div>
493 </li>
494 <li>
495 <div class="row">
496 <div class="col-sm-3">
497 <div class="date-wrapper">
498 <p class="date">2012-02-01</p>
499 </div>
500 </div>
501 <div class="col-sm-9">
502 <div class="details-wrapper"> <i class="timeline-circle"></i>
503 <h3><a href="#">Corcoran College of Art + Design</a></h3>
504 <p>Continuing Education in Typography & Digital Illustration</p>
505 </div>
506 </div>
507 </div>
508 </li>
509 </ul>
510 <!-- === Start Timeline items === -->
511 </div>
512 </div>
513 <div class="col-md-4 ">
514 <div class="awards-box"> <i class="icon icon-magic-wand"></i>
515 <h4 class="box-title">Strengths</h4>
516 <ul>
517 <li>
518 <h3>Very Proficicient</h3>
519 <p>Fine Arts, InDesign, Illustrator, Photoshop, Lightroom, Print Production, Cannon DSLR, Branding & Logotype.</p>
520 </li>
521 <li>
522 <h3>Workable Knowledge</h3>
523 <p>Web, CSS, HTML, WordPress Templates, animated Banner ads.</p>
524 </li>
525 <li>
526 <h3>Awards</h3>
527 <p>AAPC Pollie Awards, 2011, 2012, 2013 & 2016; Reed Award 2011.</p>
528 </li>
529 </ul>
530 </div>
531 </div>
532 </div>
533 </div>
534 </div>
535 <!-- ======= Start scroll down toggle ======= -->
536 <div class="scroll-toggle down"> <i class="fa fa-angle-down"></i> <span>Scroll down</span> </div>
537 </div>
538 </section>
539 <!-- ========================= END CONTENT ======================== -->
540 <!-- ========================= START CONTENT ======================== -->
541 <section class="section" data-anchor="portfolio-21">
542 <style type="text/css" scoped>
543 .section-content-21 {
544 background: #;
545 }
546
547 .bg-wrapper-21 {}
548
549 ;
550 </style>
551 <div class="section-content section-content-21">
552 <!-- ================ Start Slide ================ -->
553 <div id="portfolio--21" class="slide portfolio-slide" data-anchor="portfolio-container"> <img class="mobile-brand" src="wp-content/uploads/2016/07/logo_blackflat.png" alt="Resume">
554 <div class="bg-wrapper bg-wrapper-21">
555 <div class="container ">
556 <h2 class="section-title">Portfolio</h2>
557 <!-- ====== Start Main Portfolio Wrapper ====== -->
558 <div class="portfolio-wrapper">
559 <!-- === Start Portfolio Filters === -->
560 <div class="filter-box">
561 <div class="portfolio-filters">
562 <ul>
563 <li><a href="#" data-filter="all" class="current">All</a></li>
564 <li><a href="#" data-filter="design">Design</a></li>
565 <li><a href="#" data-filter="identity">Identity</a></li>
566 <li><a href="#" data-filter="illustration">Illustration</a></li>
567 <li><a href="#" data-filter="painting">Painting</a></li>
568 <li><a href="#" data-filter="photo">Photo</a></li>
569 <li><a href="#" data-filter="travel">Travel</a></li>
570 </ul>
571 </div>
572 </div>
573 <!-- === Start Portfolio Container === -->
574 <div class="portfolio-container">
575 <div class="row row-fit-20">
576 <!-- === Start Portfolio Items === -->
577 <div class="portfolio-items-wrapper">
578 <div class="col-xs-12 col-sm-6 col-md-4 all photo ">
579 <div class="portfolio-item post-610 portfolio type-portfolio status-publish hentry portfolio_tax-photo" id="urban-landscapes">
580 <div class="details slide-details internal">
581 <h3><a href="#" >Urbann Landscapes</a></h3>
582 <hr />
583 <p>photo</p>
584 </div> <img src="wp-content/uploads/2016/08/ICOMG_0856-replace.jpg" alt="Urban Landscapes" /> </div>
585 </div>
586 <div class="col-xs-12 col-sm-6 col-md-4 all design ">
587 <div class="portfolio-item post-95 portfolio type-portfolio status-publish hentry portfolio_tax-design" id="direct-mail">
588 <div class="details slide-details internal">
589 <h3><a href="#" >Direct Mail</a></h3>
590 <hr />
591 <p>design</p>
592 </div> <img src="wp-content/uploads/2016/07/FFC1508_Road-DY_L8kcHIRES-SLDIE.jpg" alt="Direct Mail" /> </div>
593 </div>
594 <div class="col-xs-12 col-sm-6 col-md-4 all photo travel ">
595 <div class="portfolio-item post-94 portfolio type-portfolio status-publish hentry portfolio_cat-travel portfolio_tax-photo portfolio_tax-travel" id="israel">
596 <div class="details slide-details internal">
597 <h3><a href="#" >Israel</a></h3>
598 <hr />
599 <p>photo, travel</p>
600 </div> <img src="wp-content/uploads/2015/05/MG_5017workcico.jpg" alt="Israel" /> </div>
601 </div>
602 <div class="col-xs-12 col-sm-6 col-md-4 all painting travel ">
603 <div class="portfolio-item post-489 portfolio type-portfolio status-publish hentry portfolio_cat-travel portfolio_tax-painting portfolio_tax-travel" id="travel">
604 <div class="details slide-details internal">
605 <h3><a href="#" >Travel</a></h3>
606 <hr />
607 <p>painting, travel</p>
608 </div> <img src="wp-content/uploads/2016/08/icotumblr_n862ef8MvE1qh9860o4_1280.jpg" alt="Travel" /> </div>
609 </div>
610 <div class="col-xs-12 col-sm-6 col-md-4 all design ">
611 <div class="portfolio-item post-486 portfolio type-portfolio status-publish hentry portfolio_tax-design" id="more-direct-mail">
612 <div class="details slide-details internal">
613 <h3><a href="#" >More Direct Mail</a></h3>
614 <hr />
615 <p>design</p>
616 </div> <img src="wp-content/uploads/2016/08/KMUR1506_Shoulders_L9HIRESr.jpg" alt="More Direct Mail" /> </div>
617 </div>
618 <div class="col-xs-12 col-sm-6 col-md-4 all design identity ">
619 <div class="portfolio-item post-579 portfolio type-portfolio status-publish hentry portfolio_tax-design portfolio_tax-identity" id="identities">
620 <div class="details slide-details internal">
621 <h3><a href="#" >Identities</a></h3>
622 <hr />
623 <p>design, identity</p>
624 </div> <img src="wp-content/uploads/2016/08/ICOpsafevacare.jpg" alt="Identities" /> </div>
625 </div>
626 <div class="col-xs-12 col-sm-6 col-md-4 all design ">
627 <div class="portfolio-item post-511 portfolio type-portfolio status-publish hentry portfolio_cat-advocacy portfolio_tax-design" id="gw-select-work">
628 <div class="details slide-details internal">
629 <h3><a href="#" >GW Select Work</a></h3>
630 <hr />
631 <p>design</p>
632 </div> <img src="wp-content/uploads/2016/08/tri-fold-brochure-backsideAdelanteICO.jpg" alt="GW Select Work" /> </div>
633 </div>
634 <div class="col-xs-12 col-sm-6 col-md-4 all photo travel ">
635 <div class="portfolio-item post-587 portfolio type-portfolio status-publish hentry portfolio_cat-travel portfolio_tax-photo portfolio_tax-travel" id="europe">
636 <div class="details slide-details internal">
637 <h3><a href="#" >Europe</a></h3>
638 <hr />
639 <p>photo, travel</p>
640 </div> <img src="wp-content/uploads/2016/08/ICOtumblr_n6pgwh04qI1qh9860o6_1280.jpg" alt="Europe" /> </div>
641 </div>
642 <div class="col-xs-12 col-sm-6 col-md-4 all painting ">
643 <div class="portfolio-item post-96 portfolio type-portfolio status-publish hentry portfolio_tax-painting" id="style-and-self">
644 <div class="details slide-details internal">
645 <h3><a href="#" >Style and Self</a></h3>
646 <hr />
647 <p>painting</p>
648 </div> <img src="wp-content/uploads/2015/05/MG_7811editWHITE.jpg" alt="Style and Self" /> </div>
649 </div>
650 <div class="col-xs-12 col-sm-6 col-md-4 all painting ">
651 <div class="portfolio-item post-524 portfolio type-portfolio status-publish hentry portfolio_cat-wedding portfolio_tax-painting" id="love">
652 <div class="details slide-details internal">
653 <h3><a href="#" >Love</a></h3>
654 <hr />
655 <p>painting</p>
656 </div> <img src="wp-content/uploads/2016/08/ICO463323_449028761773881_1088295499_o.jpg" alt="Love" /> </div>
657 </div>
658 <div class="col-xs-12 col-sm-6 col-md-4 all design ">
659 <div class="portfolio-item post-568 portfolio type-portfolio status-publish hentry portfolio_cat-advocacy portfolio_tax-design" id="bus-shelter-ads">
660 <div class="details slide-details internal">
661 <h3><a href="#" >Bus Shelter ads</a></h3>
662 <hr />
663 <p>design</p>
664 </div> <img src="wp-content/uploads/2016/08/ICOOutdoor-Mockup-Template-04.jpg" alt="Bus Shelter ads" /> </div>
665 </div>
666 <div class="col-xs-12 col-sm-6 col-md-4 all painting ">
667 <div class="portfolio-item post-631 portfolio type-portfolio status-publish hentry portfolio_cat-zoo portfolio_tax-painting" id="urban">
668 <div class="details slide-details internal">
669 <h3><a href="#" >Urban</a></h3>
670 <hr />
671 <p>painting</p>
672 </div> <img src="wp-content/uploads/2016/08/image.php-copy1.jpg" alt="Urban" /> </div>
673 </div>
674 <div class="col-xs-12 col-sm-6 col-md-4 all design illustration photo ">
675 <div class="portfolio-item post-551 portfolio type-portfolio status-publish hentry portfolio_tax-design portfolio_tax-illustration portfolio_tax-photo" id="personal-work-and-illustration">
676 <div class="details slide-details internal">
677 <h3><a href="#" >Personal Work and Illustration</a></h3>
678 <hr />
679 <p>design, illustration, photo</p>
680 </div> <img src="wp-content/uploads/2016/08/ICOSquare-Book-Mockup-By-PuneDesignPAGE1.jpg" alt="Personal Work and Illustration" /> </div>
681 </div>
682 </div>
683 </div>
684 </div>
685 </div>
686 <!-- ====== Start Main Pagination ====== -->
687 <div class="pagination">
688 <ul>
689 <li><a href="#" class="current">1</a></li>
690 <li><a href="#" class="">2</a></li>
691 <li><a href="#" class="">3</a></li>
692 </ul>
693 </div>
694 </div>
695 </div>
696 </div>
697 <!-- ================ Start Single Slide ================ -->
698 <div class="slide single-urban-landscapes" data-anchor="single-urban-landscapes">
699 <div class="container">
700 <!-- ====== Start Single Project ====== -->
701 <div id="portfolio-610" class="single-project post-610 portfolio type-portfolio status-publish hentry portfolio_tax-photo">
702 <!-- === Go Back === -->
703 <div class="go-back">
704 <a href="#"> <i class="fa fa-angle-left"></i> </a> <span>Back</span> </div>
705 <!-- === Project Header === -->
706 <div class="project-header">
707 <h1>Urban Landscapes</h1>
708 <div class="details-and-share">
709 <div class="project-details">
710 <ul>
711 <li>
712 <div class="date"> <a href="#"><i class="icon icon-clock3"></i>10 Aug 2016</a> </div>
713 </li>
714 <li>
715 <div class="comments"> <a href="#"><i class="icon icon-speech-bubble"></i>Comments (0)</a> </div>
716 </li>
717 <li>
718 <div class="tags"> <a href="#"><i class="icon icon-tag2"></i></a> </div>
719 </li>
720 </ul>
721 </div>
722 <div class="share-links">
723 <ul>
724 <li> <a class="facebook" onClick="window.open('http://www.facebook.com/sharer.php?s=100&t=&u=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fportfolio%3Durban-landscapes','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)"><i class="fa fa-facebook"></i></a> </li>
725 <li> <a class="linkedin" onClick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fportfolio%3Durban-landscapes','sharer','toolbar=0,status=0,width=548,height=325');"><i class="fa fa-linkedin"></i></a> </li>
726 </ul>
727 </div>
728 </div>
729 </div>
730 <!-- === Project Cover === -->
731 <div class="project-cover">
732 <!-- START SLIDER -->
733 <ul>
734 <li><img src="wp-content/uploads/2016/08/MG_0856-replace.jpg" alt="slide-0" /></li>
735 <li><img src="wp-content/uploads/2016/08/MG_0567-replace.jpg" alt="slide-1" /></li>
736 <li><img src="wp-content/uploads/2016/08/MG_0525-replace.jpg" alt="slide-2" /></li>
737 <li><img src="wp-content/uploads/2016/08/MG_0669-replace.jpg" alt="slide-3" /></li>
738 <li><img src="wp-content/uploads/2016/08/MG_0819-replaceSLDIE.jpg" alt="slide-4" /></li>
739 <li><img src="wp-content/uploads/2016/08/tumblr_nmt1ayxsfy1qh9860o3_1280.jpg" alt="slide-5" /></li>
740 <li><img src="wp-content/uploads/2016/08/tumblr_nmt1ayxsfy1qh9860o1_1280.jpg" alt="slide-6" /></li>
741 <li><img src="wp-content/uploads/2016/08/11058178_800453093611_674770130573684797_n.jpg" alt="slide-7" /></li>
742 <li><img src="wp-content/uploads/2016/08/tumblr_nk5b5cw5cf1qh9860o1_1280.jpg" alt="slide-8" /></li>
743 <li><img src="wp-content/uploads/2016/08/tumblr_nraf73RRKe1qh9860o2_1280.jpg" alt="slide-9" /></li>
744 <li><img src="wp-content/uploads/2016/08/tumblr_nrafmvF24k1qh9860o9_1280.jpg" alt="slide-10" /></li>
745 <li><img src="wp-content/uploads/2016/08/tumblr_mnmub20LzQ1qh9860o5_1280.jpg" alt="slide-11" /></li>
746 <li><img src="wp-content/uploads/2016/08/tumblr_mnmub20LzQ1qh9860o4_1280.jpg" alt="slide-12" /></li>
747 <li><img src="wp-content/uploads/2016/08/edit-8194.jpg" alt="slide-13" /></li>
748 <li><img src="wp-content/uploads/2016/08/edit-8502.jpg" alt="slide-14" /></li>
749 <li><img src="wp-content/uploads/2016/08/tumblr_mnmu6efjgQ1qh9860o4_1280.jpg" alt="slide-15" /></li>
750 </ul>
751 <div class="slider-nav"> <i class="prev fa fa-long-arrow-left no-select"></i> <span>1 from 16</span> <i class="next fa fa-long-arrow-right no-select"></i> </div>
752 <ul class="the-bullets-dots" data-tesla-plugin="bullets">
753 <li><span></span></li>
754 <li><span></span></li>
755 <li><span></span></li>
756 <li><span></span></li>
757 <li><span></span></li>
758 <li><span></span></li>
759 <li><span></span></li>
760 <li><span></span></li>
761 <li><span></span></li>
762 <li><span></span></li>
763 <li><span></span></li>
764 <li><span></span></li>
765 <li><span></span></li>
766 <li><span></span></li>
767 <li><span></span></li>
768 <li><span></span></li>
769 </ul>
770 <!-- END SLIDER -->
771 </div>
772 <!-- === Project Body === -->
773 <div class="project-body"> </div>
774 <!-- ======= Start scroll down toggle ======= -->
775 <div class="scroll-up"> <i class="fa fa-angle-up"></i> <span>Up</span> </div>
776 </div>
777 </div>
778 </div>
779 <!-- ================ Start Single Slide ================ -->
780 <div class="slide single-direct-mail" data-anchor="single-direct-mail">
781 <div class="container">
782 <!-- ====== Start Single Project ====== -->
783 <div id="portfolio-95" class="single-project post-95 portfolio type-portfolio status-publish hentry portfolio_tax-design">
784 <!-- === Go Back === -->
785 <div class="go-back">
786 <a href="#"> <i class="fa fa-angle-left"></i> </a> <span>Back</span> </div>
787 <!-- === Project Header === -->
788 <div class="project-header">
789 <h1>Direct Mail</h1>
790 <div class="details-and-share">
791 <div class="project-details">
792 <ul>
793 <li>
794 <div class="date"> <a href="#"><i class="icon icon-clock3"></i>20 Jul 2016</a> </div>
795 </li>
796 <li>
797 <div class="comments"> <a href="#"><i class="icon icon-speech-bubble"></i>Comments (0)</a> </div>
798 </li>
799 <li>
800 <div class="tags"> <a href="#"><i class="icon icon-tag2"></i></a> </div>
801 </li>
802 </ul>
803 </div>
804 <div class="share-links">
805 <ul>
806 <li> <a class="facebook" onClick="window.open('http://www.facebook.com/sharer.php?s=100&t=&u=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fportfolio%3Dsmart-design','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)"><i class="fa fa-facebook"></i></a> </li>
807 <li> <a class="linkedin" onClick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fportfolio%3Dsmart-design','sharer','toolbar=0,status=0,width=548,height=325');"><i class="fa fa-linkedin"></i></a> </li>
808 </ul>
809 </div>
810 </div>
811 </div>
812 <!-- === Project Cover === -->
813 <div class="project-cover">
814 <!-- START SLIDER -->
815 <ul>
816 <li><img src="wp-content/uploads/2015/05/33.jpg" alt="slide-0" /></li>
817 <li><img src="wp-content/uploads/2015/05/Hi4-1.jpg" alt="slide-1" /></li>
818 <li><img src="wp-content/uploads/2015/05/HIL4.jpg" alt="slide-2" /></li>
819 <li><img src="wp-content/uploads/2015/05/hope.jpg" alt="slide-3" /></li>
820 <li><img src="wp-content/uploads/2015/05/raod1.jpg" alt="slide-4" /></li>
821 <li><img src="wp-content/uploads/2015/05/wheeloffuture.jpg" alt="slide-5" /></li>
822 <li><img src="wp-content/uploads/2015/05/economy.jpg" alt="slide-6" /></li>
823 <li><img src="wp-content/uploads/2015/05/shoulders.jpg" alt="slide-7" /></li>
824 <li><img src="wp-content/uploads/2015/05/doorhanger.jpg" alt="slide-8" /></li>
825 <li><img src="wp-content/uploads/2015/05/Hi1.jpg" alt="slide-9" /></li>
826 </ul>
827 <div class="slider-nav"> <i class="prev fa fa-long-arrow-left no-select"></i> <span>1 from 10</span> <i class="next fa fa-long-arrow-right no-select"></i> </div>
828 <ul class="the-bullets-dots" data-tesla-plugin="bullets">
829 <li><span></span></li>
830 <li><span></span></li>
831 <li><span></span></li>
832 <li><span></span></li>
833 <li><span></span></li>
834 <li><span></span></li>
835 <li><span></span></li>
836 <li><span></span></li>
837 <li><span></span></li>
838 <li><span></span></li>
839 </ul>
840 <!-- END SLIDER -->
841 </div>
842 <!-- === Project Body === -->
843 <div class="project-body">
844 <p>Blah blah test test</p>
845 </div>
846 <!-- ======= Start scroll down toggle ======= -->
847 <div class="scroll-up"> <i class="fa fa-angle-up"></i> <span>Up</span> </div>
848 </div>
849 </div>
850 </div>
851 <!-- ================ Start Single Slide ================ -->
852 <div class="slide single-israel" data-anchor="single-israel">
853 <div class="container">
854 <!-- ====== Start Single Project ====== -->
855 <div id="portfolio-94" class="single-project post-94 portfolio type-portfolio status-publish hentry portfolio_cat-travel portfolio_tax-photo portfolio_tax-travel">
856 <!-- === Go Back === -->
857 <div class="go-back">
858 <a href="#"> <i class="fa fa-angle-left"></i> </a> <span>Back</span> </div>
859 <!-- === Project Header === -->
860 <div class="project-header">
861 <h1>Israel</h1>
862 <div class="details-and-share">
863 <div class="project-details">
864 <ul>
865 <li>
866 <div class="date"> <a href="#"><i class="icon icon-clock3"></i>20 Jun 2016</a> </div>
867 </li>
868 <li>
869 <div class="comments"> <a href="#"><i class="icon icon-speech-bubble"></i>Comments (0)</a> </div>
870 </li>
871 <li>
872 <div class="tags"> <a href="#"><i class="icon icon-tag2"></i></a> </div>
873 </li>
874 </ul>
875 </div>
876 <div class="share-links">
877 <ul>
878 <li> <a class="facebook" onClick="window.open('http://www.facebook.com/sharer.php?s=100&t=&u=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fportfolio%3D94','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)"><i class="fa fa-facebook"></i></a> </li>
879 <li> <a class="linkedin" onClick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fportfolio%3D94','sharer','toolbar=0,status=0,width=548,height=325');"><i class="fa fa-linkedin"></i></a> </li>
880 </ul>
881 </div>
882 </div>
883 </div>
884 <!-- === Project Cover === -->
885 <div class="project-cover">
886 <!-- START SLIDER -->
887 <ul>
888 <li><img src="wp-content/uploads/2015/05/MG_5017workc-1.jpg" alt="slide-0" /></li>
889 <li><img src="wp-content/uploads/2015/05/MG_5095workc.jpg" alt="slide-1" /></li>
890 <li><img src="wp-content/uploads/2015/05/MG_4689-2workc.jpg" alt="slide-2" /></li>
891 <li><img src="wp-content/uploads/2015/05/MG_5351workc.jpg" alt="slide-3" /></li>
892 <li><img src="wp-content/uploads/2015/05/MG_3766-2workc.jpg" alt="slide-4" /></li>
893 <li><img src="wp-content/uploads/2015/05/MG_4115-2workc.jpg" alt="slide-5" /></li>
894 <li><img src="wp-content/uploads/2015/05/MG_4513-2workc.jpg" alt="slide-6" /></li>
895 <li><img src="wp-content/uploads/2015/05/MG_4710-2workc.jpg" alt="slide-7" /></li>
896 <li><img src="wp-content/uploads/2015/05/MG_4724-2workc.jpg" alt="slide-8" /></li>
897 <li><img src="wp-content/uploads/2015/05/MG_5242workc.jpg" alt="slide-9" /></li>
898 <li><img src="wp-content/uploads/2015/05/MG_5317workc.jpg" alt="slide-10" /></li>
899 </ul>
900 <div class="slider-nav"> <i class="prev fa fa-long-arrow-left no-select"></i> <span>1 from 11</span> <i class="next fa fa-long-arrow-right no-select"></i> </div>
901 <ul class="the-bullets-dots" data-tesla-plugin="bullets">
902 <li><span></span></li>
903 <li><span></span></li>
904 <li><span></span></li>
905 <li><span></span></li>
906 <li><span></span></li>
907 <li><span></span></li>
908 <li><span></span></li>
909 <li><span></span></li>
910 <li><span></span></li>
911 <li><span></span></li>
912 <li><span></span></li>
913 </ul>
914 <!-- END SLIDER -->
915 </div>
916 <!-- === Project Body === -->
917 <div class="project-body">
918 <p>Slide Test blah blah</p>
919 </div>
920 <!-- ======= Start scroll down toggle ======= -->
921 <div class="scroll-up"> <i class="fa fa-angle-up"></i> <span>Up</span> </div>
922 </div>
923 </div>
924 </div>
925 <!-- ================ Start Single Slide ================ -->
926 <div class="slide single-travel" data-anchor="single-travel">
927 <div class="container">
928 <!-- ====== Start Single Project ====== -->
929 <div id="portfolio-489" class="single-project post-489 portfolio type-portfolio status-publish hentry portfolio_cat-travel portfolio_tax-painting portfolio_tax-travel">
930 <!-- === Go Back === -->
931 <div class="go-back">
932 <a href="#"> <i class="fa fa-angle-left"></i> </a> <span>Back</span> </div>
933 <!-- === Project Header === -->
934 <div class="project-header">
935 <h1>Travel</h1>
936 <div class="details-and-share">
937 <div class="project-details">
938 <ul>
939 <li>
940 <div class="date"> <a href="#"><i class="icon icon-clock3"></i>2 May 2016</a> </div>
941 </li>
942 <li>
943 <div class="comments"> <a href="#"><i class="icon icon-speech-bubble"></i>Comments (0)</a> </div>
944 </li>
945 <li>
946 <div class="tags"> <a href="#"><i class="icon icon-tag2"></i></a> </div>
947 </li>
948 </ul>
949 </div>
950 <div class="share-links">
951 <ul>
952 <li> <a class="facebook" onClick="window.open('http://www.facebook.com/sharer.php?s=100&t=&u=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fportfolio%3Dtravel','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)"><i class="fa fa-facebook"></i></a> </li>
953 <li> <a class="linkedin" onClick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fportfolio%3Dtravel','sharer','toolbar=0,status=0,width=548,height=325');"><i class="fa fa-linkedin"></i></a> </li>
954 </ul>
955 </div>
956 </div>
957 </div>
958 <!-- === Project Cover === -->
959 <div class="project-cover">
960 <!-- START SLIDER -->
961 <ul>
962 <li><img src="wp-content/uploads/2016/08/MG_5750workc2000.jpg" alt="slide-0" /></li>
963 <li><img src="wp-content/uploads/2016/08/MG_5684-replace.jpg" alt="slide-1" /></li>
964 <li><img src="wp-content/uploads/2016/08/tumblr_n8633v1KIH1qh9860o2_r2_1280.jpg" alt="slide-2" /></li>
965 <li><img src="wp-content/uploads/2016/08/tumblr_n862ef8MvE1qh9860o4_1280.jpg" alt="slide-3" /></li>
966 <li><img src="wp-content/uploads/2016/08/tumblr_nj094mNf4D1qh9860o1_1280.jpg" alt="slide-4" /></li>
967 <li><img src="wp-content/uploads/2016/08/MG_7311-replace.jpg" alt="slide-5" /></li>
968 </ul>
969 <div class="slider-nav"> <i class="prev fa fa-long-arrow-left no-select"></i> <span>1 from 6</span> <i class="next fa fa-long-arrow-right no-select"></i> </div>
970 <ul class="the-bullets-dots" data-tesla-plugin="bullets">
971 <li><span></span></li>
972 <li><span></span></li>
973 <li><span></span></li>
974 <li><span></span></li>
975 <li><span></span></li>
976 <li><span></span></li>
977 </ul>
978 <!-- END SLIDER -->
979 </div>
980 <!-- === Project Body === -->
981 <div class="project-body"> </div>
982 <!-- ======= Start scroll down toggle ======= -->
983 <div class="scroll-up"> <i class="fa fa-angle-up"></i> <span>Up</span> </div>
984 </div>
985 </div>
986 </div>
987 <!-- ================ Start Single Slide ================ -->
988 <div class="slide single-more-direct-mail" data-anchor="single-more-direct-mail">
989 <div class="container">
990 <!-- ====== Start Single Project ====== -->
991 <div id="portfolio-486" class="single-project post-486 portfolio type-portfolio status-publish hentry portfolio_tax-design">
992 <!-- === Go Back === -->
993 <div class="go-back">
994 <a href="#"> <i class="fa fa-angle-left"></i> </a> <span>Back</span> </div>
995 <!-- === Project Header === -->
996 <div class="project-header">
997 <h1>More Direct Mail</h1>
998 <div class="details-and-share">
999 <div class="project-details">
1000 <ul>
1001 <li>
1002 <div class="date"> <a href="#"><i class="icon icon-clock3"></i>2 Apr 2016</a> </div>
1003 </li>
1004 <li>
1005 <div class="comments"> <a href="#"><i class="icon icon-speech-bubble"></i>Comments (0)</a> </div>
1006 </li>
1007 <li>
1008 <div class="tags"> <a href="#"><i class="icon icon-tag2"></i></a> </div>
1009 </li>
1010 </ul>
1011 </div>
1012 <div class="share-links">
1013 <ul>
1014 <li> <a class="facebook" onClick="window.open('http://www.facebook.com/sharer.php?s=100&t=&u=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fportfolio%3Dmore-direct-mail','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)"><i class="fa fa-facebook"></i></a> </li>
1015 <li> <a class="linkedin" onClick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fportfolio%3Dmore-direct-mail','sharer','toolbar=0,status=0,width=548,height=325');"><i class="fa fa-linkedin"></i></a> </li>
1016 </ul>
1017 </div>
1018 </div>
1019 </div>
1020 <!-- === Project Cover === -->
1021 <div class="project-cover">
1022 <!-- START SLIDER -->
1023 <ul>
1024 <li><img src="wp-content/uploads/2015/05/wordcloud.jpg" alt="slide-0" /></li>
1025 <li><img src="wp-content/uploads/2015/05/HIL2.jpg" alt="slide-1" /></li>
1026 <li><img src="wp-content/uploads/2015/05/differently.jpg" alt="slide-2" /></li>
1027 <li><img src="wp-content/uploads/2016/08/HIL2-copy.jpg" alt="slide-3" /></li>
1028 </ul>
1029 <div class="slider-nav"> <i class="prev fa fa-long-arrow-left no-select"></i> <span>1 from 4</span> <i class="next fa fa-long-arrow-right no-select"></i> </div>
1030 <ul class="the-bullets-dots" data-tesla-plugin="bullets">
1031 <li><span></span></li>
1032 <li><span></span></li>
1033 <li><span></span></li>
1034 <li><span></span></li>
1035 </ul>
1036 <!-- END SLIDER -->
1037 </div>
1038 <!-- === Project Body === -->
1039 <div class="project-body"> </div>
1040 <!-- ======= Start scroll down toggle ======= -->
1041 <div class="scroll-up"> <i class="fa fa-angle-up"></i> <span>Up</span> </div>
1042 </div>
1043 </div>
1044 </div>
1045 <!-- ================ Start Single Slide ================ -->
1046 <div class="slide single-identities" data-anchor="single-identities">
1047 <div class="container">
1048 <!-- ====== Start Single Project ====== -->
1049 <div id="portfolio-579" class="single-project post-579 portfolio type-portfolio status-publish hentry portfolio_tax-design portfolio_tax-identity">
1050 <!-- === Go Back === -->
1051 <div class="go-back">
1052 <a href="#"> <i class="fa fa-angle-left"></i> </a> <span>Back</span> </div>
1053 <!-- === Project Header === -->
1054 <div class="project-header">
1055 <h1>Identities</h1>
1056 <div class="details-and-share">
1057 <div class="project-details">
1058 <ul>
1059 <li>
1060 <div class="date"> <a href="#"><i class="icon icon-clock3"></i>5 Mar 2016</a> </div>
1061 </li>
1062 <li>
1063 <div class="comments"> <a href="#"><i class="icon icon-speech-bubble"></i>Comments (0)</a> </div>
1064 </li>
1065 <li>
1066 <div class="tags"> <a href="#"><i class="icon icon-tag2"></i></a> </div>
1067 </li>
1068 </ul>
1069 </div>
1070 <div class="share-links">
1071 <ul>
1072 <li> <a class="facebook" onClick="window.open('http://www.facebook.com/sharer.php?s=100&t=&u=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fportfolio%3Didentities','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)"><i class="fa fa-facebook"></i></a> </li>
1073 <li> <a class="linkedin" onClick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fportfolio%3Didentities','sharer','toolbar=0,status=0,width=548,height=325');"><i class="fa fa-linkedin"></i></a> </li>
1074 </ul>
1075 </div>
1076 </div>
1077 </div>
1078 <!-- === Project Cover === -->
1079 <div class="project-cover">
1080 <!-- START SLIDER -->
1081 <ul>
1082 <li><img src="wp-content/uploads/2016/08/psafevacare.jpg" alt="slide-0" /></li>
1083 <li><img src="wp-content/uploads/2016/08/sbflatlogo.jpg" alt="slide-1" /></li>
1084 <li><img src="wp-content/uploads/2016/08/voteHOR.jpg" alt="slide-2" /></li>
1085 <li><img src="wp-content/uploads/2016/08/avacnce.jpg" alt="slide-3" /></li>
1086 <li><img src="wp-content/uploads/2016/08/DLCC.jpg" alt="slide-4" /></li>
1087 <li><img src="wp-content/uploads/2016/08/mslog.jpg" alt="slide-5" /></li>
1088 </ul>
1089 <div class="slider-nav"> <i class="prev fa fa-long-arrow-left no-select"></i> <span>1 from 6</span> <i class="next fa fa-long-arrow-right no-select"></i> </div>
1090 <ul class="the-bullets-dots" data-tesla-plugin="bullets">
1091 <li><span></span></li>
1092 <li><span></span></li>
1093 <li><span></span></li>
1094 <li><span></span></li>
1095 <li><span></span></li>
1096 <li><span></span></li>
1097 </ul>
1098 <!-- END SLIDER -->
1099 </div>
1100 <!-- === Project Body === -->
1101 <div class="project-body"> </div>
1102 <!-- ======= Start scroll down toggle ======= -->
1103 <div class="scroll-up"> <i class="fa fa-angle-up"></i> <span>Up</span> </div>
1104 </div>
1105 </div>
1106 </div>
1107 <!-- ================ Start Single Slide ================ -->
1108 <div class="slide single-gw-select-work" data-anchor="single-gw-select-work">
1109 <div class="container">
1110 <!-- ====== Start Single Project ====== -->
1111 <div id="portfolio-511" class="single-project post-511 portfolio type-portfolio status-publish hentry portfolio_cat-advocacy portfolio_tax-design">
1112 <!-- === Go Back === -->
1113 <div class="go-back">
1114 <a href="#"> <i class="fa fa-angle-left"></i> </a> <span>Back</span> </div>
1115 <!-- === Project Header === -->
1116 <div class="project-header">
1117 <h1>GW Select Work</h1>
1118 <div class="details-and-share">
1119 <div class="project-details">
1120 <ul>
1121 <li>
1122 <div class="date"> <a href="#"><i class="icon icon-clock3"></i>2 Feb 2016</a> </div>
1123 </li>
1124 <li>
1125 <div class="comments"> <a href="#"><i class="icon icon-speech-bubble"></i>Comments (0)</a> </div>
1126 </li>
1127 <li>
1128 <div class="tags"> <a href="#"><i class="icon icon-tag2"></i></a> </div>
1129 </li>
1130 </ul>
1131 </div>
1132 <div class="share-links">
1133 <ul>
1134 <li> <a class="facebook" onClick="window.open('http://www.facebook.com/sharer.php?s=100&t=&u=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fportfolio%3Dgw-select-work','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)"><i class="fa fa-facebook"></i></a> </li>
1135 <li> <a class="linkedin" onClick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fportfolio%3Dgw-select-work','sharer','toolbar=0,status=0,width=548,height=325');"><i class="fa fa-linkedin"></i></a> </li>
1136 </ul>
1137 </div>
1138 </div>
1139 </div>
1140 <!-- === Project Cover === -->
1141 <div class="project-cover">
1142 <!-- START SLIDER -->
1143 <ul>
1144 <li><img src="wp-content/uploads/2016/08/tri-fold-brochure-backsideAdelante.jpg" alt="slide-0" /></li>
1145 <li><img src="wp-content/uploads/2016/08/tri-fold-brochure-insideAdelante.jpg" alt="slide-1" /></li>
1146 <li><img src="wp-content/uploads/2016/08/tri-fold-brochure-backsideCSWD.jpg" alt="slide-2" /></li>
1147 <li><img src="wp-content/uploads/2016/08/tri-fold-brochure-insideCSWD.jpg" alt="slide-3" /></li>
1148 <li><img src="wp-content/uploads/2016/08/tri-fold-brochure-backside.jpg" alt="slide-4" /></li>
1149 <li><img src="wp-content/uploads/2016/08/tri-fold-brochure-inside.jpg" alt="slide-5" /></li>
1150 <li><img src="wp-content/uploads/2016/08/MAGAZINE-PSD-MOCKUP.jpg" alt="slide-6" /></li>
1151 <li><img src="wp-content/uploads/2016/08/MAGAZINE-PSD-MOCKUPNURSING.jpg" alt="slide-7" /></li>
1152 <li><img src="wp-content/uploads/2016/08/free-newspaper-mockup-vol-1.jpg" alt="slide-8" /></li>
1153 </ul>
1154 <div class="slider-nav"> <i class="prev fa fa-long-arrow-left no-select"></i> <span>1 from 9</span> <i class="next fa fa-long-arrow-right no-select"></i> </div>
1155 <ul class="the-bullets-dots" data-tesla-plugin="bullets">
1156 <li><span></span></li>
1157 <li><span></span></li>
1158 <li><span></span></li>
1159 <li><span></span></li>
1160 <li><span></span></li>
1161 <li><span></span></li>
1162 <li><span></span></li>
1163 <li><span></span></li>
1164 <li><span></span></li>
1165 </ul>
1166 <!-- END SLIDER -->
1167 </div>
1168 <!-- === Project Body === -->
1169 <div class="project-body"> </div>
1170 <!-- ======= Start scroll down toggle ======= -->
1171 <div class="scroll-up"> <i class="fa fa-angle-up"></i> <span>Up</span> </div>
1172 </div>
1173 </div>
1174 </div>
1175 <!-- ================ Start Single Slide ================ -->
1176 <div class="slide single-europe" data-anchor="single-europe">
1177 <div class="container">
1178 <!-- ====== Start Single Project ====== -->
1179 <div id="portfolio-587" class="single-project post-587 portfolio type-portfolio status-publish hentry portfolio_cat-travel portfolio_tax-photo portfolio_tax-travel">
1180 <!-- === Go Back === -->
1181 <div class="go-back">
1182 <a href="#"> <i class="fa fa-angle-left"></i> </a> <span>Back</span> </div>
1183 <!-- === Project Header === -->
1184 <div class="project-header">
1185 <h1>Europe</h1>
1186 <div class="details-and-share">
1187 <div class="project-details">
1188 <ul>
1189 <li>
1190 <div class="date"> <a href="#"><i class="icon icon-clock3"></i>5 Jan 2016</a> </div>
1191 </li>
1192 <li>
1193 <div class="comments"> <a href="#"><i class="icon icon-speech-bubble"></i>Comments (0)</a> </div>
1194 </li>
1195 <li>
1196 <div class="tags"> <a href="#"><i class="icon icon-tag2"></i></a> </div>
1197 </li>
1198 </ul>
1199 </div>
1200 <div class="share-links">
1201 <ul>
1202 <li> <a class="facebook" onClick="window.open('http://www.facebook.com/sharer.php?s=100&t=&u=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fportfolio%3Deurope','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)"><i class="fa fa-facebook"></i></a> </li>
1203 <li> <a class="linkedin" onClick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fportfolio%3Deurope','sharer','toolbar=0,status=0,width=548,height=325');"><i class="fa fa-linkedin"></i></a> </li>
1204 </ul>
1205 </div>
1206 </div>
1207 </div>
1208 <!-- === Project Cover === -->
1209 <div class="project-cover">
1210 <!-- START SLIDER -->
1211 <ul>
1212 <li><img src="wp-content/uploads/2016/08/tumblr_n6pgwh04qI1qh9860o6_1280.jpg" alt="slide-0" /></li>
1213 <li><img src="wp-content/uploads/2016/08/tumblr_n6pgwh04qI1qh9860o2_1280.jpg" alt="slide-1" /></li>
1214 <li><img src="wp-content/uploads/2016/08/tumblr_n67dn0W1MF1qh9860o1_1280.jpg" alt="slide-2" /></li>
1215 <li><img src="wp-content/uploads/2016/08/tumblr_n67dyb1lzS1qh9860o4_1280.jpg" alt="slide-3" /></li>
1216 <li><img src="wp-content/uploads/2016/08/tumblr_n6aqyqpjKO1qh9860o3_1280.jpg" alt="slide-4" /></li>
1217 <li><img src="wp-content/uploads/2016/08/tumblr_n6eticpQ3h1qh9860o2_1280.jpg" alt="slide-5" /></li>
1218 <li><img src="wp-content/uploads/2016/08/tumblr_n6aqn8O43R1qh9860o2_1280.jpg" alt="slide-6" /></li>
1219 <li><img src="wp-content/uploads/2016/08/tumblr_n6ptrj8Z8Y1qh9860o4_1280.jpg" alt="slide-7" /></li>
1220 <li><img src="wp-content/uploads/2016/08/tumblr_n6ptrj8Z8Y1qh9860o1_1280.jpg" alt="slide-8" /></li>
1221 <li><img src="wp-content/uploads/2016/08/10924179_765485583781_5499186458999708721_o.jpg" alt="slide-9" /></li>
1222 <li><img src="wp-content/uploads/2016/08/10520826_765485588771_5416710647731221121_o.jpg" alt="slide-10" /></li>
1223 <li><img src="wp-content/uploads/2016/08/edit-4619.jpg" alt="slide-11" /></li>
1224 <li><img src="wp-content/uploads/2016/08/tumblr_nil7ftQsUO1qh9860o1_1280.jpg" alt="slide-12" /></li>
1225 <li><img src="wp-content/uploads/2016/08/tumblr_nin1axnIxN1qh9860o3_1280.jpg" alt="slide-13" /></li>
1226 <li><img src="wp-content/uploads/2016/08/tumblr_nik99e2ZZQ1qh9860o3_1280.jpg" alt="slide-14" /></li>
1227 <li><img src="wp-content/uploads/2016/08/tumblr_nik94h1vZz1qh9860o4_1280.jpg" alt="slide-15" /></li>
1228 <li><img src="wp-content/uploads/2016/08/tumblr_naz7i0ssk01qh9860o2_1280.jpg" alt="slide-16" /></li>
1229 </ul>
1230 <div class="slider-nav"> <i class="prev fa fa-long-arrow-left no-select"></i> <span>1 from 17</span> <i class="next fa fa-long-arrow-right no-select"></i> </div>
1231 <ul class="the-bullets-dots" data-tesla-plugin="bullets">
1232 <li><span></span></li>
1233 <li><span></span></li>
1234 <li><span></span></li>
1235 <li><span></span></li>
1236 <li><span></span></li>
1237 <li><span></span></li>
1238 <li><span></span></li>
1239 <li><span></span></li>
1240 <li><span></span></li>
1241 <li><span></span></li>
1242 <li><span></span></li>
1243 <li><span></span></li>
1244 <li><span></span></li>
1245 <li><span></span></li>
1246 <li><span></span></li>
1247 <li><span></span></li>
1248 <li><span></span></li>
1249 </ul>
1250 <!-- END SLIDER -->
1251 </div>
1252 <!-- === Project Body === -->
1253 <div class="project-body">
1254 <p>text text lorem ipsom.</p>
1255 </div>
1256 <!-- ======= Start scroll down toggle ======= -->
1257 <div class="scroll-up"> <i class="fa fa-angle-up"></i> <span>Up</span> </div>
1258 </div>
1259 </div>
1260 </div>
1261 <!-- ================ Start Single Slide ================ -->
1262 <div class="slide single-style-and-self" data-anchor="single-style-and-self">
1263 <div class="container">
1264 <!-- ====== Start Single Project ====== -->
1265 <div id="portfolio-96" class="single-project post-96 portfolio type-portfolio status-publish hentry portfolio_tax-painting">
1266 <!-- === Go Back === -->
1267 <div class="go-back">
1268 <a href="#"> <i class="fa fa-angle-left"></i> </a> <span>Back</span> </div>
1269 <!-- === Project Header === -->
1270 <div class="project-header">
1271 <h1>Style and Self</h1>
1272 <div class="details-and-share">
1273 <div class="project-details">
1274 <ul>
1275 <li>
1276 <div class="date"> <a href="#"><i class="icon icon-clock3"></i>20 Dec 2015</a> </div>
1277 </li>
1278 <li>
1279 <div class="comments"> <a href="#"><i class="icon icon-speech-bubble"></i>Comments (0)</a> </div>
1280 </li>
1281 <li>
1282 <div class="tags"> <a href="#"><i class="icon icon-tag2"></i></a> </div>
1283 </li>
1284 </ul>
1285 </div>
1286 <div class="share-links">
1287 <ul>
1288 <li> <a class="facebook" onClick="window.open('http://www.facebook.com/sharer.php?s=100&t=&u=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fportfolio%3Dportfolio-material-design','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)"><i class="fa fa-facebook"></i></a> </li>
1289 <li> <a class="linkedin" onClick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fportfolio%3Dportfolio-material-design','sharer','toolbar=0,status=0,width=548,height=325');"><i class="fa fa-linkedin"></i></a> </li>
1290 </ul>
1291 </div>
1292 </div>
1293 </div>
1294 <!-- === Project Cover === -->
1295 <div class="project-cover">
1296 <!-- START SLIDER -->
1297 <ul>
1298 <li><img src="wp-content/uploads/2015/05/edit-8931-2.jpg" alt="slide-0" /></li>
1299 <li><img src="wp-content/uploads/2015/05/12592341_839162105441_8615099096485377693_n-1.jpg" alt="slide-1" /></li>
1300 <li><img src="wp-content/uploads/2015/05/MG_9365-replace.jpg" alt="slide-2" /></li>
1301 <li><img src="wp-content/uploads/2015/05/MG_7824editWHITE-2.jpg" alt="slide-3" /></li>
1302 </ul>
1303 <div class="slider-nav"> <i class="prev fa fa-long-arrow-left no-select"></i> <span>1 from 4</span> <i class="next fa fa-long-arrow-right no-select"></i> </div>
1304 <ul class="the-bullets-dots" data-tesla-plugin="bullets">
1305 <li><span></span></li>
1306 <li><span></span></li>
1307 <li><span></span></li>
1308 <li><span></span></li>
1309 </ul>
1310 <!-- END SLIDER -->
1311 </div>
1312 <!-- === Project Body === -->
1313 <div class="project-body">
1314 <p>Test Test</p>
1315 </div>
1316 <!-- ======= Start scroll down toggle ======= -->
1317 <div class="scroll-up"> <i class="fa fa-angle-up"></i> <span>Up</span> </div>
1318 </div>
1319 </div>
1320 </div>
1321 <!-- ================ Start Single Slide ================ -->
1322 <div class="slide single-love" data-anchor="single-love">
1323 <div class="container">
1324 <!-- ====== Start Single Project ====== -->
1325 <div id="portfolio-524" class="single-project post-524 portfolio type-portfolio status-publish hentry portfolio_cat-wedding portfolio_tax-painting">
1326 <!-- === Go Back === -->
1327 <div class="go-back">
1328 <a href="#"> <i class="fa fa-angle-left"></i> </a> <span>Back</span> </div>
1329 <!-- === Project Header === -->
1330 <div class="project-header">
1331 <h1>Love</h1>
1332 <div class="details-and-share">
1333 <div class="project-details">
1334 <ul>
1335 <li>
1336 <div class="date"> <a href="#"><i class="icon icon-clock3"></i>2 Nov 2015</a> </div>
1337 </li>
1338 <li>
1339 <div class="comments"> <a href="#"><i class="icon icon-speech-bubble"></i>Comments (0)</a> </div>
1340 </li>
1341 <li>
1342 <div class="tags"> <a href="#"><i class="icon icon-tag2"></i></a> </div>
1343 </li>
1344 </ul>
1345 </div>
1346 <div class="share-links">
1347 <ul>
1348 <li> <a class="facebook" onClick="window.open('http://www.facebook.com/sharer.php?s=100&t=&u=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fportfolio%3Dlove','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)"><i class="fa fa-facebook"></i></a> </li>
1349 <li> <a class="linkedin" onClick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fportfolio%3Dlove','sharer','toolbar=0,status=0,width=548,height=325');"><i class="fa fa-linkedin"></i></a> </li>
1350 </ul>
1351 </div>
1352 </div>
1353 </div>
1354 <!-- === Project Cover === -->
1355 <div class="project-cover">
1356 <!-- START SLIDER -->
1357 <ul>
1358 <li><img src="wp-content/uploads/2016/08/10001502672_897845506892202_2965473208786948502_o.jpg" alt="slide-0" /></li>
1359 <li><img src="wp-content/uploads/2016/08/10000966263_603550762988346_157174039_o.jpg" alt="slide-1" /></li>
1360 <li><img src="wp-content/uploads/2016/08/463323_449028761773881_1088295499_o.jpg" alt="slide-2" /></li>
1361 <li><img src="wp-content/uploads/2016/08/10001052282_629425953734160_44169801_o.jpg" alt="slide-3" /></li>
1362 <li><img src="wp-content/uploads/2016/08/1000_MG_5727-copyworkc.jpg" alt="slide-4" /></li>
1363 <li><img src="wp-content/uploads/2016/08/320469_271348092875283_2264548_n.jpg" alt="slide-5" /></li>
1364 <li><img src="wp-content/uploads/2016/08/266496_233731186636974_7530081_o.jpg" alt="slide-6" /></li>
1365 </ul>
1366 <div class="slider-nav"> <i class="prev fa fa-long-arrow-left no-select"></i> <span>1 from 7</span> <i class="next fa fa-long-arrow-right no-select"></i> </div>
1367 <ul class="the-bullets-dots" data-tesla-plugin="bullets">
1368 <li><span></span></li>
1369 <li><span></span></li>
1370 <li><span></span></li>
1371 <li><span></span></li>
1372 <li><span></span></li>
1373 <li><span></span></li>
1374 <li><span></span></li>
1375 </ul>
1376 <!-- END SLIDER -->
1377 </div>
1378 <!-- === Project Body === -->
1379 <div class="project-body"> </div>
1380 <!-- ======= Start scroll down toggle ======= -->
1381 <div class="scroll-up"> <i class="fa fa-angle-up"></i> <span>Up</span> </div>
1382 </div>
1383 </div>
1384 </div>
1385 <!-- ================ Start Single Slide ================ -->
1386 <div class="slide single-bus-shelter-ads" data-anchor="single-bus-shelter-ads">
1387 <div class="container">
1388 <!-- ====== Start Single Project ====== -->
1389 <div id="portfolio-568" class="single-project post-568 portfolio type-portfolio status-publish hentry portfolio_cat-advocacy portfolio_tax-design">
1390 <!-- === Go Back === -->
1391 <div class="go-back">
1392 <a href="#"> <i class="fa fa-angle-left"></i> </a> <span>Back</span> </div>
1393 <!-- === Project Header === -->
1394 <div class="project-header">
1395 <h1>Bus Shelter ads</h1>
1396 <div class="details-and-share">
1397 <div class="project-details">
1398 <ul>
1399 <li>
1400 <div class="date"> <a href="#"><i class="icon icon-clock3"></i>3 Oct 2015</a> </div>
1401 </li>
1402 <li>
1403 <div class="comments"> <a href="#"><i class="icon icon-speech-bubble"></i>Comments (0)</a> </div>
1404 </li>
1405 <li>
1406 <div class="tags"> <a href="#"><i class="icon icon-tag2"></i></a> </div>
1407 </li>
1408 </ul>
1409 </div>
1410 <div class="share-links">
1411 <ul>
1412 <li> <a class="facebook" onClick="window.open('http://www.facebook.com/sharer.php?s=100&t=&u=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fportfolio%3Dbus-shelter-ads','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)"><i class="fa fa-facebook"></i></a> </li>
1413 <li> <a class="linkedin" onClick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fportfolio%3Dbus-shelter-ads','sharer','toolbar=0,status=0,width=548,height=325');"><i class="fa fa-linkedin"></i></a> </li>
1414 </ul>
1415 </div>
1416 </div>
1417 </div>
1418 <!-- === Project Cover === -->
1419 <div class="project-cover">
1420 <!-- START SLIDER -->
1421 <ul>
1422 <li><img src="wp-content/uploads/2016/08/PitchStock-outdoor-bus-stop-poster-two-0255.jpg" alt="slide-0" /></li>
1423 <li><img src="wp-content/uploads/2016/08/Outdoor-Mockup-Template-08.jpg" alt="slide-1" /></li>
1424 <li><img src="wp-content/uploads/2016/08/Outdoor-Mockup-Template-04-1.jpg" alt="slide-2" /></li>
1425 <li><img src="wp-content/uploads/2016/08/Outdoor-Mockup-Template-03.jpg" alt="slide-3" /></li>
1426 <li><img src="wp-content/uploads/2016/08/Free-Roadside-Mockup-PSD-Designbolts.jpg" alt="slide-4" /></li>
1427 <li><img src="wp-content/uploads/2016/08/Bus-Stop-Ad2stren.jpg" alt="slide-5" /></li>
1428 <li><img src="wp-content/uploads/2016/08/Bus-Stop-Ad2reachss.jpg" alt="slide-6" /></li>
1429 <li><img src="wp-content/uploads/2016/08/Bus-Stop-Ad2reach.jpg" alt="slide-7" /></li>
1430 </ul>
1431 <div class="slider-nav"> <i class="prev fa fa-long-arrow-left no-select"></i> <span>1 from 8</span> <i class="next fa fa-long-arrow-right no-select"></i> </div>
1432 <ul class="the-bullets-dots" data-tesla-plugin="bullets">
1433 <li><span></span></li>
1434 <li><span></span></li>
1435 <li><span></span></li>
1436 <li><span></span></li>
1437 <li><span></span></li>
1438 <li><span></span></li>
1439 <li><span></span></li>
1440 <li><span></span></li>
1441 </ul>
1442 <!-- END SLIDER -->
1443 </div>
1444 <!-- === Project Body === -->
1445 <div class="project-body">
1446 <p>Description description.. lorem ipsom</p>
1447 </div>
1448 <!-- ======= Start scroll down toggle ======= -->
1449 <div class="scroll-up"> <i class="fa fa-angle-up"></i> <span>Up</span> </div>
1450 </div>
1451 </div>
1452 </div>
1453 <!-- ================ Start Single Slide ================ -->
1454 <div class="slide single-urban" data-anchor="single-urban">
1455 <div class="container">
1456 <!-- ====== Start Single Project ====== -->
1457 <div id="portfolio-631" class="single-project post-631 portfolio type-portfolio status-publish hentry portfolio_cat-zoo portfolio_tax-painting">
1458 <!-- === Go Back === -->
1459 <div class="go-back">
1460 <a href="#"> <i class="fa fa-angle-left"></i> </a> <span>Back</span> </div>
1461 <!-- === Project Header === -->
1462 <div class="project-header">
1463 <h1>Urban</h1>
1464 <div class="details-and-share">
1465 <div class="project-details">
1466 <ul>
1467 <li>
1468 <div class="date"> <a href="#"><i class="icon icon-clock3"></i>10 Sep 2015</a> </div>
1469 </li>
1470 <li>
1471 <div class="comments"> <a href="#"><i class="icon icon-speech-bubble"></i>Comments (0)</a> </div>
1472 </li>
1473 <li>
1474 <div class="tags"> <a href="#"><i class="icon icon-tag2"></i></a> </div>
1475 </li>
1476 </ul>
1477 </div>
1478 <div class="share-links">
1479 <ul>
1480 <li> <a class="facebook" onClick="window.open('http://www.facebook.com/sharer.php?s=100&t=&u=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fportfolio%3Durban','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)"><i class="fa fa-facebook"></i></a> </li>
1481 <li> <a class="linkedin" onClick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fportfolio%3Durban','sharer','toolbar=0,status=0,width=548,height=325');"><i class="fa fa-linkedin"></i></a> </li>
1482 </ul>
1483 </div>
1484 </div>
1485 </div>
1486 <!-- === Project Cover === -->
1487 <div class="project-cover">
1488 <!-- START SLIDER -->
1489 <ul>
1490 <li><img src="wp-content/uploads/2016/08/172242_203627509647342_2619476_o-1.jpg" alt="slide-0" /></li>
1491 <li><img src="wp-content/uploads/2016/08/469472_418343391509085_1630000630_o.jpg" alt="slide-1" /></li>
1492 <li><img src="wp-content/uploads/2016/08/204539_214551805221579_5672577_o.jpg" alt="slide-2" /></li>
1493 <li><img src="wp-content/uploads/2016/08/220780_222846937725399_4133973_o-1.jpg" alt="slide-3" /></li>
1494 <li><img src="wp-content/uploads/2016/08/3707292903_fbcdd25629_b620-1.jpg" alt="slide-4" /></li>
1495 <li><img src="wp-content/uploads/2016/08/3707288075_b45b36c605_b-1024x684.jpg" alt="slide-5" /></li>
1496 <li><img src="wp-content/uploads/2016/08/1146378_644364765573612_1177565579_o.jpg" alt="slide-6" /></li>
1497 <li><img src="wp-content/uploads/2016/08/tumblr_mqyi0884cM1qh9860o1_r1_1280-1.jpg" alt="slide-7" /></li>
1498 <li><img src="wp-content/uploads/2016/08/tumblr_mqyi0884cM1qh9860o2_r1_1280-1.jpg" alt="slide-8" /></li>
1499 <li><img src="wp-content/uploads/2016/08/tumblr_mztk2ikn3G1qh9860o1_1280-1.jpg" alt="slide-9" /></li>
1500 <li><img src="wp-content/uploads/2016/08/tumblr_mztk2ikn3G1qh9860o2_1280-1.jpg" alt="slide-10" /></li>
1501 <li><img src="wp-content/uploads/2016/08/tumblr_myl3w0NppX1qh9860o1_1280-1.jpg" alt="slide-11" /></li>
1502 </ul>
1503 <div class="slider-nav"> <i class="prev fa fa-long-arrow-left no-select"></i> <span>1 from 12</span> <i class="next fa fa-long-arrow-right no-select"></i> </div>
1504 <ul class="the-bullets-dots" data-tesla-plugin="bullets">
1505 <li><span></span></li>
1506 <li><span></span></li>
1507 <li><span></span></li>
1508 <li><span></span></li>
1509 <li><span></span></li>
1510 <li><span></span></li>
1511 <li><span></span></li>
1512 <li><span></span></li>
1513 <li><span></span></li>
1514 <li><span></span></li>
1515 <li><span></span></li>
1516 <li><span></span></li>
1517 </ul>
1518 <!-- END SLIDER -->
1519 </div>
1520 <!-- === Project Body === -->
1521 <div class="project-body"> </div>
1522 <!-- ======= Start scroll down toggle ======= -->
1523 <div class="scroll-up"> <i class="fa fa-angle-up"></i> <span>Up</span> </div>
1524 </div>
1525 </div>
1526 </div>
1527 <!-- ================ Start Single Slide ================ -->
1528 <div class="slide single-personal-work-and-illustration" data-anchor="single-personal-work-and-illustration">
1529 <div class="container">
1530 <!-- ====== Start Single Project ====== -->
1531 <div id="portfolio-551" class="single-project post-551 portfolio type-portfolio status-publish hentry portfolio_tax-design portfolio_tax-illustration portfolio_tax-photo">
1532 <!-- === Go Back === -->
1533 <div class="go-back">
1534 <a href="#"> <i class="fa fa-angle-left"></i> </a> <span>Back</span> </div>
1535 <!-- === Project Header === -->
1536 <div class="project-header">
1537 <h1>Personal Work and Illustration</h1>
1538 <div class="details-and-share">
1539 <div class="project-details">
1540 <ul>
1541 <li>
1542 <div class="date"> <a href="#"><i class="icon icon-clock3"></i>3 Jul 2015</a> </div>
1543 </li>
1544 <li>
1545 <div class="comments"> <a href="#"><i class="icon icon-speech-bubble"></i>Comments (0)</a> </div>
1546 </li>
1547 <li>
1548 <div class="tags"> <a href="#"><i class="icon icon-tag2"></i></a> </div>
1549 </li>
1550 </ul>
1551 </div>
1552 <div class="share-links">
1553 <ul>
1554 <li> <a class="facebook" onClick="window.open('http://www.facebook.com/sharer.php?s=100&t=&u=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fportfolio%3D551','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)"><i class="fa fa-facebook"></i></a> </li>
1555 <li> <a class="linkedin" onClick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fportfolio%3D551','sharer','toolbar=0,status=0,width=548,height=325');"><i class="fa fa-linkedin"></i></a> </li>
1556 </ul>
1557 </div>
1558 </div>
1559 </div>
1560 <!-- === Project Cover === -->
1561 <div class="project-cover">
1562 <!-- START SLIDER -->
1563 <ul>
1564 <li><img src="wp-content/uploads/2016/08/Square-Book-Mockup-By-PuneDesignPAGE1-m.jpg" alt="slide-0" /></li>
1565 <li><img src="wp-content/uploads/2016/08/Square-Book-Mockup-By-PuneDesignPAGE2-m.jpg" alt="slide-1" /></li>
1566 <li><img src="wp-content/uploads/2016/08/Square-Book-Mockup-By-PuneDesignPAGE11-m.jpg" alt="slide-2" /></li>
1567 <li><img src="wp-content/uploads/2016/08/Square-Book-Mockup-By-PuneDesignPAGE6-m.jpg" alt="slide-3" /></li>
1568 <li><img src="wp-content/uploads/2016/08/Square-Book-Mockup-By-PuneDesignPAGE3-m.jpg" alt="slide-4" /></li>
1569 <li><img src="wp-content/uploads/2016/08/Lorem1.jpg" alt="slide-5" /></li>
1570 <li><img src="wp-content/uploads/2016/08/Square-Book-Mockup-By-PuneDesignPAGE8.jpg" alt="slide-6" /></li>
1571 <li><img src="wp-content/uploads/2016/08/Square-Book-Mockup-By-PuneDesignPAGE6.jpg" alt="slide-7" /></li>
1572 <li><img src="wp-content/uploads/2016/08/Square-Book-Mockup-By-PuneDesignPAGE5.jpg" alt="slide-8" /></li>
1573 <li><img src="wp-content/uploads/2015/07/savethedateMAGAZINE-PSD-MOCKUP.jpg" alt="slide-9" /></li>
1574 <li><img src="wp-content/uploads/2015/07/ILLLOSweddingMAGAZINE-PSD-MOCKUP.jpg" alt="slide-10" /></li>
1575 <li><img src="wp-content/uploads/2015/07/MAGAZINE-PSD-MOCKUP.jpg" alt="slide-11" /></li>
1576 <li><img src="wp-content/uploads/2015/07/ILLLOSMAGAZINE-PSD-MOCKUP2.jpg" alt="slide-12" /></li>
1577 <li><img src="wp-content/uploads/2016/08/Square-Book-Mockup-By-PuneDesignPAGE4.jpg" alt="slide-13" /></li>
1578 <li><img src="wp-content/uploads/2016/08/Square-Book-Mockup-By-PuneDesignPAGE3.jpg" alt="slide-14" /></li>
1579 <li><img src="wp-content/uploads/2016/08/Square-Book-Mockup-By-PuneDesignPAGE7-m.jpg" alt="slide-15" /></li>
1580 </ul>
1581 <div class="slider-nav"> <i class="prev fa fa-long-arrow-left no-select"></i> <span>1 from 16</span> <i class="next fa fa-long-arrow-right no-select"></i> </div>
1582 <ul class="the-bullets-dots" data-tesla-plugin="bullets">
1583 <li><span></span></li>
1584 <li><span></span></li>
1585 <li><span></span></li>
1586 <li><span></span></li>
1587 <li><span></span></li>
1588 <li><span></span></li>
1589 <li><span></span></li>
1590 <li><span></span></li>
1591 <li><span></span></li>
1592 <li><span></span></li>
1593 <li><span></span></li>
1594 <li><span></span></li>
1595 <li><span></span></li>
1596 <li><span></span></li>
1597 <li><span></span></li>
1598 <li><span></span></li>
1599 </ul>
1600 <!-- END SLIDER -->
1601 </div>
1602 <!-- === Project Body === -->
1603 <div class="project-body"> </div>
1604 <!-- ======= Start scroll down toggle ======= -->
1605 <div class="scroll-up"> <i class="fa fa-angle-up"></i> <span>Up</span> </div>
1606 </div>
1607 </div>
1608 </div>
1609 <!-- ======= Start scroll down toggle ======= -->
1610 <div class="scroll-toggle down"> <i class="fa fa-angle-down"></i> <span>Scroll down</span> </div>
1611 </div>
1612 </section>
1613 <!-- ========================= END CONTENT ======================== -->
1614 <!-- ========================= START CONTENT ======================== -->
1615 <section class="section" data-anchor="blog-section-23">
1616 <style type="text/css" scoped>
1617 .section-content-23 {
1618 background: #;
1619 }
1620
1621 .bg-wrapper-23 {}
1622
1623 ;
1624 </style>
1625 <div class="section-content section-content-23">
1626 <!-- ================ Start Slide ================ -->
1627 <div id="blog--23" class="slide blog-slide" data-anchor="portfolio-container"> <img class="mobile-brand" src="wp-content/uploads/2016/07/logo_blackflat.png" alt="Resume">
1628 <div class="bg-wrapper bg-wrapper-23">
1629 <div class="container latest-posts-slide">
1630 <h2 class="section-title">Blog</h2>
1631 <p class="section-sub-title">Latest news</p>
1632 <!-- ===== Search Form ===== -->
1633 <form method="get" role="search" autocomplete="off" action="http://www.stranka.sk" class="search-form"> <i class="icon-search icon"></i>
1634 <input type="text" value="" name="s" id="s" class="search-input" placeholder="Search">
1635 <input type="submit" id="searchsubmit" class="search-submit" value="Start searching" /> </form>
1636 <!-- ====== Start Blog Container ====== -->
1637 <div class="blog-posts-container">
1638 <div class="row row-fit-2">
1639 <!-- post -->
1640 <!-- === Start Blog Items === -->
1641 <div class="col-sm-6 col-md-4">
1642 <div id="post-460" data-link="courage-its-an-art-not-a-science" class="blog-item post-460 post type-post status-publish format-standard has-post-thumbnail hentry category-musings">
1643 <!-- Blogpost hover details -->
1644 <div class="details-wrapper">
1645 <div class="details">
1646 <!-- == Title & tags == -->
1647 <div class="upper ">
1648 <h4><a href="indexb3e1.html?p=460" class="view-post-blog">Courage, it’s an Art, not a Science</a></h4> </div>
1649 <!-- == Link & details == -->
1650 <div class="lower"> <a href="indexb3e1.html?p=460" class="view-post view-post-blog">View the post</a>
1651 <ul>
1652 <li class="date"> <a href="#"><i class="icon fa fa-calendar"></i></a> <span><i class="fa fa-caret-down"></i>2 Jul 2016</span> </li>
1653 <li class="user"> <a href="#"><i class="icon fa fa-user"></i></a> <span><i class="fa fa-caret-down"></i>Kate</span> </li>
1654 <li class="comments"> <a href="#"><i class="icon fa fa-comment-o"></i></a> <span><i class="fa fa-caret-down"></i>0 comments</span> </li>
1655 </ul>
1656 </div>
1657 </div>
1658 </div>
1659 <!-- == Blog post image == --><img src="wp-content/uploads/2015/05/ICO71211900120_812179119561_2557005026438874147_o-copy.jpg" alt="blog image" /> </div>
1660 </div>
1661 <!-- post -->
1662 <!-- === Start Blog Items === -->
1663 <div class="col-sm-6 col-md-4">
1664 <div id="post-458" data-link="la-lumiere-exquise" class="blog-item post-458 post type-post status-publish format-standard has-post-thumbnail hentry category-musings">
1665 <!-- Blogpost hover details -->
1666 <div class="details-wrapper">
1667 <div class="details">
1668 <!-- == Title & tags == -->
1669 <div class="upper ">
1670 <h4><a href="indexf7f8.html?p=458" class="view-post-blog">La Lumière Exquise</a></h4> </div>
1671 <!-- == Link & details == -->
1672 <div class="lower"> <a href="indexf7f8.html?p=458" class="view-post view-post-blog">View the post</a>
1673 <ul>
1674 <li class="date"> <a href="#"><i class="icon fa fa-calendar"></i></a> <span><i class="fa fa-caret-down"></i>2 Jun 2016</span> </li>
1675 <li class="user"> <a href="#"><i class="icon fa fa-user"></i></a> <span><i class="fa fa-caret-down"></i>Kate</span> </li>
1676 <li class="comments"> <a href="#"><i class="icon fa fa-comment-o"></i></a> <span><i class="fa fa-caret-down"></i>0 comments</span> </li>
1677 </ul>
1678 </div>
1679 </div>
1680 </div>
1681 <!-- == Blog post image == --><img src="wp-content/uploads/2015/05/ICO3708098008_c434eca945_b620.jpg" alt="blog image" /> </div>
1682 </div>
1683 <!-- post -->
1684 <!-- === Start Blog Items === -->
1685 <div class="col-sm-6 col-md-4">
1686 <div id="post-108" data-link="a-few-of-my-many-views-on-color-theory" class="blog-item post-108 post type-post status-publish format-standard has-post-thumbnail hentry category-color-theory">
1687 <!-- Blogpost hover details -->
1688 <div class="details-wrapper">
1689 <div class="details">
1690 <!-- == Title & tags == -->
1691 <div class="upper ">
1692 <h4><a href="index460d.html?p=108" class="view-post-blog">A few of my many views on Color Theory…</a></h4> </div>
1693 <!-- == Link & details == -->
1694 <div class="lower"> <a href="index460d.html?p=108" class="view-post view-post-blog">View the post</a>
1695 <ul>
1696 <li class="date"> <a href="#"><i class="icon fa fa-calendar"></i></a> <span><i class="fa fa-caret-down"></i>20 Jul 2015</span> </li>
1697 <li class="user"> <a href="#"><i class="icon fa fa-user"></i></a> <span><i class="fa fa-caret-down"></i>Kate</span> </li>
1698 <li class="comments"> <a href="#"><i class="icon fa fa-comment-o"></i></a> <span><i class="fa fa-caret-down"></i>0 comments</span> </li>
1699 </ul>
1700 </div>
1701 </div>
1702 </div>
1703 <!-- == Blog post image == --><img src="wp-content/uploads/2015/03/3707287077_06ba0494b4_b-1.jpg" alt="blog image" /> </div>
1704 </div>
1705 <!-- post -->
1706 <!-- === Start Blog Items === -->
1707 <div class="col-sm-6 col-md-4">
1708 <div id="post-326" data-link="what-do-you-need-to-start-painting" class="blog-item post-326 post type-post status-publish format-standard has-post-thumbnail hentry category-process">
1709 <!-- Blogpost hover details -->
1710 <div class="details-wrapper">
1711 <div class="details">
1712 <!-- == Title & tags == -->
1713 <div class="upper ">
1714 <h4><a href="index4bd3.html?p=326" class="view-post-blog">What do you need to start painting?</a></h4> </div>
1715 <!-- == Link & details == -->
1716 <div class="lower"> <a href="index4bd3.html?p=326" class="view-post view-post-blog">View the post</a>
1717 <ul>
1718 <li class="date"> <a href="#"><i class="icon fa fa-calendar"></i></a> <span><i class="fa fa-caret-down"></i>20 May 2015</span> </li>
1719 <li class="user"> <a href="#"><i class="icon fa fa-user"></i></a> <span><i class="fa fa-caret-down"></i>Kate</span> </li>
1720 <li class="comments"> <a href="#"><i class="icon fa fa-comment-o"></i></a> <span><i class="fa fa-caret-down"></i>0 comments</span> </li>
1721 </ul>
1722 </div>
1723 </div>
1724 </div>
1725 <!-- == Blog post image == --><img src="wp-content/uploads/2015/05/ICO35226_142865909056836_5402133_n.jpg" alt="blog image" /> </div>
1726 </div>
1727 <!-- post -->
1728 <!-- === Start Blog Items === -->
1729 <div class="col-sm-6 col-md-4">
1730 <div id="post-87" data-link="even-more-of-my-many-views-on-color-theory-part-3" class="blog-item post-87 post type-post status-publish format-standard has-post-thumbnail hentry category-color-theory">
1731 <!-- Blogpost hover details -->
1732 <div class="details-wrapper">
1733 <div class="details">
1734 <!-- == Title & tags == -->
1735 <div class="upper ">
1736 <h4><a href="index5d38.html?p=87" class="view-post-blog">Even MORE of my many views on color theory – Part 3</a></h4> </div>
1737 <!-- == Link & details == -->
1738 <div class="lower"> <a href="index5d38.html?p=87" class="view-post view-post-blog">View the post</a>
1739 <ul>
1740 <li class="date"> <a href="#"><i class="icon fa fa-calendar"></i></a> <span><i class="fa fa-caret-down"></i>20 Apr 2015</span> </li>
1741 <li class="user"> <a href="#"><i class="icon fa fa-user"></i></a> <span><i class="fa fa-caret-down"></i>Kate</span> </li>
1742 <li class="comments"> <a href="#"><i class="icon fa fa-comment-o"></i></a> <span><i class="fa fa-caret-down"></i>1 comment</span> </li>
1743 </ul>
1744 </div>
1745 </div>
1746 </div>
1747 <!-- == Blog post image == --><img src="wp-content/uploads/2015/05/icotumblr_n8633v1KIH1qh9860o4_r2_1280.jpg" alt="blog image" /> </div>
1748 </div>
1749 <!-- post -->
1750 <!-- === Start Blog Items === -->
1751 <div class="col-sm-6 col-md-4">
1752 <div id="post-104" data-link="a-few-more-of-my-many-views-on-color-theory" class="blog-item post-104 post type-post status-publish format-standard has-post-thumbnail hentry category-color-theory">
1753 <!-- Blogpost hover details -->
1754 <div class="details-wrapper">
1755 <div class="details">
1756 <!-- == Title & tags == -->
1757 <div class="upper ">
1758 <h4><a href="index9430.html?p=104" class="view-post-blog">A few MORE of My Many Views on Color Theory</a></h4> </div>
1759 <!-- == Link & details == -->
1760 <div class="lower"> <a href="index9430.html?p=104" class="view-post view-post-blog">View the post</a>
1761 <ul>
1762 <li class="date"> <a href="#"><i class="icon fa fa-calendar"></i></a> <span><i class="fa fa-caret-down"></i>20 Mar 2015</span> </li>
1763 <li class="user"> <a href="#"><i class="icon fa fa-user"></i></a> <span><i class="fa fa-caret-down"></i>Kate</span> </li>
1764 <li class="comments"> <a href="#"><i class="icon fa fa-comment-o"></i></a> <span><i class="fa fa-caret-down"></i>0 comments</span> </li>
1765 </ul>
1766 </div>
1767 </div>
1768 </div>
1769 <!-- == Blog post image == --><img src="wp-content/uploads/2015/04/ICO206882_214546525222107_1125482_n.jpg" alt="blog image" /> </div>
1770 </div>
1771 </div>
1772 </div>
1773 <!-- ====== Start Main Pagination ====== -->
1774 <div class="pagination">
1775 <ul>
1776 <li><a href="#" class="current">1</a></li>
1777 <li><a href="#" class="">2</a></li>
1778 </ul>
1779 </div>
1780 </div>
1781 </div>
1782 </div>
1783 <!-- ================ Start Single Slide ================ -->
1784 <div class="slide single-courage-its-an-art-not-a-science" data-anchor="single-courage-its-an-art-not-a-science">
1785 <div class="container">
1786 <!-- ====== Start Single Blogpost ====== -->
1787 <div id="single-post-460" class="blogpost post-460 post type-post status-publish format-standard has-post-thumbnail hentry category-musings">
1788 <!-- === Go Back === -->
1789 <div class="go-back">
1790 <a href="#"> <i class="fa fa-angle-left"></i> </a> <span>Back</span> </div>
1791 <!-- === Blog Header === -->
1792 <div class="blog-header">
1793 <h1>Courage, it’s an Art, not a Science</h1> </div>
1794 <!-- === Blogpost Header === -->
1795 <div class="blogpost-header">
1796 <div class="details">
1797 <ul>
1798 <li> <a href="#" class="date">2 Jul 2016</a> </li>
1799 <li> <a href="Kate.html" class="author">By Kate</a> </li>
1800 <li> <a href="#" class="comments">Comments (0)</a> </li>
1801 <li> </li>
1802 <li>
1803 <ul class="category">
1804 <li><a href="index667c.html?cat=43" rel="category">musings</a></li>
1805 </ul>
1806 </li>
1807 </ul>
1808 </div>
1809 </div>
1810 <!-- === Blogpost Cover === -->
1811 <div class="blogpost-cover"> <img width="1140" height="839" src="wp-content/uploads/2016/07/11900120_812179119561_2557005026438874147_o-copy.jpg" class="attachment-original size-original wp-post-image" alt="11900120_812179119561_2557005026438874147_o-copy" srcset="http://i0.wp.com/test.kateconnollystudio.com/wp-content/uploads/2016/07/11900120_812179119561_2557005026438874147_o-copy.jpg?w=1140 1140w, http://i0.wp.com/test.kateconnollystudio.com/wp-content/uploads/2016/07/11900120_812179119561_2557005026438874147_o-copy.jpg?resize=300%2C221 300w, http://i0.wp.com/test.kateconnollystudio.com/wp-content/uploads/2016/07/11900120_812179119561_2557005026438874147_o-copy.jpg?resize=768%2C565 768w, http://i0.wp.com/test.kateconnollystudio.com/wp-content/uploads/2016/07/11900120_812179119561_2557005026438874147_o-copy.jpg?resize=1024%2C754 1024w" sizes="(max-width: 1140px) 100vw, 1140px" /> </div>
1812 <!-- === Blogpost Body === -->
1813 <div class="blogpost-body">
1814 <blockquote>
1815 <p>“I don’t know where I’m going from here, but I promise it won’t be boring.” – <em>David Bowie</em></p>
1816 <p>“An Endless Pursuit of all that is NOT Boring” – The title of my first senior show, way back in highschool.</p>
1817 </blockquote>
1818 <p>I wouldn’t call myself an “experimental” type of person or painter, or anywhere near that innovative. I love traditional mediums, and I love to paint… whatever I feel like painting.</p>
1819 <p>But yesterday with the passing of one of my favorite musicians, David Bowie, I really took the opportunity to think about innovative artists that really had no fear about trying anything out.</p>
1820 <p>David Bowie almost reminds me of why I’m also fond of Picasso. Both artists couldn’t seem to sit still for any one style, and made their mark by pushing their genres above and beyond the traditional.</p>
1821 <blockquote>
1822 <p>“I mean, my whole life is made up of experimentation, curiosity and anything that seemed at all appealing.” – <em>David Bowie</em></p>
1823 <p>– or –</p>
1824 <p>“How aweful for a painter who loathes apples to have to use them all the time because they go so well with the cloth.<em> <strong>I put all the things I like into my picture. The things- so much the worse for them; they just have to put up with it.â€</strong> – Picasso</em></p>
1825 </blockquote>
1826 <p>What have I learned from those innovators in my own traditionally-driven passion of oil on canvas? I think quite a lot actually.</p>
1827 <p>Whenever, I’ve given lessons in painting, one of the first things I always try to hammer into my students’ brains are to JUST TRY IT OUT! Don’t be afraid to experiment with paint! One thing that always surprises me as a creative, are how many people out there are so afraid to mix colors or to try a “crazy” brushstroke or to mess up.</p>
1828 <p>The current coloring-book trend drives me crazy, not because I mind people relaxing and coloring, but because I now witness so many people afraid to blend colors or color heavily within the lines.</p>
1829 <p>I don’t care if you want to stay within the lines! But if you want to stay in the lines… REALLY STAY WITHIN THE LINES and color heavily and with purpose!</p>
1830 <p>Back to David Bowie – thinking of him, I never feel innovative enough. But then I remember his other message, that anything you do in Art should be <strong>intentional</strong>. If you color outside the lines, then color outside the lines like a champ. If you want to stay within the lines, love the lines and show it with intention.</p>
1831 <p>Whenever I see someone pick up their first coloring book or first paint brush, they tend to be so timid. They will color lightly or paint lightly, barely covering the canvas. I don’t blame anyone for being initially timid at all, but it drives to me to push them <em>quickly</em> outside of their comfort box.</p>
1832 <p>The quicker they relax and leave their comfort zone, the better results they will see. Painting is an ART not a SCIENCE. You should only fear fear itself. There is plenty of room for mistakes and growth. There is even plenty of room for mistakes that become something wonderful on their own. In science, you should fear numbers and being “correct”. In art, you have to relax and just TRY IT OUT!</p>
1833 <p>As an aside, while I have very little background in science, I’m aware that some scientists must act like artists sometimes and come up with creative solutions and make mistakes as well. Science and art are not 100% exclusive. But for the case of this entry, I’m trying to express how the greatest treat in art is to be able to experiment and make mistakes.</p>
1834 <p>The most fearful time for me is when I start a painting, and then when I get about halfway through. I’m never above doubting myself or my abilities. But the reason I have found some success and have produced some pieces I’m proud of is, is that I don’t let the fear stop me.</p>
1835 <p>
1836 <a href="wp-content/uploads/2015/08/MG_7311-replace.jpg"><img class="aligncenter size-large wp-image-1568" src="wp-content/uploads/2015/08/MG_7311-replace-1024x756e588.jpg?resize=640%2C473" alt="_MG_7311-replace" data-recalc-dims="1" /></a>
1837 </p>
1838 <p> </p>
1839 <p>The above painting of myself standing in Paris, was one of my more fearful paintings to start. Not only do I have crazy lighting and the perspective of the many sidewalks and cobblestones, and the City of Lights out there in illuminated in the background, but the sky is also crazy dramatic.</p>
1840 <p>I knew I wanted to paint this as soon as I took the photo (I mean my husband clicked the photo itself, but you know what I mean). How I could avoid painting the prism of lights in Paris?</p>
1841 <p>But it was still very difficult. And I didn’t get it perfect either, even at the end!</p>
1842 <blockquote>
1843 <p>“All my big mistakes are when I try to second-guess or please an audience. My work is always stronger when I get very selfish about it,” – Bowie</p>
1844 </blockquote>
1845 <p>If I wanted to paint a night in Paris, and if I feel like it’s blue, PAINT IT BLUE. If I feel like all the lights project a kaleidoscopic prism on colors onto the gray pavement, then I better paint a wild set of colors. No one leaves the real life Paris unmoved. So if I’m to dare to paint the place, I better at LEAST TRY to paint is bright and colorful!!</p>
1846 <p>Therefore, never be afraid to try. And please if you pick up a coloring book, COLOR BOLDLY!</p>
1847 <p>Thank you,</p>
1848 <p>Kate</p>
1849 <p> </p>
1850 <p> </p>
1851 <p> </p>
1852 <!-- == Share links == -->
1853 <div class="share-blogpost">
1854 <ul>
1855 <li> <a class="facebook" onClick="window.open('http://www.facebook.com/sharer.php?s=100&t=&u=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fp%3D460','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)"><i class="fa fa-facebook"></i></a> </li>
1856 <li> <a class="linkedin" onClick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fp%3D460','sharer','toolbar=0,status=0,width=548,height=325');"><i class="fa fa-linkedin"></i></a> </li>
1857 </ul>
1858 </div>
1859 <!-- == Similar Posts == -->
1860 <div class="similar-posts">
1861 <div class="similar-posts-header">
1862 <h4>Related posts</h4>
1863 <p>Similar posts</p>
1864 </div>
1865 <div class="row row-fit-20">
1866 <div class="col-sm-6 col-md-4">
1867 <div class="similar-post post-460 post type-post status-publish format-standard has-post-thumbnail hentry category-musings" data-link="courage-its-an-art-not-a-science">
1868 <!-- Hover -->
1869 <div class="view-post"> <a href="indexb3e1.html?p=460">View Post</a> </div> <img src="wp-content/uploads/2016/07/11900120_812179119561_2557005026438874147_o-copy.jpg" alt="similar post image" /> </div>
1870 </div>
1871 <div class="col-sm-6 col-md-4">
1872 <div class="similar-post post-458 post type-post status-publish format-standard has-post-thumbnail hentry category-musings" data-link="la-lumiere-exquise">
1873 <!-- Hover -->
1874 <div class="view-post"> <a href="indexf7f8.html?p=458">View Post</a> </div> <img src="wp-content/uploads/2016/06/3708098008_c434eca945_b.jpg" alt="similar post image" /> </div>
1875 </div>
1876 <div class="col-sm-6 col-md-4">
1877 <div class="similar-post post-108 post type-post status-publish format-standard has-post-thumbnail hentry category-color-theory" data-link="a-few-of-my-many-views-on-color-theory">
1878 <!-- Hover -->
1879 <div class="view-post"> <a href="index460d.html?p=108">View Post</a> </div> <img src="wp-content/uploads/2015/07/1781275_929768703699882_2985619544179493435_o.jpg" alt="similar post image" /> </div>
1880 </div>
1881 </div>
1882 </div>
1883 </div>
1884 <!-- ======= Start scroll down toggle ======= -->
1885 <div class="scroll-up"> <i class="fa fa-angle-up"></i> <span>Up</span> </div>
1886 </div>
1887 </div>
1888 </div>
1889 <!-- ================ Start Single Slide ================ -->
1890 <div class="slide single-la-lumiere-exquise" data-anchor="single-la-lumiere-exquise">
1891 <div class="container">
1892 <!-- ====== Start Single Blogpost ====== -->
1893 <div id="single-post-458" class="blogpost post-458 post type-post status-publish format-standard has-post-thumbnail hentry category-musings">
1894 <!-- === Go Back === -->
1895 <div class="go-back">
1896 <a href="#"> <i class="fa fa-angle-left"></i> </a> <span>Back</span> </div>
1897 <!-- === Blog Header === -->
1898 <div class="blog-header">
1899 <h1>La Lumière Exquise</h1> </div>
1900 <!-- === Blogpost Header === -->
1901 <div class="blogpost-header">
1902 <div class="details">
1903 <ul>
1904 <li> <a href="#" class="date">2 Jun 2016</a> </li>
1905 <li> <a href="Kate.html" class="author">By Kate</a> </li>
1906 <li> <a href="#" class="comments">Comments (0)</a> </li>
1907 <li> </li>
1908 <li>
1909 <ul class="category">
1910 <li><a href="index667c.html?cat=43" rel="category">musings</a></li>
1911 </ul>
1912 </li>
1913 </ul>
1914 </div>
1915 </div>
1916 <!-- === Blogpost Cover === -->
1917 <div class="blogpost-cover"> <img width="1140" height="754" src="wp-content/uploads/2016/06/3708098008_c434eca945_b.jpg" class="attachment-original size-original wp-post-image" alt="3708098008_c434eca945_b" srcset="http://i0.wp.com/test.kateconnollystudio.com/wp-content/uploads/2016/06/3708098008_c434eca945_b.jpg?w=1140 1140w, http://i0.wp.com/test.kateconnollystudio.com/wp-content/uploads/2016/06/3708098008_c434eca945_b.jpg?resize=300%2C198 300w, http://i0.wp.com/test.kateconnollystudio.com/wp-content/uploads/2016/06/3708098008_c434eca945_b.jpg?resize=768%2C508 768w, http://i0.wp.com/test.kateconnollystudio.com/wp-content/uploads/2016/06/3708098008_c434eca945_b.jpg?resize=1024%2C677 1024w" sizes="(max-width: 1140px) 100vw, 1140px" /> </div>
1918 <!-- === Blogpost Body === -->
1919 <div class="blogpost-body">
1920 <p>The Exquisite Light (artistic expressions just sound prettier in French)</p>
1921 <p>
1922 <a href="wp-content/uploads/2013/01/3708098008_c434eca945_b620.jpg"><img class="aligncenter size-full wp-image-218" src="wp-content/uploads/2013/01/3708098008_c434eca945_b6209b0f.jpg?resize=620%2C415" alt="3708098008_c434eca945_b620" data-recalc-dims="1" /></a>
1923 </p>
1924 <p>On some days there is a certain time between afternoon and twilight (or sunrise and dawn), where the light becomes magical, something special that makes me pause and stare. One of the driving forces behind my painting is a constant urge to capture the lighting effects of that time of day- the exquisite lighting. It’s not just a sunset, but a precious point where, through some affect of sky, dust, or atmosphere, the beams of light that strike the objects from the side create all sorts of bright colors and make the world glow like a painting- before I even make up the canvas.</p>
1925 <p>
1926 <a href="wp-content/uploads/2013/01/3707291287_77c1c55fda_b620.jpg"><img class="aligncenter size-full wp-image-201" src="wp-content/uploads/2013/01/3707291287_77c1c55fda_b620d7be.jpg?resize=620%2C869" alt="3707291287_77c1c55fda_b620" data-recalc-dims="1" /></a>
1927 </p>
1928 <p>Most artists intuitively know that the best time to take photos is during this time, either in the early morning or late afternoon. This sort of “sideways†light create the best shadows which not only creates drama and intrigue but also makes it easier to draw or paint, by making all the lines crisper. It’s a like a cheat sheet, but more honest.</p>
1929 <p>Upon finishing my latest painting, I went back through my portfolio and sorta realized how many pieces of mine have been based upon this magical time of day. My subjects have always varied from year to year with not a whole lot of consistency. However, as I went back through a few of them, I realized one thread they all have (whether a figure, an interior, a landscape, or building), is that I have always done my best to capture a moment during the most striking, natural lighting conditions where I had my camera on hand.
1930 <a href="wp-content/uploads/2013/06/34344_142707215739372_4572028_n.jpg"><img class="aligncenter size-full wp-image-642" src="wp-content/uploads/2013/06/34344_142707215739372_4572028_n8e8f.jpg?resize=620%2C501" alt="34344_142707215739372_4572028_n" data-recalc-dims="1" /></a>
1931 </p>
1932 <p>For me, it’s not always been the exact subjects I’ve painted (which I do still love), but more about the exquisite lighting I’ve spontaneously found them in.</p>
1933 <p> </p>
1934 <!-- == Share links == -->
1935 <div class="share-blogpost">
1936 <ul>
1937 <li> <a class="facebook" onClick="window.open('http://www.facebook.com/sharer.php?s=100&t=&u=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fp%3D458','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)"><i class="fa fa-facebook"></i></a> </li>
1938 <li> <a class="linkedin" onClick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fp%3D458','sharer','toolbar=0,status=0,width=548,height=325');"><i class="fa fa-linkedin"></i></a> </li>
1939 </ul>
1940 </div>
1941 <!-- == Similar Posts == -->
1942 <div class="similar-posts">
1943 <div class="similar-posts-header">
1944 <h4>Related posts</h4>
1945 <p>Similar posts</p>
1946 </div>
1947 <div class="row row-fit-20">
1948 <div class="col-sm-6 col-md-4">
1949 <div class="similar-post post-460 post type-post status-publish format-standard has-post-thumbnail hentry category-musings" data-link="courage-its-an-art-not-a-science">
1950 <!-- Hover -->
1951 <div class="view-post"> <a href="indexb3e1.html?p=460">View Post</a> </div> <img src="wp-content/uploads/2016/07/11900120_812179119561_2557005026438874147_o-copy.jpg" alt="similar post image" /> </div>
1952 </div>
1953 <div class="col-sm-6 col-md-4">
1954 <div class="similar-post post-458 post type-post status-publish format-standard has-post-thumbnail hentry category-musings" data-link="la-lumiere-exquise">
1955 <!-- Hover -->
1956 <div class="view-post"> <a href="indexf7f8.html?p=458">View Post</a> </div> <img src="wp-content/uploads/2016/06/3708098008_c434eca945_b.jpg" alt="similar post image" /> </div>
1957 </div>
1958 <div class="col-sm-6 col-md-4">
1959 <div class="similar-post post-108 post type-post status-publish format-standard has-post-thumbnail hentry category-color-theory" data-link="a-few-of-my-many-views-on-color-theory">
1960 <!-- Hover -->
1961 <div class="view-post"> <a href="index460d.html?p=108">View Post</a> </div> <img src="wp-content/uploads/2015/07/1781275_929768703699882_2985619544179493435_o.jpg" alt="similar post image" /> </div>
1962 </div>
1963 </div>
1964 </div>
1965 </div>
1966 <!-- ======= Start scroll down toggle ======= -->
1967 <div class="scroll-up"> <i class="fa fa-angle-up"></i> <span>Up</span> </div>
1968 </div>
1969 </div>
1970 </div>
1971 <!-- ================ Start Single Slide ================ -->
1972 <div class="slide single-a-few-of-my-many-views-on-color-theory" data-anchor="single-a-few-of-my-many-views-on-color-theory">
1973 <div class="container">
1974 <!-- ====== Start Single Blogpost ====== -->
1975 <div id="single-post-108" class="blogpost post-108 post type-post status-publish format-standard has-post-thumbnail hentry category-color-theory">
1976 <!-- === Go Back === -->
1977 <div class="go-back">
1978 <a href="#"> <i class="fa fa-angle-left"></i> </a> <span>Back</span> </div>
1979 <!-- === Blog Header === -->
1980 <div class="blog-header">
1981 <h1>A few of my many views on Color Theory…</h1> </div>
1982 <!-- === Blogpost Header === -->
1983 <div class="blogpost-header">
1984 <div class="details">
1985 <ul>
1986 <li> <a href="#" class="date">20 Jul 2015</a> </li>
1987 <li> <a href="Kate.html" class="author">By Kate</a> </li>
1988 <li> <a href="#" class="comments">Comments (0)</a> </li>
1989 <li> </li>
1990 <li>
1991 <ul class="category">
1992 <li><a href="indexffca.html?cat=41" rel="category">color theory</a></li>
1993 </ul>
1994 </li>
1995 </ul>
1996 </div>
1997 </div>
1998 <!-- === Blogpost Cover === -->
1999 <div class="blogpost-cover"> <img width="1140" height="760" src="wp-content/uploads/2015/07/1781275_929768703699882_2985619544179493435_o.jpg" class="attachment-original size-original wp-post-image" alt="1781275_929768703699882_2985619544179493435_o" srcset="http://i1.wp.com/test.kateconnollystudio.com/wp-content/uploads/2015/07/1781275_929768703699882_2985619544179493435_o.jpg?w=1140 1140w, http://i1.wp.com/test.kateconnollystudio.com/wp-content/uploads/2015/07/1781275_929768703699882_2985619544179493435_o.jpg?resize=300%2C200 300w, http://i1.wp.com/test.kateconnollystudio.com/wp-content/uploads/2015/07/1781275_929768703699882_2985619544179493435_o.jpg?resize=768%2C512 768w, http://i1.wp.com/test.kateconnollystudio.com/wp-content/uploads/2015/07/1781275_929768703699882_2985619544179493435_o.jpg?resize=1024%2C683 1024w" sizes="(max-width: 1140px) 100vw, 1140px" /> </div>
2000 <!-- === Blogpost Body === -->
2001 <div class="blogpost-body">
2002 <p>It practically goes with out saying, but colors are one of the chief motivating elements for me in painting. I suspect that my romanticism with colors begins with color theory. I wish to discuss a few of own personal views on the subject, with just three beginning categories: Complimentary colors, Analogous colors, and Warm and Cool colors.</p>
2003 <h2><b>1. Complimentary colors:</b></h2>
2004 <p>
2005 <a href="wp-content/uploads/2013/01/3707284991_64d50f30e2_o.jpg"><img class="size-medium wp-image-445 alignleft" src="wp-content/uploads/2013/01/3707284991_64d50f30e2_o-238x3004468.jpg?resize=238%2C300" alt="OLYMPUS DIGITAL CAMERA" data-recalc-dims="1" /></a>In my view complimentary colors are the first lesson to learn if you want to make your colors more bold and stand out more. Some art classes will teach monochromatic and analogous colors first, which does makes some sense. However, I feel like those first two are much more boring than compliments. One of my favorite art lessons back in early college was when I first painted yellow lemons with a purple background. It was simple, but just following that simple idea, took a mediocre painting and brought in an added “wow†element.</p>
2006 <p>For those that don’t already know, complimentary colors are two colors at <b><i>opposite ends</i></b> of the color wheel. As the name suggests, when the two “opposite†colors are placed next to each other they “compliment†each other, make each other stand out more. Yes, purple and yellow are compliments, that’s why when you place bright yellow lemons against purple, the best of both colors are brought out “pop†that much more.</p>
2007 <p>Complimentary pairs include: Purple & Yellow (think rich and elegant), Red & Green (think Christmas), and Blue & Orange (think athletic colors).</p>
2008 <p>Sadly, when you actually mix compliments together, you get either black or mush (er, I mean “brownâ€). As a rule, you should never use true black in a painting (unless you have a very express purpose), so all my shadows and “blacks/darks†are actually a mix of compliments.</p>
2009 <h2>2. Analogous colors:</h2>
2010 <h2><a href="wp-content/uploads/2013/01/3707287077_06ba0494b4_b.jpg"><img class="size-medium wp-image-193 alignright" src="wp-content/uploads/2013/01/3707287077_06ba0494b4_b-222x30037e3.jpg?resize=222%2C300" alt="3707287077_06ba0494b4_b" data-recalc-dims="1" /></a></h2>
2011 <p>I used to think analogous colors were kinda boring (and still sorta do). However, they are just as important. Analagous colors are those<b> <i>next to </i></b>each other on the color wheel. There are more combinations of pairings involved like: Green & Blue, Blue & Red, Red & Orange, Orange & Yellow, or Yellow & Green.</p>
2012 <p>The best thing about analogous colors, is that they mix very well, and can create that exact tone, temperature, or shade/hue of color you want. If you have a green and want more coolness, add some blue (which of course is an ingredient in green: blue & yellow). If your red is too bold and you want to soften it a touch, without loosing the drama, add some orange or yellow (an ingredient in orange: yellow and red).</p>
2013 <p>I kept mentioning “an ingredient in_†because in my view, that’s one of the most important lessons with analogous colors. If yellow is a main ingredient in orange, then wouldn’t orange and purple have some sort of distant complimentary relationship too? And if red and blue make purple, then wouldn’t red, blue, and purple be an analagous combination that would look great against yellow (like in <i>Dancer</i>) or orange?</p>
2014 <p>In Dancer, I used that red and blue (and therefore purple) analogous pairing. And from there I used just a touch of yellow to create the complimentary lights that “popâ€. Analogous colors, at least in my prejudiced mind, might not always be the most glamorous, but without their flowing and mixed pairings, there would be nothing to place those dramatic compliments against.</p>
2015 <p>And yes, I have a particular fondness for yellow and purple compliments when I can get away with it.</p>
2016 <h2>3. Warm and Cool colors:</h2>
2017 <p>
2018 <a href="wp-content/uploads/2013/01/3786036249_6fc2b7f7f4_o.jpg"><img class="alignleft size-medium wp-image-446" src="wp-content/uploads/2013/01/3786036249_6fc2b7f7f4_o-241x300c5cc.jpg?resize=241%2C300" alt="OLYMPUS DIGITAL CAMERA" data-recalc-dims="1" /></a>One of the more psychological and intuitive (and therefore one of my favorite) aspects of color theory are “warm†and “cool†colors. When you think warm/hot, most would say “Red, orange, yellow†and cool would be “blue and purple†with green in between. Generally speaking, warms stand out more for “foreground†images, and cools are more for “background†elements. That’s the initial lesson, however, there’s so much more to it!</p>
2019 <p>Not all reds are truly “warm†and not all blues are actually “coolâ€. This is where it gets a bit hard to describe, but certain blues are a lot warmer than others. I personally consider cyan, or sky blue, to be a warmer blue than aquamarine blue. Maybe it’s because I see a “cool ocean†in aquamarine blue, or I see a “warm sunny sky†in cyan. Therefore, you never have to be stuck using just reds in front and blues in back. If you have a blue object in the foreground, you can either choose to use a warmer type of blue, or a cooler red (like a crimson) behind it. OR if you really want a challenge, use true cool colors for all your foreground elements and true warms for the background, and see what an unusual, dramatic vibrancy they create.</p>
2020 <p>One of the first times I attempted using the unusual palette of cools in the front and warms in the back was in this pastel from Arezzo, Italy. It’s a pretty simple piece, just the trees, but this has since become one of my favorite color palettes, and I learned a lot from there.</p>
2021 <h2></h2>
2022 <h2><b>Color Theory in Action: </b></h2>
2023 <h2><a href="wp-content/uploads/2013/01/5572638563_44a3cda76b_o1.jpg"><img class="alignright size-medium wp-image-131" src="wp-content/uploads/2013/01/5572638563_44a3cda76b_o1-300x203855b.jpg?resize=300%2C203" alt="5572638563_44a3cda76b_o1" data-recalc-dims="1" /></a></h2>
2024 <p>In <i>Are We Human, </i>Skateboarder 1, I used an analogous combination of yellow and orange for the center and then deep blue to purple shadows along the edge. Blue is the compliment of orange and purple is the compliment of yellow, so I was really happy about how well it all coalesced.</p>
2025 <p>At the same time, I generally aimed for an idea of a “warm†sunset, so even though I used both blues and oranges, the entire piece gives off a warm vibe, while still representing a hint of chillness that comes when the sun sets. The crimsons I used (mixed with some yellows to make some of the oranges) are cooler reds to reflect the diminishing sun.</p>
2026 <p>
2027 <a href="wp-content/uploads/2013/01/MG_7062yay2.jpg"><img class="alignleft size-medium wp-image-60" src="wp-content/uploads/2013/01/MG_7062yay2-300x223fa0d.jpg?resize=300%2C223" alt="MG_7062yay" data-recalc-dims="1" /></a>In <i>Are We Dancers, </i>I used similar colors, but to a different effect. I used more yellow and less orange, and more blue, less purple. Since my compliments weren’t as exact, my blue shadows and yellower highlights don’t contrast as much, but form a softer, more pleasant feel. I also used some green in the center top, which works well, as green is the center of the color-temperature spectrum.</p>
2028 <p>But I can’t hold back that much. With all the soft and colorful lighting, I then get to make the focus the guy’s bright red shirt which stands out and makes him the center. Since I held back and only used my warmest color in the center, I get to make the statement that this guy, who I equate to a “dancer†(hence the title of the piece) is important. I don’t have to explain why or say it in words- I get to just let the colors say it for me.</p>
2029 <p><strong><em>Color theory is a language art uses to make its statements without words.</em></strong></p>
2030 <p>All the bests,</p>
2031 <p>Kate</p>
2032 <p>For more information regarding warm and cool, analogous and complimentary, and bright and muted, see these two other entries:</p>
2033 <p><a href="http://www.kateconnollystudio.com/?p=457">Part 2 </a></p>
2034 <p><a href="http://www.kateconnollystudio.com/?p=1137">Part 3</a></p>
2035 <!-- == Share links == -->
2036 <div class="share-blogpost">
2037 <ul>
2038 <li> <a class="facebook" onClick="window.open('http://www.facebook.com/sharer.php?s=100&t=&u=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fp%3D108','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)"><i class="fa fa-facebook"></i></a> </li>
2039 <li> <a class="linkedin" onClick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fp%3D108','sharer','toolbar=0,status=0,width=548,height=325');"><i class="fa fa-linkedin"></i></a> </li>
2040 </ul>
2041 </div>
2042 <!-- == Similar Posts == -->
2043 <div class="similar-posts">
2044 <div class="similar-posts-header">
2045 <h4>Related posts</h4>
2046 <p>Similar posts</p>
2047 </div>
2048 <div class="row row-fit-20">
2049 <div class="col-sm-6 col-md-4">
2050 <div class="similar-post post-460 post type-post status-publish format-standard has-post-thumbnail hentry category-musings" data-link="courage-its-an-art-not-a-science">
2051 <!-- Hover -->
2052 <div class="view-post"> <a href="indexb3e1.html?p=460">View Post</a> </div> <img src="wp-content/uploads/2016/07/11900120_812179119561_2557005026438874147_o-copy.jpg" alt="similar post image" /> </div>
2053 </div>
2054 <div class="col-sm-6 col-md-4">
2055 <div class="similar-post post-458 post type-post status-publish format-standard has-post-thumbnail hentry category-musings" data-link="la-lumiere-exquise">
2056 <!-- Hover -->
2057 <div class="view-post"> <a href="indexf7f8.html?p=458">View Post</a> </div> <img src="wp-content/uploads/2016/06/3708098008_c434eca945_b.jpg" alt="similar post image" /> </div>
2058 </div>
2059 <div class="col-sm-6 col-md-4">
2060 <div class="similar-post post-108 post type-post status-publish format-standard has-post-thumbnail hentry category-color-theory" data-link="a-few-of-my-many-views-on-color-theory">
2061 <!-- Hover -->
2062 <div class="view-post"> <a href="index460d.html?p=108">View Post</a> </div> <img src="wp-content/uploads/2015/07/1781275_929768703699882_2985619544179493435_o.jpg" alt="similar post image" /> </div>
2063 </div>
2064 </div>
2065 </div>
2066 </div>
2067 <!-- ======= Start scroll down toggle ======= -->
2068 <div class="scroll-up"> <i class="fa fa-angle-up"></i> <span>Up</span> </div>
2069 </div>
2070 </div>
2071 </div>
2072 <!-- ================ Start Single Slide ================ -->
2073 <div class="slide single-what-do-you-need-to-start-painting" data-anchor="single-what-do-you-need-to-start-painting">
2074 <div class="container">
2075 <!-- ====== Start Single Blogpost ====== -->
2076 <div id="single-post-326" class="blogpost post-326 post type-post status-publish format-standard has-post-thumbnail hentry category-process">
2077 <!-- === Go Back === -->
2078 <div class="go-back">
2079 <a href="#"> <i class="fa fa-angle-left"></i> </a> <span>Back</span> </div>
2080 <!-- === Blog Header === -->
2081 <div class="blog-header">
2082 <h1>What do you need to start painting?</h1> </div>
2083 <!-- === Blogpost Header === -->
2084 <div class="blogpost-header">
2085 <div class="details">
2086 <ul>
2087 <li> <a href="#" class="date">20 May 2015</a> </li>
2088 <li> <a href="Kate.html" class="author">By Kate</a> </li>
2089 <li> <a href="#" class="comments">Comments (0)</a> </li>
2090 <li> </li>
2091 <li>
2092 <ul class="category">
2093 <li><a href="indexac94.html?cat=42" rel="category">process</a></li>
2094 </ul>
2095 </li>
2096 </ul>
2097 </div>
2098 </div>
2099 <!-- === Blogpost Cover === -->
2100 <div class="blogpost-cover"> <img width="1140" height="745" src="wp-content/uploads/2015/05/463323_449028761773881_1088295499_o.jpg" class="attachment-original size-original wp-post-image" alt="463323_449028761773881_1088295499_o" srcset="http://i1.wp.com/test.kateconnollystudio.com/wp-content/uploads/2015/05/463323_449028761773881_1088295499_o.jpg?w=1140 1140w, http://i1.wp.com/test.kateconnollystudio.com/wp-content/uploads/2015/05/463323_449028761773881_1088295499_o.jpg?resize=300%2C196 300w, http://i1.wp.com/test.kateconnollystudio.com/wp-content/uploads/2015/05/463323_449028761773881_1088295499_o.jpg?resize=768%2C502 768w, http://i1.wp.com/test.kateconnollystudio.com/wp-content/uploads/2015/05/463323_449028761773881_1088295499_o.jpg?resize=1024%2C669 1024w" sizes="(max-width: 1140px) 100vw, 1140px" /> </div>
2101 <!-- === Blogpost Body === -->
2102 <div class="blogpost-body">
2103 <p style="padding-left: 30px;">Lately I’ve been hearing this question a lot: “I just want to try starting a painting for fun. What do I need?â€</p>
2104 <p style="text-align: center;">
2105 <a href="wp-content/uploads/2013/01/3707292903_fbcdd25629_b620.jpg"><img class="size-full wp-image-202 aligncenter" src="wp-content/uploads/2013/01/3707292903_fbcdd25629_b6209648.jpg?resize=584%2C823" alt="3707292903_fbcdd25629_b620" data-recalc-dims="1" /></a>
2106 </p>
2107 <p>This question only leads to others, mainly, “How much experience do you have?†and “What is this for? What is your goal?†Like any “hobby†from rock climbing to knitting, painting is a <em>skill </em>that takes work. I feel like people don’t believe how much study and work the arts take. A lot of people seem to assume that once you have the materials, you can just go at it.</p>
2108 <p>That is so NOT true. While I appreciate people who want to start up the “hobbyâ€, I value those attempts more that really try to actually <em>learn </em>what they are about to attempt.</p>
2109 <p>If you don’t have clear answers to those first two questions I’d ask you (experience? and why?) then it makes it a lot harder for me to help you get started. If you have a direction, I can draw you a map better than if you are more wanting to go “anywhereâ€.</p>
2110 <p>However, in this blog entry, I’ll make an attempt to list some basic supplies you might need if you do indeed want to end up “anywhere†when picking up a paint brush for the first time.</p>
2111 <h2><strong>PAINTS</strong></h2>
2112 <p>This is my favorite subject, so I’ll start here. I paint with oils, but I recommend any novice to begin with <strong>ACRYLICS</strong>. Acrylics are a whole lot less testy than oils and are very easy to correct mistakes with- you can easily paint over them once they dry (and they dry FAST). They are easily manipulable and the color you see is the color you get when you put it on canvas. My favorite brand is <em>Liquidex</em>, the best value v. quality brand I know.</p>
2113 <h3><strong>Color sets</strong></h3>
2114 <p>This is a very tricky question that I love. If you have a small budget, just get a “basic†set that has the primary colors red, blue, and yellow. You can mix all other colors from there. This “basic set†should include:</p>
2115 <p>– Cadmium Red (a bright opaque red-red).</p>
2116 <p>– Ultramarine Blue (a bright royal blue).</p>
2117 <p>– Lemon Yellow (a bright basic yellow).</p>
2118 <p>– Cadmium Yellow (a more dense, opaque orange-y yellow)</p>
2119 <p>– Naples yellow (a more neutral yellow used often for caucasian skin tones and neutral whites).</p>
2120 <p>– Sevres Blue (or sky blue, light and bright).</p>
2121 <p>– Alazarin Crimson (a deep, dark, rich royal crimson that is one of the best colors in all of existence. Trust me.)</p>
2122 <p>– Titanium WHITE (get double the amount of white than you would any other color, it goes FAST).</p>
2123 <h3><strong>optional</strong></h3>
2124 <p>if you have a larger budget, please invest in these colors (you won’t regret):</p>
2125 <p>– Burnt Sienna (a light neutral brown, sorta brown-yellow hints of green- great for mixing)</p>
2126 <p>– Viridian green (a forest green that you shouldn’t use often, but is good when blue-yellow mixes don’t produce the right green).</p>
2127 <p>– Prussian blue (a rich overwhelming blue, with a hint of deep green/turquoise) .</p>
2128 <p>– Rosso Veneto/ Venetian Red (a neutral red great for mixing).</p>
2129 <p>That there is almost all the colors I ever use. Mixing is your friend.</p>
2130 <p>And did I forget black? NO! If I could give just one tip to any novice painter – <strong><em>NEVER EVER EVER USE BLACK!!</em><em>!</em> Never use it to mix colors.</strong> Use compliments to mix darks and shadows, what you would think of as “blackâ€. In life, there is no such thing as pure black. Every dark and shadow has rich shades of other colors. Black should ONLY be used in monochrome black and white works or as solid color (such as a purposeful outline or drawing shape). NEVER mix it. For all intents and purposes just forget that black even exists while you start out. Once I completed the black and white practice pieces of painting 101, I don’t think I’ve ever purchased a single tube of black paint since then. <strong><em>Never use black.<br />
2131</em></strong></p>
2132 <p>Ok, now that that’s out of my system. Let’s move on.</p>
2133 <h2><strong>CANVAS</strong></h2>
2134 <p>Of course you need a canvas to paint on. If you are starting out, I’ll cringe, look away but allow you to buy a pre-made canvas from the store. Pre-made canvases suck, but they are easier than learning how to build your own canvas first. Pre-made canvases won’t hurt the novice painter. If anything, they’ll save valuable time.</p>
2135 <p>BUT if you want to dare build your own canvas here’s what you need:</p>
2136 <p>Stretchers – 4 pieces of wood that create the frame of the canvas.</p>
2137 <p>Canvas material (cloth)- the actual cotton weave that you <em>stretch </em>on the <em>stretchers</em>. Haha. Get it. But really, you need a cloth to paint on.</p>
2138 <p>Hammer and staple gun – to physically bind together the stretchers and canvas material.</p>
2139 <p>GESSO – also called paint primer.. It’s a cheap white acrylic-ish base that you paint all over a canvas <em>before</em> you start painting. Some pre-made canvases are already primed, that means you don’t need gesso. Unprimed means you need gesso.</p>
2140 <p>A gesso paint brush- gesso will ruin all your good paint brushes. You should have a large sponge brush or coarse house painters brush set aside for just gesso, so you don’t ruin any nice real paint brushes.</p>
2141 <p>Gesso bucket – gesso usually comes heavily concentrated, so having an addition bucket to dump in and mix water into the gesso is recommended (but not totally needed necessary).</p>
2142 <p>There are also <strong>illustration boards</strong> and <strong>wooden boards</strong> that are fun to paint on with acrylic as well. You don’t always need literal canvas. But canvas has a nice texture, so I highly recommend it.</p>
2143 <h2><strong>WATER</strong></h2>
2144 <p>Acrylic is water-based, so you need a can or cup of water to dip your brush, mix, and paint with. Oils are NOT water-soluble, so you need <strong>turpentine</strong> but that’s another story for another time. P.S. if you ever mix oil and water, oil floats to the top because it weighs less. So same with painting- you can always paint oils ontop of acrylics but NEVER acrylics ontop of oils. Leonardo Di Vinci made the mistake of painting a water-soluable material ontop of an oil based material, and that’s why the famous <em>Last Supper </em>needs to be restored every few years. Of course he was a genius, but just some experiments of his worked better than others.</p>
2145 <h2><strong>PAINT BRUSHES</strong></h2>
2146 <p>This is a subject that I love but also have the least amount of opinions about. For oil and acrylics you don’t need fancy brushes at all. Acrylics and oils are very caustic to brushes, so they get ruined really fast. So what I do is buy cheap brushes and often. Brushes are totally up to individual tastes in what you feel comfortable using.</p>
2147 <p>I recommend a variety of sizes from large to medium to small, and a few differently shaped tips. I don’t have one brush I use more than others. It just depends on what stroke I’m trying to get. I am generally a fan of mostly square and rounded tips.</p>
2148 <p>And as a general rule, I start a painting using the largest brushes than work my way down to smaller brushes as I get to more of the finishing details. Never start painting with details. Use large brushes to get general colors and swashes of shapes before you get down to the nitty gritty details. l always make sure I cover a canvas in color before I start really getting specific.</p>
2149 <h2><strong>DISHRAGS</strong></h2>
2150 <p>Lots of dishrags or paper towels. Paper towels are too weak for oils but just strong enough for acrylics if you wish. You need to have one on hand to really clean and adjust your mixes. They get dirty really fast, but that’s the fun of it. They have tons of uses, so use often as needed. When you go from using one color with one brush to another, you need to rinse with water and then clean with a towel… that’s about the jist of it, but there are even more subtle uses than that.</p>
2151 <h2><strong>PALETTE</strong></h2>
2152 <p>Nowadays I use disposable palettes, because I’m too lazy to clean up real ones. But in college I used a nice glass palette that was easy to mix on and smooth. But disposable palettes work fine and are relatively inexpensive and easy to clean up (you just dispose of them!). They are actually labeled as disposable palettes and come in all sizes, so that’s easy.</p>
2153 <h2><strong>EASEL</strong></h2>
2154 <p>Haha.. I almost forgot this one. It’s always better to paint standing up than sitting down. When a cavas is upright and not flat on a table, you can see the image and gauge perspective and composition better. I use an aluminum easel, just because it’s really easy to adjust and doesn’t break easily. Wooden is fine too. It’s just up to your own preferences there.</p>
2155 <h2><strong>CABARET </strong></h2>
2156 <p>Since the days of holding a palette by hand like Bob Ross are old… you need a shelf-like table thing to place your palette on and store other materials below. The fancy word for it is called a “cabaretâ€, and I don’t know why. But it’s nice to have if you’re painting on an easel standing up.</p>
2157 <h2><strong>CHARCOAL</strong></h2>
2158 <p>How do you get a sketch onto a canvas before you paint? Glad you asked! Charcoal is great. It draws easy on canvas, and you can erase easily by just wiping it off with a paper towel. And once you’re done you can paint over it, and voila! You have a sketch, like a map for easier painting. I use soft “linewand†charcoal.</p>
2159 <h2><strong>DROP CLOTHS</strong></h2>
2160 <p>– self-explanatory. Painting isn’t clean. Be careful.</p>
2161 <p>That’s about it! See what I mean by needing a lot of supplies? That’s why I really think it’s better to really learn once you begin and not just “have a go†at it. To go in part way costs a lot and probably doesn’t have a lot of return as really taking your time and getting to know the craft and getting the right supplies.</p>
2162 <p>Hope you enjoyed!</p>
2163 <p>– Kate</p>
2164 <!-- == Share links == -->
2165 <div class="share-blogpost">
2166 <ul>
2167 <li> <a class="facebook" onClick="window.open('http://www.facebook.com/sharer.php?s=100&t=&u=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fp%3D326','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)"><i class="fa fa-facebook"></i></a> </li>
2168 <li> <a class="linkedin" onClick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fp%3D326','sharer','toolbar=0,status=0,width=548,height=325');"><i class="fa fa-linkedin"></i></a> </li>
2169 </ul>
2170 </div>
2171 <!-- == Similar Posts == -->
2172 <div class="similar-posts">
2173 <div class="similar-posts-header">
2174 <h4>Related posts</h4>
2175 <p>Similar posts</p>
2176 </div>
2177 <div class="row row-fit-20">
2178 <div class="col-sm-6 col-md-4">
2179 <div class="similar-post post-460 post type-post status-publish format-standard has-post-thumbnail hentry category-musings" data-link="courage-its-an-art-not-a-science">
2180 <!-- Hover -->
2181 <div class="view-post"> <a href="indexb3e1.html?p=460">View Post</a> </div> <img src="wp-content/uploads/2016/07/11900120_812179119561_2557005026438874147_o-copy.jpg" alt="similar post image" /> </div>
2182 </div>
2183 <div class="col-sm-6 col-md-4">
2184 <div class="similar-post post-458 post type-post status-publish format-standard has-post-thumbnail hentry category-musings" data-link="la-lumiere-exquise">
2185 <!-- Hover -->
2186 <div class="view-post"> <a href="indexf7f8.html?p=458">View Post</a> </div> <img src="wp-content/uploads/2016/06/3708098008_c434eca945_b.jpg" alt="similar post image" /> </div>
2187 </div>
2188 <div class="col-sm-6 col-md-4">
2189 <div class="similar-post post-108 post type-post status-publish format-standard has-post-thumbnail hentry category-color-theory" data-link="a-few-of-my-many-views-on-color-theory">
2190 <!-- Hover -->
2191 <div class="view-post"> <a href="index460d.html?p=108">View Post</a> </div> <img src="wp-content/uploads/2015/07/1781275_929768703699882_2985619544179493435_o.jpg" alt="similar post image" /> </div>
2192 </div>
2193 </div>
2194 </div>
2195 </div>
2196 <!-- ======= Start scroll down toggle ======= -->
2197 <div class="scroll-up"> <i class="fa fa-angle-up"></i> <span>Up</span> </div>
2198 </div>
2199 </div>
2200 </div>
2201 <!-- ================ Start Single Slide ================ -->
2202 <div class="slide single-even-more-of-my-many-views-on-color-theory-part-3" data-anchor="single-even-more-of-my-many-views-on-color-theory-part-3">
2203 <div class="container">
2204 <!-- ====== Start Single Blogpost ====== -->
2205 <div id="single-post-87" class="blogpost post-87 post type-post status-publish format-standard has-post-thumbnail hentry category-color-theory">
2206 <!-- === Go Back === -->
2207 <div class="go-back">
2208 <a href="#"> <i class="fa fa-angle-left"></i> </a> <span>Back</span> </div>
2209 <!-- === Blog Header === -->
2210 <div class="blog-header">
2211 <h1>Even MORE of my many views on color theory – Part 3</h1> </div>
2212 <!-- === Blogpost Header === -->
2213 <div class="blogpost-header">
2214 <div class="details">
2215 <ul>
2216 <li> <a href="#" class="date">20 Apr 2015</a> </li>
2217 <li> <a href="Kate.html" class="author">By Kate</a> </li>
2218 <li> <a href="#" class="comments">Comment (1)</a> </li>
2219 <li> </li>
2220 <li>
2221 <ul class="category">
2222 <li><a href="indexffca.html?cat=41" rel="category">color theory</a></li>
2223 </ul>
2224 </li>
2225 </ul>
2226 </div>
2227 <h1>Choosing a Palette</h1> </div>
2228 <!-- === Blogpost Cover === -->
2229 <div class="blogpost-cover"> <img width="1140" height="779" src="wp-content/uploads/2015/04/10397303_818059531537467_6789427775511075100_o.jpg" class="attachment-original size-original wp-post-image" alt="10397303_818059531537467_6789427775511075100_o" srcset="http://i2.wp.com/test.kateconnollystudio.com/wp-content/uploads/2015/04/10397303_818059531537467_6789427775511075100_o.jpg?w=1140 1140w, http://i2.wp.com/test.kateconnollystudio.com/wp-content/uploads/2015/04/10397303_818059531537467_6789427775511075100_o.jpg?resize=300%2C205 300w, http://i2.wp.com/test.kateconnollystudio.com/wp-content/uploads/2015/04/10397303_818059531537467_6789427775511075100_o.jpg?resize=768%2C525 768w, http://i2.wp.com/test.kateconnollystudio.com/wp-content/uploads/2015/04/10397303_818059531537467_6789427775511075100_o.jpg?resize=1024%2C700 1024w" sizes="(max-width: 1140px) 100vw, 1140px" /> </div>
2230 <!-- === Blogpost Body === -->
2231 <div class="blogpost-body">
2232 <p>Ironically, in opposite to the title of this post, I don’t often choose a palette when starting a painting. More often, I let my subject inform the colors. And generally I choose to paint an image based on the colors already present. I hardly ever choose to paint an image that does not have amazing colors. Thus, choosing a palette isn’t so much of “choosing” as “finding” colors that already exist within the subject.</p>
2233 <p>With that said, there have been a few times where, as an exercise, I’ve tried to consciously choose a color palette, or to be more deliberate with choosing my colors. I feel like choosing is a different act and has it’s own advantages and drawbacks to finding a palette. Hopefully, using a little bit of both helps conceive a painting with a strong, clear color scheme and produce stronger work.</p>
2234 <p>Here are some specific choices I’ve made in color palettes, as well as a description of their purpose:</p>
2235 <h2><strong>Roma and Nice pink and purple sunsets:</strong></h2>
2236 <p>
2237 <a href="wp-content/uploads/2014/07/10403363_818059474870806_1695206765269098513_620.jpg"><img class="size-full wp-image-1077 alignleft" src="wp-content/uploads/2014/07/10403363_818059474870806_1695206765269098513_6205f04.jpg?resize=412%2C308" alt="10403363_818059474870806_1695206765269098513_620" data-recalc-dims="1" /></a>I just completed my “honeymoon” series, where I painted one image from each of the four cities we visited. I wanted views that weren’t typical, but still were indicative of the cities they represent. Also, I found that I typically took pictures during the best time of day for lighting: near sunset.</p>
2238 <p>Each sunset was captured on a different day and in a different location, so they were each very unique. However, I found that I could use <strong>color</strong> to connect the two. I deliberately used a very purple and pink palette for the incredible lighting.</p>
2239 <p>T
2240 <a href="wp-content/uploads/2014/07/14962c9e104d29d824bd4639067a2_6201.jpg"><img class="size-full wp-image-1138 alignleft" src="wp-content/uploads/2014/07/14962c9e104d29d824bd4639067a2_62012274.jpg?resize=317%2C388" alt="14962c9e104d29d824bd4639067a2_620" data-recalc-dims="1" /></a>he neat thing about painting, is that even when using similar colors and purposefully choosing a scheme, the subject still imposes it’s uniqueness through the colors. For instance, The Roman street painting (bottom) matches Nice (on the top), with it’s warm pinks in the center. But towards the edges, it suddenly diverges into deep aquamarine blues, representing the cool, deep shadows of near sunset on an urban street.</p>
2241 <p>Nice, being an airy resort town, has more warmth, but still touches upon some deeper ultramarine shadows (and prussian blues) near the edges too. It’s a lesser amount, which lends Nice a warmer representation. It’s cool that the same colors, but in different amounts, can create two different locations.</p>
2242 <p>In both cases, I used ultramarine and prussian blues for the shadows. I used naples yellow and white plus alazarin crimson for the warmth. Prussian blues are a bit heavier, flatter (duller or muted) and warmer than ultramarine blues, so they lend a warmth to deep shadows, versus ultramarine, which gives shadows a bright coolness. Nice’s warmth was so warm, that I used more prussian blue, so that the shadows were warmer and didn’t cool-down the scene. On the street in Rome, the shadows were more bright and lively, but cool. The ultramarine represented the hustle and bustle well. Also, it was more complimentary to the warms. Nice was a lot more analogous in its warmth. But both still contained contrast and information about the atmosphere and locations based on the use of blues verses reds (which verge into oranges and yellows). If you want to go analogous but still have contrast, using colors from separate ends of the color wheel is a good choice.</p>
2243 <h2><strong>Venice and Paris ultramarine and orange sunsets:</strong></h2>
2244 <p style="text-align: center;">
2245 <a href="wp-content/uploads/2014/07/ef4d9f70a4af4d9ee7e83921804a72d620.jpg"><img class="size-full wp-image-1136 aligncenter" src="wp-content/uploads/2014/07/ef4d9f70a4af4d9ee7e83921804a72d6205c52.jpg?resize=505%2C625" alt="ef4d9f70a4af4d9ee7e83921804a72d620" data-recalc-dims="1" /></a>
2246 </p>
2247 <p>These next two paintings still related to the purple-and-pink-er ones above, but they use slightly different palettes.</p>
2248 <p>I used a lot more orange and ultramarine in both. Both of these paintings represent a slightly earlier sunset hour when the sky still displays a more daytime-like blue sky. But when the sun gets so low, the clouds (Notre Dame, below) and reflections (Venice, above) gain contrast and become this awesome brownish orange, which contrasts against the bright ultramarine and cerulean skies or water.</p>
2249 <p>
2250 <a href="wp-content/uploads/2014/07/10320272_816310565045697_5552355361423349829_620.jpg"><img class="aligncenter size-full wp-image-1066" src="wp-content/uploads/2014/07/10320272_816310565045697_5552355361423349829_62038a2.jpg?resize=501%2C395" alt="10320272_816310565045697_5552355361423349829_620" data-recalc-dims="1" /></a>
2251 </p>
2252 <p>Again, these images also have their differences, also informed by their color use. In Venice I used some purples in the near walls against a much more orange and warm walls in the back where the sun was still hitting. I used a LOT more ultramarine in the water in order to make the warm tinges of colors, reflections in the water.</p>
2253 <p>In Paris, some purples were used in the water, but I use more flat, dull reds in the silhouette shadows of the cathedral in the distance, and the trees. The trees of course are “green” but in the sunset they are dark. Thus, I use a warmer, deep flat cadmium red plus blues and viridian green (an invisible compliment in order to darken the red).</p>
2254 <p>Normally, blues make something recede into the distance and reds make something advance to the foreground. However, in both paintings I enjoyed flipping that so that the red-ish oranges in the distance clouds and distant walls represent the distance and that the ultramarine blues and purples and in the foreground. It’s neat to me that you can manipulate the natural properties of colors so. There is almost a limitlessness to how and where you can use colors.</p>
2255 <p>
2256 <a href="wp-content/uploads/2013/01/compcherry2.png"><img class="aligncenter size-large wp-image-513" src="wp-content/uploads/2013/01/compcherry2-1024x426bdb2.png?resize=638%2C265" alt="compcherry2" data-recalc-dims="1" /></a>Lastly. The above series was where I really took palette-choosing seriously. I wanted to capture the same spot, in three different times of day. I used the color wheel from red to blue – purple to cycle through the day. I wanted to show how the peaceful pinks in the left-most can say tranquility, how the green can show busy nature. And lastly the blue can be a cool busy twilight/ evening.</p>
2257 <p>What’s I always find neat is that while the first is red, I had to use blues and green “invisibly” in the shadows to create contrast, even if still analogous. And in the green, I had to use blues and reds to warm up and cool down parts. And in the last blue one comes full circle (that’s why it’s a color wheel and not a color line), almost back to red – I had to use reds to create the purples.</p>
2258 <p>—-</p>
2259 <p>I hope this shows how, while intentional colors are important, the act of choosing a palette is so much more than <em>just </em>your own choice. So many other factors and elements come together to form a successful palette. Besides, no matter how you limit or expand your palette, ALL the colors are needed to form depth, contrast, shadows, and highlights. An intentional palette can be decided by differences in usage and amount of certain cool or warm, bright or muted colors.</p>
2260 <p>For more information regarding warm and cool, analogous and complimentary, and bright and muted, see these two previous entries:</p>
2261 <p><a href="http://www.kateconnollystudio.com/?p=444">Part 1 </a></p>
2262 <p><a href="http://www.kateconnollystudio.com/?p=457">Part 2</a></p>
2263 <!-- == Share links == -->
2264 <div class="share-blogpost">
2265 <ul>
2266 <li> <a class="facebook" onClick="window.open('http://www.facebook.com/sharer.php?s=100&t=&u=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fp%3D87','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)"><i class="fa fa-facebook"></i></a> </li>
2267 <li> <a class="linkedin" onClick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fp%3D87','sharer','toolbar=0,status=0,width=548,height=325');"><i class="fa fa-linkedin"></i></a> </li>
2268 </ul>
2269 </div>
2270 <!-- == Similar Posts == -->
2271 <div class="similar-posts">
2272 <div class="similar-posts-header">
2273 <h4>Related posts</h4>
2274 <p>Similar posts</p>
2275 </div>
2276 <div class="row row-fit-20">
2277 <div class="col-sm-6 col-md-4">
2278 <div class="similar-post post-460 post type-post status-publish format-standard has-post-thumbnail hentry category-musings" data-link="courage-its-an-art-not-a-science">
2279 <!-- Hover -->
2280 <div class="view-post"> <a href="indexb3e1.html?p=460">View Post</a> </div> <img src="wp-content/uploads/2016/07/11900120_812179119561_2557005026438874147_o-copy.jpg" alt="similar post image" /> </div>
2281 </div>
2282 <div class="col-sm-6 col-md-4">
2283 <div class="similar-post post-458 post type-post status-publish format-standard has-post-thumbnail hentry category-musings" data-link="la-lumiere-exquise">
2284 <!-- Hover -->
2285 <div class="view-post"> <a href="indexf7f8.html?p=458">View Post</a> </div> <img src="wp-content/uploads/2016/06/3708098008_c434eca945_b.jpg" alt="similar post image" /> </div>
2286 </div>
2287 <div class="col-sm-6 col-md-4">
2288 <div class="similar-post post-108 post type-post status-publish format-standard has-post-thumbnail hentry category-color-theory" data-link="a-few-of-my-many-views-on-color-theory">
2289 <!-- Hover -->
2290 <div class="view-post"> <a href="index460d.html?p=108">View Post</a> </div> <img src="wp-content/uploads/2015/07/1781275_929768703699882_2985619544179493435_o.jpg" alt="similar post image" /> </div>
2291 </div>
2292 </div>
2293 </div>
2294 </div>
2295 <!-- ======= Start scroll down toggle ======= -->
2296 <div class="scroll-up"> <i class="fa fa-angle-up"></i> <span>Up</span> </div>
2297 </div>
2298 </div>
2299 </div>
2300 <!-- ================ Start Single Slide ================ -->
2301 <div class="slide single-a-few-more-of-my-many-views-on-color-theory" data-anchor="single-a-few-more-of-my-many-views-on-color-theory">
2302 <div class="container">
2303 <!-- ====== Start Single Blogpost ====== -->
2304 <div id="single-post-104" class="blogpost post-104 post type-post status-publish format-standard has-post-thumbnail hentry category-color-theory">
2305 <!-- === Go Back === -->
2306 <div class="go-back">
2307 <a href="#"> <i class="fa fa-angle-left"></i> </a> <span>Back</span> </div>
2308 <!-- === Blog Header === -->
2309 <div class="blog-header">
2310 <h1>A few MORE of My Many Views on Color Theory</h1> </div>
2311 <!-- === Blogpost Header === -->
2312 <div class="blogpost-header">
2313 <div class="details">
2314 <ul>
2315 <li> <a href="#" class="date">20 Mar 2015</a> </li>
2316 <li> <a href="Kate.html" class="author">By Kate</a> </li>
2317 <li> <a href="#" class="comments">Comments (0)</a> </li>
2318 <li> </li>
2319 <li>
2320 <ul class="category">
2321 <li><a href="indexffca.html?cat=41" rel="category">color theory</a></li>
2322 </ul>
2323 </li>
2324 </ul>
2325 </div>
2326 <h1>Color Schemes</h1> </div>
2327 <!-- === Blogpost Cover === -->
2328 <div class="blogpost-cover"> <img width="1140" height="781" src="wp-content/uploads/2015/03/204539_214551805221579_5672577_o.jpg" class="attachment-original size-original wp-post-image" alt="204539_214551805221579_5672577_o" srcset="http://i2.wp.com/test.kateconnollystudio.com/wp-content/uploads/2015/03/204539_214551805221579_5672577_o.jpg?w=1140 1140w, http://i2.wp.com/test.kateconnollystudio.com/wp-content/uploads/2015/03/204539_214551805221579_5672577_o.jpg?resize=300%2C206 300w, http://i2.wp.com/test.kateconnollystudio.com/wp-content/uploads/2015/03/204539_214551805221579_5672577_o.jpg?resize=768%2C526 768w, http://i2.wp.com/test.kateconnollystudio.com/wp-content/uploads/2015/03/204539_214551805221579_5672577_o.jpg?resize=1024%2C702 1024w" sizes="(max-width: 1140px) 100vw, 1140px" /> </div>
2329 <!-- === Blogpost Body === -->
2330 <div class="blogpost-body">
2331 <p><i>Note: I’d read <a href="http://www.kateconnollystudio.com/a-few-of-my-many-views-on-color-theory/">this previous blog post</a> on color theory first before starting this post, as I might be using some terms in this post, that were first explained in the previous post.</i></p>
2332 <p>One area where I differ from many other artists, is that I don’t plan my color schemes ahead of time. However, that doesn’t mean that the color schematic I end up using for a particular piece aren’t purposeful. Here I want to elaborate on a few different ‘schemes’ I use frequently.</p>
2333 <h1>NIGHTTIME / Light against Darkness</h1>
2334 <p>
2335 <a href="wp-content/uploads/2013/01/4710240253_cecf846b1a_b11620.jpg"><img class="alignleft size-medium wp-image-226" src="wp-content/uploads/2013/01/4710240253_cecf846b1a_b11620-300x207fea5.jpg?resize=300%2C207" alt="4710240253_cecf846b1a_b11620" data-recalc-dims="1" /></a>Personally, I find painting illuminated objects against the dark to be one of the easier color schemes. With daylight, you have to discover the luminosity of a subject yourself, but with illumination in the night, it practically dictates the answer for the lighting for you.</p>
2336 <p>But back to color schemes… for a night scene, I generally use my richest darks, generally ultramarine and prussian blues against some bright cadmium reds and crimson/purples. Here’s the key to the purpose of the individual colors:</p>
2337 <h3>Prussian Blue –</h3>
2338 <p>A WARMER blue, that is extremely dense and dark. Prussian blue <i>advances</i> to the foreground of a piece, while still retaining a cooler background feeling. Blues are cool colors, but there are warmer blues than others. Prussian is one of those warmer blues, so think “foreground blueâ€.</p>
2339 <h3>Ultramarine Blue –</h3>
2340 <p>A COOLER blue, that is more transparent and light. I use a boat load of ultramarine blue in any painting, because it takes many layers to get it thick enough to use as a color on its own. It’s also a very cold color, and is one of the best <i>receding </i>blues I use for skies and background.</p>
2341 <h3>Cerulean Blue –</h3>
2342 <p>A lighter WARM blue that adjusts the tone of both prussian and ultramarine blues. It also makes a nice violet, purple with alazarin crimson. I also use it when I need a lighter prussian or ultramarine blue.</p>
2343 <h3>Alazarin Crimson –</h3>
2344 <p>A COOLER red, that is very thick and dark. Again, reds are warm by nature, but some are cooler than others. I use more crimson than any other red. It is <i>wonderful </i>for mixing purples, but warm (when mixed with cerulean or prussian blue) and cooler (when mixed with ultramarine blue). Crimson plus prussian, creates my deepest, most solid dark. However, that dark looses a lot of detail within it, so then I use either ultramarine blue or cadmium red to restore details and lighting flavor.</p>
2345 <h3>Cadmium red –</h3>
2346 <p>A HOT HOT HOT re
2347 <a href="wp-content/uploads/2013/01/DSC086731300.jpg"><img class="alignleft size-medium wp-image-235" src="wp-content/uploads/2013/01/DSC086731300-200x3000dd8.jpg?resize=200%2C300" alt="DSC086731300" data-recalc-dims="1" /></a>d. Cadmium red is the first color to hit the eye, so I use it sparingly and with purpose. It is a great color for highlights in the dark, as it really stands out. It also adds perspective to a work, by showing off a foreground, created by its warmness. I also use it to create warmer purples with various blues.</p>
2348 <p>Lastly, as you can see in the DC skyline painting, that I used a fair amounts of yellows for the true lights (like in the Capitol building). However, more of the canvas is covered by these rich varied darks than it is by actual lights, that’s the great thing about night lights – they are an entire spectrum of rainbow colors where you least expect them – in the dark!</p>
2349 <p>One added painting with similar use of colors is the stained glass from the National Cathedral (shown left). This time, I used copious amounts of alazarin crimson instead of blues for the darkest parts. Because this was a much warmer painting in general, compared to the DC skyline painting with had a cooler sky and water. This was a hot sun- through- window painting where I used crimson (still mixed with some subtle blues) for the dark. Instead of large amounts of yellows for the light, I started using a lot of lighter greens (mixing blues and yellows), because green and red are compliments. The greens (along with the delightful juxtaposition of yellows and blues), become much more luminous against the reds, and thus are transformed into the true, colorful light source. Light is not just yellows, but a whole array of colors.</p>
2350 <p>Both darks and lights are composed of entire spectrums of colors!</p>
2351 <h1><b>AFTERNOON LIGHT</b></h1>
2352 <p>
2353 <a href="wp-content/uploads/2013/01/3707292903_fbcdd25629_b620.jpg"><img class="alignleft size-medium wp-image-202" src="wp-content/uploads/2013/01/3707292903_fbcdd25629_b620-212x30069e1.jpg?resize=212%2C300" alt="3707292903_fbcdd25629_b620" data-recalc-dims="1" /></a>ORANGE! I love orange! The best time of day is when the sun starts getting lower in the sky, and through some miracle of the atmosphere, starts streaming orange against structures.</p>
2354 <p>I was lucky to walk by the Supreme Court on one special day where the lighting against that “white†building was vividly orange. I loved painting that color in that scene later. Here’s the breakdown of that color scheme:</p>
2355 <h3>Cadmium Yellow –</h3>
2356 <p>Actually more of an “orange-ish†yellow. It’s a very solid and opaque ‘yellow’ that mixes great with cadmium red to create a very true, warm orange. As I wanted the entire top of the building to be super hot-warm, I varied the tone of the cadmium yellow from redder (further to the back) to yellower (closer to the front).</p>
2357 <h3>Lemon Yellow –</h3>
2358 <p>A COOLER yellow. Of course, yellows are naturally warm, but again, some are cooler than others. By itself, lemon yellow doesn’t create the warmest light. It might create some of the brightest light, but NOT the warmest. Thus, a mix of cadmium red (again, a HOT red) and cadmium yellow must be used in addition to really create a hot orange afternoon light.</p>
2359 <p>Lastly, you can see I used a mixture of cool blues for the cooler parts of the painting (towards the bottom), because they contrast nicely with my hot orange. I also used the cool blues sparingly within the warmer columns themselves inorder to show details and variation in how the light is striking the columns/pillars.</p>
2360 <p>
2361 <a href="wp-content/uploads/2013/01/5572638563_44a3cda76b_o1620.jpg"><img class="alignleft size-medium wp-image-132" src="wp-content/uploads/2013/01/5572638563_44a3cda76b_o1620-300x203855b.jpg?resize=300%2C203" alt="5572638563_44a3cda76b_o1620" data-recalc-dims="1" /></a>I also used a similar color scheme for my skateboarders. It was another orange afternoon at the time, and I was enthralled with the lights and shadows.</p>
2362 <p>Again, I used a rich mix of cadmium yellow, red, and lemon yellow for the lights. Then instead of cooler blues I used some cooler violet purples (mix of crimson and cerulean blue) for the cooler, contrasting parts (sky and bottom platform mainly).</p>
2363 <p>The nice thing is that my cadmium yellow mixtures contain both orange, which is a compliment to blue, as well as yellows, which are compliments to purple. So I got a CHOICE whether to make my complimentary regions blue or purple.</p>
2364 <p>How cool is that!</p>
2365 <h1><b>NEUTRAL USE</b></h1>
2366 <p>
2367 <a href="wp-content/uploads/2013/01/MG_6979edit211.jpg"><img class="alignleft size-medium wp-image-42" src="wp-content/uploads/2013/01/MG_6979edit211-262x300ccb9.jpg?resize=262%2C300" alt="MG_6979edit21" data-recalc-dims="1" /></a>I did not start out as a fan of neutrals. Give me a bold, bright, saturated hue over a neutral any day. However, I’ve slowly been learning that neutrals do have a great value and place in painting. You can’t show off brights without a bit of neutral to highlight the bold.</p>
2368 <p>In my latest wedding portrait, I had a very “bright†landscape. However, it was mostly rock and stone. Great! I got to use a lot of my neutrals then. Here’s the breakdown:</p>
2369 <h3>Naples yellow –</h3>
2370 <p>a clean clear yellow neutral. It’s deceptively luminous and mixes very well with classic titanium white. I used it heavily for the sand. However, by itself it looks super blah. So used some hints of other neutrals, like Venetian Red (Rosso Veneto), Burnt Sienna, and Viridian green, as well as some “brights†like cerulean blue and cadmium red.</p>
2371 <p>Wait? Can’t you see them all in the sand? That’s the trick. In the end, the color should appear to be “just†naples yellow, while retaining a deeper glow added by the back and forth use of many, many other colors.</p>
2372 <h3>Burnt Sienna –<a href="wp-content/uploads/2013/01/3708093108_afc9f37f78_b620.jpg"><img class="alignright size-medium wp-image-207" src="wp-content/uploads/2013/01/3708093108_afc9f37f78_b620-222x30037e3.jpg?resize=222%2C300" alt="3708093108_afc9f37f78_b620" data-recalc-dims="1" /></a></h3>
2373 <p>a classic, “go to†neutral. It’s also surprisingly a bit of greenish color too. When I need a more netural green, I tend to mix it with ultramarine blue. A lot of my greens in the wedding painting are made with burnt sienna. It’s also a good “shadow†color for neutral shadows within the naples yellow sand.</p>
2374 <h3>Rosso Veneto (Venetian Red) –</h3>
2375 <p>a cheat red. It acts a lot like a redder burnt sienna, when you want red and not green. However, it is very, very flat and dull. So I tend to mix it with hints of brighter cadmium red. It’s also a good mixing color with brights when adjusting the tone or brightness. It’s good to mix with green to get a darker green. But I do tend to use it very little compared to my other paints.</p>
2376 <h3><a href="wp-content/uploads/2013/01/3839605371_515226d3f6_b111.jpg"><img class="alignleft size-medium wp-image-329" src="wp-content/uploads/2013/01/3839605371_515226d3f6_b111-300x2247d5d.jpg?resize=300%2C224" alt="3839605371_515226d3f6_b11" data-recalc-dims="1" /></a>Viridian green –</h3>
2377 <p>BE CAREFUL with green. 95% of your greens should be a mixture of yellows and blues. ONLY use viridian green when you need the addition of compliment for red or to make a blue greener. I hardly ever use viridian as a color on it’s own. Greens are super easy to mix, and they come out more vibrant when they are the child of yellow and blue than when they come out of a tube already mixed. That said, I could live without it in neutral land. But use it cautiously.</p>
2378 <p>Lastly, the rule of thumb for neutrals, is the more in the mix, the merrier. Use an entire array when you want to create that rich, pulsating netural.</p>
2379 <p>This self-portrait was made almost entirely of neutrals. But since I used such a varied mix, I created a very “brightâ€, luminous color pallet out of them. Neutrals can indeed be bright.</p>
2380 <p>–</p>
2381 <p>Thus colors have endless personalities when mixed with different colors, analogous and complimentary. They don’t exist in a vacuum of warm and cool, bright or neutral. Any color can act as any element. But they can only do so with the help of every other color out there cooperating to achieve the desired result. <b><i>Mix freely and often!</i></b></p>
2382 <p>– Kate</p>
2383 <p>For more information regarding warm and cool, analogous and complimentary, and bright and muted, see these two other entries:</p>
2384 <p><a href="http://www.kateconnollystudio.com/?p=444">Part 1 </a></p>
2385 <p><a href="http://www.kateconnollystudio.com/?p=1137">Part 3</a></p>
2386 <!-- == Share links == -->
2387 <div class="share-blogpost">
2388 <ul>
2389 <li> <a class="facebook" onClick="window.open('http://www.facebook.com/sharer.php?s=100&t=&u=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fp%3D104','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)"><i class="fa fa-facebook"></i></a> </li>
2390 <li> <a class="linkedin" onClick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Ftest.kateconnollystudio.com%2F%3Fp%3D104','sharer','toolbar=0,status=0,width=548,height=325');"><i class="fa fa-linkedin"></i></a> </li>
2391 </ul>
2392 </div>
2393 <!-- == Similar Posts == -->
2394 <div class="similar-posts">
2395 <div class="similar-posts-header">
2396 <h4>Related posts</h4>
2397 <p>Similar posts</p>
2398 </div>
2399 <div class="row row-fit-20">
2400 <div class="col-sm-6 col-md-4">
2401 <div class="similar-post post-460 post type-post status-publish format-standard has-post-thumbnail hentry category-musings" data-link="courage-its-an-art-not-a-science">
2402 <!-- Hover -->
2403 <div class="view-post"> <a href="indexb3e1.html?p=460">View Post</a> </div> <img src="wp-content/uploads/2016/07/11900120_812179119561_2557005026438874147_o-copy.jpg" alt="similar post image" /> </div>
2404 </div>
2405 <div class="col-sm-6 col-md-4">
2406 <div class="similar-post post-458 post type-post status-publish format-standard has-post-thumbnail hentry category-musings" data-link="la-lumiere-exquise">
2407 <!-- Hover -->
2408 <div class="view-post"> <a href="indexf7f8.html?p=458">View Post</a> </div> <img src="wp-content/uploads/2016/06/3708098008_c434eca945_b.jpg" alt="similar post image" /> </div>
2409 </div>
2410 <div class="col-sm-6 col-md-4">
2411 <div class="similar-post post-108 post type-post status-publish format-standard has-post-thumbnail hentry category-color-theory" data-link="a-few-of-my-many-views-on-color-theory">
2412 <!-- Hover -->
2413 <div class="view-post"> <a href="index460d.html?p=108">View Post</a> </div> <img src="wp-content/uploads/2015/07/1781275_929768703699882_2985619544179493435_o.jpg" alt="similar post image" /> </div>
2414 </div>
2415 </div>
2416 </div>
2417 </div>
2418 <!-- ======= Start scroll down toggle ======= -->
2419 <div class="scroll-up"> <i class="fa fa-angle-up"></i> <span>Up</span> </div>
2420 </div>
2421 </div>
2422 </div>
2423 <!-- ======= Start scroll down toggle ======= -->
2424 <div class="scroll-toggle down"> <i class="fa fa-angle-down"></i> <span>Scroll down</span> </div>
2425 </div>
2426 </section>
2427 <!-- ========================= END CONTENT ======================== -->
2428 <!-- ========================= START CONTENT ======================== -->
2429 <section class="section" data-anchor="contact-18">
2430 <style type="text/css" scoped>
2431 .section-content-18 {
2432 background-image: url("wp-content/uploads/2015/05/main-background-pattern-copy.jpg");
2433 background-size: cover;
2434 }
2435
2436 .bg-wrapper-18 {
2437 background: rgba(34, 34, 34, 0.9);
2438 height: 100%;
2439 }
2440
2441 ;
2442 </style>
2443 <div class="section-content section-content-18"> <img class="mobile-brand" src="wp-content/uploads/2016/07/logo-copy.png" alt="Resume">
2444 <div class="bg-wrapper bg-wrapper-18">
2445 <div class="container ">
2446 <div class="title">
2447 <h2 class="section-title" style="color: #fff;">Contact</h2>
2448 <p class="section-sub-title" style="color: #fff;">Leave a comment
2449 <br /> Contact me</p>
2450 </div>
2451 <div class="contact-container">
2452 <div class="row ">
2453 <!-- ====== Start Info Box ====== -->
2454 <div class="col-md-6">
2455 <div class="info-box">
2456 <div class="row row-fit-20">
2457 <div class="col-sm-6">
2458 <div class="info-box-item Phone-item"> <i class="icon fa fa-mobile"></i>
2459 <h5>Phone</h5>
2460 <p>(212) 346 789 456</p>
2461 </div>
2462 </div>
2463 <div class="col-sm-6">
2464 <div class="info-box-item E-Mail-item"> <i class="icon fa fa-envelope-o"></i>
2465 <h5>E-Mail</h5>
2466 <p>kconnolly26 @gmail.com</p>
2467 </div>
2468 </div>
2469 <div class="col-sm-6">
2470 <div class="info-box-item Address-item"> <i class="icon fa fa-map-marker"></i>
2471 <h5>Address</h5>
2472 <p>Dupont Circle Washington, DC</p>
2473 </div>
2474 </div>
2475 <div class="col-sm-6">
2476 <div class="info-box-item Resume-item"> <i class="icon fa fa-download"></i>
2477 <h5>Resume</h5>
2478 <p>tinyurl.com/ pde7nfo</p>
2479 </div>
2480 </div>
2481 </div>
2482 </div>
2483 </div>
2484 <div class="col-md-6 ">
2485 <!-- === Start Contact Box === -->
2486 <div class="contact-box">
2487 <form method="POST" action="http://www.stranka.sk/contact_form_send_message" data-parsley-validate class=" tt-form comment-form">
2488 <div class="row form-row">
2489 <!-- Start Row -->
2490 <div class="col-md-12 column">
2491 <!-- Start Column -->
2492 <!-- Start Element -->
2493 <div class="social-box">
2494 <ul>
2495 <li>
2496 <a href="https://www.facebook.com/kateconnollystudio" target="_blank"> <i class="fa fa-facebook"></i> </a>
2497 </li>
2498 <li>
2499 <a href="https://www.linkedin.com/in/kate-connolly-3216417" target="_blank"> <i class="fa fa-linkedin"></i> </a>
2500 </li>
2501 <li>
2502 <a href="https://www.behance.net/kateconnollystudio" target="_blank"> <i class="fa fa-behance"></i> </a>
2503 </li>
2504 </ul>
2505 </div>
2506 <!-- End Element -->
2507 </div>
2508 <!-- End Column -->
2509 </div>
2510 <!-- End Row -->
2511 <div class="row form-row">
2512 <!-- Start Row -->
2513 <div class="col-md-6 column">
2514 <!-- Start Column -->
2515 <!-- Start Element -->
2516 <div class="input-group">
2517 <input type='text' name='Name' placeholder='' value='' data-parsley-required="true" class="contact-line">
2518 <label>Name</label>
2519 </div>
2520 <!-- End Element -->
2521 </div>
2522 <!-- End Column -->
2523 <div class="col-md-6 column">
2524 <!-- Start Column -->
2525 <!-- Start Element -->
2526 <div class="input-group">
2527 <input type='text' name='E-mail' placeholder='' value='' data-parsley-type="email" data-parsley-required="true" class="contact-line">
2528 <label>E-mail</label>
2529 </div>
2530 <!-- End Element -->
2531 </div>
2532 <!-- End Column -->
2533 </div>
2534 <!-- End Row -->
2535 <div class="row form-row">
2536 <!-- Start Row -->
2537 <div class="col-md-12 column">
2538 <!-- Start Column -->
2539 <!-- Start Element -->
2540 <div class="input-group">
2541 <textarea name='Message' placeholder='' data-parsley-required="true" class="contact-area"></textarea>
2542 <label>Message</label>
2543 </div>
2544 <!-- End Element -->
2545 <!-- Start Element -->
2546 <input type="submit" value="Write Me!" class="contact-button contact-send" data-sending='Sending Message' data-sent='Message Successfully Sent'>
2547 <!-- End Element -->
2548 </div>
2549 <!-- End Column -->
2550 </div>
2551 <!-- End Row -->
2552 <input type="hidden" name="id" value="contact_page"> </form>
2553 </div>
2554 </div>
2555 </div>
2556 </div>
2557 </div>
2558 </div>
2559 <!-- ======= Start scroll up toggle ======= -->
2560 <div class="scroll-toggle up"> <i class="fa fa-angle-down"></i> <span>Scroll up</span> </div>
2561 </div>
2562 </section>
2563 <!-- ========================= END CONTENT ======================== -->
2564 </div>
2565 <!-- ========================= START FP NAVIGATION ======================== -->
2566 <div id="fp-nav">
2567 <ul>
2568 <li data-menuanchor="main-about-10" class="active">
2569 <a href="#main-about-10"> <span></span> </a>
2570 <div class="fp-tooltip">Main About</div>
2571 </li>
2572 <li data-menuanchor="about-11">
2573 <a href="#about-11"> <span></span> </a>
2574 <div class="fp-tooltip">About</div>
2575 </li>
2576 <li data-menuanchor="portfolio-21">
2577 <a href="#portfolio-21"> <span></span> </a>
2578 <div class="fp-tooltip">Portfolio</div>
2579 </li>
2580 <li data-menuanchor="blog-section-23">
2581 <a href="#blog-section-23"> <span></span> </a>
2582 <div class="fp-tooltip">Blog Section</div>
2583 </li>
2584 <li data-menuanchor="contact-18">
2585 <a href="#contact-18"> <span></span> </a>
2586 <div class="fp-tooltip">Contact</div>
2587 </li>
2588 </ul>
2589 </div>
2590 <!--[if lt IE 9]>
2591 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
2592 <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
2593 <![endif]-->
2594 <script type='text/javascript' src='wp-content/plugins/jetpack/modules/photon/photonb3d9.js?ver=20130122'></script>
2595 <script type='text/javascript' src='wp-content/plugins/contact-form-7/includes/js/jquery.form.mind03d.js?ver=3.51.0-2014.06.20'></script>
2596 <script type='text/javascript'>
2597 /* <![CDATA[ */
2598 var _wpcf7 = {
2599 "loaderUrl": "http:\/\/test.kateconnollystudio.com\/wp-content\/plugins\/contact-form-7\/images\/ajax-loader.gif"
2600 , "recaptchaEmpty": "Please verify that you are not a robot."
2601 , "sending": "Sending ..."
2602 };
2603 /* ]]> */
2604 </script>
2605 <script type='text/javascript' src='wp-content/plugins/contact-form-7/includes/js/scriptsc1f9.js?ver=4.4.2'></script>
2606 <script type='text/javascript' src='wp-content/js/devicepx-jetpack86e4.js?ver=201704'></script>
2607 <script type='text/javascript' src='wp-content/themes/resume/js/1-jquery-ui2cb6.js?ver=4.5.5'></script>
2608 <script type='text/javascript' src='wp-content/themes/resume/js/2-jquery.fullPage.min2cb6.js?ver=4.5.5'></script>
2609 <script type='text/javascript' src='wp-content/themes/resume/js/3-jquery.easings.min2cb6.js?ver=4.5.5'></script>
2610 <script type='text/javascript' src='wp-content/themes/resume/js/4-jquery.slimscroll.min2cb6.js?ver=4.5.5'></script>
2611 <script type='text/javascript' src='wp-content/themes/resume/js/5-placeholder2cb6.js?ver=4.5.5'></script>
2612 <script type='text/javascript' src='wp-content/themes/resume/js/6-bootstrap2cb6.js?ver=4.5.5'></script>
2613 <script type='text/javascript' src='wp-content/themes/resume/js/7-imagesloaded.pkgd.min2cb6.js?ver=4.5.5'></script>
2614 <script type='text/javascript' src='wp-content/themes/resume/js/8-customScrollbar2cb6.js?ver=4.5.5'></script>
2615 <script type='text/javascript' src='wp-content/themes/resume/js/9-owl.carousel.min2cb6.js?ver=4.5.5'></script>
2616 <script type='text/javascript' src='wp-content/themes/resume/js/9a-isotope.pkgd.min2cb6.js?ver=4.5.5'></script>
2617 <script type='text/javascript' src='wp-content/themes/resume/js/9b-fitvids2cb6.js?ver=4.5.5'></script>
2618 <script type='text/javascript' src='wp-content/themes/resume/js/plugins2cb6.js?ver=4.5.5'></script>
2619 <script type='text/javascript'>
2620 /* <![CDATA[ */
2621 var data_anchor = {
2622 "anchor": ["main-about-10", "about-11", "portfolio-21", "blog-section-23", "contact-18"]
2623 , "slides": ["single-main-about-10", "single-about-11", "single-portfolio-21", "single-blog-section-23", "single-contact-18"]
2624 , "normal_scroll": "single-urban-landscapes, single-direct-mail, single-israel, single-travel, single-more-direct-mail, single-identities, single-gw-select-work, single-europe, single-style-and-self, single-love, single-bus-shelter-ads, single-urban, single-personal-work-and-illustration, single-courage-its-an-art-not-a-science, single-la-lumiere-exquise, single-a-few-of-my-many-views-on-color-theory, single-what-do-you-need-to-start-painting, single-even-more-of-my-many-views-on-color-theory-part-3, single-a-few-more-of-my-many-views-on-color-theory"
2625 , "page": "slider"
2626 , "posts_per_page": "5"
2627 , "logo_bright": ["fp-viewing-main-about-10", "fp-viewing-about-11", "fp-viewing-contact-18"]
2628 , "logo_bright_src": "wp-content\/uploads\/2016\/07\/logo-copy.png"
2629 , "logo_dark": ["fp-viewing-portfolio-21", "fp-viewing-blog-section-23"]
2630 , "logo_dark_src": "wp-content\/uploads\/2016\/07\/logo_blackflat.png"
2631 };
2632 /* ]]> */
2633 </script>
2634 <script type='text/javascript' src='wp-content/themes/resume/js/options2cb6.js?ver=4.5.5'></script>
2635 <script type='text/javascript' src='wp-includes/js/comment-reply.min2cb6.js?ver=4.5.5'></script>
2636 <script type='text/javascript' src='wp-includes/js/wp-embed.min2cb6.js?ver=4.5.5'></script>
2637 <script type='text/javascript' src='wp-content/plugins/tesla-framework/static/js/parsley/parsley.min68b3.js?ver=1'></script>
2638 <script type='text/javascript' src='wp-content/plugins/tesla-framework/static/js/contact-form-front68b3.js?ver=1'></script>
2639 <script type="text/javascript"></script>
2640 <script type='text/javascript' src='../stats.wp.com/e-201704.js' async defer></script>
2641 <script type='text/javascript'>
2642 _stq = window._stq || [];
2643 _stq.push(['view', {
2644 v: 'ext'
2645 , j: '1:3.9.4'
2646 , blog: '115622139'
2647 , post: '8'
2648 , tz: '0'
2649 , srv: 'test.kateconnollystudio.com'
2650 }]);
2651 _stq.push(['clickTrackerInit', '115622139', '8']);
2652 </script>
2653</body>
2654<!-- Mirrored from test.kateconnollystudio.com/ by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 23 Jan 2017 16:46:55 GMT -->
2655
2656</html>