Cotton - Responsive HTML Single Page

Live Preview

digitalcookers™ proudly present their first theme coming out of the oven: One Page: Pure, Clean & Tasty Magic.

It’s a minimal, elegant, professional, flat designed, HTML5 / CSS3 single page template, fully adaptable to all major mobile devices. Designed for creatives, digital agencies, photography, illustration or other type of business to present themselves and their work.

Cooked with love to fullfil your demanding & refined taste. Enjoy.

P.S. If you like it, please don't forget to comment, recommend and follow our shop! We'll truly appreciate it!


• Mobile-First Design Aproach
• Pixel-Perfect Clean Flat Design with 6 scrollTo Sections: team, services, studio, portfolio, social & contact
• Fully Responsive layout
• Valid HTML5/CSS3
• Allways-on-top Navigation
• Swiper by iDangerous: Touch Enabled Slider
• Sortable & Filtered Portfolio Section powred by MixItUp plugin.
• Dedicated work page with Ajax loading. Show not only a larger preview of your work, but a well documented description of it with any type of media that you like.
• Instagram & Flickr Feed
• Fully working PHP Contact Form with AJAX validation
• HTML Documentation

------------ CREDITS ------------

Without the help of some awesome plugins and cool icons this template would not be done. Thanks to all the creative people out there that somehow helped us build this template.

• Merriweather and Cabin typefaces from Google Web Fonts

• With the exception for the illustration work “animals” made by Artcore and Head photo by Catarina Parente, all images, photos, videos & works are personal or academic projects built by digitalcookers™.

• Video Camera designed by Lemon Liu from The Noun Project
• Computer from The Noun Project
• Arrows and Branding Icon by Themeforest author Brankic1979

• jQuery by The jQuery Foundation
• jQuery Easing 1.3 by George McGinley Smith
• Swipper© by idangerous
• MixItUp by Patrick Kunka from Barrel™ NY Studio
• Flickr Feed by Joel Sutherland
• jQuery Spectagram Instagram Feed by Adrian Quevedo
• Foundation by Zurb

• Last but not least, our huge thanks to Samuel L. Ipsum for their awesome lorem ipsum text generator.

Read Full Description


You must be signed in to post a comment.
  1. Rich Moore
    • Purchased

    Is there any kind of CMS attached to this or do I have to set everything up manually?

  2. Aurora
    • Purchased

    Hi, I just purchased your template. Do you know whether or not the swiper supports video? Thank you.

  3. Todd Cohen
    • Purchased

    I was trying to download your cotton theme from wrapbootstrap, but was having an issue with paypal so I decided to buy it here on Creative Market. After downloading the file, I was disappointed to find out that the social feeds section is not working properly. Twitter is not working and only the Instagram Icon displays? Is there a newer version of the template that I should be downloading?

  4. Heather Oesterling
    • Purchased

    Cotton template:

    Im having issues getting the work-1.html as well as all the other work pages to properly link to the main index file, help?

    also the templates for the work-1.html, the preview displays a responsive design and the files provided do not adjust.

  5. jason mikhael

    Hi there - I am very new to HTML (didn't know what /div meant 3 months ago) and now have ended up to alter Cotton Template to make this ( Id like to say thanks for such a good tool with heaps of explanations and where things are etc. :)

    I am having issues with the the contact bar section. 1- i want to change the 'Email' field in the form to 'number' but it still only recognises emails in that field ( for example) so a number generates an error.

    2- how can i add more fields there, i.e Post codes, address, which are NOT required fields?

    thank you heaps :)

  6. jorgeluis aguilar

    hello, please I would like to buy the web but I have no knowledge of how to do it, I'm from Lima - Peru need more details please write to jorge.luis.aguilar.castro @, thank you very much.

  7. Nic
    • Purchased

    Hey @Digital Cookers Great theme you've setup with clear code and documentation. Quick question:

    On a project page, should the main header image for each project be centered? I notice on a larger screen it remains left aligned (with black area to the right of image) when smaller than the browser size. I understand there are a couple ways to handle this in the CSS, but curious what you guys recommend if I want this header content to be center rather than left aligned and still work properly with other media. Thanks!


Showing 1 - 10 of 91