THEthing - One Page HTML Creative Template

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.