| <!doctype html> |
| <!--[if IE 6 ]><html lang="en-us" class="ie6"> <![endif]--> |
| <!--[if IE 7 ]><html lang="en-us" class="ie7"> <![endif]--> |
| <!--[if IE 8 ]><html lang="en-us" class="ie8"> <![endif]--> |
| <!--[if (gt IE 7)|!(IE)]><!--> |
| <!--made with the documenter v2.0 / "http://rxa.li/documenter" --> |
| <html lang="en-us"><!--<![endif]--> |
| <head> |
| <meta charset="utf-8"> |
| |
| <title>OHMY! | HTML5 Bootstrap Website Template - Documentation by “LITTLE NEKO“</title> |
| |
| <meta name="description" content=""> |
| <meta name="author" content="LITTLE NEKO"> |
| <meta name="copyright" content="LITTLE NEKO"> |
| <meta name="generator" content="Documenter v2.0 http://rxa.li/documenter"> |
| <meta name="date" content="2013-07-04T00:00:00+02:00"> |
| |
| <link rel="stylesheet" href="assets/css/documenter_style.css" media="all"> |
| <link rel="stylesheet" href="assets/js/google-code-prettify/prettify.css" media="screen"> |
| <script src="assets/js/google-code-prettify/prettify.js"></script> |
| |
| |
| <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> |
| |
| <script src="assets/js/jquery.js"></script> |
| |
| <script src="assets/js/jquery.scrollTo.js"></script> |
| <script src="assets/js/jquery.easing.js"></script> |
| |
| <script>document.createElement('section');var duration='500',easing='swing';</script> |
| <script src="assets/js/script.js"></script> |
| |
| <style> |
| html{background-color:#fff;color:#383838;} |
| ::-moz-selection{background:#444444;color:#DDDDDD;} |
| ::selection{background:#444444;color:#DDDDDD;} |
| #documenter_sidebar #documenter_logo{background-image:url(assets/images/image_1.png);} |
| a{color:#FF9538;} |
| .btn { |
| border-radius:3px; |
| } |
| .btn-primary { |
| background-image: -moz-linear-gradient(top, #0088CC, #0044CC); |
| background-image: -ms-linear-gradient(top, #0088CC, #0044CC); |
| background-image: -webkit-gradient(linear, 0 0, 0 0088CC%, from(#111111), to(#0044CC)); |
| background-image: -webkit-linear-gradient(top, #0088CC, #0044CC); |
| background-image: -o-linear-gradient(top, #0088CC, #0044CC); |
| background-image: linear-gradient(top, #0088CC, #0044CC); |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088CC', endColorstr='#0044CC', GradientType=0); |
| border-color: #0044CC #0044CC #bfbfbf; |
| color:#FFFFFF; |
| } |
| .btn-primary:hover, |
| .btn-primary:active, |
| .btn-primary.active, |
| .btn-primary.disabled, |
| .btn-primary[disabled] { |
| border-color: #0088CC #0088CC #bfbfbf; |
| background-color: #0044CC; |
| } |
| hr{border-bottom:1px solid #FFFFFF;} |
| #documenter_sidebar, #documenter_sidebar ul a{background-color:#111111;color:#222222;} |
| |
| #documenter_sidebar ul{border-top:1px solid #333;} |
| #documenter_sidebar ul a{border-bottom:1px solid #333;color:#777;} |
| #documenter_sidebar ul a:hover{background:#444444;color:#DDDDDD;} |
| #documenter_sidebar ul a.current{background:#444444;color:#DDDDDD;border-top:1px solid #444444;} |
| #documenter_copyright{display:block !important;visibility:visible !important;} |
| </style> |
| |
| </head> |
| <body class="documenter-project-altea-parallax-one-page-html5-template"> |
| <div id="documenter_sidebar"> |
| <a href="#documenter_cover" id="documenter_logo"></a> |
| <ul id="documenter_nav"> |
| <li><a class="current" href="#documenter_cover">Start</a></li> |
| |
| <li><a href="#installing_the_template" title="Installing the Template">Installing the Template</a></li> |
| <li><a href="#html_structure" title="HTML Structure">HTML Structure</a></li> |
| <li><a href="#css_files_and_structure" title="CSS Files and Structure">CSS Files and Structure</a></li> |
| <li><a href="#jquery_plugins" title="Jquery plugins">Jquery plugins</a></li> |
| <li><a href="#twitter" title="Twitter Timeline">Twitter Timeline</a></li> |
| <li><a href="#shortcodes" title="Shortcodes">Shortcodes</a></li> |
| <li><a href="#credits" title="Credits">Credits</a></li> |
| |
| </ul> |
| <div id="documenter_copyright">Copyright LITTLE NEKO 2013<br> |
| |
| </div> |
| </div> |
| <div id="documenter_content"> |
| <section id="documenter_cover"> |
| <h1>OHMY! | HTML5 Bootstrap Website Template</h1> |
| <p><strong>Documentation by “LITTLE NEKO“</strong></p> |
| <div id="documenter_buttons"> |
| |
| </div> |
| <hr> |
| <ul> |
| <li>created:11/07/2013</li> |
| <li>latest update: 11/07/2013</li> |
| <li>by: LITTLE NEKO</li> |
| <li><a href=""></a></li> |
| <li>email: <a href="mailto:little@little-neko.com">little@little-neko.com</a></li> |
| </ul> |
| <p>Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please contact us via our <a href="http://support.little-neko.com/">support forum</a>. Thanks so much!</p> |
| </section> |
| |
| <section id="installing_the_template"> |
| <div class="page-header"><h2>Installing the Template</h2></div> |
| <p> |
| You can view this template in any web browser from your desktop computer. Because the files are written in HTML, you do not need an internet connection in order to display or edit the template.</p> |
| <h3> |
| Setting the base color scheme</h3> |
| <ol> |
| <li> |
| Locate css folder, you have all the colors in there</li> |
| <li> |
| Choose your color</li> |
| <li> |
| Open the file, copy the content</li> |
| <li> |
| Open “colors.css”, replace content with the content of your color file</li> |
| <li> |
| Finally, open "custom.js" and erase the lines at the top (see comments in file), to remove the color switcher script</li> |
| </ol> |
| <h3> |
| Getting the Template Online</h3> |
| <ol> |
| <li> |
| It's important to understand that you must either have your own server space or use someone elses. The server space can be purchased at many different places around the internet. You need somewhere to put the files that you purchased so others can find them online.</li> |
| <li> |
| The template folder will have several files with the extension labeled .html. This is where all your content will. It's very important to keep the css and js-plugin folders with the HTML or the HTML will not look how the design is meant to look. Along with the HTML files, you will also have four additional folders to upload: css, font-icons, bootstrap, js-plugin, images, and js.</li> |
| <li> |
| Start your FTP client (We personally use <a href="http://filezilla-project.org/">Filezila</a> which is free) and login. Login to your server. You will need your server name (often times this will be your domain name), username, and password that you setup with the hosting company.</li> |
| <li> |
| Locate the domain folder you wish to upload your template files to on your server. You are going to want to click and drag every file into your FTP client.</li> |
| <li> |
| Once the files are done uploading, rename the file you want to be your home page as 'index.html'.</li> |
| </ol> |
| </section> |
| <section id="html_structure"> |
| <div class="page-header"><h2>HTML Structure</h2></div> |
| <p> |
| This theme has a responsive layout with a variation of column layouts depending on the page. This theme uses the TWITTER BOOTSTRAP (12 columns) which will help streamline any customization you wish to make. If you're unfamiliar with the Bootstrap system, be sure to read about it <a href="http://twitter.github.com/bootstrap/">here</a>.</p> |
| |
| <p> |
| The main structure of this site is wrapped in a '.container' div and a '.row' div. Inside of that div you will find each major section of the site given an appropriate column size all equalling 12 columns in length. For example, if you want a two columns layout width the same width you would create two div's 'span6' . The total columns equals 12.</p> |
| <p> |
| You can also easily include columns layout within a Bootstrap column by using one of the following css class (all sizes of these classes are expressed in % to always fill up the right space of any container)</p> |
| <ol> |
| <li> |
| one_half</li> |
| <li> |
| one_third</li> |
| <li> |
| two_thirds</li> |
| <li> |
| three_fourths</li> |
| <li> |
| one_fourth</li> |
| <li> |
| one_fifth,</li> |
| <li> |
| two_fifth</li> |
| <li> |
| three_fifth</li> |
| <li> |
| four_fifth</li> |
| <li> |
| one_sixth</li> |
| <li> |
| five_sixth</li> |
| </ol> |
| <p> |
| If you would like to edit the colors of any elements in one of these columns, you would do the following in color.css :</p> |
| <pre class="prettyprint lang-prettyprint lang-css linenums linenums"> |
| #mainLogo { |
| color: #someColor; |
| } </pre> |
| <p> |
| If you find that your new style is not overriding, it is most likely because of a specificity problem. Scroll down in your CSS file and make sure that there isn't a similar style that has more weight.</p> |
| <p> |
| I.E.</p> |
| <pre class="prettyprint lang-prettyprint lang-css linenums linenums"> |
| header #mainLogo { |
| color: #someColor; |
| }</pre> |
| <p> |
| So, to ensure that your new styles are applied, make sure that they carry enough "weight" and that there isn't a style lower in the CSS file that is being applied after yours.</p> |
| </section> |
| <section id="css_files_and_structure"> |
| <div class="page-header"><h2>CSS Files and Structure</h2></div> |
| <p> |
| We are using a set of two main CSS files (layout.css and color.css) in this theme which you are free to modify depending on the customization you require. There are also one additional style sheet that we do not recommend changing. Those style sheets reside in the 'CSS' folder. The style sheets are:</p> |
| <p> |
| </p> |
| <ul> |
| <li> |
| <strong>color.css</strong> - The color scheme stylesheet you are encouraged to modify.</li> |
| <li> |
| <strong>layout.css</strong> - The main stylesheet.</li> |
| <li> |
| <strong>bootstrap.min.css</strong> - This style sheet is required for the Bootstrap grid system. Read more about this system <a href="http://twitter.github.com/bootstrap/">here</a>.</li> |
| </ul> |
| <p> |
| The main CSS file contains all of the specific stylings for the page. |
| <p> |
| The color.css file contains all colors and styles for the color scheme you choosed. This file is also where you would make any changes to the main look of the theme since it overrides all css rules found in layout.css.</p> |
| <p> |
| If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.</p> |
| </section> |
| <section id="jquery_plugins"> |
| <div class="page-header"><h2>Jquery plugins</h2></div> |
| <p> |
| This template uses several javascript files, all of them are placed a folder called "js-plugin" and on googleapis servers. All javascript files are called in the bottom of the page to speed up the loading time. The custom.js file, which is located in the js folder, is where we have placed all plugin calls and custom functions such as flexslider "captions" custom animations.</p> |
| <p> |
| </p> |
| <pre class="prettyprint lang-prettyprint lang-javascript linenums linenums"> |
| <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">... |
| <script src="//maps.google.com/maps/api/js?sensor=false">... |
| <script src="js-plugin/respond/respond.min.js">... |
| <script src="js-plugin/jquery-ui/jquery-ui-1.8.23.custom.min.js">... |
| <script src="js-plugin/isotope/jquery.isotope.min.js">... |
| <script src="js-plugin/easing/jquery.easing.1.3.js">... |
| <script src="js-plugin/pretty-photo/js/jquery.prettyPhoto.js">... |
| <script src="js-plugin/flexslider/jquery.flexslider.js">... |
| <script src="js-plugin/jquery-validation/jquery.validate.js">... |
| <script src="js/custom.js">...</pre> |
| <p> |
| Here is a complete list of all plugins we've used to create the OHMY! Template. All plugins are called in the custom.js file in the js folder</p> |
| <h4 id="jquery_plugins_flexslider">FlexSlider</h4> |
| <p> |
| The documentation for this plugin can be found <a href="http://www.woothemes.com/flexslider/">here</a> The only specifics about this slider is that all caption animations are placed in the custom.js file in a function called "animateTxt" which takes two parameters (curSlide: the current slide the slider is on, state: the state of the animation). You can customize this function to fit your needs. To change the way the slider looks like, you would go in the js-plugin folder and look for the flexslider/themes folder.</p> |
| |
| |
| <h4>Slider Revolution Responsive jQuery Plugin</h4> |
| <p> Turn simple HTML markup into a responsive(mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimization (all content always readable for search engines). See the heaps of custom transitions/animations for each object on the page! Customize this slider with just a little HTML and CSS to your very needs. The documentation can be found <a target="blank" href="assets/doc-external-plugins/RS-slider/documentation.html">here</a>. </p> |
| |
| <h4>Camera</h4> |
| <p> |
| The documentation for this plugin can be found <a href="http://www.pixedelic.com/plugins/camera/">here</a>. |
| Camera slideshow is an open source project, based on Diapo slideshow . |
| </p> |
| <h4>Sequence</h4> |
| <p> |
| The documentation for this slider plugin can be found <a href="http://www.sequencejs.com/developers/documentation/">here</a>. |
| |
| </p> |
| <h4 id="jquery_plugins_isotope">Isotope</h4> |
| <p> |
| This plugin is used to layout the portfolio section and animate each columns depending on the filter the user select. The documentation can be found <a href="http://isotope.metafizzy.co/">here</a>.</p> |
| <h4 id="jquery_plugins_easing">Easing</h4> |
| <p> |
| This plugin is used to add easing methods for jquery animation such as Bounce or Elastic animations. The documentation can be found <a href="http://gsgd.co.uk/sandbox/jquery/easing/">here</a>.</p> |
| <h4 id="jquery_plugins_pretty_photo">Pretty photo</h4> |
| <p> |
| PrettyPhoto is a jQuery responsive lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax. It’s a full blown media lightbox. The documentation can be found <a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/">here</a>.</p> |
| |
| <h4>AJAX Contact Form</h4> |
| <p> This jQuery based AJAX Contact Form; Extended allows you to easily place a self-contained Contact Form on any HTML or PHP page of your existing website. . The documentation can be found <a href="assets/doc-external-plugins/readme.txt">here</a>. </p> |
| |
| <h4 id="jquery_plugins_custom_light_weight_jquery_ui">Custom light-weight Jquery-ui</h4> |
| <p> |
| We have also included a light-weight version of jquery-ui. jQuery UI provides abstractions for low-level interaction and animation, advanced effects and high-level, themeable widgets, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications. The documentation can be found <a href="http://jqueryui.com/">here</a>.</p> |
| |
| <h4 id="jquery_plugins_sharre_plugin">Sharre plugin</h4> |
| <p> |
| Sharrre is a jQuery plugin that allows you to create nice widgets sharing for Facebook, Twitter, Google Plus (with PHP script) and more... See documentation <a href="http://sharrre.com/#documentation">here</a></p> |
| |
| <h4>Google map</h4> |
| <p>Google map will let you easily include a dynamic map for your contact page.</p> |
| <h5>Setting your address</h5> |
| <p> |
| The initializer code is in custom.js. Locate “function initialize( id )” (line 1002), then replace: |
| var 'locations' with your location informations. The map is multipoint ready. Each point is defined with several informations |
| The name, the address, the GPS coordonate (latitude and longitude). To declare a new point just add a line as such :<br/><br/> |
| ['Name of the point (mandatory)', 'adress of the point (mandatory)', latitude (optional), longitude (optional)],<br/><br/> |
| You can add as many points as you like the map will modify its center and zoom level to make all your points visible on the map automatically. |
| If you don't fill in the latitude and the longitude of your point the script will use the geocode utilities provided by google map to place the overlay based on the address you entered.If you set latitude and longitude the point will be place accordingly to the coordonate you entered. You can also change the tital of the overlay (which appears when you leave your mouse cursor on an overlay without clicking). To do so just change the value of var overlayTitle on line 1006 of custom.js. |
| </p> |
| |
| <h5>Replace the default icon with your own</h5> |
| <p>The initializer code is in custom.js. Locate “function initialize( id )” (line 1002), then replace:</p> |
| <pre class="prettyprint lang-javascript linenums"> |
| var image = 'images/your-image.png';</pre> |
| Replace "you-image.png" with the name of the image you want to appear on the map. If you leave it blank the default overlay image will be used.<br/><br/> |
| |
| <h4>Google Analytics</h4> |
| <p>We include the Google Analytics code in every footer of the template. You need to create a google account to use it. Once you are done, open "custom.js" and locate "var UA" at the top of the file, and put your UA there. If you dont want to use Google Analytics, just remove the code at the bottom of the pages : |
| <pre class="prettyprint lang-javascript linenums"> |
| <script type="text/javascript"> |
| var _gaq = _gaq || []; |
| _gaq.push(['_setAccount', UA]); |
| _gaq.push(['_trackPageview']); |
| (function() { |
| var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; |
| ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www')<br>+ '.google-analytics.com/ga.js'; |
| var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); |
| })(); |
| </script> |
| </pre> |
| |
| </section> |
| |
| |
| |
| |
| <section id="twitter"> |
| <div class="page-header"><h2>Twitter timeline</h2></div> |
| <p>Twitter's decision to discontinue their unauthenticated v1.0 API means that javascripts widgets will stop working at some time in 2013 -- Twitter wants your only option for on-page widgets to be their own Embedded Timelines and follow their display requirements (<a href="https://dev.twitter.com/terms/display-requirements"> https://dev.twitter.com/terms/display-requirements</a> ) . That is why we decided to not include Twitter JS widget in our templates, knowing that it will break sooner or later and not follow the twitter guidelines.You may find alternatives (most using a php script) to display the tweets in a different way, breaking the Twitter rules, but we rather provide a safe solution for our buyers.</p> |
| <h4>How to set up your twitter timeline?</h4> |
| <p> |
| We included our own Twitter timeline in this template</p> |
| <p> |
| To create a timeline you must be signed in to twitter.com and visit the widgets section of your settings page. From this page you can see a list of the timelines you've configured and create new timelines. Click the “Create new” button to build a new timeline for your website, choose the type, and complete the fields in the form; most fields are optional. The configuration is stored on our server, so once you've saved the timeline a small piece of JavaScript is generated to paste into your page, which will load the timeline. Here's an example embed code:</p> |
| |
| <pre class="prettyprint lang-javascript linenums"><a class="twitter-timeline" width="300" height="500" href="https://twitter.com/twitterapi" data-widget-id="YOUR-WIDGET-ID-HERE">Tweets by @twitterapi</a><br><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></pre> |
| <p>In order to allow w3C validation of the page, the code provided by Twitter must be modified. Attributes height and width has to be passed in the url (see template pages). |
| <p> |
| Twitter embed timeline comes with a set of option to customize the look and feel. See online documentation for more info about them. <a href="https://dev.twitter.com/docs/embedded-timelines">https://dev.twitter.com/docs/embedded-timelines</a></p> |
| </section> |
| |
| |
| <section id="shortcodes"> |
| <div class="page-header"><h2>Shortcodes</h2></div> |
| <p>We have included all bootstrap shortcodes, classes and javascript plugins so that you can easly customize your theme. You can find a complete explanation of how it works <a href="http://twitter.github.com/bootstrap" >here</a></p> |
| <h4>Buttons</h4> |
| <p>On top of bootstrap custom buttons we have included a special set of 3d buttons that are easy tu use here is an example</p> |
| <pre class="prettyprint lang-javascript linenums"> |
| <a href="#" class="btn btn-3d btn-3d-small">Small button</a> |
| <a href="#" class="btn btn-3d">Normal button</a> |
| <a href="#" class="btn btn-3d btn-3d-medium">Medium button</a> |
| <a href="#" class="btn btn-3d btn-3d-large">Large button</a></pre> |
| <p>Notice how easy it is. first you add the btn class and the btn-3d class to declare a 3D button. then you add a sizing class knowing that no sizing class will output a regular button. Your sizing classes are btn-3d-small, btn-3d-medium or btn-3d-large</p> |
| <p>You can also use any bootstrap buttons and special bootstrap action buttons a described <a href="http://twitter.github.com/bootstrap/base-css.html#buttons">here</a></p> |
| <br> |
| <h4>Icons fonts</h4> |
| <p>We have included Icon fonts so that your icon will always look great no matter which screen they are displayed on. We have included a custom icon font pack. Here is a example on how to use these icons fonts</p> |
| <pre class="prettyprint lang-javascript linenums"><i class="icon-left-circle"></i></pre> |
| <p>Just change the class name to switch the icon inside you html element. <a href="../../font-icons/custom-icons/demo.html">Here</a> is a link showing the complete custom pack included with your theme.</p> |
| <p>You can extend the icons with the Fontello library. To add more icons to the set: |
| <ol> |
| <li>Go to <a href="http://fontello.com/">http://fontello.com/</a></li> |
| <li>Click on the settings and choose "import config.json"</li> |
| <li>Import the file from font-icons/custom-icons. This will highlight the icons of the set</li> |
| <li>Choose the icons you want, download, unzip and replace the files</li> |
| </ol> |
| </p> |
| <h4>Boxes</h4> |
| <p>You can easily add special boxes with a picture (or any type of media such as video, flash...) a title and a text </p> |
| <pre class="prettyprint lang-javascript linenums"> |
| <article class="span4"> |
| <div class="boxWrapper"> |
| <header class="imgWrapper"><img src="images/team/pic4.jpg" alt=""></header> |
| <h2>NEVER SEEN THAT GUY<span>before</span></h2> |
| <div class="boxTextWrapper"> |
| <p>Lorem ipsum dolor sit amet, consectetur. Sed tincidunt, orci sit... </p> |
| </div> |
| </div> |
| </article></pre> |
| <br> |
| <h4>Rounded Images</h4> |
| <p>Add rounded images to your template in no time.</p> |
| <pre class="prettyprint lang-javascript linenums"> |
| <div class="imgRounded"> |
| <img src="images/team/pic4.jpg" alt=""> |
| </div></pre> |
| <br> |
| <h4>Rounded Icons</h4> |
| <p>You can add rounded icons with any of your icons in your icon pack. There is also four different sizes to fit any situation (listes, big focus blocks or simple up and down nav...)</p> |
| <p>Big rounded icons with fade in link content</p> |
| <pre class="prettyprint lang-javascript linenums"> |
| <a href="" class="iconWrapper iconBig ch-item"> |
| <i class="icon-heart"></i> |
| <div class="ch-info"> |
| <span> Read more </span> |
| </div> |
| </a> </pre> |
| <p>Big rounded icons no fade in content</p> |
| <pre class="prettyprint lang-javascript linenums"> |
| <a href="" class="iconWrapper iconBig"> |
| <i class="icon-heart"></i> |
| </a> </pre> |
| <p>Just change the class iconBig to nothing, 'iconSmall' or 'iconMini' to change the size of the rounded icon</p> |
| <p>normal rounded icons</p> |
| <pre class="prettyprint lang-javascript linenums"> |
| <a href="" class="iconWrapper"> |
| <i class="icon-heart"></i> |
| </a> </pre> |
| <p>small rounded icons</p> |
| <pre class="prettyprint lang-javascript linenums"> |
| <a href="" class="iconWrapper iconSmall"> |
| <i class="icon-heart"></i> |
| </a> </pre> |
| <p>mini rounded icons</p> |
| <pre class="prettyprint lang-javascript linenums"> |
| <div class="iconWrapper iconMini"> |
| <i class="icon-heart"></i> |
| </div> </pre> |
| <p>Notice how your rounbded icon can be any type (blocks or inline) of html tag like div, a, span... It will always work</p> |
| </section> |
| <section id="credits"> |
| <div class="page-header"><h2>Credits</h2></div> |
| <p> |
| Demo images (NOT included in the package) <a href="http://www.shutterstock.com/">http://www.shutterstock.com/</a></p> |
| <hr> |
| <p> |
| Once again, thank you so much for purchasing this template. As we said at the beginning, we'd be glad to help you if you have any questions relating to this template. Please contact us via our <a href="http://support.little-neko.com/">support forum</a>. We'll do our best to assist you!</p> |
| </section> |
| |
| </div> |
| </body> |
| </html> |
