Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

first commit

  • Loading branch information...
commit baaaae47b5802729855580aeb3272a141c4741fa 1 parent a7c08f5
@reifman authored
View
358 index.html
@@ -5,14 +5,14 @@
lang="en">
<head>
<title>
- My V Card
+ 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/dark_scratch.jpg);
+ background-image: url(style/images/bg/grey_scratch.jpg);
background-repeat:repeat;
background-color:#ccc;
background-position:top center;
@@ -94,7 +94,7 @@
//<![CDATA[
$(document).ready(function(){
$(".tweet").tweet({
- username: "envato",
+ username: "reifman",
avatar_size: null,
count: 2,
loading_text: "loading tweets..."
@@ -103,20 +103,20 @@
//]]>
</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 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>
+</script> -->
</head>
<body>
<div class="container">
<h1>
- John Doe
+ Jeff Reifman
</h1>
<div class="title">
- Web Designer &amp; Illustrator
+ Strategic consultant, social media developer, freelance writer
</div>
<div style="height: 500px; width: 980px;"
class="shadow">
@@ -422,197 +422,15 @@ <h2 class="title">
</div>
</div>
</li><!-- RESUME PAGE ENDS -->
- <!-- GALLERY PAGE STARTS -->
- <li>
- <h2>
- <span>Portfolio</span>
- </h2>
- <div>
- <div class="figure">
- <h3>
- Gallery
- </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><!-- THUMBNAILS PAGE STARTS -->
- <div class="coda-slider-wrapper">
- <div class="coda-slider preload"
- id="coda-slider-2">
- <div class="panel">
- <div class="panel-wrapper">
- <h2 class="title">
- thumbs
- </h2>
- <div class="gal">
- <a href="style/images/large.jpg"
- rel="prettyPhoto[pp_gal]"><img src="style/images/thumb.jpg"
- class="gal2"
- width="60"
- height="60"
- alt="" /></a>
- </div>
- <div class="gal">
- <a href="style/images/large.jpg"
- rel="prettyPhoto[pp_gal]"><img src="style/images/thumb.jpg"
- class="gal2"
- width="60"
- height="60"
- alt="" /></a>
- </div>
- <div class="gal">
- <a href="style/images/large.jpg"
- rel="prettyPhoto[pp_gal]"><img src="style/images/thumb.jpg"
- class="gal2"
- width="60"
- height="60"
- alt="" /></a>
- </div>
- <div class="gal">
- <a href="style/images/large.jpg"
- rel="prettyPhoto[pp_gal]"><img src="style/images/thumb.jpg"
- class="gal2"
- width="60"
- height="60"
- alt="" /></a>
- </div>
- <div class="gal">
- <a href="style/images/large.jpg"
- rel="prettyPhoto[pp_gal]"><img src="style/images/thumb.jpg"
- class="gal2"
- width="60"
- height="60"
- alt="" /></a>
- </div>
- <div class="gallast">
- <a href="style/images/large.jpg"
- rel="prettyPhoto[pp_gal]"><img src="style/images/thumb.jpg"
- class="gal2"
- width="60"
- height="60"
- alt="" /></a>
- </div>
- <div class="gal">
- <a href="style/images/large.jpg"
- rel="prettyPhoto[pp_gal]"><img src="style/images/thumb.jpg"
- class="gal2"
- width="60"
- height="60"
- alt="" /></a>
- </div>
- <div class="gal">
- <a href="style/images/large.jpg"
- rel="prettyPhoto[pp_gal]"><img src="style/images/thumb.jpg"
- class="gal2"
- width="60"
- height="60"
- alt="" /></a>
- </div>
- <div class="gal">
- <a href="style/images/large.jpg"
- rel="prettyPhoto[pp_gal]"><img src="style/images/thumb.jpg"
- class="gal2"
- width="60"
- height="60"
- alt="" /></a>
- </div>
- <div class="gal">
- <a href="style/images/large.jpg"
- rel="prettyPhoto[pp_gal]"><img src="style/images/thumb.jpg"
- class="gal2"
- width="60"
- height="60"
- alt="" /></a>
- </div>
- <div class="gal">
- <a href="images/large.jpg"
- rel="prettyPhoto[pp_gal]"><img src="style/images/thumb.jpg"
- class="gal2"
- width="60"
- height="60"
- alt="" /></a>
- </div>
- <div class="gallast">
- <a href="style/images/large.jpg"
- rel="prettyPhoto[pp_gal]"><img src="style/images/thumb.jpg"
- class="gal2"
- width="60"
- height="60"
- alt="" /></a>
- </div>
- </div>
- </div><!-- THUMBNAIL PAGE ENDS -->
- <!-- PAGE 2 STARTS -->
- <div class="panel">
- <div class="panel-wrapper">
- <h2 class="title">
- single
- </h2>
- <div class="left">
- <a href="style/images/large.jpg"
- rel="prettyPhoto"><img src="style/images/gallery.jpg"
- alt=""
- width="274"
- height="165"
- class="pic" /></a>
- </div>
- <div class="right_text">
- <h4>
- Featured Project
- </h4>
- <p>
- Cras luctus fringilla odio vel hendrerit. Cras pulvinar auctor
- sollicitudin. Sed lacus quam, sodales sit amet feugiat sit amet,
- viverra nec augue. Sed enim ipsum, malesuada quis blandit vel,
- posuere eget erat. Sed a arcu justo.
- </p><img src="style/images/bullet.png"
- alt=""
- width="12"
- height="9" /> <a href="#"
- class="link">visit site</a> &raquo;
- </div>
- </div>
- </div><!-- PAGE 2 ENDS -->
- <!-- PAGE 3 STARTS -->
- <div class="panel">
- <div class="panel-wrapper">
- <h2 class="title">
- double
- </h2>
- <div class="left">
- <a href="style/images/large.jpg"
- rel="prettyPhoto[pp_gal]"><img src="style/images/gallery.jpg"
- alt=""
- width="274"
- height="165"
- class="pic" /></a>
- </div>
- <div class="right">
- <a href="style/images/large.jpg"
- rel="prettyPhoto[pp_gal]"><img src="style/images/gallery.jpg"
- alt=""
- width="274"
- height="165"
- class="pic" /></a>
- </div>
- </div><!-- PAGE 3 ENDS -->
- <!-- .coda-slider -->
- </div>
- </div>
- </div>
- </div>
- </div>
- </li><!-- GALLERY ENDS -->
<!-- SOCIAL PAGE STARTS -->
<li>
<h2>
- <span>Social</span>
+ <span>Contact</span>
</h2>
<div>
<div class="figure">
<h3>
- Social
+ Contact
</h3>
<div class="intro">
Emi Phasellus congue auctor risuspon, eget males. Pellentes que un imperdiet,
@@ -620,72 +438,58 @@ <h2 class="title">
vitae a urna. Dolor sit amet sem.
</div>
<div class="social-content-left">
- <span class="social"><a href="#"
- class="icon"><img src="style/images/social/twitter-logo-square.png"
- title="I Tweet - www.twitter.com/username"
- alt="Twitter"
+ <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" />Twitter</a></span>
- <div class="social-clear"></div><span class="social"><a href="#"
- class="icon"><img src="style/images/social/facebook-logo-square.png"
- alt="Facebook"
- title="Fan Me - www.facebook.com/usernae"
+ 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" />Facebook</a></span>
- <div class="social-clear"></div><span class="social"><a href="#"
+ 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/username"
+ title="Let's Link Up - www.linkedin.com/jeffreifman"
class="icon"
border="0"
width="56"
height="56" />Linked In</a></span>
- <div class="social-clear"></div><span class="social"><a href="#"
- class="icon"><img src="style/images/social/flickr-square.png"
- alt="Flickr"
- title="Flickr - www.flickr.com/username"
+ </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" />Flickr</a></span>
- </div>
- <div class="social-content-right">
- <span class="social"><a href="#"
- class="icon"><img src="style/images/social/deviantart-s.png"
- alt="DeviantArt"
- title="I'm a Deviant! - www.deviantart.com/username"
+ 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" />DeviantArt</a></span>
- <div class="social-clear"></div><span class="social"><a href="#"
+ 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 - www.feedburner.com/username"
+ title="Get My Feed - blog.reifman.org/atom.xml"
class="icon"
border="0"
width="56"
height="56" />My Feed</a></span>
- <div class="social-clear"></div><span class="social"><a href="#"
- class="icon"><img src="style/images/social/vimeo-s.png"
- alt="Vimeo"
- title="Watch My Videos - www.vimeo.com/username"
- class="icon"
- border="0"
- width="56"
- height="56" />Vimeo</a></span>
- <div class="social-clear"></div><span class="social"><a href="#"
- class="icon"><img src="style/images/social/skype-s.png"
- alt="Skype"
- title="Skype Me"
- class="icon"
- border="0"
- width="56"
- height="56" />Skype</a></span>
</div>
<div class="content-right">
<!-- TWITTER BOX -->
@@ -694,78 +498,6 @@ <h2 class="title">
</div>
</div>
</li><!-- SOCIAL PAGE ENDS -->
- <!-- CONTACT PAGE STARTS -->
- <li>
- <h2>
- <span>Contact</span>
- </h2>
- <div>
- <div class="figure">
- <h3>
- Contact
- </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>
- <div class="content-left">
- <!-- CONTACT FORM -->
- <form method='post' action='contact/php/contact-send.php'>
- <p class="label">Name</p>
- <input id='form_name' type='text' name='name' />
- <p class="label">Email *</p>
- <input id='form_email' type='text' name='email' />
- <p class="label">Message *</p>
- <textarea id='form_message' rows='10' cols='10' name='message' ></textarea>
- <input id='form_submit' type='submit' name='submit' value='Submit' />
- <input id="reset" type="reset" value="Reset Form" />
- <p class='hide' id='response'></p>
- <div class='hide'>
- <p class="label">Do not fill out this field</p>
- <input name='spam_check' type='text' value='' />
- </div>
- </form>
-
- </div>
- <div class="content-right">
- <!-- GOOGLE MAP -->
- <div id="map"></div><!-- CONTACT ICONS -->
- <img src="style/images/pencil.png"
- class="contact_icon"
- width="30"
- height="30"
- alt="address" /> <span class="contact">21, High St, Colchester, Essex, BN7
- 5NX</span><br />
- <img src="style/images/telephone.png"
- class="contact_icon"
- width="30"
- height="30"
- alt="telephone" /> <span class="contact">0234 678905</span><br />
- <img src="style/images/email.png"
- class="contact_icon"
- width="30"
- height="30"
- alt="email" /> <span class="contact"><a href="#"
- class="link"
- title="Email Me">info@mysite.com</a></span><br />
- <img src="style/images/home.png"
- class="contact_icon"
- width="30"
- height="30"
- alt="home" /> <span class="contact"><a href="#"
- class="link"
- title="My Website">www.mysite.com</a></span><br />
- <img src="style/images/vcard.png"
- class="contact_icon"
- width="30"
- height="30"
- alt="vcard" /> <span class="contact"><a href="#"
- class="link"
- title="Add Me To Your Contacts">vCard</a></span>
- </div>
- </div>
- </div><!-- CONTACT PAGE ENDS -->
</li>
</ol>
</div>
@@ -776,7 +508,7 @@ <h2 class="title">
var d = new Date()
document.write(d.getFullYear())
//]]>
- </script>: John Doe
+ </script>
</div>
</div>
</div><!-- ACCORDIAN JS --><script src="style/js/liteaccordion.jquery.js"
@@ -841,5 +573,19 @@ <h2 class="title">
</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>
View
BIN  style/images/slider1.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  style/images/slider2.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  style/images/slider3.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Please sign in to comment.
Something went wrong with that request. Please try again.