Free Responsive Website Template: Beacon



Free Responsive Website Template: Beacon

It has been a while since I have given something away for free, so today I a giving away a free responsive website template called Beacon. Beacon is fully responsive and is built to show off your latest projects with ease. You can easily integrate your projects into this minimal website template. Style it to make it your own. Link to your social media pages, such as Twitter, Facebook, LinkedIn, Google+ and Dribbble. Use my free responsive website template to build your own custom responsive website, and be up and running in no time! Here are some of Beacon’s features:

The Home Page

Beacon’s Homepage features the Nivo Responsive image slider, so you can dynamically display news and announcements to your visitors. The home page features a 3-cloumn content area, where you can list your newest client, or feature your latest project or event. The featured images scale with the site, so everything stays proportional.

Free Responsive Website Template - Index

The About Page

You’ll love this! Show a high resolution featured image of yourself to make your about page professional, yet personal. Show your contact information, your education, your experience, and your skill set in a neat, organized manner. When being viewed on a mobile device(a tablet or a smartphone), your content stacks on top of each other, but stays legible and clean-looking. Your image scales to fill the entire width at smaller browser sizes, so you’ll never have a tiny image of yourself and your professional image will be prominent!

 

Free Responsive Website Template - About

 

Free Responsive Website Template - About Responsive

The Portfolio Page

Beacon’s portfolio page is simple and understated, enabling your projects to stand out. Everywhere you see a colored rectangle is where your project image will go. You can have a sleek title with a brief description below each project, so your viewers will have an idea about the context of each project.  Free Responsive Website Template - Portfolio

At smaller screen sizes, the content stacks here as well, enabling you to show the largest images possible. Your projects will be viewed at the largest size possible, making them look their best. They will be displayed at their full width, so portrait images will be extra large. The titles and descriptions will come along with your images, making them easy to read, so your viewers don’t miss a thing.

 

Free Responsive Website Template - Portfolio Responsive

Beacon features a responsive contact form. For wide pages, there is a diagonal layout. Each input field highlights when selected so your visitors will always know where they are. Simply entire your email address in the included php file and you’ll be receiving new business emails in no-time.

Free Responsive Website Template-Contact

On Mobile devices the responsive contact form resizes to fill the smaller screen. This makes it easier for your visitors to fill out your contact form at a smaller size.Free Responsive Website Template - Contact Responsive

So How Do I Get My Free Responsive Website Template?

It’s simple: to get your free responsive website template, all you have to do is:

Get My Weekly Newsletter!

What If I Am Already A Member?

Then you’ll be receiving this freebie in your inbox when the next newsletter comes, or if you must have it right now(Which I can’t blame you for), then you can share on Facebook or Twitter, using the button above and get it instantly.





10 Comments
  1. Web_UI_SEO
    February 5, 2013 | Reply
    • February 5, 2013 | Reply
  2. berna fett
    February 5, 2013 | Reply
    • February 5, 2013 | Reply
  3. February 5, 2013 | Reply
    • February 5, 2013 | Reply
      • February 5, 2013 | Reply
        • February 5, 2013 | Reply
          • February 5, 2013 |
          • February 5, 2013 |

Your opinion is important to me. Be heard!

Dreamweaver Fireworks Flash Illustrator Indesign Lightroom Painter Photoshop Quark Typography
Screen Shot 2014-12-20 at 2.29.26 PM
Photoshop Time Saving Tips

<iframe style=”border: none” src=”//html5-player.libsyn.com/embed/episode/id/3252477/height/360/width/640/theme/legacy/direction/no/autoplay/no/autonext/no/thumbnail/yes/preload/no/no_addthis/no/” height=”360″ width=”640″ scrolling=”no”  allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen...

Seamless winter patterns
Free Vector Winter Patterns

Winter Patterns In case you haven’t stepped outside recently, Winter is...

Picture 30
Molding Images to a Surface in Photoshop

Molding Images If you want to create some cool effects with...

Premium
Clinix - Free Bootstrap Templates
5 Free Bootstrap Templates Via ThemifyCloud

Bootstrap Templates Normally, I share one free HTML 5 or bootstrap-based...

joomla-main
An Introduction to Joomla

What is Joomla and it’s Advantages? Joomla is an open-source CMS,...

Failure as a graphic designer
Why You’re Failing As A Graphic Designer

Failing As A Graphic Designer If you’ve ever tried starting your...

LittleSoul
75 Clean WordPress Blog Themes

Pick the Right WordPress Blog Theme for You WordPress has come...

photography-wordpress-themes-feat
10 Best Photography WordPress Themes

10 Best Photography WordPress Themes That Make Your Heart Beat Faster...

free-wp-feat
Top 20 Free and Premium WordPress Themes to Refresh Your Website

Free and Premium WordPress Themes Wait a minute, you say. Have...

refreshing-WordPress-themes
20 Refreshing WordPress Themes for Autumn

20 Refreshing WordPress Themes Seasons come one after another, and, fortunately,...