https://vileworks.com/portfolio/

1<!DOCTYPE html>
2<html>
3
4<head>
5  <meta charset="UTF-8">
6  <title>WordPress Design and Development Portfolio | VileWorks</title>
7  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
8  <link rel="stylesheet" href="css/style.css">
9</head>
10
11<body>
12
13  <ul class="top-menu">
14    <li><a title="About VileWorks" href="/about/">About</a></li>
15    <li><a title="WordPress Develoment Services" href="/services/">Services</a></li>
16    <li class="current"><a title="WordPress Development Portfolio" href="/portfolio/">Portfolio</a></li>
17  </ul>
18
19<a class="site-title" href="/about/">VileWorks</a>
20
21<h1 class="article-title" style="">WP Design Portfolio</h1>
22<h2 style="text-align:center;width:100%;margin: 0;margin-bottom: 4em;color: #444;font-size: .9em;">(click screenshots to see descriptions)</h2>
23
24<div class="article-wrapper">
25<div  class="main-image-wrapper" >
26    <a href="#obrien" id="obrien"><img class="main-image" src="https://vileworks.com/portfolio/img/obrien2017.png" />
27    </a>
28</div>
29<h1 class="article-title">Tim O'Brien</h1>
30<article class="post type-post hentry">
31  <p><span class="dropcap">T</span>im O’Brien is an illustrator and portrait painter whose illustrations have appeared in magazines such as Time magazine, Newsweek, The Atlantic Monthly, and National Geographic.
32  </p>
33  <h2 class="subtitle">Visit site: <a href="http://www.obrienillustration.com/" title="obrien">ObrienIllustration.com</a></h2>
34</article>
35</div>
36
37<div class="separator">● ● ●</div>
38
39
40<div class="article-wrapper">
41<div  class="main-image-wrapper" >
42    <a href="#hgs" id="hgs"><img class="main-image" src="https://vileworks.com/portfolio/img/hillsdalegeneralstore.png" style="" />
43    </a>
44</div>
45<h1 class="article-title">Hillsdale General Store</h1>
46<article id="post-17" class="post type-post hentry">
47
48    <p><span class="dropcap">H</span>illsdale General Store is an old-time country emporium, offering something for everyone.  HGS has been recommended by Martha Stewart Living, Elle Decor, Food &amp; Wine, and Traditional Home.
49    </p>
50
51  <h2 class="subtitle">Visit site: <a href="http://hillsdalegeneralstore.com/" title="WPBF">HillsdaleGeneralStore.com</a></h2>
52
53</article>
54</div>
55
56<div class="separator">● ● ●</div>
57
58<div class="article-wrapper">
59<div  class="main-image-wrapper" >
60    <a href="#wpbf" id="wpbf"><img class="main-image" src="https://vileworks.com/portfolio/img/wpbf-ss-2017.jpg" style="" />
61    </a>
62</div>
63<h1 class="article-title">WPBF</h1>
64<article id="post-17" class="post type-post hentry">
65
66    <p><span class="dropcap">W</span>hite Plains Beautification Foundation is an independent, not-for-profit organization encouraging gardens and green spaces throughout the City of White Plains.
67      <br>In collaboration with <a href="http://www.kennethbsmith.com/" target="_blank">Kenneth Smith</a>.
68    </p>
69
70  <h2 class="subtitle">Visit site: <a href="http://www.wpbf.org" title="WPBF">

70WPBF.org</a></h2>
71
72</article>
73</div>
74
75<div class="separator">● ● ●</div>
76
77<div class="article-wrapper">
78<div  class="main-image-wrapper" >
79    <a href="#noble" id="noble"><img class="main-image" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/8247/Screenshot_2015-03-14_04.07.02.png" style="" />
80    </a>
81</div>
82<h1 class="article-title">Bill Noble</h1>
83<article id="post-17" class="post type-post hentry">
84    <p><span class="dropcap">B</span>ill Noble is a garden designer and has overseen the restaoration of many significant American gardens including the gardens of Alcatraz in San Francisco.
85      <br>In collaboration with <a href="http://www.kennethbsmith.com/" target="_blank">Kenneth Smith</a>.
86    </p>
87    <h2 class="subtitle">Visit site: <a href="http://billnoblegardens.com/gardens/" title="noble">BillNobleGardens.com</a></h2>
88</article>
89</div>
90
91<div class="separator">● ● ●</div>
92
93<div class="article-wrapper">
94<div  class="main-image-wrapper" >
95    <a href="#blackair" id="blackair"><img class="main-image" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/8247/blackair.jpg" style="" />
96    </a>
97</div>
98<h1 class="article-title">Black Air</h1>
99<article id="post-17" class="post type-post hentry">
100    <p><span class="dropcap">B</span>lack Air is a feature-length documentary about Buick's premier but paradoxical 1980s performance car.
101      <br>(Design proposal.)
102    </p>
103</article>
104</div>
105
106<!-- <div class="separator">● ● ●</div>
107<div class="article-wrapper">
108<div  class="main-image-wrapper" >
109    <a href="#malanowski" id="malanowski"><img class="main-image" src="https://vileworks.com/portfolio/img/jamiemalanowski.jpg" style="" />
110    </a>
111</div>
112<h1 class="article-title">Jamie Malanowski</h1>
113<article id="post-17" class="post type-post hentry">
114    <p><span class="dropcap">J</span>amile Malanowski is a writer and an editor. A member of the original staff of Spy, where he worked seven years, Jamie has also been an editor at Time, Esquire and Playboy.
115      <br>In collaboration with <a href="http://www.kennethbsmith.com/" target="_blank">Kenneth Smith</a>.
116    </p>
117    <h2 class="subtitle">Visit site: <a href="http://jamiemalanowski.com/" title="malanowski">JamieMalanowski.com</a></h2>
118</article>
119</div> -->
120
121<!-- <div class="separator">● ● ●</div>
122
123<div class="article-wrapper">
124<div  class="main-image-wrapper" >
125    <a href="#nefa" id="nefa"><img class="main-image" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/8247/Screenshot_2015-03-14_04.53.31.png" style="" />
126    </a>
127</div>
128<h1 class="article-title">NEFA</h1>
129<article id="post-17" class="post type-post hentry">
130    <p><span class="dropcap">N</span>ortheast Farm Access, LLC, brings together farmers and social investors to revive and transform sustainable agriculture.</p>
131    <h2 class="subtitle">Visit site: <a href="http://nefarmaccess.com/" title="nefa">NEFarmAccess.com</a></h2>
132</article>
133</div> -->
134
135<!-- <div class="separator">● ● ●</div>
136
137<div class="article-wrapper">
138<div  class="main-image-wrapper" >
139    <a href="#dubin" id="dubin"><img class="main-image" src="https://vileworks.com/portfolio/img/adam.jpg" style="" />
140    </a>
141</div>
142<h1 class="article-title">Adam Dubin</h1>
143<article id="post-17" class="post type-post hentry">
144    <p><span class="dropcap">A</span>dam Dubin co-directed the classic Beastie Boys music videos <i>Fight For Your Right To Party</i> and <i>No Sleep till Brooklyn</i>.
145      <br>In collaboration with <a href="http://www.kennethbsmith.com/" target="_blank">Kenneth Smith</a>.
146    </p>
147    <h2 class="subtitle">Visit site: <a href="http://www.adamdubin.com/" title="dubin">AdamDubin.com</a></h2>
148</article>
149</div> -->
150
151<div class="separator">● ● ●</div>
152
153<div class="article-wrapper">
154<div  class="main-image-wrapper" >
155    <a href="#hsw" id="hsw"><img class="main-image" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/8247/Screenshot_2015-03-14_05.10.54.png" style="" />
156    </a>
157</div>
158<h1 class="article-title">HSW</h1>
159<article id="post-17" class="post type-post hentry">
160    <p><span class="dropcap">H</span>all School Wimbledon, founded in 1990, provides independent co-education for children aged four to sixteen.</p>
161    <h2 class="subtitle">Visit site: <a href="http://hsw.co.uk/" title="hsw">HSW.co.uk</a></h2>
162</article>
163</div>
164
165<div class="separator">● ● ●</div>
166
167<!-- <h2 class="subtitle" style="font-size:2em; text-transform:uppercase;">
168  <a href="https://vileworks.com/services/" style="text-decoration:none;"  title="WordPress development services">Services &amp; Prices</a> |
169  <a href="https://vileworks.com/contact/" style="text-decoration:none;" title="Hire us to redesign your website.">Contact</a>
170</h2> -->
171
172<h2 class="subtitle" style="/* max-width: 14em; */margin: auto;letter-spacing: 0;">
173  To request an estimate fill out the
174  <a href="https://goo.gl/forms/UULNc1Z1CxCrl4102" title="Request an Estimate" class="button">Website Specifications Form</a>
175</h2>
176
177<div class="separator">● ● ●</div>
178
179  

179<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

179
180
181  <!--

181<script src='https://rawgit.com/benoitpointet/jquery-scrollsnap-plugin/master/src/jquery.scrollstop.js'></script>

181
182  

182<script src='https://rawgit.com/benoitpointet/jquery-scrollsnap-plugin/master/src/jquery.scrollsnap.js'></script>

182
183  

183<script src='https://cdn.rawgit.com/tuupola/jquery_lazyload/master/jquery.lazyload.min.js'></script>

183
184  

184<script src='https://rawgithub.com/desandro/bac18f05eab26ec2ac21/raw/1e017b9843a6ae66b56aa18f2e0bc0a84cf002d7/jquery.nicescroll.js'></script>

184 -->
185  

185<script src="https://vileworks.com/combined.js"></script>

185
186  

186<script src="js/index.js"></script>

186
187
188  

188<script id="google-analytics">

188
189    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
190    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
191    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
192    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
193    ga('create', '

193UA-1028654-2

193', 'auto');
194    ga('send', 'pageview');
195  

195</script>

195
196
197</body>
198
199</html>