≡
  • Home
    • About Us
    • Site Map
  • Resources
    • Resources for Website Design
    • HTML Document Structure
    • Genealogy Web Site Design
      • Planning a genealogy website?
      • Organize your genealogy website
      • Creating a New Website
      • Customizing Your Website
      • Publishing your Genealogy Website
      • Maintaining Your Genealogy Website
    • Publishing With FTP
    • RootsWeb WorldConnect Project
    • Validation Tools
    • Browser Web Developer Toolbar
    • Website Design and Search Engines
    • Saving and Using a Complete Web Page from the Internet
  • Articles
    • Snagit and Genealogy
    • Top 10 Genealogy Mistakes to Avoid
    • Quick Tips for Beginner and Amateur Web Designers
    • Tennessee Family Bible Records
  • Tutorials
    • Tutorials & Articles
    • Add Search Box
    • Converting a Theme Based Site to DWT
    • Converting a Table Based Layout
    • Create custom Error Pages
    • Create 301 Redirects
    • Creating a New Website
    • Creating a FrontPage Web
    • Create a Gradient Image
    • Creating Layered Backgrounds
    • Creating A Navigation Menu
    • Creating Website Navigation
    • Heading Tags - <h1> to <h6> tags
    • Server Side Includes
    • www versus non www
    • Using Bordered Backgrounds
  • Templates
    • Fixed Width Templates
    • Mobile Friendly Templates
    • Liquid Layout Templates
    • Christmas CSS Layout Templates
    • Instructions for Using Templates
  • Contact

Mobile Friendly Templates

Each of the mobile friendly templates included in this series is based on one of the layouts offered by our sister site Migrating from FrontPage to Expression Web. These templates are designed for more advanced users and use media queries as well as some CSS3 styling (rounded corners and box shadows). You need to be comfortable/knowledgeable in working with both XHTML code as well as CSS style rules.

Each of the templates on this page pass the Google Mobile-Friendly Test.

Working with the templates

The html pages are heavily commented to help you in knowing where the various sections begin and end. The external style sheet is also heavily commented so you can easily tell what the various style rules control. There is an extensive Help page on Working with the Site Templates.

Template Gallery


Our Family Rose Template
Equal height columns - mobile friendly
Added June 2020
Download Our Family Rose Template

Brown Foil Template.
Brown Foil Template
equal height columns - mobile friendly
Updated May 2015
Download Brown Foil Template

April Daisies Mobile Friendly Template.
April Daisies Template
equal height columns - mobile friendly
Updated May 2015

Download April Daisies Template

Our Family blue mobile-friendly Template.
Our Family Blue Template
Equal height columns - mobile friendly
Added June 2015
Download Our Family BlueTemplate

Screenshot Roots and Branches Template.
Roots and Branches Template
Equal height columns - mobile friendly
Added September  2020
Download Roots and Branches Template.

Planning a Genealogy Website 2nd Edition is available as a 42 page EBook in pdf format for you to download. It has been totally revised and updated with new content. The EBook is zipped for faster download. Save it to your desktop, extract the file and it is ready to use.

Microsoft MVP.
April 2007 - April 2013


Disclosure: This is an affiliate link, which means that if you visit Bluehost.com through this link and purchase this product, I’ll get a commission.

Domain Registrations starting at $9.98*

Microsoft® and FrontPage® and Expression Web® are registered trademarks of Microsoft® Corporation.

Genealogy Computer Tips | Expression Web Tutorials & Templates