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
Blob brush in Illustrator
Using the Blob Brush in Illustrator

The Blob Brush: Why? This tool is one of the best...

Create a painted effect in Photoshop
Create a Painting Effect in Photoshop

Painting Effect in Photoshop If you recall, Adobe removed the Oil...

artboard tips in Illustrator.jpg
Artboard Tips in Illustrator

Artboard Tips in Illustrator One of the coolest features I think...

Premium
Wpjobboard Plugin Features
The WpJobBoard Plugin For WordPress

WpJobBoard Those of us born in the ‘90s are called the...

wildflat-header
Wildflat Html5 Template

Wildflat Html5 Template Each week I share a free website template...

ed-feat
Study Inspiration: 50 Best Education WordPress Themes

50 Best Education WordPress Themes Higher education is a stepping stone...

Wpjobboard Plugin Features
The WpJobBoard Plugin For WordPress

WpJobBoard Those of us born in the ‘90s are called the...

ed-feat
Study Inspiration: 50 Best Education WordPress Themes

50 Best Education WordPress Themes Higher education is a stepping stone...

technology-wordpress-themes
50 Innovative Technology WordPress Themes

Technology WordPress Themes Technology WordPress themes can help you to answer...

agriculture-Wordpress-themes
Top 30 Farming and Agriculture WordPress Themes

Agriculture WordPress Themes How to start your farming and agriculture business...