Smarty Multipurpose v1.0.2 Responsive Template

PHP

1. ATTACHMENTS
When a visitor send you an attachment email, the files are uploaded on php/_upload/ folder.

define('UPLOAD_FOLDER',		'_upload/');						// upload folder path - slash at the end!
define('UPLOAD_FOLDER_URL',	'http://localhost/PRJ/Smarty/HTML/php/_upload/');	// Full url path to upload folder (used for contact files) - slash at the end!
define('UPLOAD_MAX_SIZE',	10000000);						// 1000000 = 10Mb



2. CACHE
The cache is used by twitter plugin to load faster
define('CACHE_ENABLED', 	true);			// cache (example usage: twitter widget)
define('CACHE_LIFETIME', 	3600); 			// in seconds


3. TWITTER WIDGET SETTINGS
Like facebook, yahoo or google, twitter needs the api key to work.
Get the consumer key from http://dev.twitter.com/apps

define('CONSUMER_KEY', 		'');
define('CONSUMER_SECRET', 	'');

// User Access Token
define('ACCESS_TOKEN', 		'');
define('ACCESS_SECRET', 	'');

// USE SMTP OR mail()
// SMTP is recommended, mail() is disabled on most shared hosting servers.
// IF false : SMTP host/port/user/pass/ssl not used, leave empty or as it is!
$config['use_smtp']				= true;						// true|false

// SMTP Server Settings
$config['smtp_host'] 			= 'smtp.gmail.com';   		// eg.: smtp.gmail.com
$config['smtp_port'] 			= 587;						// eg.: 587
$config['smtp_user'] 			= ''; 						// you@gmail.com
$config['smtp_pass'] 			= '';						// password
$config['smtp_ssl']				= false;					// should remain false

// Who receive all emails?
$config['send_to']				= 'youremail@gmail.com';	// destination of all emails sent throught contact form

// Email Subject
$config['subject']				= 'Smarty Contact Form';	// subject of emails you receive

HEADERS

	<div id="header" class="clearfix">
		...
	</div>
	

	<div id="header" class="dark clearfix">
		...
	</div>
	

	<div id="header" class="sticky clearfix">
		...
	</div>
	

	<div id="header" class="sticky dark clearfix">
		...
	</div>
	

	<div id="header" class="static clearfix">
		...
	</div>
	

	<div id="header" class="static dark clearfix">
		...
	</div>
	

	<div id="header" class="sticky bottom clearfix">
		...
	</div>
	

	<div id="header" class="sticky bottom dark clearfix">
		...
	</div>
	

	<div id="header" class="sticky transparent clearfix">
		...
	</div>
	

	<div id="header" class="sticky translucent clearfix">
		...
	</div>
	

<div class="navbar-collapse pull-right nav-main-collapse collapse">
...
</div>

<div class="navbar-collapse pull-right nav-main-collapse collapse submenu-dark">
...
</div>

<div class="navbar-collapse pull-right nav-main-collapse collapse submenu-color">
...
</div>

	
		PORTFOLIO
	
	

		

			


				
				

					

						
COL 1
						
OPTION
					
				

				
				

					

						
COL 2
						
OPTION
					
				

				
				

					

						
COL 3
						
OPTION
					
				

				
				

					

						
COL 4
						
OPTION
					
				

				
				

					

						
COL 5
						
OPTION
					
				

			
		
	

	


		
			Submenu
			Light
		

		

	

200+ SHORTCODES

With more than 200 shortcodes (including variations), the limit is the sky.
Shortcodes are reusable elements - can be used anywhere on any page by simply copy/paste.
Each shortcode is self explained on Shortcodes section. Just click the "show code" link and you can see the code and available classes you can use for that specific shortcode.

• ANIMATIONS
• BUTTONS
• CAROUSEL
• CHARTS
• CLIENTS
• GRID & COLUMNS
• COUNTERS
• FORM ELEMENTS
• DIVIDERS
• BOXES & ICONS
• GALLERIES
• HEADING STYLES
• ICON LISTS
• LABELS & BADGES
• LIGHTBOX
• HTML EDITORS
• LIST & PANNELS
• MAPS
• MEDIA EMBEDS
• MODAL / POPOVER / NOTIF
• NAVIGATIONS
• PAGINATIONS
• PROGRESS BARS
• WIDGETS
• PRICING BOXES
• PROCESS STEPS
• CALLOUTS
• INFO BARS
• BLOCKQUOTES
• RESPONSIVE
• SECTIONS
• SOCIAL ICONS
• ALERTS
• STYLED ICONS
• TABLES
• TABS
• TESTIMONIALS
• THUMBNAILS
• TOGGLES

WIDGETS

Flickr, Twitter, Dribble and Facebook - are the widgets that help you to build fast website, no extra coding needed from your side.
How to use the widgets? Just copy/paste the code on any page of the website and change the params to fit your needs. That's all!

FLICKR WIDGET

<!--
	data-id="37304598@N02"	- your flickr id
	data-limit="16"			- maximum images to load
-->
<div class="widget-flickr clearfix lightbox margin-bottom-60" data-id="37304598@N02" data-limit="16" data-plugin-options='{"delegate": "a", "gallery": {"enabled": true}}'></div>

TWITTER WIDGET

<!--
	data-php="php/twitter/tweet.php"	- widget php path
	data-username="stepofweb"			- twitter username
	data-limit="3"						- maximum twwts to load
	
	PLEASE NOTE!
	php/_cache/ - folder should be writable by the webserver!
		    - it's used to cache tweets
-->
<ul class="widget-twitter margin-bottom-60" data-php="php/twitter/tweet.php" data-username="stepofweb" data-limit="3">
	<li></li>
</ul>

DRIBBLE WIDGET

<!--
	data-token				- your dribble token!
	Create your app token: https://dribbble.com/account/applications/new
	
	data-shots="2046896" 	- dribbble shots id
	data-col="4"			- columns (1 to 6 - recommended 3 to 6 and 1,2 only on sidebars)
	data-target				- optional (_blank|_self) - open the image in a new windows or on the same window (default: _blank)
-->
<ul class="widget-dribbble clearfix" data-col="4" data-shots="2046896" data-token="f688ac519289f19ce5cebc1383c15ad5c02bd58205cd83c86cbb0ce09170c1b4"></ul>

FACEBOOK WIDGET

<!--
	Replace stepofweb with your facebook id

	.hidden-xs = hide on mobile
-->
<iframe class="hidden-xs noborder" 
	src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fstepofweb&width=263&height=258&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false" 
	width:263px; height:258px;">
</iframe>

FACEBOOK LIKE

<!--
	Replace http://www.stepofweb.com with your webiste or page URL.
	
	Button Layouts:
	data-layout="standard|box_count|button_count|button"
	
	Button Types
	data-action="like|recommend"
	
	data-show-faces="true|false" 
	data-share="true|false"
-->
<div class="fb-like" data-href="http://www.stepofweb.com" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>

FACEBOOK SHARE

<!--
	Replace http://www.stepofweb.com with your webiste or page URL.
	
	Button Layouts:
	data-layout="box_count|button_count|button|icon_link|icon|link"
-->
<div class="fb-share-button" data-href="http://www.stepofweb.com" data-layout="box_count"></div>

PREMIUM PLUGINS

Revolution Slider

Revolution Slider is a premium plugin, used as a main slider for this template.
Please note: Stepofweb is not the creator of this plugin!

• Revolution Slider Main Documentation
• Caption Editor
• Transition Editor

Revolution Slider inline settings (also commented on the HTML files)

<!-- 
Navigation Styles:
	data-navigationStyle="" theme default navigation

	data-navigationStyle="preview1"
	data-navigationStyle="preview2"
	data-navigationStyle="preview3"
	data-navigationStyle="preview4"
	
Bottom Shadows
	data-shadow="1"
	data-shadow="2"
	data-shadow="3"
	
Slider Height Recommended (do not use on fullscreen mode)
	data-height="300"
	data-height="350"
	data-height="400"
	data-height="450"
	data-height="500"
	data-height="550"
	data-height="600"
	data-height="650"
	data-height="700"
	data-height="750"
	data-height="800"
-->
<div class="fullwidthbanner" data-height="550" data-navigationStyle="">
	.....
</div>

NOTE: Revolution Slider uses assets/js/view/demo.revolution_slider.js as a demo. You can edit or use it as it is (recommended to use it as it is).

Layer Slider

Layer Slider is a premium plugin.
Please note: Stepofweb is not the creator of this plugin!
Unfortunately, the vendor do not provide caption/trnaisiton editor, like Revolution Slider has.

• Layer Slider

NOTE: Layer Slider uses assets/js/view/demo.layerslider_slider.js as a demo. You can edit or use it as it is (recommended to use it as it is).

Credits

Plugins used on both: Website & Admin

• Bootstrap 3.3.5 (MIT License)
• Bootstrap Datepicker 1.5.0 (Apache License 2.0)
• Bootstrap Daterangepicker 1.3.21 (Apache License 2.0)
• Timepicker 2.0 (---)
• Bootstrap Markdown 2.9.0 (Apache License 2.0)
• Spectrum (Colorpicker) 1.7.0 (MIT)
• Dropzone File Upload 2.0.0 (MIT License)
• Easy Pie Chart 2.1.7 (MIT License)
• Full Calendar 1.6.4 (MIT and GPL Licenses)
• GMaps.js 0.4.13 (MIT License)
• Summernote 0.6.7 (MIT License)
• ChartJS 1.0.2 (MIT License)
• EasyPiechart 2.1.7 (MIT License)
• jQuery 2.1.4 (MIT License)
• jQuery UI 1.11.4 (MIT License)
• jQuery Cookie 1.4.1 (MIT License)
• jQuery Backstretch 2.0.4 (MIT License)
• jQuery Countdown 2.0.2 (MIT License)
• jQuery DataTables 1.10.9 (BSD and GPL Version 2 Licenses)
• jQuery Easing 1.3 (MIT License)
• jQuery Footable 2.0.1.5 (MIT License)
• jQuery Mixitup 1.5.4 (Creative Commons Attribution-NoDerivs 3.0 Unported - CC BY-ND 3.0)
• Magnific Popup 1.0.0 (MIT License)
• Moderinzr 2.7.1 (BSD and MIT License)
• OwlCarousel 1.3.2 (MIT License)
• Parallax (GPL and MIT License)
• Select2 4.0.0-rc.2 (Apache License 2.0)
• Slimscroll 1.3.0 (MIT License)
• Toastr (MIT License)
• Image Zoom 1.7.14 (MIT License)
• Infinite Scroll 2.1.0 (MIT License)
• Isotope 2.2.0 (MIT License)
• Vector Map 1.0 (MIT License)
• Lazy Load 1.9.3 (MIT License)
• Mediaelement (MIT License)
• Camera Slider 1.3.3 (MIT License)
• Flexslider 2.4.0 (GNU 2 License)
• Nivo Slider 3.2 (MIT License)
• Swiper Slider 3.0.6 (MIT License)
• Text Rotator 1.0 (-- License)
• Dribbble Widget 2.0.3 (ISC License)
• Flickr Widget (MIT License)
• Masonry 3.2.2 (MIT License)
• Typeahead 0.11.1 (MIT License)
• Knob 1.2.10 (MIT License)
• Nestable (BSD/MIT License)
• X-Editable 1.5.1 (MIT License)
• Moment 2.10.6 (MIT License)
• Raphael 2.1.2 (MIT License)
• Require 2.1.20 (BSD License)

Images

• Flickr
• Unplash
• Stockphoto

• flickr_2.jpg
• flickr_3.jpg
• Fashion a.jpg
• Fashion b.jpg
• Fashion c.jpg
• Fashion d.jpg
• Fashion e.jpg
• Fashion f.jpg
• Fashion g.jpg
• Fashion h.jpg
• Fashion i.jpg
• Fashion j.jpg
• Fashion k.jpg
• Fashion l.jpg
• Fashion m.jpg
• Fashion n.jpg
• Fashion o.jpg
• Fashion p.jpg
• Fashion q.jpg
• Fashion r.jpg
• Fashion s.jpg
• Fashion t.jpg
• Fashion u.jpg
• Fashion v.jpg
• Medical flickr_28.jpg
• Medical flickr_29.jpg
• Medical flickr_30.jpg
• Mockups Images
• People Images
• Panorama 1.jpg
• Panorama 2.jpg
• Church slider_3.jpg
• Church church.jpg
• Construction slider_2.jpg
• Education edu1.jpg
• Education edu2.jpg
• Education edu3.jpg
• Music slider_1.jpg
• Music slider_3.jpg
• Music slider_5.jpg
• Music a1.jpg
• Music a2.jpg
• Music a3.jpg
• Music a4.jpg
• Music e1.jpg
• Music e2.jpg
• Music e3.jpg
• Music e4.jpg
• Music e5.jpg
• Music e6.jpg
• Restaurant 1.jpg
• Restaurant 2.jpg
• Restaurant 3.jpg
• Restaurant a.jpg
• Restaurant e.jpg
• Restaurant f.jpg
• Restaurant g.jpg
• Restaurant h.jpg
• Restaurant i.jpg
• Restaurant j.jpg
• Restaurant k.jpg
• Restaurant l.jpg
• Restaurant chef_1.jpg
• Restaurant chef_2.jpg
• Restaurant restaurant.jpg
• Restaurant parallax.jpg
• Wedding slider_1.jpg
• Wedding g1.jpg - g10.jpg, her.jpg, him.jpg
• Background 1.jpg
• Background 2.jpg
• Background 3.jpg
• Background 4.jpg