CSS and Site design for Blog site

Budget $300 - $500 USD
Bids 24
Average Bid $411
Status Closed

We are a custom home builder looking to add a blog to our new website. Our goal is to achieve an inviting, comfortable, and friendly design. This design will be for the blog only, separate from the theme of the website.

Our website is built using a custom CMS. The blog features have already been built, including summaries, posts, comments, archives, tag clouds, recent posts, etc. We are looking purely for a theme to add to the CMS to style the display of these features.


• Responsive web design.

o Must adapt for all screen sizes and devices.

o Must provide progressive enhancement features (css, web fonts, image optimization & retina displays)

• Encouraged to use a framework such as Foundation or Bootstrap but not required

• Must be HTML5 / CSS3 / Javascript based.

• Create a separate css file for modifying colors. We are in the process of updating our color scheme and we will need to adjust the theme accordingly.

• Include 2 pages

o Blog summary page – the home page of the blog containing the most recent posts.

o Blog post page – the view for a single blog post

• Theme Features – design needed for the following features of a blog

o Navigation - We will have 5 high-level categories to navigate between

o Navigation between older and newer posts (pager)

o Icons for facebook, twitter, google+, pinterest, and youtube

o Comments – display all below post

o Comments – form to post a new comment

o Search

o Archives

o Recent posts

o Tag cloud

Our favorite blog by far is from Ryan Homes. We would like to achieve a design similar to this but not a replica. [url removed, login to view]

We have created a markup of their blog indicating the particular features we like the most. [url removed, login to view]

A mockup of our thoughts on a design is attached. The overall page should give the visitor the impression that they are looking at a wall. The page should have a subtle background pattern or a very light color, not just white.

At the top we have a floating shelf. In this picture the view of the shelf angle is not the same as the desk – these should be the same in the final design. The logo and social media icons should appear to be sitting upon the shelf. You can use a placeholder logo for now. The social media icons should be included as part of the design.

In the middle we have a pin board used to display the blog post summaries. This will flow through to the individual post page as well. The individual post should appear to be pinned to the pin board as well, in full width.

The pin board frame here does not match the texture of the desk. In the design the frame and desk should have the same color and texture. The pin board will need to be flexible in height to accommodate the length of blog posts.

Here we have replicated the white containers from the Ryan Homes blog for the posts. This time they are varying in size, similar to Pinterest. The varying size is optional. Either style is fine.

At the bottom we have a desk to contain the footer. The goal is to give the impression of looking at a wall in a home office.

Get Free Quotes For A Project Like This

Looking to make some money?

  • Set your budget and the time frame
  • Outline your proposal
  • Get paid for your work

Bids on this Project

  • razerpkdeadly Profile Picture


    Karachi,  Pakistan

    A fresh computer science graduate. I am a junior web developer with 6 months experience in php, html and css. I also have expertise in web scraping and developing back end systems on bootstrap

  • preemptlessidea Profile Picture


    Kolkata,  India

    Hi I am Suman have good skill on Design and all type of HTML (HTML, XHTML, HTML5, 100% layout, Mobile design) and have 7years experience please check my design links.... http://www.completewebgraphics.com/ http://lovebar.pixelsmedia.co.in/ http://www.petitecokids-marketplace.com/ http://cupidxoxo.com/ http://advisorypilot.pixelsmedia.co.in/ http://redsky.tv/ http://doulstore.com/ http://macwood.co.za/ http://rollupsigns.com.au/ http://flag4u.com.au/ http://www.sweetlanecakes.com/ Please contact by mail: and skype: sumanm.adhikary

  • asrsoftware Profile Picture


    Kolkata,  India

    ASR-Software offers a wide range of solutions for all the key verticals and horizontals. Since a different end-to-end solutions provider, ASR-Software offers a array of expertise pointed at applying clients the competitive edge up the marketplace.

  • ssahilsl Profile Picture


    Jaipur,  India

    We are one of the best IT Outsourcing Solution providers agency for WebDesign, Mobile Responsive Design, Mobile Apps Development and Digital Marketing Services like SEO, SMO and adwords management on Freelancer.com. Our expertise includes PSD2HTML5, CORE PHP Application Development, Open Source CMS integration and Customization like WordPress,Magento, Drupal, Joomla etc.,PHP Frameworks, PHP5, HTML 5, and Search Engine Optimization, Social Media Marketing, Link Building, Adwords Management,Facebook advertising, many more. We are a team of Web designers, PHP Programmers and SEO experts 15+ members working under one roof and serving clients from USA, UK , AUS and Europe with our development centre in India for 7+ yrs.

  • guru004 Profile Picture


    Thane,  India

    I am Guru Chauhan from Mumbai. I am working on since 2006. I have 8+ years of experience in web design & development. I will be online on chat through the project :) Please talk to me about your project, to get best deal from my end. SERVICES INCLUDE ---------------------------------------------------------------------------- Domain Registration Website & Email Hosting Logo Design Graphic Design Responsive Web Design & Web Development Responsive Newsletter/Mailer Design & Development Responsive Landing Pages Responsive Bootstrap Websites PSD2HTML5 PSD2WordPress Responsive WordPress Website/blog Responsive eCommerce Website ++ Many more services, Lets talk about your project and you will be impressed.

  • infoashainfotech Profile Picture


    Kolkata,  United Kingdom

    We are a leading creative design and digital agency offering a bouquet of services in the areas of web design, web development, SEO & internet marketing and graphics design. We are a one-stop-shop for all your creative design and digital needs.

  • ktmfreelancer Profile Picture


    Bdr Sri Subang,  Malaysia

    Web developer and coder is how i would like to define myself. I am an expert in Wordpress and Custom CMS. I do specialize in PHP/CSS/HTML/Mysql PHP/Database/ Jquery / Ajax/ Codeigniter/ Bootstrap and UI/UX design. I do have a team to assist me and i am the lead developer having excellent communication skills and I give final touch to every work i deliver. I am a "Preferred Freelancer Badge Holder" too. My Specialization: - Design & Development of Corporate/ Static/ Dynamic/ Ecommerce/ Real Estate/ Photography/ Database/ Directory Websites. - PSD to Html Slicing, Unique Layout Designs, CSS Debugging and Cross Browsing Validation. - PSD to WordPress, WordPress Debugging, Customized Plugin Development & Custom WordPress Development. - Develop or Customize E-Commerce Website and Woo commerce integration. - Integrating Checkout like Paypal, Google Checkout or Custom Credit Card Processor. - Provide domain and hosting service too.

  • khanfarid Profile Picture


    Nagpur,  India

    I am a highly talented Android Developer looking forward to be hired by you. I have a strong technical knowledge and experience in the areas of Android, Appliance Installation and Arabic. In my career I have also worked as a ASP Developer and possess strong skills in this area as well as in ASP.NET. When given this opportunity I will be a great asset for your company. I look forward to being hired by you.

  • idreamstudio Profile Picture


    Preston,  Nepal

    We are a complete in-house Web Design and Development Agency headquartered in Preston, Lancashire. We blend functionality with form to design eye-catching, beautiful websites, with clear calls to action that fuse usability best practices with a balanced design philosophy.We specialize in,Website Design,Web Development ,Web Application Development and rapid execution of any project(s) ranging from small websites to complex Web Applications. Our premiere website designers have developed highly successful online business applications achieving the desired results for a wide range of clientele across UK. Our business has been built on recommendation and our clients tend to stay with us for a good number of years due to our exemplary developments, support and customer service. So we spend our time working closely with our clients to make a good impression where it really counts "Online" Whether you are building a complete brand from scratch or improving an existing design, iDreams UK Ltd is the right agency you would like to work with. iDreams UK Ltd has been involved in diverse types of design and development projects including content management, social networks and eCommerce implementations the interactive company you want on your side. The mixture of our highly talented, experienced and driven individuals would compliment your team and help you get your ideas off the ground and built in record time. Feature-rich, 100% professional WordPress sites featuring great web design. Our work is custom designed and come with an easy-to-use extensive Content Management System so that you can fully customize, control and manage your site from anywhere, and at anytime! Let our expert coders and web designers help you. Best wishes, Feroz iDreams UK Ltd. HEAD OFFICE : 428 Blackpool Road Preston,Lancashire PR2 2DX Tel : 01772286361

  • miniric3 Profile Picture


    Bay of islands,  New Zealand

    Kiaora, welcome to Mulvays.com!! We are a business solutions company who use teams from freelancer to complete our marketing and business sooluion software and websites.