Mr Goose
Responsive AJAX HTML Template

Getting Started

Introduction

Mr Goose is a professional responsive HTML5 & CSS3 template created for creative and portfolio websites.

If you like this plugin, feel free to rate it five stars     at your CodeCanyon account in Downloads section. If you encounter any problems, before rating the item, contact us so we can help you fix them.

How to use/install it

Unzip the file you downloaded and copy the content from folders sources/php or sources/html to your web server or where you need the website. I recomand using the PHP version (you will need to have PHP installed on your server) because it is split into components (header, footer, menu, ...).

Settings

Change config.js file

Go to assets/js/config.js and change the the variable's values.


Change or use your own background

To add your own background go to folder assets/gui/images/background-images/default and add 5 images in png format:
- left-background.png (image that wil be under the birds when content is on left)
- left-foreground.png (image that wil be over the birds when content is on left)
- light.png (image that can be a star ex moon or sun)
- right-background.png (image that wil be under the birds when content is on right)
- right-foreground.png (image that wil be over the birds when content is on right)
Got to assets/js/config.js and change backgroundImage variable value to default.

Note: Not all images are mandatory.

HTML Structure

Create a new page

Duplicate the files new-page.php (if you selected the PHP version) or new-page.html (if you selected the HTML version) and change the names.
Add in <div class="content"></div> node the page content.


Please add the title in the <h2></h2> node and the rest of the html code in <article></article> node.

Create interactive elements

Tabs HTML Code

Copy the code into your page and add the content.


Accordion HTML Code

Copy the code into your page and add the content.


Toggle HTML Code

Copy the code into your page and add the content.


Create a Wall/Grid Gallery

Copy the code into your page and create and modify the configuration files. View the documentation here for more options.

JSON Code

XML Code

Create a Thumbnail Gallery

Copy the code into your page and create and modify the configuration files. View the documentation here for more options.

JSON Code

XML Code

Create a Thumbnail Scroller

Copy the code into your page and create and modify the configuration files. View the documentation here for more options.

JSON Code

XML Code

JavaScript

Create AJAX links

If you want to open your website content using AJAX go to assets/js/config.js and change websiteType variable value to ajax. For a link to open a page with AJAX add the class ajax-link:


Add JavaScript code after content is loaded using AJAX

Go to assets/js/main.js and at the end of the file you have the function myJavaScriptCode. Add your code there.


Icons

Web Icons
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112
  • 113
  • 114
  • 115
  • 116
  • 117
  • 118
  • 119
  • 120
  • 121
  • 122
  • 123
  • 124
  • 125
  • 126
  • 127
  • 128
  • 129
  • 130
  • 131
  • 132
  • 133
  • 134
  • 135
  • 136
  • 137
  • 138
  • 139
  • 140
  • 141
  • 142
  • 143
  • 144
  • 145
  • 146
  • 147
  • 148
  • 149
  • 150
  • 151
  • 152
  • 153
  • 154
  • 155
  • 156
  • 157
  • 158
  • 159
  • 160
  • 161
  • 162
  • 163
  • 164
  • 165
  • 166
  • 167
  • 168
  • 169
  • 170
  • 171
  • 172
  • 173
  • 174
  • 175
  • 176
  • 177
  • 178
  • 179
  • 180
  • 181
  • 182
  • 183
  • 184
  • 185
  • 186
  • 187
  • 188
  • 189
  • 190
  • 191
  • 192
  • 193
  • 194
  • 195
  • 196
  • 197
  • 198
  • 199
  • 200
  • 201
  • 202
  • 203
  • 204
  • 205
  • 206
  • 207
  • 208
  • 209
  • 210
  • 211
  • 212
  • 213
  • 214
  • 215
  • 216
  • 217
  • 218
  • 219
  • 220
  • 221
  • 222
  • 223
  • 224
  • 225
  • 226
  • 227
  • 228
  • 229
  • 230
  • 231
  • 232
  • 233
  • 234
  • 235
  • 236
  • 237
  • 238
  • 239
  • 240
  • 241
  • 242
  • 243
  • 244
  • 245
  • 246
  • 247
  • 248
  • 249
  • 250
  • 251
  • 252
  • 253
  • 254
  • 255
  • 256
  • 257
  • 258
  • 259
  • 260
  • 261
  • 262
  • 263
  • 264
  • 265
  • 266
  • 267
  • 268
  • 269
  • 270
  • 271
  • 272
  • 273
  • 274
  • 275
  • 276
  • 277
  • 278
  • 279
  • 280
  • 281
  • 282
  • 283
  • 284
  • 285
  • 286
  • 287
  • 288
  • 289
  • 290
  • 291
  • 292
  • 293
  • 294
  • 295
  • 296
  • 297
  • 298
  • 299
  • 300
  • 301
  • 302
  • 303
  • 304
  • 305
  • 306
  • 307
  • 308
  • 309
  • 310
  • 311
  • 312
  • 313
  • 314
  • 315
  • 316
  • 317
  • 318
  • 319
  • 320
  • 321
  • 322
  • 323
  • 324
  • 325
  • 326
  • 327
  • 328
  • 329
  • 330
  • 331
  • 332
  • 333
  • 334
  • 335
  • 336
  • 337
  • 338
  • 339
  • 340
  • 341
  • 342
  • 343
  • 344
  • 345
  • 346
  • 347
  • 348
  • 349
  • 350

Social Icons
  • aim
  • aim-alt
  • amazon
  • app-store
  • apple
  • arto
  • aws
  • baidu
  • basecamp
  • bebo
  • behance
  • bing
  • blip
  • blogger
  • bnter
  • brightkite
  • cinch
  • cloudapp
  • coroflot
  • creative-commons
  • dailybooth
  • delicious
  • designbump
  • designfloat
  • designmoo
  • deviantart
  • digg
  • digg-alt
  • diigo
  • dribbble
  • dropbox
  • drupal
  • dzone
  • ebay
  • ember
  • etsy
  • evernote
  • facebook
  • facebook-alt
  • facebook-places
  • factome
  • feedburner
  • flickr
  • folkd
  • formspring
  • forrst
  • foursquare
  • friendfeed
  • friendster
  • gdgt
  • github
  • github-alt
  • goodreads
  • google
  • google-buzz
  • google-talk
  • gowalla
  • gowalla-alt
  • grooveshark
  • hacker-news
  • hi5
  • hype-machine
  • hyves
  • icq
  • identica
  • instapaper
  • itunes
  • kik
  • krop
  • lastfm
  • linkedin
  • linkedin-alt
  • livejournal
  • lovedsgn
  • meetup
  • metacafe
  • ming
  • mister-wong
  • mixx
  • mixx-alt
  • mobileme
  • msn-messenger
  • myspace
  • myspace-alt
  • newsvine
  • officialfm
  • openid
  • orkut
  • pandora
  • path
  • paypal
  • photobucket
  • picasa
  • pinboardin
  • ping
  • pingchat
  • playstation
  • plixi
  • plurk
  • podcast
  • posterous
  • qik
  • quik
  • quora
  • rdio
  • readernaut
  • reddit
  • retweet
  • roboto
  • rss
  • scribd
  • sharethis
  • simplenote
  • skype
  • slashdot
  • slideshare
  • smugmug
  • soundcloud
  • spotify
  • squarespace
  • squidoo
  • steam
  • stumbleupon
  • technorati
  • threewordsme
  • tribenet
  • tripit
  • tumblr
  • twitter
  • twitter-alt
  • vcard
  • viddler
  • vimeo
  • virb
  • w3
  • whatsapp
  • wikipedia
  • windows
  • wists
  • wordpress
  • wordpress-alt
  • xing
  • yahoo
  • yahoo-buzz
  • yahoo-messenger
  • yelp
  • youtube
  • youtube-alt
  • zerply
  • zootool
  • zynga

Licences & Credits

  • Background Patterns
    Link: www.premiumpixels.com/freebies/11-light-subtle-patterns-pat/
    Author: PremiumPixels
    Licence:
    ------------------------------------------------------------
    This resource has been created by Orman Clark for PremiumPixels.com
    ------------------------------------------------------------

    TERMS OF USE:

    All resources made available on Premium Pixels, including but not limited to, icons, images, brushes, shapes, layer styles, layered PSD’s, patterns, textures, web elements and themes are free for use in both personal and commercial projects.

    You may freely use our resources, without restriction, in software programs, web templates and other materials intended for sale or distribution. No attribution or backlinks are required, but any form of spreading the word is always appreciated!

    You are not permitted to make the resources found on Premium Pixels available for distribution elsewhere “as is” without prior consent.



    Orman Clark for PremiumPixels.com
    _________________________
    www.premiumpixels.com
    www.ormanclark.com
  • Color Picker (jQuery Plugin)
    Link: www.eyecon.ro/colorpicker
    Author: Stefan Petre
    Licence: Dual licensed under the MIT and GPL licenses.
  • Fonts
    Anonymous Pro, Economica, Nothing You Could Do, PT Sans, PT Sans Narrow, Source Sans Pro
    Link: Google Fonts
    Licence: All the fonts on Google Fonts are licensed under open source licenses that let you use them on any website, from a private blog to a big commercial site.
  • Images
    1. http://www.flickr.com/photos/25028863@N00/6061514580/ by Stefano Kloo
    2. http://www.flickr.com/photos/41455403@N00/317310662/ by Gilles Klein - Boxeur
    3.http://www.flickr.com/photos/25028863@N00/4896197227/ by Stefan Kloo
    4. http://www.flickr.com/photos/14111752@N07/4924137407/ by Cornelia Kopp
    5. http://www.flickr.com/photos/25028863@N00/4453785020/ by Stefan Kloo 6. http://www.flickr.com/photos/46944516@N00/6591065645/ by Pedro Ribeiro Simones
    7. http://www.flickr.com/photos/25028863@N00/4580066685/ by Stefan Kloo
    8. http://www.flickr.com/photos/56176610@N00/2468293717/ by Leeky-Boy
    9. http://www.flickr.com/photos/20194040@N00/5072051319/ by Paul Nine-o
    10. http://www.flickr.com/photos/41455403@N00/4522044328/ by Gilles Klein
    11. http://www.flickr.com/photos/25028863@N00/6350077776/ by Stefan Kloo
    12. http://www.flickr.com/photos/25028863@N00/4533324399/ by Stefan Kloo
    13. http://www.flickr.com/photos/41455403@N00/138321989/ by gilles Klein
    14. http://www.flickr.com/photos/25028863@N00/6274912335/ by Stefan Kloo
    15. http://www.flickr.com/photos/78425154@N00/182476841/ by Franco Folini
    16. http://www.flickr.com/photos/25028863@N00/5650232405/ by Stefan Kloo
    17. http://www.flickr.com/photos/62518311@N00/4898746526/ by Daniel Lobo
    18. http://www.flickr.com/photos/10652225@N00/4796619865/ by Enric Archivell
    19. http://www.flickr.com/photos/10295270@N05/6626209577/ by Erokism
    20. http://www.flickr.com/photos/53098051@N02/7291099874/ by Cedward Brice
    21. http://www.flickr.com/photos/25028863@N00/4888609685/ by Stefan Kloo


    Pic 01 - http://www.flickr.com/photos/67162861@N00/351521714/ by Fabiana
    Pic 02 - http://www.flickr.com/photos/30463609@N00/500166921/ by Stephanie Carter
    Pic 04 - http://www.flickr.com/photos/44124425616@N01/590034637/ byHamed Saber
    Pic 05 - http://www.flickr.com/photos/44124425616@N01/1388036640/ by Hamed Saber
    Pic 06 - http://www.flickr.com/photos/40645538@N00/1638699646/ - by Sharon Pruitt
    Pic 07 - http://www.flickr.com/photos/7487149@N03/1730650717/ by Sukanto Debnath
    Pic 08 - http://www.flickr.com/photos/51035655291@N01/2922275111/ by Ricardo Liberato
    Pic 09 - http://www.flickr.com/photos/21976354@N07/3121675293/ by Neils Photograhpy
    Pic 12 - http://www.flickr.com/photos/21251150@N04/4073581804/ by Angelo Gonzales
    Pic 13 - http://www.flickr.com/photos/21251150@N04/4479277174/ by Angelo Gonzales
    Pic 18 - http://www.flickr.com/photos/54657246@N02/6227418584/ by Stf. O
    Pic 19 - http://www.flickr.com/photos/64742456@N00/6678553853/ by Daniel Zedda
    Pic 20 - http://www.flickr.com/photos/7941044@N06/6777002055/ by Jenny Downing
    Pic 25 - http://www.flickr.com/photos/21976354@N07/3122503414/ by Neils Photography
    Pic 27 - http://www.flickr.com/photos/15082599@N08/2638619610/ by Alexander Stubner
    Pic 28 - http://www.flickr.com/photos/13997606@N03/3001597218/ by Pierre Vignau
    Pic 29 - http://www.flickr.com/photos/38417180@N00/4535491081/ by Aaron Kawai
    Pic 30 - http://www.flickr.com/photos/59852454@N03/8179954008/ by Pavel P.
    Pic 31 - http://www.flickr.com/photos/30330906@N04/7712461620/ by Francisco Osorio
    Pic 32 - http://www.flickr.com/photos/23566085@N00/277485584/ by Eddy Van 3000
  • Image Loader (jQuery Plugin)
    Version: 1.3
    Link: CodeCanyon
    Author: Dot on Paper
    Licence: Envato Licences.
  • jQuery Countdown
    Version: 1.2.1
    Link: http://keith-wood.name/countdown.html
    Author: Keith Wood
    Licence: Available under the MIT license.
  • jScrollPane (jQuery Plugin)
    Version: 2.0
    Link: jscrollpane.kelvinluck.com
    Author: Kelvin Luck
    Licence: Dual licensed under the MIT and GPL licenses.
  • Mousewheel (jQuery Plugin)
    Version: 3.0.6
    Link: www.brandonaaron.net/code/mousewheel/docs
    Author: Brandon Aaron
    Licence: Released under MIT license.
  • JavaScript 3D library
    Version: r28
    Link: threejs.org
    Author: Mr.doob
    Licence:
    The MIT License

    Copyright (c) 2010-2012 three.js authors

    Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

    The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  • Thumbnail Gallery (jQuery Plugin)
    Version: 1.8
    Link: CodeCanyon
    Author: Dot on Paper
    Licence: Envato Licences.
  • Thumbnail Scroller (jQuery Plugin)
    Version: 1.6
    Link: CodeCanyon
    Author: Dot on Paper
    Licence: Envato Licences.
  • Wall/Grid Gallery (jQuery Plugin)
    Version: 1.9
    Link: CodeCanyon
    Author: Dot on Paper
    Licence: Envato Licences.

Support

If you did not find the answer you were looking for in the given documentation, please access our Support Forums. If you cannot find the answer to your issue, post a new topic, describing the problem you are having. Please add in your message a link to where you use the item or any other stuff that might be relevant (don’t include any passwords or any confidential information).

Note:
On our Support Forums you need to login and confirm the Item Purchase Code for the item you need help with.

Work time:
07:00 (07:00 AM) – 16:00 (04:00 PM) GMT | Working days only (Monday – Friday)

We do NOT provide support in comments section. Please use it for presale questions only.

Disclaymer

If you buy an Envato item, according to Envato rules, you are not entitled to support or free customizations.
WE WILL OFFER FREE SUPPORT only for bugs, item related issues and very small modifications(a few minutes of work). Everything else will be considered as custom work, for which we charge $35/hour.
Offering support will help us improve and fix the bugs in our products and a great way to do this is to see what problem appear when people use them.
If your request for a feature has been made by other people is it possible, but not a rule, to add that feature in a future update. Please don't buy the item if a feature doesn't exist and you need it. We will not add it for you in record time. If you are not sure if the feature exists please ask first.

PS: Do not forget to rate this item   .