{{#> 
	layouts/main 
	title="Different Flavors" 
	pagename="info_app_flavors" 
	category_1="Package Info"
}}

{{#*inline "head-block"}}{{/inline}}

{{#*inline "content-block"}}

<h1 class="fw-500 mb-5 mt-5 text-center">
	{{app-name}} comes with multiple flavors
	<small>All seed versions are complimentary with the purchase of HTML flavor. Support is included with the purchase of the full <br> versions of your seeds. You'll find the links for the full versions below.</small>
</h1>

<div class="container">

	<div class="row">
		
		<!-- HTML Flavor -->
		<div class="col-12">
			<div class="card mb-4">

				<div class="card-body p-4 rounded position-relative">

					<span class="badge badge-primary fw-300 ml-auto position-absolute pos-top pos-right mr-4 mt-4 hidden-sm-down">SLIM + SEED + FULL PROJECT</span>

					<div class="d-flex align-items-center mb-g">
						<img src="img/demo/html5.png" class="mr-3">
						<h1 class="fw-300 m-0 l-h-n">
							<span class="text-contrast">
								Pure HTML5	
							</span>
							<small class="fw-300 m-0 l-h-n">
								Smart Design, Smart Build, Smart Execution!
							</small>
						</h1>
					</div>

					<div class="row">
						<div class="col-lg-6">
							<p>Purely designed for your comfort. Comes with video tutorials, well supported documentation, examples and email support (for your basic needs) and free updates for the life of the theme**</p>
							<ul class="mt-xs-3 list-spaced">
								<li>
									Uses npm package manager to neatly wrap and manage third party plugins
								</li>
								<li>
									Easily build your project with custom colors and components via HandleBar templating and gulp
								</li>
								<li>
									Over 256 layout possibilities with auto save feature
								</li>
							</ul>
						</div>
						<div class="col-lg-6">
							<ul class="mt-xs-3 list-spaced">
								<li>
									Completely modular based structure and SCSS base. Easily take out plugins that you do not plan to use without breaking the template
								</li>
								<li>
									Modularized JS script with reusable components
								</li>
								<li>
									Lightweight and efficient assets. Core components load under 1 second.
								</li>
								<li>
									Exclusive icon maker, quickly create stacked icons to create unique combinations
								</li>
								<li>
									14 Customized skins to go with any of the flavors of your choosing
								</li>
								<li>
									Unique customized plugins, custom datatables editor, and much more...
								</li>
							</ul>
						</div>
						<div class="col-lg-12">
							<p class="disclaimer mt-4">
								**Easily build your project with custom colors and components via HandleBar templating and gulp
							</p>
						</div>
					</div>

				</div>

			</div>
		</div>

		
		<div class="col-12">

			<div class="row">

				<div class="col-xl-6 mb-4">

					<!-- .NET Flavor -->
					<div class="card h-100 rounded overflow-hidden position-relative">

						<span class="badge badge-primary fw-300 ml-auto position-absolute pos-top pos-right mr-4 mt-4 hidden-sm-down">SEED PROJECT INCL.</span>

						<div class="card-body p-4">

							<div class="d-flex align-items-center mb-g">
								<img src="img/demo/mvc.png" class="mr-3">
								<h1 class="fw-300 m-0 l-h-n">
									<span class="text-contrast">.Net Core 2.2</span>
									<small class="fw-300 m-0 l-h-n">
										Multi-platform based scalable solution
									</small>
								</h1>
							</div>
							<div class="col">
								ASP.NET MVC is used to build Web applications in .NET Framework. .NET Core is the new open-source and cross-platform framework to build applications for all operating systems including Windows, Mac, and Linux.
								<ul class="mt-3 list-spaced">
									<li>
										Fully supports ASP.NET Core Identity and the .NET Core ecosystem.
									</li>
									<li>
										Uses the latest MVC features, such as Partials, TagHelpers and RazorPages to provide quick, easy and re-usable building blocks.
									</li>
									<li>
										Blazing performance and extensibility, no restrictions or compromises, the limit is your own imagination!
									</li>
								</ul>
								<a href="javascript:void(0);" class="btn btn-sm btn-outline-primary disabled">Full Project – Sold Separately (not yet available)</a>
							
							</div>
							{{!-- <div class="col-sm-12 text-right">
								<button type="button" class="btn btn-link mt-3">Coming soon...</button>
							</div> --}}

						</div>
							
					</div>
					
				</div>


				<div class="col-xl-6 mb-4">

					<!-- PHP Flavor -->
					<div class="card h-100 rounded overflow-hidden">

						<div class="card-body p-4">

							<span class="badge badge-primary fw-300 ml-auto position-absolute pos-top pos-right mr-4 mt-4 hidden-sm-down">SEED PROJECT INCL.</span>

							<div class="d-flex align-items-center mb-g">
								<img src="img/demo/php.png" class="mr-3">
								<h1 class="fw-300 m-0 l-h-n">
									<span class="text-contrast">Php 7</span>
									<small class="fw-300 m-0 l-h-n">
										Easy to understand platform with a large community set
									</small>
								</h1>
							</div>
							<div class="col">
								PHP is a free language with no licensing fees, the cost of using it is minimal. Interactable with many different database languages including MySQL. Can run on Windows, Linux and Unix servers, making it very flexible to work with.
								<ul class="mt-3 list-spaced">
									<li>
										Clean and well documented code. Supports PHP 7.1 and later.
									</li>
									<li>
										Basic and Advanced API Controls. Uses Composer package manager.
									</li>
									<li>
										Requires no framework, use your favorite text editor to create your dream application, that's fast, reliable and flexible for almost any platform.
									</li>
								</ul>
								<br>
								<a href="https://wrapbootstrap.com/theme/smartadmin-php-7-responsive-webapp-WB05M9585" class="btn btn-sm btn-outline-primary" target="_blank">Full Project – Sold Separately</a>
							</div>
							{{!-- <div class="col-sm-12 text-right">
								<button type="button" class="btn btn-link mt-3">Coming soon...</button>
							</div> --}}

						</div>
							
					</div>
					
				</div>

			</div>

		</div>

		<div class="col-12">

			<div class="row">
				
				<div class="col-xl-6 mb-4">

					<!-- RAILS Flavor -->
					<div class="card h-100 rounded overflow-hidden position-relative">

						<span class="badge badge-warning fw-300 ml-auto position-absolute pos-top pos-right mr-4 mt-4 hidden-sm-down">COMING SOON</span>

						<div class="card-body p-4">

							<div class="d-flex align-items-center mb-g">
								<img src="img/demo/rails.png" class="mr-3">
								<h1 class="fw-300 m-0 l-h-n">
									<span class="text-contrast">
										Rails 
										<small class="text-muted text-sm d-inline">
											<sup>
												(SEED PROJECT)
											</sup>
										</small>
									</span>
									<small class="fw-300 m-0 l-h-n">
										Flexible, less opinionated solution
									</small>
								</h1>
							</div>
							<div class="col">
								 Rails, is a server-side web application framework written in Ruby under the MIT License. Rails is a model–view–controller framework, providing default structures for a database, a web service, and web pages
								{{!-- <ul class="mt-3 list-spaced">
									<li>
										No Jquery dependency
									</li>
									<li>
										SCSS resources
									</li>
									<li>
										Angular CLI
									</li>
								</ul> --}}
							</div>
							{{!-- <div class="col-sm-12 text-right">
								<button type="button" class="btn btn-link mt-3">Coming soon...</button>
							</div> --}}

						</div>	

					</div>
					
				</div>

				<div class="col-xl-6 mb-4">

					<!-- AngularJS Flavor -->
					<div class="card h-100 rounded overflow-hidden position-relative">

						<span class="badge badge-warning fw-300 ml-auto position-absolute pos-top pos-right mr-4 mt-4 hidden-sm-down">COMING SOON</span>

						<div class="card-body p-4">

							<div class="d-flex align-items-center mb-g">
								<img src="img/demo/angular.png" class="mr-3">
								<h1 class="fw-300 m-0 l-h-n">
									<span class="text-contrast">
										Angular 8 
										<small class="text-muted text-sm d-inline">
											<sup>
												(SEED PROJECT)
											</sup>
										</small>
									</span>
									<small class="fw-300 m-0 l-h-n">
										Epic speed and endurance for rapid prototyping
									</small>
								</h1>
							</div>
							<div class="col">
								AngularJS is a JavaScript-based open-source front-end web framework mainly maintained by Google and by a community of individuals and corporations to address many of the challenges encountered in developing single-page applications
								{{!-- <ul class="mt-3 list-spaced">
									<li>
										No Jquery dependency
									</li>
									<li>
										Modularized structure
									</li>
									<li>
										Angular CLI
									</li>
								</ul> --}}
							</div>
							{{!-- <div class="col-sm-12 text-right">
								<button type="button" class="btn btn-link mt-3">Coming soon...</button>
							</div> --}}

						</div>	

					</div>
					
				</div>

			</div>

		</div>

		<div class="col-12">

			<div class="row">
				
				<div class="col-xl-6 mb-4">

					<!-- VUEJS Flavor -->
					<div class="card h-100 rounded overflow-hidden position-relative">

						<span class="badge badge-warning fw-300 ml-auto position-absolute pos-top pos-right mr-4 mt-4 hidden-sm-down">COMING SOON</span>

						<div class="card-body p-4">

							<div class="d-flex align-items-center mb-g">
								<img src="img/demo/vuejs.png" class="mr-3">
								<h1 class="fw-300 m-0 l-h-n">
									<span class="text-contrast">
										Vue.js 
										<small class="text-muted text-sm d-inline">
											<sup>
												(SEED PROJECT)
											</sup>
										</small>
									</span>
									<small class="fw-300 m-0 l-h-n">
										Clutterless, headache free, compilation toolkit
									</small>
								</h1>
							</div>
							<div class="col">
								Vue.js is one of those new software technologies that are being widely used across the world for web development. Vue.js is actually a JavaScript framework with various optional tools for building user interfaces
								{{!-- <ul class="mt-3 list-spaced">
									<li>
										No Jquery dependency
									</li>
									<li>
										SCSS resources
									</li>
									<li>
										Angular CLI
									</li>
								</ul> --}}
							</div>
							{{!-- <div class="col-sm-12 text-right">
								<button type="button" class="btn btn-link mt-3">Coming soon...</button>
							</div> --}}

						</div>	

					</div>
					
				</div>

				<div class="col-xl-6 mb-4">

					<!-- React Flavor -->
					<div class="card h-100 rounded overflow-hidden">

						<div class="card-body p-4">

							<span class="badge badge-warning fw-300 ml-auto position-absolute pos-top pos-right mr-4 mt-4 hidden-sm-down">COMING SOON</span>

							<div class="d-flex align-items-center mb-g">
								<img src="img/demo/react.png" class="mr-3">
								<h1 class="fw-300 m-0 l-h-n">
									<span class="text-contrast">React
										<small class="text-muted text-sm d-inline">
											<sup>
												(SEED PROJECT)
											</sup>
										</small>
									</span>
									<small class="fw-300 m-0 l-h-n">
										A better data overview binding with scalability in mind
									</small>
								</h1>
							</div>
							<div class="col">
								ReactJS basically is an open-source JavaScript library which is used for building user interfaces specifically for single page applications. It's used for handling view layer for web and mobile apps. React also allows us to create reusable UI components. The main purpose of React is to be fast, scalable, and simple.
								{{!-- <ul class="mt-3 list-spaced">
									<li>
										No Jquery dependency
									</li>
									<li>
										SCSS resources
									</li>
									<li>
										Angular CLI
									</li>
								</ul> --}}
							</div>
							{{!-- <div class="col-sm-12 text-right">
								<button type="button" class="btn btn-link mt-3">Coming soon...</button>
							</div> --}}

						</div>
							
					</div>
					
				</div>

			</div>

		</div>

		
	</div>

	<div class="mt-4 text-center text-muted h4 font-italic">
		<i class="fal fa-check text-success"></i> All seed projects are included with your purchase of the HTML5 Flavor
	</div>
</div>

{{/inline}}

{{/layouts/main}}