RidgeStyle.com

A website for a community of outdoor enthusiasts.

RidgeStyle.com is a custom built theme utilizing the WordPress framework.

For this site, we employed HTML 5, CSS3 and a responsive layout that scales according to the device visiting the site.

It is optimized for both desktop, and mobile devices.

Have at it!

The Code:

<br /> /*——–The css ——–*/</p> <p>#twitter {<br /> display: inline-block;<br /> width: 100px;<br /> height: 100px;<br /> background: url(‘img-sprite.png’) 0 0;<br /> }<br /> #twitter:hover {<br /> background-position: 0 -100px;<br /> }<br /> #vimeo {<br /> display: inline-block;<br /> width: 100px;<br /> height: 100px;<br /> background: url(‘img-sprite.png’) 0 -200px;<br /> }<br /> #vimeo:hover {<br /> background-position: 0 -300px;<br /> }<br /> #fb {<br /> display: inline-block;<br /> width: 100px;<br /> height: 100px;<br /> background: url(‘img-sprite.png’) 0 -400px;<br /> }<br /> #fb:hover {<br /> background-position: 0 -500px;<br /> }<br /> #rss {<br /> display: inline-block;<br /> width: 100px;<br /> height: 100px;<br /> background: url(‘img-sprite.png’) 0 -600px;<br /> }<br /> #rss:hover {<br /> background-position: 0 -700px;<br /> }</p> <p><!--------The html----------></p> <p><a id="twitter" title="Wow, Pure CSS Rollover! No Javascript here!" href="http://www.twitter.com" target="blank"></a></p> <p><a id="vimeo" title="I can be whatever text you choose" href="http://www.vimeo.com" target="blank"></a></p> <p><a id="fb" title="This is a classic example of when to use this effect" href="http://www.facebook.com" target="blank"></a></p> <p><a id="rss" title="If you click me, I'll take you to a Website!" href="http://www.google.com" target="blank"></a>

SurvivorOutdoorExperience.org

A web presence for the non-profit corporation Survivor’s Outdoor Experience.

Because SOE anticipates a continually growing archive of articles and events, we used WordPress as a CMS framework that will allow the site to grow while keeping everything organized in a database.

In addition, using WordPress in the website design allows the site owners to easily add and edit content on the site via a standard text editor, without needing to know anything about web domains, c-panels, ftp, or html coding.

SequimBay.org

A community news site developed for the neighbors of the Sequim Bay area of Northwest Washington State.

Using WordPress as a CMS for this website design project was a no-brainer. The site will have multiple authors and need to be able to handle large amounts of data that also needs to be available via an archive database.

PenFly.org

The Peninsula Flying Club

Needed a basic website design that could serve the purpose of allowing visitors to easily find out more about the club.

And, to distribute club documents among it’s membership.