Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Tree: 8943d3f084
Fetching contributors…

Cannot retrieve contributors at this time

583 lines (575 sloc) 24.803 kB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="en"
lang="en">
<head>
<title>
Jeff Reifman - strategic consultant, social media developer, freelance writer
</title>
<meta http-equiv="Content-Type"
content="text/html; charset=us-ascii" />
<style type="text/css">
/*<![CDATA[*/
body {
background-image: url(style/images/bg/grey_scratch.jpg);
background-repeat:repeat;
background-color:#ccc;
background-position:top center;
font: 12px/20px 'DroidSansRegular', Arial, sans-serif;
color:#666; margin:30px auto;
text-align:center;
}
.shadow { background-image: url(style/images/shadow.png); background-repeat: no-repeat;
background-position: -17px -28px; margin: 0px auto; padding: 0;
text-align: center; display: block; }
/*]]>*/
</style>
<link rel="stylesheet"
href="main.css"
type="text/css" />
<link rel="stylesheet"
href="style/css/nivo-slider.css"
type="text/css"
media="screen" />
<link rel="stylesheet"
href="style/css/style.css"
type="text/css"
media="screen" />
<link rel="stylesheet"
href="style/css/prettyPhoto.css"
type="text/css"
media="screen"
charset="utf-8" />
<link rel="stylesheet"
href="style/css/coda-slider-2.0.css"
type="text/css"
media="screen" />
<link href="style/css/tipTip.css"
rel="stylesheet"
type="text/css"
media="screen" />
<script src="style/js/jquery-1.4.4.min.js"
type="text/javascript"
charset="utf-8">
</script>
<script src="style/js/jquery.prettyPhoto.js"
type="text/javascript"
charset="utf-8">
</script>
<script language="javascript"
src="style/js/jquery.tweet.js"
type="text/javascript">
</script>
<script type="text/javascript"
src="contact/ajax.js">
</script>
<script type="text/javascript"
src="style/js/jquery.quovolver.js">
</script>
<script src="style/js/jquery.tipTip.js"
type="text/javascript">
</script>
<script src="style/js/jquery.tipTip.minified.js"
type="text/javascript">
</script>
<script type="text/javascript"
src="style/js/jquery.easing.1.3.js">
</script>
<script type="text/javascript"
src="style/js/jquery.coda-slider-2.0.js">
</script>
<script type="text/javascript">
//<![CDATA[
$().ready(function() {
$('#coda-slider-2').codaSlider();
$('#coda-slider-1').codaSlider({
dynamicTabs: false
});
});
//]]>
</script><!-- ADD YOUR TWITTER USERNAME BELOW INSTEAD OF MINE i.e REPLACE - envato -->
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$(".tweet").tweet({
username: "reifman",
avatar_size: null,
count: 3,
loading_text: "loading tweets..."
});
});
//]]>
</script><!-- ADD YOUR GOOGLE MAP API HERE -->
<!-- <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true&amp;key=ABQIAAAAp3wzVNThV_e0q3Mev7f6RQNZ0FYe25IyLos4sfQFVhsOvPq3BRH_4kpr4xLrrTscaRdaQIHIWvFxw"type="text/javascript">
</script>
<script type="text/javascript"
src="style/js/gps.jquery.js">
</script> -->
</head>
<body>
<div class="container">
<h1>
Jeff Reifman
</h1>
<div class="title">
Strategic consultant, social media developer, freelance writer
</div>
<div style="height: 500px; width: 980px;"
class="shadow">
<div id="one"
class="accordion">
<ol>
<!-- ABOUT PAGE STARTS -->
<li>
<h2>
<span>About</span>
</h2>
<div>
<div class="figure">
<h3>
Welcome
</h3>
<div class="intro">
Hi, thanks for visiting. I'm a Seattle-based technologist with specialties in strategic consulting, social media development, Facebook, nonprofit community organizing and freelance writing.</div>
<div class="content-left">
<!-- SLIDER GALLERY - ADD YOUR PHOTOS HERE -->
<div id="sliderbg">
<div id="slider-wrapper">
<div id="slider"
class="nivoSlider">
<img src="style/images/slider1.jpg"
alt="" /> <img src="style/images/slider2.jpg"
alt="" /> <img src="style/images/slider3.jpg"
alt="" />
</div>
</div><script type="text/javascript"
src="style/js/jquery.nivo.slider.js">
</script> <script type="text/javascript">
//<![CDATA[
$(window).load(function() {
$('#slider').nivoSlider();
});
//]]>
</script>
</div>
</div>
<div class="content-right">
<h4>
What's Happening in 2012
</h4>
<p>
I'm continuing work on open source community software platform NewsCloud, funded by the John S. and James L. Knight Foundation.
</p>
<p>I'm also leading efforts at Envision Seattle for a local Community Bill of Rights.</p>
<p>
My interests include snowboarding, gardening, travel, photography and the arts. I'm also a newbie yoga teacher.<br /><br />
<img src="style/images/bullet.png"
alt=""
height="9"
width="12" /> <a href="mailto:jeff@newscloud.com"
title="jeff@newscloud.com"
class="link">Get in touch with me here</a> &raquo;
</p>
</div>
</div>
</div>
</li><!-- ABOUT PAGE ENDS -->
<!-- RESUME PAGE STARTS -->
<li>
<h2>
<span>Resume</span>
</h2>
<div>
<div class="figure">
<h3>
My Resume
</h3>
<div class="intro">
Emi Phasellus congue auctor risuspon, eget males. Pellentes que un imperdiet,
odio quis orn sollicitud. Sed vitae lectus elementum mauris semper pharetra
vitae a urna. Dolor sit amet sem.
</div><!-- TECHNICAL SKILLS PAGE STARTS -->
<div class="coda-slider-wrapper">
<div class="coda-slider preload"
id="coda-slider-1">
<div class="panel">
<div class="panel-wrapper">
<h2 class="title">
skills
</h2>
<div class="skills_left_text">
<h4>
Technical Skills
</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas
metus nulla, commodo.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas
metus nulla, commodo.
</p>
<p>
<img src="style/images/bullet.png"
alt=""
width="12"
height="9" /> Morbi vel enim dignissim massa dignissim.<br />
<img src="style/images/bullet.png"
alt=""
width="12"
height="9" /> Commodo vitae quis tellus.<br />
<img src="style/images/bullet.png"
alt=""
width="12"
height="9" /> Nunc non mollis nulla adipiscing elit.
</p>
</div>
<div class="skills_right_text">
<span class="skill">Html/Css</span> <img src="style/images/5star.png"
alt=""
class="star"
width="94"
height="20" />
<div class="divider"></div>12 years - Porttitor interdum.
<div class="clear"></div><span class="skill">Graphic Design</span>
<img src="style/images/4star.png"
alt=""
class="star"
width="94"
height="20" />
<div class="divider"></div>12 years - Crasater om dolor neque.
<div class="clear"></div><span class="skill">Photoshop</span> <img src=
"style/images/5star.png"
alt=""
class="star"
width="94"
height="20" />
<div class="divider"></div>12 years - Porttitor interdum.
</div>
</div>
</div><!-- TECHNICAL SKILLS PAGE ENDS -->
<!-- PAGE 2 STARTS -->
<div class="panel">
<div class="panel-wrapper">
<h2 class="title">
Panel 2
</h2>
<div class="skills_left_text">
<h4>
Education
</h4>
<p>
Cing dui velore quamery dictum condimentumy. Lorem ipsum dolor sit
amet, consectetur adipisc. Cing dui velore quamery dictum. Emi
Phasellus congue auctor risuspon eget males.
</p>
<h5>
Central St. Martins - London, U.K
</h5>First Class B.A Honours in Graphic Design.
<h5>
LCP - London, U.K
</h5>First Class B.A Honours in Graphic Design.
</div>
<div class="skills_right_text">
<h4>
Awards
</h4><img src="style/images/bullet.png"
alt=""
width="12"
height="9" /> D&amp;AD - Best in creative art direction -
2011<br />
<img src="style/images/bullet.png"
alt=""
width="12"
height="9" /> Top Prize - Design &amp; Art Direction - 2011<br />
<img src="style/images/bullet.png"
alt=""
width="12"
height="9" /> Best Award Ever - Creativity, design - 2010
<div class="clear"></div>
<h4>
Published
</h4>
<p>
<img src="style/images/bullet.png"
alt=""
width="12"
height="9" /> Computer Arts Magazine - Feb. 2011<br />
<img src="style/images/bullet.png"
alt=""
width="12"
height="9" /> Vintage by Angela Patchell - 2010<br />
<img src="style/images/bullet.png"
alt=""
width="12"
height="9" /> Computer Arts Magazine - June 2009
</p>
</div>
</div>
</div><!-- PAGE 2 ENDS -->
<!-- PAGE 3 STARTS -->
<div class="panel">
<div class="panel-wrapper">
<h2 class="title">
Panel 3
</h2>
<div class="skills_left_text">
<h4>
Clients
</h4>
<h5>
Web Design
</h5><img src="style/images/bullet.png"
alt=""
height="9"
width="12" /> Emi Phasellus Congue Auctor - <a href="#.html">visit
site &raquo;</a><br />
<img src="style/images/bullet.png"
alt=""
height="9"
width="12" /> Praesent Facilisis Diam Nec - <a href="#.html">visit
site &raquo;</a><br />
<img src="style/images/bullet.png"
alt=""
width="12"
height="9" /> Praesent Facilisis Diam Nec - <a href="#.html">visit
site &raquo;</a><br />
<h5>
Illustration
</h5><img src="style/images/bullet.png"
alt=""
height="9"
width="12" /> Praesent Facilisis Diam Nec - <a href="#.html">visit
site &raquo;</a><br />
<img src="style/images/bullet.png"
alt=""
height="9"
width="12" /> Nunc Non Mollis Nulla - <a href="#.html">visit site
&raquo;</a><br />
<h5>
Graphic Design
</h5><img src="style/images/bullet.png"
alt=""
height="9"
width="12" /> Emi Phasellus Congue - <a href="#.html">visit site
&raquo;</a><br />
<img src="style/images/bullet.png"
alt=""
height="9"
width="12" /> Facilisis Diam Nec - <a href="#.html">visit site
&raquo;</a>
</div>
<div class="skills_right_text">
<h4>
Services
</h4><img src="style/images/bullet.png"
alt=""
height="9"
width="12" /> Web Design<br />
<img src="style/images/bullet.png"
alt=""
height="9"
width="12" /> Web Hosting &amp; Domain Registration<br />
<img src="style/images/bullet.png"
alt=""
height="9"
width="12" /> Graphics &amp; Illustration<br />
<br />
<!-- YOUR TESTIMONIALS -->
<h4>
Testimonials
</h4><script type="text/javascript"
charset="utf-8">
//<![CDATA[
$(document).ready(function() {
$('blockquote').quovolver();
});
//]]>
</script>
<blockquote>
<p>
" Ut eu consectetur nisi. Praesent facilisis diam nec sapien
gravida non mattis justo imperdiet. Vestibulum nisl urna, euismod
sit amet congue at, bibendum non risus. "<br />
<cite>Quote Author</cite>
</p>
</blockquote>
<blockquote>
<p>
" Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam
eu eros velit, non blandit ipsum. Donec pretium, nibh vitae
tristique tempor, enim sem condimentum lacus, vel mattis mauris.
"<br />
<cite>Quote Author</cite>
</p>
</blockquote><!-- PAGE 3 ENDS -->
</div>
</div><!-- .coda-slider -->
</div>
</div>
</div>
</div>
</div>
</li><!-- RESUME PAGE ENDS -->
<!-- SOCIAL PAGE STARTS -->
<li>
<h2>
<span>Contact</span>
</h2>
<div>
<div class="figure">
<h3>
Contact
</h3>
<div class="intro">
Please feel free to reach out or keep up with me in any of the following ways:
</div>
<div class="social-content-left">
<span class="social"><a href="mailto:jeff@newscloud.com"
class="icon"><img src="style/images/social/gmail.png"
title="Email me - jeff@newscloud.com"
alt="Email"
class="icon"
border="0"
width="56"
height="56" />Email</a></span>
<div class="social-clear"></div><span class="social"><a href="http://twitter.com/reifman"
class="icon"><img src="style/images/social/twitter-logo-square.png"
title="I Tweet - www.twitter.com/reifman"
alt="Twitter"
class="icon"
border="0"
width="56"
height="56" />Twitter</a></span>
<div class="social-clear"></div><span class="social"><a href="http://www.linkedin.com/jeffreifman"
class="icon"><img src="style/images/social/linkedin-logo-square2.png"
alt="Linked In"
title="Let's Link Up - www.linkedin.com/jeffreifman"
class="icon"
border="0"
width="56"
height="56" />Linked In</a></span>
</div>
<div class="social-content-right">
<span class="social"><a href="http://www.facebook.com/jeffreifman"
class="icon"><img src="style/images/social/facebook-logo-square.png"
alt="Facebook"
title="Fan Me - www.facebook.com/jeffreifman"
class="icon"
border="0"
width="56"
height="56" />Facebook</a></span>
<div class="social-clear"></div><span class="social"><a href="skype:reifman?call"
class="icon"><img src="style/images/social/skype-s.png"
alt="Skype"
title="Skype Me - reifman"
class="icon"
border="0"
width="56"
height="56" />Skype</a></span>
<div class="social-clear"></div>
<span class="social"><a href="http://blog.reifman.org/atom.xml"
class="icon"><img src="style/images/social/rss-cube.png"
alt="RSS"
title="Get My Feed - blog.reifman.org/atom.xml"
class="icon"
border="0"
width="56"
height="56" />My Feed</a></span>
</div>
<div class="content-right">
<!-- TWITTER BOX -->
<div class="tweet"></div>
</div>
</div>
</div>
</li><!-- SOCIAL PAGE ENDS -->
</li>
</ol>
</div>
<div align="center">
<div class="copyright">
&copy; copyright <script type="text/javascript">
//<![CDATA[
var d = new Date()
document.write(d.getFullYear())
//]]>
</script>
</div>
</div>
</div><!-- ACCORDIAN JS --><script src="style/js/liteaccordion.jquery.js"
type="text/javascript"
charset="utf-8">
</script> <script type="text/javascript"
charset="utf-8">
//<![CDATA[
$('#one').liteAccordion({
autoPlay : false,
containerWidth : 960,
pauseOnHover : false,
containerHeight : 420,
theme : 'grey',
rounded : true,
enumerateSlides : true
});
//]]>
</script> <!-- PRETTY PHOTO JS -->
<script type="text/javascript"
charset="utf-8">
//<![CDATA[
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto();
});
//]]>
</script> <!--TOOL TIPS -->
<script type="text/javascript">
//<![CDATA[
$(function(){
$(".icon , .link").tipTip({maxWidth: "auto", edgeOffset: 4, defaultPosition: "top" });
});
//]]>
</script> <!-- GALLERY IMAGE HOVER OPACITY EFFECT -->
<script type='text/javascript'>
//<![CDATA[
$(function() {
$('.gal2 img , .pic img').animate({"opacity": 1 });
$('.gal img , .gallast img , .left img , .right img').hover(function() {
$(this).stop().animate({ "opacity": .6 });
},
function() {
$(this).stop().animate({ "opacity": 1 });
});
});
//]]>
</script>
<!-- GOOGLE MAP -->
<script type="text/javascript">
//<![CDATA[
$(function() {
$("#map").googleMap({
zoomLevel: 10,
center: ' England',
tooltip: 'false',
image: 'false'})
.load();
});
//]]>
</script>
</div>
<!-- Start of StatCounter Code for Default Guide -->
<script type="text/javascript">
var sc_project=7526985;
var sc_invisible=1;
var sc_security="cba2ce9e";
</script>
<script type="text/javascript"
src="http://www.statcounter.com/counter/counter_xhtml.js"></script>
<noscript><div class="statcounter"><a title="tumblr
statistics" href="http://statcounter.com/tumblr/"
class="statcounter"><img class="statcounter"
src="http://c.statcounter.com/7526985/0/cba2ce9e/1/"
alt="tumblr statistics" /></a></div></noscript>
<!-- End of StatCounter Code for Default Guide -->
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.