THEthing – One Page HTML Creative Template

THEthing is an awesome responsive one page HTML template, suitable for corporate, agencies, freelancers or other types of business. It has been optimized for mobiles and desktops.

THEthing includes 3 navigation styles, 3 types of landing pages, 3 portfolio thumbnails styles, 2 html Google maps styles, 6 colors styles. Font Awesome icons are incorporated.

If you find a one page to be too long a dropdown tab navigation has been incorporated for any section that needs to be split.

THEthing – options:

Features:

  • THEthing is responsive, it looks good in any type of device.
  • THEthing has 3 types of navigation options.
  • THEthing includes a navigation at the top, this feature can include the social icons or not.
  • THEthing navigation can be easily switch to navigation on the left of the screen.
  • Content can be easily split and linked through the dropdown navigation.
  • Four CSS3 shapes can be used in the slider landing screen.
  • Slider option on landing screen for multiple slides.
  • Portfolio options include three types of thumbnails, and ajax calls for posts to be displayed in the screen.
  • HTML for pricing, charts, progressbars, tabs and accordions, two types of social icons.
  • Blog uses ajax call to incorporate posts in the page.
  • Contact section contains two options for google maps.
  • 22 html files are included :
    404.html not found page

    about.html html section about can be found here

    author.html list of the posts of an especific author

    category.html list of the posts of an especific category

    contact1.html html section contact first type can be found here

    contact2.html html section contact second type can be found here

    features.html html features of the template

    index.html

    index-leftnav.html example of navigation on the left side of the screen

    index-nobglogo.html example of logo without navigation

    index-nosubnav.html example of navigation without social icons

    index-video.html youtube video in the main banner

    page.html html page to be used for any purpose

    portfolio.html html section portfolio with vertical flip thumbnails

    portfolio2.html html section portfolio with horizontal flip thumbnails

    portfolio3.html html section portfolio with hover thumbnail effect

    post.html blog post example

    posts.html list of posts

    project.html portfolio example with a picture

    project-slider.html portfolio example with a slider gallery
    project-video.html portfolio example with a video

    project-video-slider.html portfolio example with a youtube and a vimeo videos in a slider gallery

Resources:

jQuery JavaScript Library by John Resig http://jquery.com/
Bootstrap 3 – http://getbootstrap.com/
FitVids by Chris Coyier and Dave Rupert http://fitvidsjs.com/
HTML5 Librarys by Modernizr http://modernizr.com/
Slideshow http://www.woothemes.com/flexslider/
Icon fonts by Font-Awesome http://fontawesome.io/
Isotope http://isotope.metafizzy.co/
Inview https://github.com/protonet/jquery.inview

Images:

Images from Tallkev, Kevin Roodhorst and Martin Grohs

Other images are bought from Fotolia and unsplash

None of the images are included in the template, they are just used for demonstration purpose.

Leave a Reply