hey-kids.3-singlepage is a singlepages website template for children activity-related purposes. The main purpose of this template be use as educational or non-educational activity, but it can always be flexible and this template try to accomodate that. Built using Twitter's Bootstrap3 framework technology and use flexibility in file structure that makes website modification easy and time saving.
Check out the Full version of Hey-Kids Responsive website
The template files of hey-kids.3-singlepage are simple and use the same principle for each pages. hey-kids.3-singlepage use .html file as independent element. The .html file is a general element such as header.html, footer.html, menu.html etc. In .php file those files merged to make a single page file. All of the template files are stored in assets folder.
Once downloaded, unzip the compressed folder to see the structure of (the compiled) Promo. You'll see something like this
There are 26 JQuery scripts and 2 json files hey-kids.3-singlepage. THey are are available in : hey-kids.3-singlepage/assets/js. Most of them are default by Bootstrap so it is better to leave them alone :-). Other than that is addition to make hey-kids.3-singlepage look cool. That JQuery are :
JQuery by default
bootstrap.min.js : default by bootstrap
ie-emulation-modes-warning.js : default by bootstrap
ie10-viewport-bug-workaround.js : default by bootstrap
jquery.js : default by bootstrap
jquery.min.js : default by bootstrap
JQuery for gallery portfolio grid
AnimOnScroll.js : JQuery Gallery
classie.js : JQuery Gallery
imagesloaded.pkgd.min.js : JQuery Gallery
masonry.pkgd.min.js : JQuery Gallery
JQuery for gallery portfolio sortable
imagesloaded.pkgd.min.js : JQuery expand Gallery
jquery.isotope.js : JQuery Gallery Expand Content
JQuery for expand content
modernizr.custom.js : JQuery our team expand content
toucheffects.js : JQuery our team expand content
JQuery for calendar event
fullcalendar.min.js : JQuery scroll menu Javascripts
JQuery for Google map
googlemap.js : JQuery google map Javascripts
JQuery for image replacement
docs.min.js : JQuery image replacement
holder.js : JQuery image replacement
JQuery for smooth fade in animation
jquery.easing.min.js : default by bootstrap
JQuery for preload images/content
viewportchecker.js : JQuery Lazy Load
JQuery for Counter number
counterup.jquery.json : JSon File
jquery.counterup.min.js : JQuery Counter
waypoints.min.js : JQuery Counter
JQuery for CountDown number
jquery.countdown.min.js : JQuery Lazy Load
countdown.jquery.json : JSon File
JQuery for logo slider
owl.carousel.js : JQuery logo slider on index single page
JQuery for preloader progress js
jquery.loadingbar.js : JQuery preload bar on all page
The HTML of hey-kids.3-singlepage are available in :
hey-kids.3-singlepage/assets / DATA-contents
hey-kids.3-singlepage/assets / HTML-components
hey-kids.3-singlepage/assets / HTML-components-js
hey-kids.3-singlepage/assets / HTML-dark-bg
hey-kids.3-singlepage/assets / HTML-light-bg
hey-kids.3-singlepage/assets / HTML-menu
hey-kids.3-singlepage/assets / HTML-page-elements
hey-kids.3-singlepage/assets / HTML-parallax-bg
Specific folder HTML files : DATA-contents
This files are contents that included to display HTML in HTML-dark-bg, HTML-light-bg and HTML-parallax-bg. This content usually all about informations
01-about.html : file for about us information
02-about-this-web.html : file for about this web information
03-ourteam.html : file for our team member information
04-who-we-are.html : file for who we are / board of directors information
05-what-we-can-do.html : file for whaat we can do information
06-our-expertise.html : file for expertise information
07-buy-me.html : file for any information
08-pricetable.html : file for price information
09-faq.html : file for faq information
10-logos.html : file for partners information
11-counter.html : file for activity numbers information
12-tweet.html : file for display latest twitter information
99-contact.html : file for contact information
99b-contact.html : file for contact with form information
Specific folder HTML files : HTML-components
This files are items that useful to display HTML element.
01-glyphicons.html : file for glyphicons item
02-dropdown.html : file for dropdown menu item
03-breadcrumb.html : file for breadcrumb navigation item
04-pagination.html : file for pagination item
04b-pagination.html : file for pagination item
05-button.html : file for buttons item
06-label-badges.html : file for labels and badges item
07-alert.html : file for alert item
08-progressbar.html : file for progress bar item
09-responsive-embed.html : file for responsive embed item
10-wells.html : file for well item
11-typography.html : file for typography item
12-grid.html : file for grid item
13-tables.html : file for tables item
14-lists.html : file for grid item
15-bubble-text.html : file for grid item
16-font-awesome.html : file for font awesome glyphicons item
17-form.html : file for form item
17b-horizontal-form.html : file for horizontal form item
17c-inline-form.html : file for inline form item
18-code.html : file for display code item
19-social-media.html : file for social media buttons
19b-social-media-list.html : file for social media buttons applied in footer
19c-payment.html : file for payment media buttons
20-box-content-2-col.html : file for display custom content wrapped in box 2 column
20b-box-content-3-col.html : file for display custom content wrapped in box 3 column
20c-box-content-4-col.html : file for display custom content wrapped in box 4 column
Specific folder HTML files : HTML-components-js
This files are items using javascript that useful to display HTML element.
01-modalbox.html : file for modalbox item
01b-modalbox-basic-form.html : file for modalbox basic form item
01c-modalbox-horizontal-form.html : file for modalbox horizontal form item
01d-modalbox-form-inline.html : file for modalbox inline form item
02-scrollspy.html : file for scrollspy item
03-tab.html : file for tab item
04-tooltip.html : file for tooltip item
05-collapse.html : file for expand/collapse item
06-carousel.html : file for carousel slideshow item
06b-carousel-logos.html : file for carousel slideshow item
06c-carousel-testimonial.html : file for carousel slideshow testimonial item
06d-carousel-shop-product.html : file for carousel slideshow
06e-carousel-slippry-slider.html : file for slippry slideshow
06f-carousel-scattered-slider.html : file for scattered slideshow
06h-carousel-image-only.html : file for carousel slideshow image only
07-googlemap.html : file for google map item
08-counter.html : file for conter number item
09-countdown.html : file for count down number item
11-video.html : file for html5 video
Specific folder HTML files : HTML-dark-bg, HTML-light-bg and HTML-parallax-bg
HTML-dark-bg, HTML-light-bg, HTML-parallax-bg have similar content, the difference is only on their background color. In html-parallax-bg folder (HTML files that contain scrolling parallax background image), the images are stored in assets/images/background
This files are items that useful to display HTML content.
01-about.html : file for about us content
02-about-this-web.html : file for about hey-kids.3-singlepage content
03-ourteam.html : file for our team content
03b-ourteam.html : file for our team content (without expand content)
04-who-we-are.html : file for who we are content
05-what-we-can-do.html : file for what we can do content
06-our-expertise.html : file for our expertise content
07-buy-me.html : file for buy me content
08-pricetable.html : file for price table content
09-faq.html : file for frequenlty asked questions content
10-logos.html : file for partners logo
11-counter.html : file for counter number content
12-tweet.html : file for display twitter last post content
99-contact.html : file for contact us content
Specific folder HTML files : HTML-page-elements
This files are items that useful to display HTML general content in HTML-page-elements folder.
01-header.html : file for every header page
02-footer.html : file for every footer page
02-footer-contact.html : file for footer in contact page
02-footer-index page.html : file for footersingle page
03-menu.html : file for every menu page
04-topcontent.html : file for top content in single page
04-topcontent-marketing.html : file for top content in cover page 02
04-topcontent-slideshow.html : file for top content in single page 03
05-portfolio-sortable.html : file for gallery/portfolio thumbnails in gallery/portfolio page
05-portfolio-grid.html : file for gallery/portfolio thumbnails in gallery/portfolio 02 page
06-search.html : file for search in news page
07-comments.html : file for comments in news page
08-comment-form.html : file for comment form in news page
09-news-centercolumn.html : file for center column in news page
09-news-rightcolumn.html : file for right column in news page
10-shop.html : file for shop product in shop page
10-shop-2-col.html : file for shop product
10-shop-2-col-left.html : file for shop product
10-shop-3-col.html : file for shop product
10-shop-3-col-left.html : file for shop product
10-shop-4-col.html : file for shop product
10-shop-column.html : file for shop product in all shop pages with column
10-shop-recommended.html : file for shop product in all shop pages
11-subscribe.html : file for subscribe form in column section
98-option-panel.html : file for option panel in every page
99-general-scripts.html : file for jquery activation script in every page
serversideSwitch.html : file for stlye switcher script in every page
Specific folder PHP files
All the php files are only combination of multipe HTML file to create one single page
about folder contain php files for about page
announcement folder contain php files for announcement page
channel folder contain php files for channel page
contact folder contain php files for contact page
cover folder contain php files for cover page
doc folder contain php files for doc page
error folder contain php files for error page
event folder contain php files for event page
faq folder contain php files for faq page
gallery folder contain php files for gallery page
index folder contain php files for index page
login folder contain php files for login page
news folder contain php files for news page
program folder contain php files for program page
register folder contain php files for register page
services folder contain php files for services page
shop folder contain php files for shop page
testimonial folder contain php files for testimonial page
Specific folder PHP files : minify
This files are items using php that useful to minify HTML or CSS or JS element.
minified.css.php : file for minifying CSS file
minified.html.php : file for minifying HTML file
minify.php : file for minifying CSS and JS file
Specific folder PHP files : twitteroauth
This files are items using php that useful to display twitter post.
twitteroauth.php : file for display twitter file, you can post your twitter setting to display your own twitter post
OAuth.php : file for display twitter file (do not edit this file)
As you can see from folder index, this template provide 10 available page that can be customized to your needs.
Each of the sections are available in assets/HTML-dark-bg, assets/HTML-light-bg and assets/HTML-parallax-bg. Sections also available in assets/HTML-page-elements.
Why? Because section represent grouping of content. Section is used to connect the navigation link for scrollspy purpose.
You can swith between each section by changing the background ( ie. switch from light-bg to parallax-bg ) or change it to other page elements or add more component into your section.
We connect navigation links and sections by using Bootstrap scrollspy technique. Sample:
Navigation link on menu file: <li><a href="#01" data-scroll>about</a></li>
Navigation link on page file: <div id="01"></div>
<?php include("../assets/HTML-light-bg/01-about.html"); ?>
Using HTML href="[value]" to target id="[value]" will make connection between the menu link and the sections in page file. The content [value] must have the same name between each other.
in assets / HTML-page-elements / folder, open and edit 02-footer.html file for general footer, or open and edit 02-footer-contact.html file for footer in contact us page, or open and edit 02-footer-index page.html file for footer in single page
in assets / HTML-page-elements / folder, open and edit 04-topcontent.html, or 04-topcontent-marketing.html, or 04-topcontent-slideshow.html, or 04-topcontent-slippry-slideshow.html, or 04-topcontent-scattered-slideshow.html file
in assets / HTML-components-js / folder, open and edit 06-carousel.html file, or 06b-carousel-logos.html file for partner slidehow logos, or 06c-carousel-testimonial.html file for testimonial slideshow content, or 06d-carousel-shop-product.html file for product detail slideshow content for generic slideshow content
in assets / HTML-components-js / folder, open and edit 01-modalbox.html, or 01b-modalbox-basic-form.html, or 01c-modalbox-horizontal-form.html, or 01d-modalbox-form-inline.html file
in assets / HTML-page-elements / folder, open and edit 99-general-scripts.html file and
in assets/js folder, open and edit grayscale.js file
To Change the lattitude and longitude fileof the map, in assets/js, on line 24 open and edit grayscale.js, find code below :
in assets / HTML-dark-bg / folder, open and edit 08-pricetable.html file or
in assets / HTML-light-bg / folder, open and edit 08-pricetable.html file or
in assets / HTML-parallax-bg / folder, open and edit 08-pricetable.html file
in assets / HTML-dark-bg / folder, open and edit 99-contact.html file or
in assets / HTML-light-bg / folder, open and edit 99-contact.html file or
in assets / HTML-parallax-bg / folder, open and edit 99-contact.html file
in assets / HTML-page-elements / folder, open and edit 02-footer.html file for general footer, or open and edit 02-footer-contact.html file for footer in contact us page, or open and edit 02-footer-index page.html file for footer in single page, look for
in assets / HTML-page-elements / folder, open and edit 02-footer.html file
<!-- Back To Top -->
<a id="back-to-top" href="#" class="btn btn-default btn-lg back-to-top" role="button" title="Click to return on the top page" data-toggle="tooltip" data-placement="left"> <span class="glyphicon glyphicon-chevron-up"></span></a>
Includes 200 glyphs in font format from the Glyphicon Halflings set. Glyphicons Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost.
Includes 200 glyphs in font format from the Font Awesome set. Glyphicons Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost.
Holy guacamole! Best check yo self, you're not looking too good.
Oh snap! You got an error!
Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
<!-- alert start -->
<div class="alert alert-warning alert-dismissible fade in" role="alert">
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<strong>Holy guacamole!</strong> Best check yo self, you're not looking too good.
</div>
<div class="alert alert-danger alert-dismissible fade in" role="alert">
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4>Oh snap! You got an error!</h4>
<p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p>
<p>
<button type="button" class="btn btn-danger">Take this action</button>
<button type="button" class="btn btn-default">Or do this</button>
</p>
</div>
<!-- alert end -->
For example, <section> should be wrapped as inline.
To switch directories, type cd followed by the name of the directory.
To edit settings, press ctrl + ,
For example, <code><section></code> should be wrapped as inline.
To switch directories, type <kbd>cd</kbd> followed by the name of the directory.
To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>
These cases are perfectly simple and easy to distinguish.
.col-md-2
These cases are perfectly simple and easy to distinguish.
.col-md-2
These cases are perfectly simple and easy to distinguish.
.col-md-2
These cases are perfectly simple and easy to distinguish.
.col-md-2
These cases are perfectly simple and easy to distinguish.
.col-md-2
These cases are perfectly simple and easy to distinguish.
.col-md-8
These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided.
.col-md-4
These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled.
.col-md-4
These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided.
.col-md-4
These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided.
.col-md-4
These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided.
.col-md-3
These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided.
.col-md-3
These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided.
.col-md-3
These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided.
.col-md-3
These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided.
.col-md-6
These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided.
.col-md-6
These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided.
<!-- grid start -->
<div class="row">
<div class="col-md-2"><h4>.col-md-2</h4>These cases are perfectly simple and easy to distinguish.</div>
<div class="col-md-2"><h4>.col-md-2</h4>These cases are perfectly simple and easy to distinguish.</div>
<div class="col-md-2"><h4>.col-md-2</h4>These cases are perfectly simple and easy to distinguish.</div>
<div class="col-md-2"><h4>.col-md-2</h4>These cases are perfectly simple and easy to distinguish.</div>
<div class="col-md-2"><h4>.col-md-2</h4>These cases are perfectly simple and easy to distinguish.</div>
<div class="col-md-2"><h4>.col-md-2</h4>These cases are perfectly simple and easy to distinguish.</div>
</div>
<div class="row">
<div class="col-md-8"><h4>.col-md-8</h4>These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided.</div>
<div class="col-md-4"><h4>.col-md-4</h4>These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled.</div>
</div>
<div class="row">
<div class="col-md-4"><h4>.col-md-4</h4>These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided.</div>
<div class="col-md-4"><h4>.col-md-4</h4>These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided.</div>
<div class="col-md-4"><h4>.col-md-4</h4>These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided.</div>
</div>
<div class="row">
<div class="col-md-3"><h4>.col-md-3</h4>These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided.</div>
<div class="col-md-3"><h4>.col-md-3</h4>These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided.</div>
<div class="col-md-3"><h4>.col-md-3</h4>These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided.</div>
<div class="col-md-3"><h4>.col-md-3</h4>These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided.</div>
</div>
<div class="row">
<div class="col-md-6"><h4>.col-md-6</h4>These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided.</div>
<div class="col-md-6"><h4>.col-md-6</h4>These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided.</div>
</div>
<!-- grid end -->
<!-- list start -->
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Consectetur adipiscing elit</li>
<li>Integer molestie lorem at massa</li>
<li>Facilisis in pretium nisl aliquet</li>
<li>Nulla volutpat aliquam velit
<ul>
<li>Phasellus iaculis neque</li>
<li>Purus sodales ultricies</li>
<li>Vestibulum laoreet porttitor sem</li>
<li>Ac tristique libero volutpat at</li>
</ul>
</li>
<li>Faucibus porta lacus fringilla vel</li>
<li>Aenean sit amet erat nunc</li>
<li>Eget porttitor lorem</li>
</ul>
<ol>
<li>Lorem ipsum dolor sit amet</li>
<li>Consectetur adipiscing elit</li>
<li>Integer molestie lorem at massa</li>
<li>Facilisis in pretium nisl aliquet</li>
<li>Nulla volutpat aliquam velit</li>
<li>Faucibus porta lacus fringilla vel</li>
<li>Aenean sit amet erat nunc</li>
<li>Eget porttitor lorem</li>
</ol>
<ul class="list-unstyled">
<li>Lorem ipsum dolor sit amet</li>
<li>Consectetur adipiscing elit</li>
<li>Integer molestie lorem at massa</li>
<li>Facilisis in pretium nisl aliquet</li>
<li>Nulla volutpat aliquam velit
<ul>
<li>Phasellus iaculis neque</li>
<li>Purus sodales ultricies</li>
<li>Vestibulum laoreet porttitor sem</li>
<li>Ac tristique libero volutpat at</li>
</ul>
</li>
<li>Faucibus porta lacus fringilla vel</li>
<li>Aenean sit amet erat nunc</li>
<li>Eget porttitor lorem</li>
</ul>
<!-- list end -->
Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.
@mdo
Veniam marfa mustache skateboard, adipisicing fugiat velit pitchfork beard. Freegan beard aliqua cupidatat mcsweeney's vero. Cupidatat four loko nisi, ea helvetica nulla carles. Tattooed cosby sweater food truck, mcsweeney's quis non freegan vinyl. Lo-fi wes anderson +1 sartorial. Carles non aesthetic exercitation quis gentrify. Brooklyn adipisicing craft beer vice keytar deserunt.
one
Occaecat commodo aliqua delectus. Fap craft beer deserunt skateboard ea. Lomo bicycle rights adipisicing banh mi, velit ea sunt next level locavore single-origin coffee in magna veniam. High life id vinyl, echo park consequat quis aliquip banh mi pitchfork. Vero VHS est adipisicing. Consectetur nisi DIY minim messenger bag. Cred ex in, sustainable delectus consectetur fanny pack iphone.
two
In incididunt echo park, officia deserunt mcsweeney's proident master cleanse thundercats sapiente veniam. Excepteur VHS elit, proident shoreditch +1 biodiesel laborum craft beer. Single-origin coffee wayfarers irure four loko, cupidatat terry richardson master cleanse. Assumenda you probably haven't heard of them art party fanny pack, tattooed nulla cardigan tempor ad. Proident wolf nesciunt sartorial keffiyeh eu banh mi sustainable. Elit wolf voluptate, lo-fi ea portland before they sold out four loko. Locavore enim nostrud mlkshk brooklyn nesciunt.
three
Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.
Keytar twee blog, culpa messenger bag marfa whatever delectus food truck. Sapiente synth id assumenda. Locavore sed helvetica cliche irony, thundercats you probably haven't heard of them consequat hoodie gluten-free lo-fi fap aliquip. Labore elit placeat before they sold out, terry richardson proident brunch nesciunt quis cosby sweater pariatur keffiyeh ut helvetica artisan. Cardigan craft beer seitan readymade velit. VHS chambray laboris tempor veniam. Anim mollit minim commodo ullamco thundercats.
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.
Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park vegan.
Tight pants next level keffiyeh you probably haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. 8-bit american apparel have a terry richardson vinyl chambray. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
hey-kids.3-singlepage use third-party API to integrate user using their social media account.
Because API is developed by their own programs, update and maintenance of API is not controlled by this template. Therefore use at your own risk.
Facebook API are coded in : assets/news folder, open and edit news-detail.php file, look for
<!-- facebook API -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v 3.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!-- facebook API end -->
and also
<!-- /.facebook API -->
<p>
<div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/"
data-layout="standard" data-action="like" data-show-faces="false" data-share="true"></div>
</p>
<div class="fb-comments" data-href="http://www.bnrcreativelab.com/Hey Kids/news"
data-width="765" data-numposts="5" data-colorscheme="light"></div>
<!-- /.facebook API end -->