/dna

Primary LanguageHTML

==================================================================================================

DESCRIPTION:

TRANSCEND is a clean and modern HTML template for agencies, studios or any creative profession. 
It features a creative and clean design with an emphasis on typography, white space and attention 
to detail. Transcend is fully responsive and retina-ready. Other features of the template are 
animating stats section, stylish portfolio section, built-in Mailchimp integration and much more. 
It is built with clean and organized code making it very easy to customize.

==================================================================================================


USING THE MAILCHIMP FORM:

To use the mailchimp form you need a mailchimp url. To get the mailchimp url, login to 
your mailchimp account, click the list menu, click the stats download menu and select signup forms. 
Then choose embedded forms and select naked form. In the generated form code get the value of 
the form ACTION attribute and use it as your mailchimp url. Open the main.js file located
in the template's "js" folder and look for this line of code: 

var cfg = {
    scrollDuration : 800, // smoothscroll duration
    mailChimpURL   : 'https://facebook.us8.list-manage.com/subscribe/post?u=cdb7b577e41181934ed6a6a44&id=e6957d85dc'   // mailchimp url
},

Replace the value of mailChimpURL with your mailchimp url.


SOURCES AND CREDITS:

I've used the following resources as listed.

Fonts:
 - Metropolis Font (https://www.fontsquirrel.com/fonts/metropolis)
 - Domine Font (https://fonts.google.com/specimen/Domine)

Icons:
 - Font Awesome (https://fontawesome.com/)
 - Micons Free Icons (https://themeui.net/micons-231-icons/)
 - Webfont generated by ICOMOON (https://icomoon.io/)

Stock Photos and Graphics:
 - Unsplash.com (https://unsplash.com/)
 
Javascript Files:

 - JQuery (http://jquery.com/)
 - Modernizr (http://modernizr.com/)
 - Waypoints (http://imakewebthings.com/jquery-waypoints/)
 - jQuery Placeholder (https://github.com/mathiasbynens/jquery-placeholder)
 - pace js (http://github.hubspot.com/pace/)
 - Masonry (http://masonry.desandro.com/)
 - Imagesloaded (https://imagesloaded.desandro.com/)
 - Parallax.js (http://pixelcog.github.io/parallax.js/)
 - Slick Slider (http://kenwheeler.github.io/slick/)
 - Photoswipe (http://photoswipe.com/)
 - Animate On Scroll (https://michalsnik.github.io/aos/)
 - AjaxChimp (https://github.com/scdoshi/jquery-ajaxchimp)


-------------------------------------------------------------------------------------------------------