inital commit

templates/template_1/Main File/Documentation/assets/css/documenter_style.css

@@ -0,0 +1,170 @@
+/*!
+ * Documenter 2.0
+ * http://rxa.li/documenter
+ *
+ * Copyright 2013, Xaver Birsak
+ * http://revaxarts.com
+ *
+ */
+html, body{max-width:100%;}
+body{ padding-bottom: 40px;}
+
+#documenter_content{
+	padding-top: 200px;
+}
+#documenter-cover{
+	min-height: 600px;
+}
+
+.masthead h1{
+	margin-top: 48px;
+}
+
+section h3,
+section h4,
+section h5,
+section h6 {
+	padding: 0;
+	clear: both;
+	line-height: 1.2em;
+	margin-top: 2em;
+}
+section h3{ font-size:2em;}
+section h4{ font-size:1.5em;}
+section h5{ font-size:1.3em;}
+section h6{ font-size:1.1em;}
+
+section table{
+	border-top:1px solid;
+	margin: 18px 0 18px;
+}
+section table td, section table th{
+	border-bottom:1px solid;
+	text-align:left;
+	padding: 10px 10px 10px 3px;
+}
+section table th{
+	font-weight: 900;
+}
+
+hr.notop{
+	margin-top:3px;
+}
+
+.img-area {max-width: 100%; border: 1px solid #ddd; padding: 10px; margin: 30px 0;}
+	
+footer{
+	padding-bottom:500px;
+}
+.container{
+	padding-bottom:3px;
+	position: relative;
+}
+.navbar a.brand{
+	display:inline-block;
+	width:200px;
+	background-position:center left;
+	background-repeat:no-repeat;
+	background-size: contain;
+	text-indent:-9999px;
+	margin:0;
+	padding:0;
+	top: 0;
+	bottom: 0;
+	position: absolute;
+}
+
+.page-header{
+	border:0;
+}
+.navbar .nav {
+	margin: 10px 10px 0 200px;
+	float: none;
+}
+.navbar .nav li a{
+	border-radius:3px;
+	display:block;
+	white-space:nowrap;
+	padding:6px 11px 7px;		
+	text-overflow:ellipsis;
+	text-decoration:none;
+	margin-left: 3px;
+	margin-bottom: 3px;
+}
+.navbar .nav li ul{
+	border-radius:5px;
+	display:none;
+	position:absolute;
+	list-style-type:none;
+	min-width:100px;
+	padding:3px;
+	box-shadow:0 0 3px rgba(0,0,0,0.3);
+
+}
+.navbar .nav > li:hover ul{
+	display:block;
+}
+
+.marketing-byline {
+	list-style:none;
+	margin-left: 0;
+	margin-bottom: 24px;
+}
+.marketing-byline li{
+	display:inline;
+	padding:0 2px;
+}
+.download-info{
+	clear:both;
+	text-align: center;
+}
+#intro{margin-top: 40px;
+text-align: center;}
+
+section{
+	margin-top:300px;
+}
+img{
+	height:auto !important;
+}
+iframe{
+	max-width:100% !important;
+}
+
+@media (max-width: 979px) {
+	#documenter_content{
+		padding-top: 0px;
+	}
+	.navbar .nav {
+		margin: 10px 10px 0 0;
+	}
+	.navbar .nav > li > a{
+		padding:6px 11px 7px;
+		max-width:100%;
+		overflow:hidden;
+		text-overflow:ellipsis;
+	}
+	.navbar .nav li ul{
+		display:none;
+		box-shadow:none;
+		position:static;
+	}
+	.navbar .nav li:hover ul{
+		display:block;
+	}
+	.navbar .nav li ul li{
+		display:block;
+	}
+	.navbar .nav li a{
+		max-width:100%;
+	}
+
+	section{
+		margin-top:80px;
+	}
+}
+@media (max-width: 480px) {
+	section{
+		margin-top:30px;
+	}
+}

templates/template_1/Main File/Documentation/assets/js/README.md

@@ -0,0 +1,106 @@
+## 2.0 BOOTSTRAP JS PHILOSOPHY
+These are the high-level design rules which guide the development of Bootstrap's plugin apis.
+
+---
+
+### DATA-ATTRIBUTE API
+
+We believe you should be able to use all plugins provided by Bootstrap purely through the markup API without writing a single line of javascript.
+
+We acknowledge that this isn't always the most performant and sometimes it may be desirable to turn this functionality off altogether. Therefore, as of 2.0 we provide the ability to disable the data attribute API by unbinding all events on the body namespaced with `'data-api'`. This looks like this:
+
+    $('body').off('.data-api')
+
+To target a specific plugin, just include the plugins name as a namespace along with the data-api namespace like this:
+
+    $('body').off('.alert.data-api')
+
+---
+
+### PROGRAMATIC API
+
+We also believe you should be able to use all plugins provided by Bootstrap purely through the JS API.
+
+All public APIs should be single, chainable methods, and return the collection acted upon.
+
+    $(".btn.danger").button("toggle").addClass("fat")
+
+All methods should accept an optional options object, a string which targets a particular method, or null which initiates the default behavior:
+
+    $("#myModal").modal() // initialized with defaults
+    $("#myModal").modal({ keyboard: false }) // initialized with now keyboard
+    $("#myModal").modal('show') // initializes and invokes show immediately afterqwe2
+
+---
+
+### OPTIONS
+
+Options should be sparse and add universal value. We should pick the right defaults.
+
+All plugins should have a default object which can be modified to effect all instance's default options. The defaults object should be available via `$.fn.plugin.defaults`.
+
+    $.fn.modal.defaults = { … }
+
+An options definition should take the following form:
+
+    *noun*: *adjective* - describes or modifies a quality of an instance
+
+examples:
+
+    backdrop: true
+    keyboard: false
+    placement: 'top'
+
+---
+
+### EVENTS
+
+All events should have an infinitive and past participle form. The infinitive is fired just before an action takes place, the past participle on completion of the action.
+
+    show | shown
+    hide | hidden
+
+---
+
+### CONSTRUCTORS
+
+Each plugin should expose it's raw constructor on a `Constructor` property -- accessed in the following way:
+
+
+    $.fn.popover.Constructor
+
+---
+
+### DATA ACCESSOR
+
+Each plugin stores a copy of the invoked class on an object. This class instance can be accessed directly through jQuery's data API like this:
+
+    $('[rel=popover]').data('popover') instanceof $.fn.popover.Constructor
+
+---
+
+### DATA ATTRIBUTES
+
+Data attributes should take the following form:
+
+- data-{{verb}}={{plugin}} - defines main interaction
+- data-target || href^=# - defined on "control" element (if element controls an element other than self)
+- data-{{noun}} - defines class instance options
+
+examples:
+
+    // control other targets
+    data-toggle="modal" data-target="#foo"
+    data-toggle="collapse" data-target="#foo" data-parent="#bar"
+
+    // defined on element they control
+    data-spy="scroll"
+
+    data-dismiss="modal"
+    data-dismiss="alert"
+
+    data-toggle="dropdown"
+
+    data-toggle="button"
+    data-toggle="buttons-checkbox"
+    data-toggle="buttons-radio"

templates/template_1/Main File/Documentation/assets/js/google-code-prettify/prettify.css

@@ -0,0 +1,30 @@
+.com { color: #93a1a1; }
+.lit { color: #195f91; }
+.pun, .opn, .clo { color: #93a1a1; }
+.fun { color: #dc322f; }
+.str, .atv { color: #D14; }
+.kwd, .linenums .tag { color: #1e347b; }
+.typ, .atn, .dec, .var { color: teal; }
+.pln { color: #48484c; }
+
+.prettyprint {
+  padding: 8px;
+  background-color: #f7f7f9;
+  border: 1px solid #e1e1e8;
+}
+.prettyprint.linenums {
+  -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
+     -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
+          box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
+}
+
+/* Specify class=linenums on a pre to get line numbering */
+ol.linenums {
+  margin: 0 0 0 33px; /* IE indents via margin-left */
+} 
+ol.linenums li {
+  padding-left: 12px;
+  color: #bebec5;
+  line-height: 18px;
+  text-shadow: 0 1px 0 #fff;
+}

templates/template_1/Main File/Documentation/assets/js/google-code-prettify/prettify.js

@@ -0,0 +1,28 @@
+var q=null;window.PR_SHOULD_USE_CONTINUATION=!0;
+(function(){function L(a){function m(a){var f=a.charCodeAt(0);if(f!==92)return f;var b=a.charAt(1);return(f=r[b])?f:"0"<=b&&b<="7"?parseInt(a.substring(1),8):b==="u"||b==="x"?parseInt(a.substring(2),16):a.charCodeAt(1)}function e(a){if(a<32)return(a<16?"\\x0":"\\x")+a.toString(16);a=String.fromCharCode(a);if(a==="\\"||a==="-"||a==="["||a==="]")a="\\"+a;return a}function h(a){for(var f=a.substring(1,a.length-1).match(/\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\[0-3][0-7]{0,2}|\\[0-7]{1,2}|\\[\S\s]|[^\\]/g),a=
+[],b=[],o=f[0]==="^",c=o?1:0,i=f.length;c<i;++c){var j=f[c];if(/\\[bdsw]/i.test(j))a.push(j);else{var j=m(j),d;c+2<i&&"-"===f[c+1]?(d=m(f[c+2]),c+=2):d=j;b.push([j,d]);d<65||j>122||(d<65||j>90||b.push([Math.max(65,j)|32,Math.min(d,90)|32]),d<97||j>122||b.push([Math.max(97,j)&-33,Math.min(d,122)&-33]))}}b.sort(function(a,f){return a[0]-f[0]||f[1]-a[1]});f=[];j=[NaN,NaN];for(c=0;c<b.length;++c)i=b[c],i[0]<=j[1]+1?j[1]=Math.max(j[1],i[1]):f.push(j=i);b=["["];o&&b.push("^");b.push.apply(b,a);for(c=0;c<
+f.length;++c)i=f[c],b.push(e(i[0])),i[1]>i[0]&&(i[1]+1>i[0]&&b.push("-"),b.push(e(i[1])));b.push("]");return b.join("")}function y(a){for(var f=a.source.match(/\[(?:[^\\\]]|\\[\S\s])*]|\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\\d+|\\[^\dux]|\(\?[!:=]|[()^]|[^()[\\^]+/g),b=f.length,d=[],c=0,i=0;c<b;++c){var j=f[c];j==="("?++i:"\\"===j.charAt(0)&&(j=+j.substring(1))&&j<=i&&(d[j]=-1)}for(c=1;c<d.length;++c)-1===d[c]&&(d[c]=++t);for(i=c=0;c<b;++c)j=f[c],j==="("?(++i,d[i]===void 0&&(f[c]="(?:")):"\\"===j.charAt(0)&&
+(j=+j.substring(1))&&j<=i&&(f[c]="\\"+d[i]);for(i=c=0;c<b;++c)"^"===f[c]&&"^"!==f[c+1]&&(f[c]="");if(a.ignoreCase&&s)for(c=0;c<b;++c)j=f[c],a=j.charAt(0),j.length>=2&&a==="["?f[c]=h(j):a!=="\\"&&(f[c]=j.replace(/[A-Za-z]/g,function(a){a=a.charCodeAt(0);return"["+String.fromCharCode(a&-33,a|32)+"]"}));return f.join("")}for(var t=0,s=!1,l=!1,p=0,d=a.length;p<d;++p){var g=a[p];if(g.ignoreCase)l=!0;else if(/[a-z]/i.test(g.source.replace(/\\u[\da-f]{4}|\\x[\da-f]{2}|\\[^UXux]/gi,""))){s=!0;l=!1;break}}for(var r=
+{b:8,t:9,n:10,v:11,f:12,r:13},n=[],p=0,d=a.length;p<d;++p){g=a[p];if(g.global||g.multiline)throw Error(""+g);n.push("(?:"+y(g)+")")}return RegExp(n.join("|"),l?"gi":"g")}function M(a){function m(a){switch(a.nodeType){case 1:if(e.test(a.className))break;for(var g=a.firstChild;g;g=g.nextSibling)m(g);g=a.nodeName;if("BR"===g||"LI"===g)h[s]="\n",t[s<<1]=y++,t[s++<<1|1]=a;break;case 3:case 4:g=a.nodeValue,g.length&&(g=p?g.replace(/\r\n?/g,"\n"):g.replace(/[\t\n\r ]+/g," "),h[s]=g,t[s<<1]=y,y+=g.length,
+t[s++<<1|1]=a)}}var e=/(?:^|\s)nocode(?:\s|$)/,h=[],y=0,t=[],s=0,l;a.currentStyle?l=a.currentStyle.whiteSpace:window.getComputedStyle&&(l=document.defaultView.getComputedStyle(a,q).getPropertyValue("white-space"));var p=l&&"pre"===l.substring(0,3);m(a);return{a:h.join("").replace(/\n$/,""),c:t}}function B(a,m,e,h){m&&(a={a:m,d:a},e(a),h.push.apply(h,a.e))}function x(a,m){function e(a){for(var l=a.d,p=[l,"pln"],d=0,g=a.a.match(y)||[],r={},n=0,z=g.length;n<z;++n){var f=g[n],b=r[f],o=void 0,c;if(typeof b===
+"string")c=!1;else{var i=h[f.charAt(0)];if(i)o=f.match(i[1]),b=i[0];else{for(c=0;c<t;++c)if(i=m[c],o=f.match(i[1])){b=i[0];break}o||(b="pln")}if((c=b.length>=5&&"lang-"===b.substring(0,5))&&!(o&&typeof o[1]==="string"))c=!1,b="src";c||(r[f]=b)}i=d;d+=f.length;if(c){c=o[1];var j=f.indexOf(c),k=j+c.length;o[2]&&(k=f.length-o[2].length,j=k-c.length);b=b.substring(5);B(l+i,f.substring(0,j),e,p);B(l+i+j,c,C(b,c),p);B(l+i+k,f.substring(k),e,p)}else p.push(l+i,b)}a.e=p}var h={},y;(function(){for(var e=a.concat(m),
+l=[],p={},d=0,g=e.length;d<g;++d){var r=e[d],n=r[3];if(n)for(var k=n.length;--k>=0;)h[n.charAt(k)]=r;r=r[1];n=""+r;p.hasOwnProperty(n)||(l.push(r),p[n]=q)}l.push(/[\S\s]/);y=L(l)})();var t=m.length;return e}function u(a){var m=[],e=[];a.tripleQuotedStrings?m.push(["str",/^(?:'''(?:[^'\\]|\\[\S\s]|''?(?=[^']))*(?:'''|$)|"""(?:[^"\\]|\\[\S\s]|""?(?=[^"]))*(?:"""|$)|'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$))/,q,"'\""]):a.multiLineStrings?m.push(["str",/^(?:'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$)|`(?:[^\\`]|\\[\S\s])*(?:`|$))/,
+q,"'\"`"]):m.push(["str",/^(?:'(?:[^\n\r'\\]|\\.)*(?:'|$)|"(?:[^\n\r"\\]|\\.)*(?:"|$))/,q,"\"'"]);a.verbatimStrings&&e.push(["str",/^@"(?:[^"]|"")*(?:"|$)/,q]);var h=a.hashComments;h&&(a.cStyleComments?(h>1?m.push(["com",/^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/,q,"#"]):m.push(["com",/^#(?:(?:define|elif|else|endif|error|ifdef|include|ifndef|line|pragma|undef|warning)\b|[^\n\r]*)/,q,"#"]),e.push(["str",/^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h|[a-z]\w*)>/,q])):m.push(["com",/^#[^\n\r]*/,
+q,"#"]));a.cStyleComments&&(e.push(["com",/^\/\/[^\n\r]*/,q]),e.push(["com",/^\/\*[\S\s]*?(?:\*\/|$)/,q]));a.regexLiterals&&e.push(["lang-regex",/^(?:^^\.?|[!+-]|!=|!==|#|%|%=|&|&&|&&=|&=|\(|\*|\*=|\+=|,|-=|->|\/|\/=|:|::|;|<|<<|<<=|<=|=|==|===|>|>=|>>|>>=|>>>|>>>=|[?@[^]|\^=|\^\^|\^\^=|{|\||\|=|\|\||\|\|=|~|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\s*(\/(?=[^*/])(?:[^/[\\]|\\[\S\s]|\[(?:[^\\\]]|\\[\S\s])*(?:]|$))+\/)/]);(h=a.types)&&e.push(["typ",h]);a=(""+a.keywords).replace(/^ | $/g,
+"");a.length&&e.push(["kwd",RegExp("^(?:"+a.replace(/[\s,]+/g,"|")+")\\b"),q]);m.push(["pln",/^\s+/,q," \r\n\t\xa0"]);e.push(["lit",/^@[$_a-z][\w$@]*/i,q],["typ",/^(?:[@_]?[A-Z]+[a-z][\w$@]*|\w+_t\b)/,q],["pln",/^[$_a-z][\w$@]*/i,q],["lit",/^(?:0x[\da-f]+|(?:\d(?:_\d+)*\d*(?:\.\d*)?|\.\d\+)(?:e[+-]?\d+)?)[a-z]*/i,q,"0123456789"],["pln",/^\\[\S\s]?/,q],["pun",/^.[^\s\w"-$'./@\\`]*/,q]);return x(m,e)}function D(a,m){function e(a){switch(a.nodeType){case 1:if(k.test(a.className))break;if("BR"===a.nodeName)h(a),
+a.parentNode&&a.parentNode.removeChild(a);else for(a=a.firstChild;a;a=a.nextSibling)e(a);break;case 3:case 4:if(p){var b=a.nodeValue,d=b.match(t);if(d){var c=b.substring(0,d.index);a.nodeValue=c;(b=b.substring(d.index+d[0].length))&&a.parentNode.insertBefore(s.createTextNode(b),a.nextSibling);h(a);c||a.parentNode.removeChild(a)}}}}function h(a){function b(a,d){var e=d?a.cloneNode(!1):a,f=a.parentNode;if(f){var f=b(f,1),g=a.nextSibling;f.appendChild(e);for(var h=g;h;h=g)g=h.nextSibling,f.appendChild(h)}return e}
+for(;!a.nextSibling;)if(a=a.parentNode,!a)return;for(var a=b(a.nextSibling,0),e;(e=a.parentNode)&&e.nodeType===1;)a=e;d.push(a)}var k=/(?:^|\s)nocode(?:\s|$)/,t=/\r\n?|\n/,s=a.ownerDocument,l;a.currentStyle?l=a.currentStyle.whiteSpace:window.getComputedStyle&&(l=s.defaultView.getComputedStyle(a,q).getPropertyValue("white-space"));var p=l&&"pre"===l.substring(0,3);for(l=s.createElement("LI");a.firstChild;)l.appendChild(a.firstChild);for(var d=[l],g=0;g<d.length;++g)e(d[g]);m===(m|0)&&d[0].setAttribute("value",
+m);var r=s.createElement("OL");r.className="linenums";for(var n=Math.max(0,m-1|0)||0,g=0,z=d.length;g<z;++g)l=d[g],l.className="L"+(g+n)%10,l.firstChild||l.appendChild(s.createTextNode("\xa0")),r.appendChild(l);a.appendChild(r)}function k(a,m){for(var e=m.length;--e>=0;){var h=m[e];A.hasOwnProperty(h)?window.console&&console.warn("cannot override language handler %s",h):A[h]=a}}function C(a,m){if(!a||!A.hasOwnProperty(a))a=/^\s*</.test(m)?"default-markup":"default-code";return A[a]}function E(a){var m=
+a.g;try{var e=M(a.h),h=e.a;a.a=h;a.c=e.c;a.d=0;C(m,h)(a);var k=/\bMSIE\b/.test(navigator.userAgent),m=/\n/g,t=a.a,s=t.length,e=0,l=a.c,p=l.length,h=0,d=a.e,g=d.length,a=0;d[g]=s;var r,n;for(n=r=0;n<g;)d[n]!==d[n+2]?(d[r++]=d[n++],d[r++]=d[n++]):n+=2;g=r;for(n=r=0;n<g;){for(var z=d[n],f=d[n+1],b=n+2;b+2<=g&&d[b+1]===f;)b+=2;d[r++]=z;d[r++]=f;n=b}for(d.length=r;h<p;){var o=l[h+2]||s,c=d[a+2]||s,b=Math.min(o,c),i=l[h+1],j;if(i.nodeType!==1&&(j=t.substring(e,b))){k&&(j=j.replace(m,"\r"));i.nodeValue=
+j;var u=i.ownerDocument,v=u.createElement("SPAN");v.className=d[a+1];var x=i.parentNode;x.replaceChild(v,i);v.appendChild(i);e<o&&(l[h+1]=i=u.createTextNode(t.substring(b,o)),x.insertBefore(i,v.nextSibling))}e=b;e>=o&&(h+=2);e>=c&&(a+=2)}}catch(w){"console"in window&&console.log(w&&w.stack?w.stack:w)}}var v=["break,continue,do,else,for,if,return,while"],w=[[v,"auto,case,char,const,default,double,enum,extern,float,goto,int,long,register,short,signed,sizeof,static,struct,switch,typedef,union,unsigned,void,volatile"],
+"catch,class,delete,false,import,new,operator,private,protected,public,this,throw,true,try,typeof"],F=[w,"alignof,align_union,asm,axiom,bool,concept,concept_map,const_cast,constexpr,decltype,dynamic_cast,explicit,export,friend,inline,late_check,mutable,namespace,nullptr,reinterpret_cast,static_assert,static_cast,template,typeid,typename,using,virtual,where"],G=[w,"abstract,boolean,byte,extends,final,finally,implements,import,instanceof,null,native,package,strictfp,super,synchronized,throws,transient"],
+H=[G,"as,base,by,checked,decimal,delegate,descending,dynamic,event,fixed,foreach,from,group,implicit,in,interface,internal,into,is,lock,object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed,stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var"],w=[w,"debugger,eval,export,function,get,null,set,undefined,var,with,Infinity,NaN"],I=[v,"and,as,assert,class,def,del,elif,except,exec,finally,from,global,import,in,is,lambda,nonlocal,not,or,pass,print,raise,try,with,yield,False,True,None"],
+J=[v,"alias,and,begin,case,class,def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo,rescue,retry,self,super,then,true,undef,unless,until,when,yield,BEGIN,END"],v=[v,"case,done,elif,esac,eval,fi,function,in,local,set,then,until"],K=/^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\d*)/,N=/\S/,O=u({keywords:[F,H,w,"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END"+
+I,J,v],hashComments:!0,cStyleComments:!0,multiLineStrings:!0,regexLiterals:!0}),A={};k(O,["default-code"]);k(x([],[["pln",/^[^<?]+/],["dec",/^<!\w[^>]*(?:>|$)/],["com",/^<\!--[\S\s]*?(?:--\>|$)/],["lang-",/^<\?([\S\s]+?)(?:\?>|$)/],["lang-",/^<%([\S\s]+?)(?:%>|$)/],["pun",/^(?:<[%?]|[%?]>)/],["lang-",/^<xmp\b[^>]*>([\S\s]+?)<\/xmp\b[^>]*>/i],["lang-js",/^<script\b[^>]*>([\S\s]*?)(<\/script\b[^>]*>)/i],["lang-css",/^<style\b[^>]*>([\S\s]*?)(<\/style\b[^>]*>)/i],["lang-in.tag",/^(<\/?[a-z][^<>]*>)/i]]),
+["default-markup","htm","html","mxml","xhtml","xml","xsl"]);k(x([["pln",/^\s+/,q," \t\r\n"],["atv",/^(?:"[^"]*"?|'[^']*'?)/,q,"\"'"]],[["tag",/^^<\/?[a-z](?:[\w-.:]*\w)?|\/?>$/i],["atn",/^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i],["lang-uq.val",/^=\s*([^\s"'>]*(?:[^\s"'/>]|\/(?=\s)))/],["pun",/^[/<->]+/],["lang-js",/^on\w+\s*=\s*"([^"]+)"/i],["lang-js",/^on\w+\s*=\s*'([^']+)'/i],["lang-js",/^on\w+\s*=\s*([^\s"'>]+)/i],["lang-css",/^style\s*=\s*"([^"]+)"/i],["lang-css",/^style\s*=\s*'([^']+)'/i],["lang-css",
+/^style\s*=\s*([^\s"'>]+)/i]]),["in.tag"]);k(x([],[["atv",/^[\S\s]+/]]),["uq.val"]);k(u({keywords:F,hashComments:!0,cStyleComments:!0,types:K}),["c","cc","cpp","cxx","cyc","m"]);k(u({keywords:"null,true,false"}),["json"]);k(u({keywords:H,hashComments:!0,cStyleComments:!0,verbatimStrings:!0,types:K}),["cs"]);k(u({keywords:G,cStyleComments:!0}),["java"]);k(u({keywords:v,hashComments:!0,multiLineStrings:!0}),["bsh","csh","sh"]);k(u({keywords:I,hashComments:!0,multiLineStrings:!0,tripleQuotedStrings:!0}),
+["cv","py"]);k(u({keywords:"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END",hashComments:!0,multiLineStrings:!0,regexLiterals:!0}),["perl","pl","pm"]);k(u({keywords:J,hashComments:!0,multiLineStrings:!0,regexLiterals:!0}),["rb"]);k(u({keywords:w,cStyleComments:!0,regexLiterals:!0}),["js"]);k(u({keywords:"all,and,by,catch,class,else,extends,false,finally,for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then,true,try,unless,until,when,while,yes",
+hashComments:3,cStyleComments:!0,multilineStrings:!0,tripleQuotedStrings:!0,regexLiterals:!0}),["coffee"]);k(x([],[["str",/^[\S\s]+/]]),["regex"]);window.prettyPrintOne=function(a,m,e){var h=document.createElement("PRE");h.innerHTML=a;e&&D(h,e);E({g:m,i:e,h:h});return h.innerHTML};window.prettyPrint=function(a){function m(){for(var e=window.PR_SHOULD_USE_CONTINUATION?l.now()+250:Infinity;p<h.length&&l.now()<e;p++){var n=h[p],k=n.className;if(k.indexOf("prettyprint")>=0){var k=k.match(g),f,b;if(b=
+!k){b=n;for(var o=void 0,c=b.firstChild;c;c=c.nextSibling)var i=c.nodeType,o=i===1?o?b:c:i===3?N.test(c.nodeValue)?b:o:o;b=(f=o===b?void 0:o)&&"CODE"===f.tagName}b&&(k=f.className.match(g));k&&(k=k[1]);b=!1;for(o=n.parentNode;o;o=o.parentNode)if((o.tagName==="pre"||o.tagName==="code"||o.tagName==="xmp")&&o.className&&o.className.indexOf("prettyprint")>=0){b=!0;break}b||((b=(b=n.className.match(/\blinenums\b(?::(\d+))?/))?b[1]&&b[1].length?+b[1]:!0:!1)&&D(n,b),d={g:k,h:n,i:b},E(d))}}p<h.length?setTimeout(m,
+250):a&&a()}for(var e=[document.getElementsByTagName("pre"),document.getElementsByTagName("code"),document.getElementsByTagName("xmp")],h=[],k=0;k<e.length;++k)for(var t=0,s=e[k].length;t<s;++t)h.push(e[k][t]);var e=q,l=Date;l.now||(l={now:function(){return+new Date}});var p=0,d,g=/\blang(?:uage)?-([\w.]+)(?!\S)/;m()};window.PR={createSimpleLexer:x,registerLangHandler:k,sourceDecorator:u,PR_ATTRIB_NAME:"atn",PR_ATTRIB_VALUE:"atv",PR_COMMENT:"com",PR_DECLARATION:"dec",PR_KEYWORD:"kwd",PR_LITERAL:"lit",
+PR_NOCODE:"nocode",PR_PLAIN:"pln",PR_PUNCTUATION:"pun",PR_SOURCE:"src",PR_STRING:"str",PR_TAG:"tag",PR_TYPE:"typ"}})();

templates/template_1/Main File/Documentation/assets/js/jquery.easing.js

@@ -0,0 +1,205 @@
+/*
+ * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
+ *
+ * Uses the built in easing capabilities added In jQuery 1.1
+ * to offer multiple easing options
+ *
+ * TERMS OF USE - jQuery Easing
+ * 
+ * Open source under the BSD License. 
+ * 
+ * Copyright © 2008 George McGinley Smith
+ * All rights reserved.
+ * 
+ * Redistribution and use in source and binary forms, with or without modification, 
+ * are permitted provided that the following conditions are met:
+ * 
+ * Redistributions of source code must retain the above copyright notice, this list of 
+ * conditions and the following disclaimer.
+ * Redistributions in binary form must reproduce the above copyright notice, this list 
+ * of conditions and the following disclaimer in the documentation and/or other materials 
+ * provided with the distribution.
+ * 
+ * Neither the name of the author nor the names of contributors may be used to endorse 
+ * or promote products derived from this software without specific prior written permission.
+ * 
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
+ * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+ *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+ *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+ *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
+ * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+ *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
+ * OF THE POSSIBILITY OF SUCH DAMAGE. 
+ *
+*/
+
+// t: current time, b: begInnIng value, c: change In value, d: duration
+jQuery.easing['jswing'] = jQuery.easing['swing'];
+
+jQuery.extend( jQuery.easing,
+{
+	def: 'easeOutQuad',
+	swing: function (x, t, b, c, d) {
+		//alert(jQuery.easing.default);
+		return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
+	},
+	easeInQuad: function (x, t, b, c, d) {
+		return c*(t/=d)*t + b;
+	},
+	easeOutQuad: function (x, t, b, c, d) {
+		return -c *(t/=d)*(t-2) + b;
+	},
+	easeInOutQuad: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t + b;
+		return -c/2 * ((--t)*(t-2) - 1) + b;
+	},
+	easeInCubic: function (x, t, b, c, d) {
+		return c*(t/=d)*t*t + b;
+	},
+	easeOutCubic: function (x, t, b, c, d) {
+		return c*((t=t/d-1)*t*t + 1) + b;
+	},
+	easeInOutCubic: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t*t + b;
+		return c/2*((t-=2)*t*t + 2) + b;
+	},
+	easeInQuart: function (x, t, b, c, d) {
+		return c*(t/=d)*t*t*t + b;
+	},
+	easeOutQuart: function (x, t, b, c, d) {
+		return -c * ((t=t/d-1)*t*t*t - 1) + b;
+	},
+	easeInOutQuart: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
+		return -c/2 * ((t-=2)*t*t*t - 2) + b;
+	},
+	easeInQuint: function (x, t, b, c, d) {
+		return c*(t/=d)*t*t*t*t + b;
+	},
+	easeOutQuint: function (x, t, b, c, d) {
+		return c*((t=t/d-1)*t*t*t*t + 1) + b;
+	},
+	easeInOutQuint: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
+		return c/2*((t-=2)*t*t*t*t + 2) + b;
+	},
+	easeInSine: function (x, t, b, c, d) {
+		return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
+	},
+	easeOutSine: function (x, t, b, c, d) {
+		return c * Math.sin(t/d * (Math.PI/2)) + b;
+	},
+	easeInOutSine: function (x, t, b, c, d) {
+		return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
+	},
+	easeInExpo: function (x, t, b, c, d) {
+		return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
+	},
+	easeOutExpo: function (x, t, b, c, d) {
+		return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
+	},
+	easeInOutExpo: function (x, t, b, c, d) {
+		if (t==0) return b;
+		if (t==d) return b+c;
+		if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
+		return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
+	},
+	easeInCirc: function (x, t, b, c, d) {
+		return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
+	},
+	easeOutCirc: function (x, t, b, c, d) {
+		return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
+	},
+	easeInOutCirc: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
+		return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
+	},
+	easeInElastic: function (x, t, b, c, d) {
+		var s=1.70158;var p=0;var a=c;
+		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+		if (a < Math.abs(c)) { a=c; var s=p/4; }
+		else var s = p/(2*Math.PI) * Math.asin (c/a);
+		return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+	},
+	easeOutElastic: function (x, t, b, c, d) {
+		var s=1.70158;var p=0;var a=c;
+		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+		if (a < Math.abs(c)) { a=c; var s=p/4; }
+		else var s = p/(2*Math.PI) * Math.asin (c/a);
+		return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
+	},
+	easeInOutElastic: function (x, t, b, c, d) {
+		var s=1.70158;var p=0;var a=c;
+		if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
+		if (a < Math.abs(c)) { a=c; var s=p/4; }
+		else var s = p/(2*Math.PI) * Math.asin (c/a);
+		if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+		return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
+	},
+	easeInBack: function (x, t, b, c, d, s) {
+		if (s == undefined) s = 1.70158;
+		return c*(t/=d)*t*((s+1)*t - s) + b;
+	},
+	easeOutBack: function (x, t, b, c, d, s) {
+		if (s == undefined) s = 1.70158;
+		return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
+	},
+	easeInOutBack: function (x, t, b, c, d, s) {
+		if (s == undefined) s = 1.70158; 
+		if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
+		return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
+	},
+	easeInBounce: function (x, t, b, c, d) {
+		return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
+	},
+	easeOutBounce: function (x, t, b, c, d) {
+		if ((t/=d) < (1/2.75)) {
+			return c*(7.5625*t*t) + b;
+		} else if (t < (2/2.75)) {
+			return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
+		} else if (t < (2.5/2.75)) {
+			return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
+		} else {
+			return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
+		}
+	},
+	easeInOutBounce: function (x, t, b, c, d) {
+		if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
+		return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
+	}
+});
+
+/*
+ *
+ * TERMS OF USE - EASING EQUATIONS
+ * 
+ * Open source under the BSD License. 
+ * 
+ * Copyright © 2001 Robert Penner
+ * All rights reserved.
+ * 
+ * Redistribution and use in source and binary forms, with or without modification, 
+ * are permitted provided that the following conditions are met:
+ * 
+ * Redistributions of source code must retain the above copyright notice, this list of 
+ * conditions and the following disclaimer.
+ * Redistributions in binary form must reproduce the above copyright notice, this list 
+ * of conditions and the following disclaimer in the documentation and/or other materials 
+ * provided with the distribution.
+ * 
+ * Neither the name of the author nor the names of contributors may be used to endorse 
+ * or promote products derived from this software without specific prior written permission.
+ * 
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
+ * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+ *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+ *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+ *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
+ * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+ *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
+ * OF THE POSSIBILITY OF SUCH DAMAGE. 
+ *
+ */

templates/template_1/Main File/Documentation/assets/js/jquery.scrollTo.js

@@ -0,0 +1,11 @@
+/**
+ * jQuery.ScrollTo - Easy element scrolling using jQuery.
+ * Copyright (c) 2007-2009 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
+ * Dual licensed under MIT and GPL.
+ * Date: 5/25/2009
+ * @author Ariel Flesler
+ * @version 1.4.2
+ *
+ * http://flesler.blogspot.co.at/2009/05/jqueryscrollto-142-released.html
+ */
+;(function(d){var k=d.scrollTo=function(a,i,e){d(window).scrollTo(a,i,e)};k.defaults={axis:'xy',duration:parseFloat(d.fn.jquery)>=1.3?0:1};k.window=function(a){return d(window)._scrollable()};d.fn._scrollable=function(){return this.map(function(){var a=this,i=!a.nodeName||d.inArray(a.nodeName.toLowerCase(),['iframe','#document','html','body'])!=-1;if(!i)return a;var e=(a.contentWindow||a).document||a.ownerDocument||a;return d.browser.safari||e.compatMode=='BackCompat'?e.body:e.documentElement})};d.fn.scrollTo=function(n,j,b){if(typeof j=='object'){b=j;j=0}if(typeof b=='function')b={onAfter:b};if(n=='max')n=9e9;b=d.extend({},k.defaults,b);j=j||b.speed||b.duration;b.queue=b.queue&&b.axis.length>1;if(b.queue)j/=2;b.offset=p(b.offset);b.over=p(b.over);return this._scrollable().each(function(){var q=this,r=d(q),f=n,s,g={},u=r.is('html,body');switch(typeof f){case'number':case'string':if(/^([+-]=)?\d+(\.\d+)?(px|%)?$/.test(f)){f=p(f);break}f=d(f,this);case'object':if(f.is||f.style)s=(f=d(f)).offset()}d.each(b.axis.split(''),function(a,i){var e=i=='x'?'Left':'Top',h=e.toLowerCase(),c='scroll'+e,l=q[c],m=k.max(q,i);if(s){g[c]=s[h]+(u?0:l-r.offset()[h]);if(b.margin){g[c]-=parseInt(f.css('margin'+e))||0;g[c]-=parseInt(f.css('border'+e+'Width'))||0}g[c]+=b.offset[h]||0;if(b.over[h])g[c]+=f[i=='x'?'width':'height']()*b.over[h]}else{var o=f[h];g[c]=o.slice&&o.slice(-1)=='%'?parseFloat(o)/100*m:o}if(/^\d+$/.test(g[c]))g[c]=g[c]<=0?0:Math.min(g[c],m);if(!a&&b.queue){if(l!=g[c])t(b.onAfterFirst);delete g[c]}});t(b.onAfter);function t(a){r.animate(g,j,b.easing,a&&function(){a.call(this,n,b)})}}).end()};k.max=function(a,i){var e=i=='x'?'Width':'Height',h='scroll'+e;if(!d(a).is('html,body'))return a[h]-d(a)[e.toLowerCase()]();var c='client'+e,l=a.ownerDocument.documentElement,m=a.ownerDocument.body;return Math.max(l[h],m[h])-Math.min(l[c],m[c])};function p(a){return typeof a=='object'?a:{top:a,left:a}}})(jQuery);

templates/template_1/Main File/Documentation/assets/js/scripts.js

@@ -0,0 +1,86 @@
+/*!
+ * Documenter 2.0
+ * http://rxa.li/documenter
+ *
+ * Copyright 2013, Xaver Birsak
+ * http://revaxarts.com
+ *
+ */
+ 
+
+!function ($) {
+  $(function(){
+			 
+	var hash = location.hash || null,
+		win = $(window),
+		scrolloffset = $('div.navbar').height()+40,
+		iDeviceNotOS4 = (navigator.userAgent.match(/iphone|ipod|ipad/i) && !navigator.userAgent.match(/OS 5/i)) || false,
+		badIE = $('html').prop('class').match(/ie(6|7|8)/)|| false;
+
+	duration = parseInt(duration,10);
+	
+	$('.dropdown-toggle').dropdown();
+	
+	$(".collapse").collapse();
+	
+	$(window).one('scroll', function(){
+		$('.navbar').scrollspy();
+		$('.nav').find('li.active').removeClass('active');
+	});
+
+	
+	//handle external links (new window)
+	$('a[href^=http]').bind('click',function(){
+		window.open($(this).attr('href'));
+		return false;
+	});
+	
+	//IE 8 and lower doesn't like the smooth pagescroll
+	if(!badIE){
+		window.scroll(0,0);
+		
+		$('a[href^=#]').bind('click touchstart',function(){
+			hash = $(this).attr('href');
+			$.scrollTo.window().queue([]).stop();
+			goTo(hash, true);
+			return false;
+		});
+		
+		//if a hash is set => go to it
+		if(hash){
+			setTimeout(function(){
+				goTo(hash);
+			},500);
+		}
+	}
+	
+	$('.brand').on('click', function(){
+		goTo('#container', false);
+	});
+	 
+	//the function is called when the hash changes
+	function hashchange(){
+		goTo(location.hash, false);
+	}
+	
+	//scroll to a section and set the hash
+	function goTo(hash,changehash){
+		win.unbind('hashchange', hashchange);
+		hash = hash.replace(/!\//,'');
+		win.stop().scrollTo(hash,duration,{
+			offset:-scrolloffset,
+			easing:easing,
+			axis:'y'			
+		});
+		if(changehash !== false){
+			var l = location;
+			location.href = (l.protocol+'//'+l.host+l.pathname+'#!/'+hash.substr(1));
+			location.hash = hash.substr(1);
+		}
+		win.bind('hashchange', hashchange);
+	}
+	
+    // make code pretty
+    window.prettyPrint && prettyPrint();
+})
+}(window.jQuery)

templates/template_1/Main File/Documentation/index.html

@@ -0,0 +1,289 @@
+<!DOCTYPE html>
+<html lang="en">
+
+	<head>
+		<meta charset="utf-8">
+		<title>NeuralSync - AI-Powered SaaS Solutions for Modern Businesses HTML Template</title>
+		<meta name="description" content="">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<link href="assets/css/bootstrap.css" rel="stylesheet">
+		<link href="assets/js/google-code-prettify/prettify.cs" rel="stylesheet">
+		<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
+		<link href="assets/css/documenter_style.css" rel="stylesheet">
+		
+		<style>
+		
+			html, body {
+				background-color: #FFFFFF;
+				color: #383838;
+			}
+			h1, h2, h3, h4, h5, h6 {
+				color: #383838;
+			}
+			section table {
+				background-color: #FFFFFF;
+			}
+					::-moz-selection {
+			background:#444444;
+			color:#DDDDDD;
+			}
+			::selection {
+				background: #444444;
+				color: #DDDDDD;
+			}
+			a.brand {
+				background-image: url(assets/images/image_1.png);
+			}
+			a, a:hover, a:active {
+				color: #0000FF;
+			}
+			hr {
+				border-top: 1px solid #EBEBEB;
+				border-bottom: 1px solid #FFFFFF;
+			}
+			div.navbar-inner, .navbar .nav li ul {
+				background: #DDDDDD;
+				color: #222222;
+			}
+			a.btn-navbar {
+				background: #DDDDDD;
+				color: #222222;
+			}
+			.navbar .nav li a {
+				color: #222222;
+				text-shadow: 1px 1px 0px #EEEEEE;
+			}
+			.navbar .nav li a:hover, .navbar .nav li.active a {
+				text-shadow: none;
+			}
+			div.navbar-inner ul {
+			}
+			.navbar .nav > li a {
+				color: #444444;
+			}
+			.navbar .nav > li a:hover, a.btn-navbar:hover {
+				background: #444444;
+				color: #DDDDDD;
+			}
+			.navbar .nav .active > a, .navbar .nav .active > a:hover, a.btn-navbar:active {
+				background-color: #444444;
+				color: #DDDDDD;
+			}
+			.navbar .nav li ul li a:hover {
+				background: #444444;
+				color: #DDDDDD;
+			}
+			.navbar .nav li ul li a:active {
+				background: #444444;
+				color: #DDDDDD;
+			}
+			.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(#DDDDDD), to(#0044CC));
+				background-image: -webkit-linear-gradient(top, #0088CC, #0044CC);
+				background-image: -o-linear-gradient(top, #0088CC, #0044CC);
+				background-image: linear-gradient(to 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] {
+				background-color: #0044CC;
+			}
+			#documenter_copyright {
+				display: block !important;
+				visibility: visible !important;
+			}
+		</style>
+	</head>
+<body class="documenter-project-jhilik-" data-spy="scroll" id="top">
+
+		<!-- Documentation Navbar -->
+		<div class="navbar navbar-fixed-top">
+			<div class="navbar-inner">
+				<div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a class="brand" href="#">Basur</a>
+					<div class="nav-collapse">
+						<ul class="nav">
+							<li><a href="#theme_installation" title="Theme Installation">Template Installation</a></li>
+							<li><a href="#reading_setting" title="Reading Setting">Pages</a></li>
+							<li><a href="#fonts" title="Fonts">Fonts</a></li>
+							<li><a href="#themes_options" title="Themes Options">Source File(CSS)</a></li>  
+							<li><a href="#themes_options1" title="Themes Options1">Source File(JS)</a></li>
+							<li><a href="#themes_options3" title="Themes Options">Customization</a></li>
+							<li><a href="#thanks" title="Thanks">Thanks</a></li>
+						</ul>
+					</div>
+				</div>
+			</div>
+		</div>
+		<!-- End of Navbar --> 
+
+	<!-- Main Container Beginning -->
+	<div class="container" id="documenter_content">
+	  
+		<div id="documenter-cover">
+			<div class="masthead">
+				<h1 style="text-align: center">NeuralSync - AI-Powered SaaS Solutions for Modern Businesses HTML Template</h1>
+				<p style="text-align: center">Created: 23 Feb, 2026</p>
+				<p class="download-info">  <a href="https://www.templatemonster.com/authors/themesbazer/" class="btn btn-large">24/7 Support: Send Us a message from our profile</a> </p>
+			</div>
+			<!-- masthead -->
+		
+			<div id="intro">
+			  <p class="highlight hero-unit">Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to open a new ticket at our <a href="https://www.templatemonster.com/authors/themesbazer/">support forum</a></p>
+			</div>
+			<!-- intro --> 
+		</div>
+  
+  
+  
+  
+		<section id="theme_installation">
+			<div class="page-header">
+				<h3>Template Installation</h3>
+				<hr class="notop">
+			</div>
+
+			<p>
+                You can do it easy ways:
+            </p>
+			<ol>
+				<li>
+					<h5>FTP Upload:</h5>
+					<ul>
+						<li>Open up your FTP manager and connect to your hosting</li>
+						<li>Browse to  required directory (Normally public_html).</li>
+						<li>Upload the files inside <strong>NeuralSync</strong> folder.</li>
+					</ul>
+				</li>
+			</ol>
+		</section>
+		<section id="reading_setting">
+			<div class="page-header">
+				<h3>Pages</h3>
+				<hr class="notop">
+				<ol>
+					<ul>
+						<li>index.html is for Home version One</li>
+						<li>service.html</li>
+						<li>feature.html</li>
+						<li>about.html</li>
+						<li>pricing.html</li>
+						<li>contact.html</li>
+						<li>portfolio.html</li>
+					</ul>
+				</ol>
+			</div>
+		</section>
+<section id="fonts">
+	<div class="page-header">
+		<h3>Fonts</h3>
+		<hr class="notop">
+	</div>
+	<pre>
+
+	&lt;!--Google Font--&gt;
+
+	@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
+
+	</pre>
+</section>
+  
+<section id="themes_options">
+	<div class="page-header">
+		<h3>Source File(CSS)</h3>
+		<hr class="notop">
+	</div>
+	<pre>
+
+	&lt;!-- All CSS Here--&gt;
+
+	&lt;!-- Bootstrap min CSS --&gt;
+	&lt;link rel="stylesheet" href="assets/css/bootstrap.min.css"/&gt;
+	&lt;link rel="stylesheet" href="assets/font/font-awesome.min.css"/&gt;
+	&lt;link rel="stylesheet" href="assets/font/bootstrap-icons.min.css"/&gt;
+	&lt;link rel="stylesheet" href="assets/css/slick.min.css"/&gt;
+	&lt;link rel="stylesheet" href="assets/css/plugin.min.css"/&gt;
+	&lt;link rel="stylesheet" href="assets/css/theme-spacing.min.css"/&gt;
+	&lt;link rel="stylesheet" href="assets/css/style.css"/&gt;
+	&lt;link rel="stylesheet" href="assets/css/responsive.css"/&gt;
+	</pre>
+</section>
+
+
+ 
+<section id="themes_options1">
+	<div class="page-header">
+		<h3>Source File(JS)</h3>
+		<hr class="notop">
+	</div>
+	<pre>
+	
+	&lt;!-- All JS Here--&gt;
+
+
+	&lt;script src="assets/js/jquery.min.js"&gt;&lt;/script&gt;
+	&lt;script src="assets/js/bootstrap.min.js"&gt;&lt;/script&gt;
+	&lt;script src="assets/js/plugin.min.js"&gt;&lt;/script&gt;
+	&lt;script src="assets/js/gsap.js"&gt;&lt;/script&gt;
+	&lt;script src="assets/js/main.js"&gt;&lt;/script&gt;</pre>
+</section>  
+
+	
+ 
+	<div id="themes_options3">
+		<div class="page-header">
+			<h3>How to Change Logo</h3>
+			<hr class="notop"/>
+			<img alt="" src="assets/images/logo.png"  class="img-area"/>
+		</div>
+	</div>
+ 
+ <div id="themes_options3">
+    <div class="page-header">
+      <h3>How to Change Contact Mail</h3>
+      <hr class="notop"/>
+		<img alt="" src="assets/images/contact.png"  class="img-area"/>
+    </div>
+ </div>
+ 
+ <div id="themes_options5">
+    <div class="page-header">
+      <h3>How to Change Copyright</h3>
+      <hr class="notop">
+		<img alt="" src="assets/images/Copyright.png"  class="img-area">
+    </div>
+ </div>
+ 
+ 
+ 
+  <section id="thanks">
+    <div class="page-header">
+      <h3>Thanks</h3>
+      <hr class="notop">
+    </div>
+    <h4 id="thanks_span_style"margin_0px_padding_0px_border_0px_outline_0px_font_weight_700_font_style_inherit_font_family_inherit_vertical_align_baseline"once_again_thankyou_for_for_purchasing_one_of_our_theme_span"><span style="margin: 0px; padding: 0px; border: 0px; outline: 0px; font-weight: 700; font-style: inherit; font-family: inherit; vertical-align: baseline;">Once Again Thank you for purchasing one of our theme</span></h4>
+    <h2 style="margin: 0px 0px 18px; padding: 0px; border: 0px; outline: 0px; font-weight: 100; font-size: 20px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; color: rgb(56, 56, 56);"> Best Regards</h2>
+    <h3 style="margin: 18px 0px 0px; padding: 0px; border: 0px; outline: 0px; font-weight: 100; font-size: 26px; font-family: Arial, verdana, arial, sans-serif; vertical-align: baseline; color: rgb(56, 56, 56);"> ThemeBazar</h3>
+  </section>
+  <hr />
+  <footer>
+    <p>Copyright ThemeBazar 2026 made with the <a href="#">Documenter v2.0</a></p>
+  </footer>
+</div>
+<!-- /container --> 
+
+	<!-- Le javascript
+		================================================== --> 
+	<!-- Placed at the end of the document so the pages load faster --> 
+	<script>document.createElement('section');var duEkronn='500',easing='swing';</script> 
+	<script src="assets/js/jquery.js"></script> 
+	<script src="assets/js/jquery.scrollTo.js"></script> 
+	<script src="assets/js/jquery.easing.js"></script> 
+	<script src="assets/js/scripts.js"></script> 
+	<script src="assets/js/google-code-prettify/prettify.js"></script> 
+	<script src="assets/js/bootstrap-min.js"></script>
+
+</body>
+</html>

templates/template_1/Main File/NeuralSync/about.html

@@ -0,0 +1,372 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<meta name="description" content="Transform your business with cutting-edge AI solutions. Premium SaaS platform for startups and digital agencies.">
+		<title>NeuralSync - AI-Powered SaaS Solutions for Modern Businesses HTML Template</title>
+
+		<!-- Google Fonts -->
+		<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
+		<!-- Bootstrap 5 -->
+		<link rel="stylesheet" href="assets/css/bootstrap.min.css">
+		<!-- Bootstrap Icons -->
+		<link rel="stylesheet" href="assets/fonts/bootstrap-icons.min.css">
+		<!-- Font Awesome -->
+		<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
+		<link rel="stylesheet" href="assets/css/slick.min.css">
+		<link rel="stylesheet" href="assets/css/theme-spacing.min.css">
+		<!-- Template styles -->
+		<link rel="stylesheet" href="assets/css/style.css">
+		<link rel="stylesheet" href="assets/css/responsive.css">
+		
+	</head>
+
+<body>
+
+	<div class="page-wrapper">
+	
+			<!-- START PRELOADER -->
+			<div class="preloader">
+				<div class="status">
+					 <div class="loader">
+						<div class="loading-1"></div>
+						<div class="loading-2">Loading...</div>
+					</div>
+				</div>
+			</div>
+			<!-- END PRELOADER -->
+			
+			<!-- BACK TO TOP -->
+			<div class="scroll-top">
+				<i class="bi bi-arrow-up" style="font-size: 1.5rem; color: white;"></i>
+			</div>
+			<!-- BACK TO TOP -->
+			
+			<!-- Animated Background -->
+			<div class="animated-bg"></div>
+			
+			<!-- Navigation -->
+			<nav class="navbar navbar-expand-lg fixed-top">
+				<div class="container">
+					<a class="navbar-brand" href="index.html"><i class="fa-light fa-sparkles mr-5"></i>NeuralSync</a>
+					<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
+						<span class="navbar-toggler-icon"></span>
+					</button>
+					<div class="collapse navbar-collapse" id="navbarNav">
+						<ul class="navbar-nav ms-auto align-items-center">
+							<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
+							<li class="nav-item"><a class="nav-link" href="features.html">Features</a></li>
+							<li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
+							<li class="nav-item"><a class="nav-link" href="portfolio.html">Portfolio</a></li>
+							<li class="nav-item"><a class="nav-link" href="pricing.html">Pricing</a></li>
+							<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
+							<li class="nav-item ms-3">
+								<button class="btn-primary-gradient">Get Started</button>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</nav>
+			
+		<main>
+
+			<!-- START BREADCRUMB -->
+			<section class="breadcrumb-area position-relative black-bg breadcrumb-cover-bg breadcrumb-spacing breadcrumb-bg-attach);">
+				 <div class="container">
+					<div class="row justify-content-center text-center">
+					   <div class="col-xxl-12">
+						  <div class="breadcrumb-content p-relative z-index-2">
+							<div class="breadcrumb-single-content mb-10">
+								<span><a href="index.html"><i class="fa-light fa-house fa-fade me-2"></i>HOME</a></span>
+								<span class="breadcrumb-sub-title">ABOUT</span>
+							</div>
+							<h3 class="breadcrumb-title split-content end">About Us</h3>
+							</div>
+					   </div>
+					</div>
+				 </div>
+			</section>
+			<!-- END BREADCRUMB -->
+			
+			<!-- About / Why Choose Us -->
+			<section class="atf-section-padding" id="about">
+				<div class="container">
+					<div class="row align-items-center">
+						<div class="col-lg-6">
+							<div class="section-title mb-30 text-start">
+								<h2 class="title text-start mb-4 split-content up">Why Choose NeuralSync?</h2>
+								<p class="text-secondary" style="font-size: 1.1rem;">We're not just another SaaS platform. We're your innovation partner, combining cutting-edge AI technology with intuitive design to deliver exceptional results.</p>
+							</div>
+							<div class="about-content">
+								<div class="mb-4">
+									<h3 class="mb-3"><i class="fa-light fa-badge-check mr-5 text-info"></i> Innovation First</h3>
+									<p class="text-secondary">Stay ahead with bleeding-edge AI technology that evolves with your needs.</p>
+								</div>
+								
+								<div class="mb-4">
+									<h3 class="mb-3"><i class="fa-light fa-badge-check mr-5 text-info"></i> Scalable Architecture</h3>
+									<p class="text-secondary">From startup to enterprise - our infrastructure grows seamlessly with your business.</p>
+								</div>
+								
+								<div class="mb-4">
+									<h3 class="mb-3"><i class="fa-light fa-badge-check mr-5 text-info"></i> World-Class Support</h3>
+									<p class="text-secondary">24/7 expert support team ready to help you succeed at every step.</p>
+								</div>
+							</div>
+							
+							<button class="btn-primary-gradient mt-3">DESCOVER MORE</button>
+						</div>
+						
+						<div class="col-lg-6 zoomIn mt-lg-40">
+							<div class="glass-card p-4">
+								<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
+									<defs>
+										<linearGradient id="chartGrad" x1="0%" y1="0%" x2="0%" y2="100%">
+											<stop offset="0%" style="stop-color:#667eea;stop-opacity:0.8" />
+											<stop offset="100%" style="stop-color:#667eea;stop-opacity:0.1" />
+										</linearGradient>
+									</defs>
+									<path d="M 20 250 L 80 200 L 140 180 L 200 120 L 260 100 L 320 50 L 380 30" 
+										  stroke="#00f2ff" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
+									<path d="M 20 250 L 80 200 L 140 180 L 200 120 L 260 100 L 320 50 L 380 30 L 380 300 L 20 300 Z" 
+										  fill="url(#chartGrad)"/>
+									<circle cx="80" cy="200" r="6" fill="#00f2ff">
+										<animate attributeName="r" values="6;10;6" dur="2s" repeatCount="indefinite"/>
+									</circle>
+									<circle cx="200" cy="120" r="6" fill="#00f2ff">
+										<animate attributeName="r" values="6;10;6" dur="2.5s" repeatCount="indefinite"/>
+									</circle>
+									<circle cx="320" cy="50" r="6" fill="#00f2ff">
+										<animate attributeName="r" values="6;10;6" dur="3s" repeatCount="indefinite"/>
+									</circle>
+								</svg>
+							</div>
+						</div>
+					</div>
+				</div>
+			</section>
+			
+			<!-- Stats Section -->
+			<div>
+				<div class="container">
+					<div class="stats-section">
+						<div class="row">
+							<div class="col-md-3 col-6 mb-4 mb-md-0 fadeInLeft">
+								<div class="stat-item">
+									<div class="stat-number"><span class="counter-value">10</span>K+</div>
+									<div class="stat-label">Active Users</div>
+								</div>
+							</div>
+							<div class="col-md-3 col-6 mb-4 mb-md-0 fadeInUp">
+								<div class="stat-item">
+									<div class="stat-number"><span class="counter-value">99</span>.9%</div>
+									<div class="stat-label">Uptime SLA</div>
+								</div>
+							</div>
+							<div class="col-md-3 col-6 fadeInUp">
+								<div class="stat-item">
+									<div class="stat-number"><span class="counter-value">50</span>M+</div>
+									<div class="stat-label">API Requests</div>
+								</div>
+							</div>
+							<div class="col-md-3 col-6 fadeInRight">
+								<div class="stat-item">
+									<div class="stat-number"><span class="counter-value">24</span>/7</div>
+									<div class="stat-label">Support</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			
+			<!-- Product Showcase -->
+			<section class="atf-section-padding">
+				<div class="container">
+					<div class="section-title mb-50 text-center">
+						<h2 class="title split-content start">Experience the Platform</h2>
+						<p class="section-subtitle fade-in">
+							A beautiful, intuitive dashboard designed for power users and beginners alike
+						</p>
+					</div>
+
+					<div class="dashboard-mockup spread zoom-out">
+						<svg viewBox="0 0 1200 700" xmlns="http://www.w3.org/2000/svg">
+							
+							<!-- Dashboard Background -->
+							<rect width="1200" height="700" fill="#1e293b" rx="20"/>
+
+							<!-- Header -->
+							<rect width="1200" height="60" fill="#0f172a"/>
+							<text x="30" y="38" font-family="Inter, sans-serif" font-size="24" font-weight="bold" fill="#667eea">NeuralSync</text>
+							
+							<!-- Header Icons -->
+							<foreignObject x="1050" y="10" width="140" height="40">
+								<div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;justify-content:flex-end;gap:10px;align-items:center;">
+									<i class="bi bi-bell-fill" style="color:#667eea;font-size:20px;"></i>
+									<i class="bi bi-gear-fill" style="color:#667eea;font-size:20px;"></i>
+									<i class="bi bi-person-circle" style="color:#667eea;font-size:20px;"></i>
+								</div>
+							</foreignObject>
+
+							<!-- Sidebar -->
+							<rect x="0" y="60" width="240" height="640" fill="#0f172a"/>
+							<rect x="20" y="100" width="200" height="40" rx="10" fill="#667eea" opacity="0.2"/>
+							<rect x="20" y="160" width="200" height="40" rx="10" fill="#334155"/>
+							<rect x="20" y="220" width="200" height="40" rx="10" fill="#334155"/>
+							<foreignObject x="30" y="105" width="180" height="40">
+								<div xmlns="http://www.w3.org/1999/xhtml" style="color:white;font-weight:600;font-family:Inter,sans-serif;">
+									<i class="bi bi-speedometer2 mr-5"></i> Dashboard
+								</div>
+							</foreignObject>
+							<foreignObject x="30" y="165" width="180" height="40">
+								<div xmlns="http://www.w3.org/1999/xhtml" style="color:white;font-weight:600;font-family:Inter,sans-serif;">
+									<i class="bi bi-people-fill mr-5"></i> Users
+								</div>
+							</foreignObject>
+							<foreignObject x="30" y="225" width="180" height="40">
+								<div xmlns="http://www.w3.org/1999/xhtml" style="color:white;font-weight:600;font-family:Inter,sans-serif;">
+									<i class="bi bi-bar-chart-fill mr-5"></i> Analytics
+								</div>
+							</foreignObject>
+
+							<!-- Main Content Area -->
+							<rect x="260" y="80" width="920" height="600" fill="#1e293b" rx="15"/>
+							
+							
+							<!-- Cards -->
+							<rect x="280" y="100" width="280" height="180" rx="15" fill="#334155"/>
+							<foreignObject x="300" y="120" width="240" height="40">
+								<div xmlns="http://www.w3.org/1999/xhtml" style="color:white;font-weight:600;font-family:Inter,sans-serif;">
+									<i class="bi bi-graph-up mr-5"></i> Sales Overview
+								</div>
+							</foreignObject>
+
+							<rect x="580" y="100" width="280" height="180" rx="15" fill="#334155"/>
+							<foreignObject x="600" y="120" width="240" height="40">
+								<div xmlns="http://www.w3.org/1999/xhtml" style="color:white;font-weight:600;font-family:Inter,sans-serif;">
+									<i class="bi bi-people mr-5"></i> Active Users
+								</div>
+							</foreignObject>
+
+							<rect x="880" y="100" width="280" height="180" rx="15" fill="#334155"/>
+							<foreignObject x="900" y="120" width="240" height="40">
+								<div xmlns="http://www.w3.org/1999/xhtml" style="color:white;font-weight:600;font-family:Inter,sans-serif;">
+									<i class="bi bi-wallet-fill mr-5"></i> Revenue
+								</div>
+							</foreignObject>
+
+							<!-- Chart Area -->
+							<rect x="280" y="300" width="880" height="360" rx="15" fill="#334155"/>
+							<path d="M 320 600 L 380 550 L 440 520 L 500 480 L 560 450 L 620 420 L 680 380 L 740 360 L 800 340 L 860 320 L 920 300 L 925 305 L 930 310 L 1100 315" 
+								  stroke="#667eea" stroke-width="3" fill="none" stroke-linecap="round"/>
+
+							<!-- Glowing Elements -->
+							<circle cx="420" cy="200" r="30" fill="#667eea" opacity="0.6">
+								<animate attributeName="opacity" values="0.3;0.8;0.3" dur="2s" repeatCount="indefinite"/>
+							</circle>
+							<circle cx="720" cy="200" r="30" fill="#00f2ff" opacity="0.6">
+								<animate attributeName="opacity" values="0.3;0.8;0.3" dur="2.5s" repeatCount="indefinite"/>
+							</circle>
+							<circle cx="1020" cy="200" r="30" fill="#764ba2" opacity="0.6">
+								<animate attributeName="opacity" values="0.3;0.8;0.3" dur="3s" repeatCount="indefinite"/>
+							</circle>
+
+						</svg>
+					</div>
+				</div>
+			</section>
+			
+
+		</main>
+	
+		<footer>
+			<!-- Footer -->
+			<div class="footer">
+				<div class="container">
+					<div class="row g-4">
+						<div class="col-lg-4 col-md-6 fadeInLeft">
+							<h3 class="navbar-brand mb-50"><i class="fa-light fa-sparkles mr-5"></i>NeuralSync</h3>
+							<p class="text-secondary mb-4">Empowering businesses with cutting-edge AI technology to automate, analyze, and accelerate growth in the digital age.</p>
+							<div class="social-links">
+								<a href="#"><i class="fab fa-x-twitter"></i></a>
+								<a href="#"><i class="bi bi-linkedin"></i></a>
+								<a href="#"><i class="bi bi-github"></i></a>
+								<a href="#"><i class="bi bi-instagram"></i></a>
+							</div>
+						</div>
+						
+						<div class="col-lg-2 col-md-6 fadeInUp">
+							<h3>Product</h3>
+							<ul>
+								<li><a href="#features">Features</a></li>
+								<li><a href="#pricing">Pricing</a></li>
+								<li><a href="#">Security</a></li>
+								<li><a href="#">Integrations</a></li>
+								<li><a href="#">API Docs</a></li>
+							</ul>
+						</div>
+						
+						<div class="col-lg-2 col-md-6 fadeInUp">
+							<h3>Company</h3>
+							<ul>
+								<li><a href="#about">About Us</a></li>
+								<li><a href="#">Careers</a></li>
+								<li><a href="#">Blog</a></li>
+								<li><a href="#">Press Kit</a></li>
+								<li><a href="#contact">Contact</a></li>
+							</ul>
+						</div>
+						
+						<div class="col-lg-2 col-md-6 fadeInUp">
+							<h3>Resources</h3>
+							<ul>
+								<li><a href="#">Documentation</a></li>
+								<li><a href="#">Tutorials</a></li>
+								<li><a href="#">Community</a></li>
+								<li><a href="#">Support</a></li>
+								<li><a href="#">Status</a></li>
+							</ul>
+						</div>
+						
+						<div class="col-lg-2 col-md-6 fadeInRight">
+							<h3>Legal</h3>
+							<ul>
+								<li><a href="#">Privacy Policy</a></li>
+								<li><a href="#">Terms of Service</a></li>
+								<li><a href="#">Cookie Policy</a></li>
+								<li><a href="#">GDPR</a></li>
+							</ul>
+						</div>
+					</div>
+					
+					<hr style="border-color: rgba(255,255,255,0.1); margin: 3rem 0 2rem;">
+					
+					<div class="row align-items-center">
+						<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
+							<p class="text-secondary mb-0">&copy; 2026 NeuralSync. All rights reserved.</p>
+						</div>
+						<div class="col-md-6 text-center text-md-end">
+							<p class="text-secondary mb-0">Made with <span style="color: #f093fb;">?</span> for innovators worldwide</p>
+						</div>
+					</div>
+				</div>
+			</div>
+			
+		</footer>
+
+
+    </div>
+	<!-- END PRELOADER -->
+	
+    <!-- jQuery, Bootstrap, GSAP -->
+    <script src="assets/js/jquery.min.js"></script>
+	<!-- Latest compiled and minified Bootstrap -->
+	<script src="assets/js/bootstrap.min.js"></script>
+	<script src="assets/js/plugin.min.js"></script>
+	<script src="assets/js/gsap.js"></script>
+    <!-- Template scripts -->
+    <script src="assets/js/main.js"></script>
+</body>
+</html>

templates/template_1/Main File/NeuralSync/assets/css/responsive.css

@@ -0,0 +1,65 @@
+@media only screen and (max-width : 2500px) {
+	.page-wrapper{
+		overflow:hidden;
+	}
+	
+}
+@media screen and (min-width: 1200px) and (max-width: 1399px){
+	.stat-number {
+		font-size: 3rem;
+	}
+	.breadcrumb-title{
+		font-size:44px;
+	}
+
+}
+@media screen and (min-width: 992px) and (max-width: 1199px){
+	.stat-number {
+		font-size: 2.5rem;
+	}
+	.breadcrumb-title{
+		font-size:44px;
+	}
+}
+@media only screen and (max-width : 1199px) {
+	.mt-xl-40{
+		margin-top:40px;
+	}
+	.mb-xl-40{
+		margin-bottom:40px;
+	}
+}
+@media only screen and (max-width : 991px) {
+	.mt-lg-40{
+		margin-top:40px;	
+	}
+	.mb-lg-40{
+		margin-bottom:40px;	
+	}
+	.stat-number {
+		font-size: 2.5rem;
+	}
+	.breadcrumb-title{
+		font-size:36px;
+		letter-spacing:0;
+		line-height:1.3;
+	}
+
+}
+@media only screen and (max-width: 767px) {
+
+	.mt-lg-40{
+		margin-top:25px;	
+	}
+	.mb-lg-40{
+		margin-bottom:25px;	
+	}
+
+}
+@media screen and (min-width: 320px) and (max-width: 575px){
+	.faq-question {
+		font-size: 1.2rem ! important;
+		font-weight: 500;
+	}
+
+}

templates/template_1/Main File/NeuralSync/assets/css/slick.min.css

@@ -0,0 +1,2 @@
+.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
+/*# sourceMappingURL=slick.min.css.map */

templates/template_1/Main File/NeuralSync/assets/js/gsap.js

@@ -0,0 +1,255 @@
+/*
+|-----------------------------------------------------
+| Template Name: NeuralSync - AI-Powered SaaS Solutions for Modern Businesses HTML Template
+| Developer: Themesfamily
+| Version: 1.0.0
+|-----------------------------------------------------
+*/
+/***************************************************
+==================== JS ======================
+****************************************************
+00. Configuration Check
+01. GSAP Plugin Registration
+02.	LENIS SMOOTH SCROLLING
+03. TEAM Social Icon Toggle
+04. GSAP Custom Cursor Implementation
+05. GSAP Text Split Animation
+06. GSAP Image Spread / Reveal Animation
+07. GSAP 3D Scale and Fade Animation
+08. GSAP Dynamic Fade-In Animations (General)
+09. GSAP Parallax Zoom Animation
+10. MAIN INITIALIZATION FUNCTION
+****************************************************/
+
+(function ($) {
+    "use strict";
+
+    // 00. Configuration Check
+    if (typeof gsap === 'undefined' || typeof jQuery === 'undefined' || typeof Lenis === 'undefined') {
+        console.error("Required libraries (GSAP, jQuery, or Lenis) are not loaded. Skipping all animations.");
+        return; 
+    }
+	
+    // 01. GSAP Plugin Registration
+    if (typeof SplitText !== 'undefined' && typeof ScrollTrigger !== 'undefined') {
+        gsap.registerPlugin(ScrollTrigger, SplitText); 
+    } else {
+        console.warn("GSAP plugins (SplitText or ScrollTrigger) are not loaded. Some animations may be skipped.");
+    }
+    
+    // ----------------------------------------------------------------------------------
+    // 02. LENIS SMOOTH SCROLLING
+    // ----------------------------------------------------------------------------------
+	new Lenis({
+		autoRaf: true
+	});
+    // ----------------------------------------------------------------------------------
+    // 05. GSAP Text Split Animation
+    // ----------------------------------------------------------------------------------
+    function initSplitTextAnimations() {
+        const st = $(".split-content");
+        if (st.length > 0 && typeof SplitText !== 'undefined') {
+            st.each(function (index, el) {
+                el.split = new SplitText(el, {
+                    type: "lines,words,chars",
+                    linesClass: "atf-split-line",
+                });
+                
+                // Set initial position based on class (end, start, up, down)
+                let initialProps = { opacity: 0 };
+                if ($(el).hasClass("end")) initialProps.x = "50";
+                else if ($(el).hasClass("start")) initialProps.x = "-50";
+                else if ($(el).hasClass("up")) initialProps.y = "80";
+                else if ($(el).hasClass("down")) initialProps.y = "-80";
+
+                gsap.set(el.split.chars, initialProps);
+                gsap.set(el, { perspective: 400 });
+                
+                // Create ScrollTrigger animation timeline
+                gsap.to(el.split.chars, {
+                    scrollTrigger: {
+                        trigger: el,
+                        start: "top 85%",
+                        end: "bottom 65%",
+                        scrub: 1,
+                    },
+                    x: "0",
+                    y: "0",
+                    rotateX: "0",
+                    scale: 1,
+                    opacity: 1,
+                    autoAlpha: 1,
+                    duration: 1,
+                    ease: 'power2.out',
+                    stagger: 0.03,
+                });
+            });
+        }
+    }
+
+    // ----------------------------------------------------------------------------------
+    // 06. GSAP Image Spread / Reveal Animation
+    // ----------------------------------------------------------------------------------
+    function initImageSpreadAnimations() {
+        document.querySelectorAll(".spread").forEach((container) => {
+            let image = container.querySelector("img");
+            if (!image) return;
+
+            let tl = gsap.timeline({
+                scrollTrigger: {
+                    trigger: container,
+					toggleActions: "play none none none",
+                },
+            });
+
+            tl.set(container, { autoAlpha: 1 });
+
+            if (container.classList.contains("zoom-out")) {
+                tl.from(image, { duration: 1.5, scale: 1.4, ease: "power2.out" });
+            } else if (container.classList.contains("start") || container.classList.contains("end")) {
+                let xPercent = container.classList.contains("start") ? -100 : 100;
+
+               tl.from(container, {
+					duration: 1.5,
+					xPercent,
+					ease: Power2.out,
+				});
+				tl.from(image, {
+					duration: 1.5,
+					xPercent: -xPercent,
+					scale: 1,
+					delay: -1.5,
+					ease: Power2.out,
+				});
+            }
+			else if (container.classList.contains("up") || container.classList.contains("down")) {
+                let yPercent = container.classList.contains("up") ? 100 : -100;
+
+                tl.from(container, {
+					duration: 1.5,
+					yPercent,
+					ease: Power2.out,
+				});
+				tl.from(image, {
+					duration: 1.5,
+					yPercent: -yPercent,
+					scale: 1,
+					delay: -1.5,
+					ease: Power2.out,
+				});
+            }
+			
+        });
+    }
+
+
+    // ----------------------------------------------------------------------------------
+    // 07. GSAP 3D Scale and Fade Animation
+    // ----------------------------------------------------------------------------------
+    function initScale3DAnimations() {
+        gsap.utils.toArray(".item-3d").forEach((el) => {
+            // Initial 3D transform set
+            gsap.set(el, {
+                opacity: 0.7,
+                transform: "perspective(2500px) translate3d(0,0,0) rotateX(90deg) scale(0.5)",
+            });
+
+            // ScrollTrigger timeline to reveal 3D item
+            gsap.timeline({
+                scrollTrigger: {
+                    trigger: el,
+                    start: "top bottom+=50",
+                    end: "bottom center",
+                    scrub: 2,
+                },
+            }).to(el, {
+                scale: 1,
+                rotateX: 0,
+                opacity: 1,
+                duration: 1.3,
+                ease: "power2.out",
+            });
+        });
+    }
+
+    // ----------------------------------------------------------------------------------
+    // 08. GSAP Dynamic Fade-In Animations (General)
+    // ----------------------------------------------------------------------------------
+    function initDynamicFadeAnimations() {
+        [
+            ".fadeInUp", ".fadeInLeft", ".fadeInRight", ".zoomIn", ".zoomOut", ".bounceIn"
+        ].forEach((selector) => {
+            gsap.utils.toArray(selector).forEach((el) => {
+                let offset = el.getAttribute("data-fade-offset") || 40;
+                let duration = el.getAttribute("data-duration") || 0.8;
+                let from = el.getAttribute("data-fade-from") || (
+                    selector === ".fadeInLeft" ? "left" :
+                    selector === ".fadeInRight" ? "right" :
+                    selector.includes("zoom") || selector === ".bounceIn" ? "center" :
+                    "bottom"
+                );
+                let onScroll = el.getAttribute("data-on-scroll") || 1;
+                let delay = el.getAttribute("data-delay") || 0.15;
+
+                let props = {
+                    opacity: 0,
+                    duration,
+                    delay,
+                    ease: el.getAttribute("data-ease") || (
+                        selector === ".bounceIn" ? "bounce.out" : "power2.out"
+                    ),
+                    x: from === "left" ? -offset : from === "right" ? offset : 0,
+                    y: from === "top" ? -offset : from === "bottom" ? offset : 0,
+                    scale: selector === ".zoomIn" ? 0.5 : selector === ".zoomOut" ? 1.5 : 1,
+                };
+
+                // Add ScrollTrigger if onScroll is enabled
+                if (onScroll == 1) {
+                    props.scrollTrigger = { trigger: el, start: "top 85%" };
+                }
+
+                gsap.from(el, props);
+            });
+        });
+    }
+
+    // ----------------------------------------------------------------------------------
+    // 09. GSAP Parallax Zoom Animation
+    // ----------------------------------------------------------------------------------
+    function initParallaxZoom() {
+        document.querySelectorAll(".item-up-image").forEach((wrap) => {
+            gsap.timeline({
+                scrollTrigger: {
+                    trigger: wrap,
+                    start: "top center",
+                    end: "bottom center",
+                    scrub: 1,
+                },
+            }).to(wrap.querySelector(".item-up"), {
+                scale: 1.10,
+                duration: 1,
+            });
+        });
+    }
+	
+    // ----------------------------------------------------------------------------------
+    // 10. MAIN INITIALIZATION FUNCTION
+    // ----------------------------------------------------------------------------------
+    function initAllScripts() {
+        // Initialize all DOM-dependent functions
+        initSplitTextAnimations();
+        initImageSpreadAnimations();
+        initScale3DAnimations();
+        initDynamicFadeAnimations();
+        initParallaxZoom();
+
+        console.log("All NeuralSync animations initialized successfully.");
+    }
+    
+    // Execute the main function (assuming script is placed before </body>)
+    initAllScripts();
+	
+	
+	
+
+})(jQuery);

templates/template_1/Main File/NeuralSync/assets/js/main.js

@@ -0,0 +1,238 @@
+/* =====================================================
+   NovaAI - Premium Template Script
+   Clean | Optimized | Reviewer Ready
+===================================================== */
+
+(function ($) {
+    "use strict";
+
+    /* ===============================
+       Helper: Safe Query Selector
+    =============================== */
+    const $select = (selector) => document.querySelector(selector);
+    const $selectAll = (selector) => document.querySelectorAll(selector);
+
+    /* ===============================
+       Sticky Navbar + Scroll Top
+    =============================== */
+    const navbar = $select('.navbar');
+    const scrollTopBtn = $select('.scroll-top');
+
+    window.addEventListener('scroll', function () {
+
+        // Sticky Navbar
+        if (navbar) {
+            if (window.scrollY > 50) {
+                navbar.classList.add('scrolled');
+            } else {
+                navbar.classList.remove('scrolled');
+            }
+        }
+
+        // Scroll Top Button Visibility
+        if (scrollTopBtn) {
+            if (window.scrollY > 300) {
+                scrollTopBtn.classList.add('visible');
+            } else {
+                scrollTopBtn.classList.remove('visible');
+            }
+        }
+    });
+
+    // Scroll To Top Click
+    if (scrollTopBtn) {
+        scrollTopBtn.addEventListener('click', function () {
+            window.scrollTo({
+                top: 0,
+                behavior: 'smooth'
+            });
+        });
+    }
+
+    /* ===============================
+       Preloader
+    =============================== */
+    $(window).on("load", function () {
+        $(".status").fadeOut();
+        $(".preloader").delay(300).fadeOut("slow");
+    });
+
+    /* ===============================
+       Smooth Scroll (Anchor Links)
+    =============================== */
+    $selectAll('a[href^="#"]').forEach(anchor => {
+        anchor.addEventListener('click', function (e) {
+
+            const targetID = this.getAttribute('href');
+
+            if (targetID.length > 1) {
+                const target = $select(targetID);
+
+                if (target) {
+                    e.preventDefault();
+                    target.scrollIntoView({
+                        behavior: 'smooth',
+                        block: 'start'
+                    });
+                }
+            }
+        });
+    });
+
+    /* ===============================
+       Fade In Animation (IntersectionObserver)
+    =============================== */
+    const fadeElements = $selectAll('.fade-in');
+
+    if (fadeElements.length) {
+        const fadeObserver = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    entry.target.classList.add('visible');
+                    fadeObserver.unobserve(entry.target);
+                }
+            });
+        }, {
+            threshold: 0.15
+        });
+
+        fadeElements.forEach(el => fadeObserver.observe(el));
+    }
+
+    /* ===============================
+       FAQ Toggle
+    =============================== */
+    $selectAll('.faq-question').forEach(question => {
+        question.addEventListener('click', function () {
+
+            const answer = this.nextElementSibling;
+            const icon = this.querySelector('i');
+
+            if (!answer) return;
+
+            // Close others
+            $selectAll('.faq-answer').forEach(item => {
+                if (item !== answer) {
+                    item.classList.remove('active');
+                }
+            });
+
+            $selectAll('.faq-question i').forEach(i => {
+                if (i !== icon) {
+                    i.classList.remove('bi-chevron-up');
+                    i.classList.add('bi-chevron-down');
+                }
+            });
+
+            // Toggle current
+            answer.classList.toggle('active');
+
+            if (icon) {
+                icon.classList.toggle('bi-chevron-up');
+                icon.classList.toggle('bi-chevron-down');
+            }
+
+        });
+    });
+
+    /* ===============================
+       Newsletter Form
+    =============================== */
+    const newsletterForm = $select('.newsletter-form');
+
+    if (newsletterForm) {
+        newsletterForm.addEventListener('submit', function (e) {
+            e.preventDefault();
+
+            const emailInput = this.querySelector('input[type="email"]');
+            if (!emailInput) return;
+
+            alert("Thank you! We'll keep you updated.");
+            this.reset();
+        });
+    }
+
+    /* ===============================
+       Contact Form
+    =============================== */
+    const contactForm = $select('.contact-form');
+
+    if (contactForm) {
+        contactForm.addEventListener('submit', function (e) {
+            e.preventDefault();
+            alert("Message sent successfully!");
+            this.reset();
+        });
+    }
+
+    /* ===============================
+       Close Mobile Menu on Link Click
+    =============================== */
+    $selectAll('.navbar-nav .nav-link').forEach(link => {
+        link.addEventListener('click', () => {
+            const navbarCollapse = $select('.navbar-collapse');
+            if (navbarCollapse && navbarCollapse.classList.contains('show')) {
+                const bsCollapse = new bootstrap.Collapse(navbarCollapse);
+                bsCollapse.hide();
+            }
+        });
+    });
+	/*--------------------------------------------------------------
+	START counter JS
+	--------------------------------------------------------------*/	
+	$('.counter-value').counterUp({
+		delay: 10,
+		time: 1000
+	});
+	
+	/*Start Blog Design*/
+	$('.atf_client-slider').slick({
+		arrows: true,
+		dots: false,
+		infinite: true,
+		speed: 300,
+		slidesToShow: 3,
+		slidesToScroll: 1,
+		prevArrow: '<a class="slick-prev"><i class="fa-light fa-arrow-left" alt="Arrow Icon"></i></a>',
+		nextArrow: '<a class="slick-next"><i class="fa-light fa-arrow-right" alt="Arrow Icon"></i></a>',
+		responsive: [
+			{
+				breakpoint: 1200,
+				settings: {
+					slidesToShow: 2,
+					slidesToScroll: 1,
+					arrows: false,
+					dots: true
+				}
+			},
+			{
+				breakpoint: 992,
+				settings: {
+					slidesToShow: 2,
+					slidesToScroll: 1,
+					arrows: false,
+					dots: true
+				}
+			},
+			{
+				breakpoint: 768,
+				settings: {
+					slidesToShow: 2,
+					slidesToScroll: 1,
+					arrows: false,
+					dots: true
+				}
+			},
+			{
+				breakpoint: 580,
+				settings: {
+					arrows: false,
+					dots: true,
+					slidesToShow: 1,
+					slidesToScroll: 1
+				}
+			}
+		]
+	});
+
+})(jQuery);

templates/template_1/Main File/NeuralSync/contact.html

@@ -0,0 +1,212 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<meta name="description" content="Transform your business with cutting-edge AI solutions. Premium SaaS platform for startups and digital agencies.">
+		<title>NeuralSync - AI-Powered SaaS Solutions for Modern Businesses HTML Template</title>
+
+		<!-- Google Fonts -->
+		<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
+		<!-- Bootstrap 5 -->
+		<link rel="stylesheet" href="assets/css/bootstrap.min.css">
+		<!-- Bootstrap Icons -->
+		<link rel="stylesheet" href="assets/fonts/bootstrap-icons.min.css">
+		<!-- Font Awesome -->
+		<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
+		<link rel="stylesheet" href="assets/css/slick.min.css">
+		<link rel="stylesheet" href="assets/css/theme-spacing.min.css">
+		<!-- Template styles -->
+		<link rel="stylesheet" href="assets/css/style.css">
+		<link rel="stylesheet" href="assets/css/responsive.css">
+		
+	</head>
+
+<body>
+
+	<div class="page-wrapper">
+	
+			<!-- START PRELOADER -->
+			<div class="preloader">
+				<div class="status">
+					 <div class="loader">
+						<div class="loading-1"></div>
+						<div class="loading-2">Loading...</div>
+					</div>
+				</div>
+			</div>
+			<!-- END PRELOADER -->
+			
+			<!-- BACK TO TOP -->
+			<div class="scroll-top">
+				<i class="bi bi-arrow-up" style="font-size: 1.5rem; color: white;"></i>
+			</div>
+			<!-- BACK TO TOP -->
+			
+			<!-- Animated Background -->
+			<div class="animated-bg"></div>
+			
+			<!-- Navigation -->
+			<nav class="navbar navbar-expand-lg fixed-top">
+				<div class="container">
+					<a class="navbar-brand" href="index.html"><i class="fa-light fa-sparkles mr-5"></i>NeuralSync</a>
+					<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
+						<span class="navbar-toggler-icon"></span>
+					</button>
+					<div class="collapse navbar-collapse" id="navbarNav">
+						<ul class="navbar-nav ms-auto align-items-center">
+							<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
+							<li class="nav-item"><a class="nav-link" href="features.html">Features</a></li>
+							<li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
+							<li class="nav-item"><a class="nav-link" href="portfolio.html">Portfolio</a></li>
+							<li class="nav-item"><a class="nav-link" href="pricing.html">Pricing</a></li>
+							<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
+							<li class="nav-item ms-3">
+								<button class="btn-primary-gradient">Get Started</button>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</nav>
+			
+		<main>
+
+			<!-- START BREADCRUMB -->
+			<section class="breadcrumb-area position-relative black-bg breadcrumb-cover-bg breadcrumb-spacing breadcrumb-bg-attach);">
+				 <div class="container">
+					<div class="row justify-content-center text-center">
+					   <div class="col-xxl-12">
+						  <div class="breadcrumb-content p-relative z-index-2">
+							<div class="breadcrumb-single-content mb-10">
+								<span><a href="index.html"><i class="fa-light fa-house fa-fade me-2"></i>HOME</a></span>
+								<span class="breadcrumb-sub-title">CONTACT</span>
+							</div>
+							<h3 class="breadcrumb-title split-content end">Contact Us</h3>
+							</div>
+					   </div>
+					</div>
+				 </div>
+			</section>
+			<!-- END BREADCRUMB -->
+			
+			
+			<!-- Contact Form -->
+			<section class="atf-section-padding" id="contact">
+				<div class="container">
+					<div class="row justify-content-center">
+						<div class="col-lg-8 fade-in">
+							<form class="contact-form glass-card" onsubmit="submitContact(event)">
+								<div class="row g-3">
+									<div class="col-md-6">
+										<input type="text" placeholder="Your Name" required>
+									</div>
+									<div class="col-md-6">
+										<input type="email" placeholder="Your Email" required>
+									</div>
+									<div class="col-12">
+										<input type="text" placeholder="Subject">
+									</div>
+									<div class="col-12">
+										<textarea rows="6" placeholder="Your Message" required></textarea>
+									</div>
+									<div class="col-12">
+										<button type="submit" class="btn-primary-gradient w-100">Send Message</button>
+									</div>
+								</div>
+							</form>
+						</div>
+					</div>
+				</div>
+			</section>
+		
+		</main>
+	
+		<footer>
+			<!-- Footer -->
+			<div class="footer">
+				<div class="container">
+					<div class="row g-4">
+						<div class="col-lg-4 col-md-6 fadeInLeft">
+							<h3 class="navbar-brand mb-50"><i class="fa-light fa-sparkles mr-5"></i>NeuralSync</h3>
+							<p class="text-secondary mb-4">Empowering businesses with cutting-edge AI technology to automate, analyze, and accelerate growth in the digital age.</p>
+							<div class="social-links">
+								<a href="#"><i class="fab fa-x-twitter"></i></a>
+								<a href="#"><i class="bi bi-linkedin"></i></a>
+								<a href="#"><i class="bi bi-github"></i></a>
+								<a href="#"><i class="bi bi-instagram"></i></a>
+							</div>
+						</div>
+						
+						<div class="col-lg-2 col-md-6 fadeInUp">
+							<h3>Product</h3>
+							<ul>
+								<li><a href="#features">Features</a></li>
+								<li><a href="#pricing">Pricing</a></li>
+								<li><a href="#">Security</a></li>
+								<li><a href="#">Integrations</a></li>
+								<li><a href="#">API Docs</a></li>
+							</ul>
+						</div>
+						
+						<div class="col-lg-2 col-md-6 fadeInUp">
+							<h3>Company</h3>
+							<ul>
+								<li><a href="#about">About Us</a></li>
+								<li><a href="#">Careers</a></li>
+								<li><a href="#">Blog</a></li>
+								<li><a href="#">Press Kit</a></li>
+								<li><a href="#contact">Contact</a></li>
+							</ul>
+						</div>
+						
+						<div class="col-lg-2 col-md-6 fadeInUp">
+							<h3>Resources</h3>
+							<ul>
+								<li><a href="#">Documentation</a></li>
+								<li><a href="#">Tutorials</a></li>
+								<li><a href="#">Community</a></li>
+								<li><a href="#">Support</a></li>
+								<li><a href="#">Status</a></li>
+							</ul>
+						</div>
+						
+						<div class="col-lg-2 col-md-6 fadeInRight">
+							<h3>Legal</h3>
+							<ul>
+								<li><a href="#">Privacy Policy</a></li>
+								<li><a href="#">Terms of Service</a></li>
+								<li><a href="#">Cookie Policy</a></li>
+								<li><a href="#">GDPR</a></li>
+							</ul>
+						</div>
+					</div>
+					
+					<hr style="border-color: rgba(255,255,255,0.1); margin: 3rem 0 2rem;">
+					
+					<div class="row align-items-center">
+						<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
+							<p class="text-secondary mb-0">&copy; 2026 NeuralSync. All rights reserved.</p>
+						</div>
+						<div class="col-md-6 text-center text-md-end">
+							<p class="text-secondary mb-0">Made with <span style="color: #f093fb;">?</span> for innovators worldwide</p>
+						</div>
+					</div>
+				</div>
+			</div>
+			
+		</footer>
+
+
+    </div>
+	<!-- END PRELOADER -->
+	
+    <!-- jQuery, Bootstrap, GSAP -->
+    <script src="assets/js/jquery.min.js"></script>
+	<!-- Latest compiled and minified Bootstrap -->
+	<script src="assets/js/bootstrap.min.js"></script>
+	<script src="assets/js/plugin.min.js"></script>
+	<script src="assets/js/gsap.js"></script>
+    <!-- Template scripts -->
+    <script src="assets/js/main.js"></script>
+</body>
+</html>

templates/template_1/Main File/NeuralSync/features.html

@@ -0,0 +1,277 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<meta name="description" content="Transform your business with cutting-edge AI solutions. Premium SaaS platform for startups and digital agencies.">
+		<title>NeuralSync - AI-Powered SaaS Solutions for Modern Businesses HTML Template</title>
+
+		<!-- Google Fonts -->
+		<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
+		<!-- Bootstrap 5 -->
+		<link rel="stylesheet" href="assets/css/bootstrap.min.css">
+		<!-- Bootstrap Icons -->
+		<link rel="stylesheet" href="assets/fonts/bootstrap-icons.min.css">
+		<!-- Font Awesome -->
+		<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
+		<link rel="stylesheet" href="assets/css/slick.min.css">
+		<link rel="stylesheet" href="assets/css/theme-spacing.min.css">
+		<!-- Template styles -->
+		<link rel="stylesheet" href="assets/css/style.css">
+		<link rel="stylesheet" href="assets/css/responsive.css">
+		
+	</head>
+
+<body>
+
+	<div class="page-wrapper">
+	
+			<!-- START PRELOADER -->
+			<div class="preloader">
+				<div class="status">
+					 <div class="loader">
+						<div class="loading-1"></div>
+						<div class="loading-2">Loading...</div>
+					</div>
+				</div>
+			</div>
+			<!-- END PRELOADER -->
+			
+			<!-- BACK TO TOP -->
+			<div class="scroll-top">
+				<i class="bi bi-arrow-up" style="font-size: 1.5rem; color: white;"></i>
+			</div>
+			<!-- BACK TO TOP -->
+			
+			<!-- Animated Background -->
+			<div class="animated-bg"></div>
+			
+			<!-- Navigation -->
+			<nav class="navbar navbar-expand-lg fixed-top">
+				<div class="container">
+					<a class="navbar-brand" href="index.html"><i class="fa-light fa-sparkles mr-5"></i>NeuralSync</a>
+					<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
+						<span class="navbar-toggler-icon"></span>
+					</button>
+					<div class="collapse navbar-collapse" id="navbarNav">
+						<ul class="navbar-nav ms-auto align-items-center">
+							<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
+							<li class="nav-item"><a class="nav-link" href="features.html">Features</a></li>
+							<li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
+							<li class="nav-item"><a class="nav-link" href="portfolio.html">Portfolio</a></li>
+							<li class="nav-item"><a class="nav-link" href="pricing.html">Pricing</a></li>
+							<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
+							<li class="nav-item ms-3">
+								<button class="btn-primary-gradient">Get Started</button>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</nav>
+			
+		<main>
+
+			<!-- START BREADCRUMB -->
+			<section class="breadcrumb-area position-relative black-bg breadcrumb-cover-bg breadcrumb-spacing breadcrumb-bg-attach);">
+				 <div class="container">
+					<div class="row justify-content-center text-center">
+					   <div class="col-xxl-12">
+						  <div class="breadcrumb-content p-relative z-index-2">
+							<div class="breadcrumb-single-content mb-10">
+								<span><a href="index.html"><i class="fa-light fa-house fa-fade me-2"></i>HOME</a></span>
+								<span class="breadcrumb-sub-title">SERVICE</span>
+							</div>
+							<h3 class="breadcrumb-title split-content end">Our Service</h3>
+							</div>
+					   </div>
+					</div>
+				 </div>
+			</section>
+			<!-- END BREADCRUMB -->
+			
+			
+			<!-- Logo Slider -->
+			<div class="logo-slider">
+				<div class="container">
+					<p class="text-center mb-50 split-content end">TRUSTED BY LEADING COMPANIES WORLDWIDE</p>
+					<div class="overflow-hidden">
+						<div class="logo-track">
+							<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iNDAiPjx0ZXh0IHg9IjEwIiB5PSIyNSIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjIwIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzk0YTNiOCI+VGVjaENvcnA8L3RleHQ+PC9zdmc+" alt="Client Logo" class="company-logo">
+							<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iNDAiPjx0ZXh0IHg9IjEwIiB5PSIyNSIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjIwIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzk0YTNiOCI+RGF0YUZsb3c8L3RleHQ+PC9zdmc+" alt="Client Logo" class="company-logo">
+							<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iNDAiPjx0ZXh0IHg9IjEwIiB5PSIyNSIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjIwIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzk0YTNiOCI+QUlMYWJzPC90ZXh0Pjwvc3ZnPg==" alt="Client Logo" class="company-logo">
+							<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iNDAiPjx0ZXh0IHg9IjEwIiB5PSIyNSIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjIwIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzk0YTNiOCI+SW5ub1RlY2g8L3RleHQ+PC9zdmc+" alt="Client Logo" class="company-logo">
+							<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iNDAiPjx0ZXh0IHg9IjEwIiB5PSIyNSIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjIwIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzk0YTNiOCI+RnV0dXJlQUk8L3RleHQ+PC9zdmc+" alt="Client Logo" class="company-logo">
+							
+							<!-- Duplicate for seamless loop -->
+							<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iNDAiPjx0ZXh0IHg9IjEwIiB5PSIyNSIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjIwIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzk0YTNiOCI+VGVjaENvcnA8L3RleHQ+PC9zdmc+" alt="Client Logo" class="company-logo">
+							<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iNDAiPjx0ZXh0IHg9IjEwIiB5PSIyNSIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjIwIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzk0YTNiOCI+RGF0YUZsb3c8L3RleHQ+PC9zdmc+" alt="Client Logo" class="company-logo">
+							<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iNDAiPjx0ZXh0IHg9IjEwIiB5PSIyNSIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjIwIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzk0YTNiOCI+QUlMYWJzPC90ZXh0Pjwvc3ZnPg==" alt="Client Logo" class="company-logo">
+							<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iNDAiPjx0ZXh0IHg9IjEwIiB5PSIyNSIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjIwIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzk0YTNiOCI+SW5ub1RlY2g8L3RleHQ+PC9zdmc+" alt="Client Logo" class="company-logo">
+							<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iNDAiPjx0ZXh0IHg9IjEwIiB5PSIyNSIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjIwIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzk0YTNiOCI+RnV0dXJlQUk8L3RleHQ+PC9zdmc+" alt="Client Logo" class="company-logo">
+							
+						</div>
+					</div>
+				</div>
+			</div>
+			
+			<!-- Features Section -->
+			<section class="atf-section-padding" id="features">
+				<div class="container">
+					<div class="section-title mb-50 text-center">
+						<h2 class="title split-content start">Powerful Features for Modern Businesses</h2>
+						<p class="section-subtitle fade-in">Everything you need to scale your operations with cutting-edge AI technology</p>
+					</div>
+					<div class="row g-4 text-center">
+						<div class="col-md-6 col-lg-4 fadeInLeft">
+							<div class="glass-card feature-card">
+								<div class="feature-icon">
+									<i class="bi bi-cpu"></i>
+								</div>
+								<h3>AI Automation</h3>
+								<p>Automate repetitive tasks and workflows with intelligent machine learning algorithms that adapt to your business needs.</p>
+							</div>
+						</div>
+						
+						<div class="col-md-6 col-lg-4 fadeInUp">
+							<div class="glass-card feature-card">
+								<div class="feature-icon">
+									<i class="bi bi-graph-up-arrow"></i>
+								</div>
+								<h3>Advanced Analytics</h3>
+								<p>Real-time insights and predictive analytics to make data-driven decisions and stay ahead of the competition.</p>
+							</div>
+						</div>
+						
+						<div class="col-md-6 col-lg-4 fadeInRight">
+							<div class="glass-card feature-card">
+								<div class="feature-icon">
+									<i class="bi bi-shield-check"></i>
+								</div>
+								<h3>Enterprise Security</h3>
+								<p>Bank-level encryption and compliance with SOC 2, GDPR, and HIPAA standards to protect your data.</p>
+							</div>
+						</div>
+						
+						<div class="col-md-6 col-lg-4 fadeInLeft">
+							<div class="glass-card feature-card">
+								<div class="feature-icon">
+									<i class="bi bi-lightning-charge"></i>
+								</div>
+								<h3>Lightning Fast</h3>
+								<p>Optimized infrastructure delivering sub-second response times and 99.9% uptime guarantee.</p>
+							</div>
+						</div>
+						
+						<div class="col-md-6 col-lg-4 fadeInUp">
+							<div class="glass-card feature-card">
+								<div class="feature-icon">
+									<i class="bi bi-people"></i>
+								</div>
+								<h3>Team Collaboration</h3>
+								<p>Seamless collaboration tools with real-time sync, role-based access, and integrated communication.</p>
+							</div>
+						</div>
+						
+						<div class="col-md-6 col-lg-4 fadeInRight">
+							<div class="glass-card feature-card">
+								<div class="feature-icon">
+									<i class="bi bi-phone"></i>
+								</div>
+								<h3>API Integration</h3>
+								<p>Connect with 1000+ apps and services through our robust RESTful API and webhook system.</p>
+							</div>
+						</div>
+					</div>
+				</div>
+			</section>
+		</main>
+	
+		<footer>
+			<!-- Footer -->
+			<div class="footer">
+				<div class="container">
+					<div class="row g-4">
+						<div class="col-lg-4 col-md-6 fadeInLeft">
+							<h3 class="navbar-brand mb-50"><i class="fa-light fa-sparkles mr-5"></i>NeuralSync</h3>
+							<p class="text-secondary mb-4">Empowering businesses with cutting-edge AI technology to automate, analyze, and accelerate growth in the digital age.</p>
+							<div class="social-links">
+								<a href="#"><i class="fab fa-x-twitter"></i></a>
+								<a href="#"><i class="bi bi-linkedin"></i></a>
+								<a href="#"><i class="bi bi-github"></i></a>
+								<a href="#"><i class="bi bi-instagram"></i></a>
+							</div>
+						</div>
+						
+						<div class="col-lg-2 col-md-6 fadeInUp">
+							<h3>Product</h3>
+							<ul>
+								<li><a href="#features">Features</a></li>
+								<li><a href="#pricing">Pricing</a></li>
+								<li><a href="#">Security</a></li>
+								<li><a href="#">Integrations</a></li>
+								<li><a href="#">API Docs</a></li>
+							</ul>
+						</div>
+						
+						<div class="col-lg-2 col-md-6 fadeInUp">
+							<h3>Company</h3>
+							<ul>
+								<li><a href="#about">About Us</a></li>
+								<li><a href="#">Careers</a></li>
+								<li><a href="#">Blog</a></li>
+								<li><a href="#">Press Kit</a></li>
+								<li><a href="#contact">Contact</a></li>
+							</ul>
+						</div>
+						
+						<div class="col-lg-2 col-md-6 fadeInUp">
+							<h3>Resources</h3>
+							<ul>
+								<li><a href="#">Documentation</a></li>
+								<li><a href="#">Tutorials</a></li>
+								<li><a href="#">Community</a></li>
+								<li><a href="#">Support</a></li>
+								<li><a href="#">Status</a></li>
+							</ul>
+						</div>
+						
+						<div class="col-lg-2 col-md-6 fadeInRight">
+							<h3>Legal</h3>
+							<ul>
+								<li><a href="#">Privacy Policy</a></li>
+								<li><a href="#">Terms of Service</a></li>
+								<li><a href="#">Cookie Policy</a></li>
+								<li><a href="#">GDPR</a></li>
+							</ul>
+						</div>
+					</div>
+					
+					<hr style="border-color: rgba(255,255,255,0.1); margin: 3rem 0 2rem;">
+					
+					<div class="row align-items-center">
+						<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
+							<p class="text-secondary mb-0">&copy; 2026 NeuralSync. All rights reserved.</p>
+						</div>
+						<div class="col-md-6 text-center text-md-end">
+							<p class="text-secondary mb-0">Made with <span style="color: #f093fb;">?</span> for innovators worldwide</p>
+						</div>
+					</div>
+				</div>
+			</div>
+			
+		</footer>
+
+
+    </div>
+	<!-- END PRELOADER -->
+	
+    <!-- jQuery, Bootstrap, GSAP -->
+    <script src="assets/js/jquery.min.js"></script>
+	<!-- Latest compiled and minified Bootstrap -->
+	<script src="assets/js/bootstrap.min.js"></script>
+	<script src="assets/js/plugin.min.js"></script>
+	<script src="assets/js/gsap.js"></script>
+    <!-- Template scripts -->
+    <script src="assets/js/main.js"></script>
+</body>
+</html>

templates/template_1/Main File/NeuralSync/index.html

@@ -0,0 +1,926 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<meta name="description" content="Transform your business with cutting-edge AI solutions. Premium SaaS platform for startups and digital agencies.">
+		<title>NeuralSync - AI-Powered SaaS Solutions for Modern Businesses HTML Template</title>
+
+		<!-- Google Fonts -->
+		<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
+		<!-- Bootstrap 5 -->
+		<link rel="stylesheet" href="assets/css/bootstrap.min.css">
+		<!-- Bootstrap Icons -->
+		<link rel="stylesheet" href="assets/fonts/bootstrap-icons.min.css">
+		<!-- Font Awesome -->
+		<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
+		<link rel="stylesheet" href="assets/css/slick.min.css">
+		<link rel="stylesheet" href="assets/css/theme-spacing.min.css">
+		<!-- Template styles -->
+		<link rel="stylesheet" href="assets/css/style.css">
+		<link rel="stylesheet" href="assets/css/responsive.css">
+		
+	</head>
+
+<body>
+
+	<div class="page-wrapper">
+	
+			<!-- START PRELOADER -->
+			<div class="preloader">
+				<div class="status">
+					 <div class="loader">
+						<div class="loading-1"></div>
+						<div class="loading-2">Loading...</div>
+					</div>
+				</div>
+			</div>
+			<!-- END PRELOADER -->
+			
+			<!-- BACK TO TOP -->
+			<div class="scroll-top">
+				<i class="bi bi-arrow-up" style="font-size: 1.5rem; color: white;"></i>
+			</div>
+			<!-- BACK TO TOP -->
+			
+			<!-- Animated Background -->
+			<div class="animated-bg"></div>
+			
+			<!-- Navigation -->
+			<nav class="navbar navbar-expand-lg fixed-top">
+				<div class="container">
+					<a class="navbar-brand" href="index.html"><i class="fa-light fa-sparkles mr-5"></i>NeuralSync</a>
+					<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
+						<span class="navbar-toggler-icon"></span>
+					</button>
+					<div class="collapse navbar-collapse" id="navbarNav">
+						<ul class="navbar-nav ms-auto align-items-center">
+							<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
+							<li class="nav-item"><a class="nav-link" href="features.html">Features</a></li>
+							<li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
+							<li class="nav-item"><a class="nav-link" href="portfolio.html">Portfolio</a></li>
+							<li class="nav-item"><a class="nav-link" href="pricing.html">Pricing</a></li>
+							<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
+							<li class="nav-item ms-3">
+								<button class="btn-primary-gradient">Get Started</button>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</nav>
+			
+		<main>
+		
+			<!-- Hero Section -->
+			<section class="hero" id="home">
+				<div class="container">
+					<div class="row align-items-center">
+						<div class="col-lg-6 fade-in">
+							<div class="hero-content">
+								<h1 class="title split-content start">Transform Your Business with AI Powered Solutions</h1>
+								<p>Unleash the power of artificial intelligence to automate, analyze, and accelerate your digital growth Built <br> for modern startups and thinking agencies.</p>
+								<div class="d-flex gap-3 mb-4">
+									<button class="btn-primary-gradient">Start Free Trial</button>
+									<button class="btn-outline-gradient">Watch Demo</button>
+								</div>
+								<div class="d-flex gap-4 align-items-center mt-4">
+									<div>
+										<div class="stars">★★★★★</div>
+										<small class="text-secondary">4.9/5 from 2,500+ reviews</small>
+									</div>
+								</div>
+							</div>
+						</div>
+						<div class="col-lg-6 fade-in">
+							<div class="hero-image">
+								<svg class="ai-illustration" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
+									<defs>
+										<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
+											<stop offset="0%" style="stop-color:#667eea;stop-opacity:1" />
+											<stop offset="100%" style="stop-color:#764ba2;stop-opacity:1" />
+										</linearGradient>
+										<linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="100%">
+											<stop offset="0%" style="stop-color:#00f2ff;stop-opacity:1" />
+											<stop offset="100%" style="stop-color:#667eea;stop-opacity:1" />
+										</linearGradient>
+									</defs>
+									
+									<!-- AI Brain/Network -->
+									<circle cx="300" cy="300" r="120" fill="url(#grad1)" opacity="0.2"/>
+									<circle cx="300" cy="300" r="90" fill="url(#grad1)" opacity="0.3"/>
+									<circle cx="300" cy="300" r="60" fill="url(#grad1)" opacity="0.5"/>
+									
+									<!-- Neural Network Nodes -->
+									<circle cx="300" cy="200" r="15" fill="url(#grad2)">
+										<animate attributeName="r" values="15;20;15" dur="2s" repeatCount="indefinite"/>
+									</circle>
+									<circle cx="400" cy="250" r="12" fill="url(#grad2)">
+										<animate attributeName="r" values="12;17;12" dur="2.5s" repeatCount="indefinite"/>
+									</circle>
+									<circle cx="200" cy="250" r="12" fill="url(#grad2)">
+										<animate attributeName="r" values="12;17;12" dur="2.2s" repeatCount="indefinite"/>
+									</circle>
+									<circle cx="350" cy="350" r="10" fill="url(#grad2)">
+										<animate attributeName="r" values="10;15;10" dur="2.8s" repeatCount="indefinite"/>
+									</circle>
+									<circle cx="250" cy="350" r="10" fill="url(#grad2)">
+										<animate attributeName="r" values="10;15;10" dur="2.6s" repeatCount="indefinite"/>
+									</circle>
+									<circle cx="300" cy="400" r="15" fill="url(#grad2)">
+										<animate attributeName="r" values="15;20;15" dur="2.3s" repeatCount="indefinite"/>
+									</circle>
+									
+									<!-- Connection Lines -->
+									<line x1="300" y1="200" x2="400" y2="250" stroke="url(#grad2)" stroke-width="2" opacity="0.5">
+										<animate attributeName="opacity" values="0.3;0.8;0.3" dur="2s" repeatCount="indefinite"/>
+									</line>
+									<line x1="300" y1="200" x2="200" y2="250" stroke="url(#grad2)" stroke-width="2" opacity="0.5">
+										<animate attributeName="opacity" values="0.3;0.8;0.3" dur="2.2s" repeatCount="indefinite"/>
+									</line>
+									<line x1="400" y1="250" x2="350" y2="350" stroke="url(#grad2)" stroke-width="2" opacity="0.5">
+										<animate attributeName="opacity" values="0.3;0.8;0.3" dur="2.5s" repeatCount="indefinite"/>
+									</line>
+									<line x1="200" y1="250" x2="250" y2="350" stroke="url(#grad2)" stroke-width="2" opacity="0.5">
+										<animate attributeName="opacity" values="0.3;0.8;0.3" dur="2.8s" repeatCount="indefinite"/>
+									</line>
+									<line x1="350" y1="350" x2="300" y2="400" stroke="url(#grad2)" stroke-width="2" opacity="0.5">
+										<animate attributeName="opacity" values="0.3;0.8;0.3" dur="2.3s" repeatCount="indefinite"/>
+									</line>
+									<line x1="250" y1="350" x2="300" y2="400" stroke="url(#grad2)" stroke-width="2" opacity="0.5">
+										<animate attributeName="opacity" values="0.3;0.8;0.3" dur="2.6s" repeatCount="indefinite"/>
+									</line>
+									
+									<!-- Floating Particles -->
+									<circle cx="150" cy="150" r="5" fill="#00f2ff" opacity="0.6">
+										<animateMotion dur="10s" repeatCount="indefinite">
+											<mpath href="#orbit1"/>
+										</animateMotion>
+									</circle>
+									<circle cx="450" cy="150" r="4" fill="#667eea" opacity="0.6">
+										<animateMotion dur="12s" repeatCount="indefinite">
+											<mpath href="#orbit2"/>
+										</animateMotion>
+									</circle>
+									
+									<path id="orbit1" d="M 150,150 Q 300,50 450,150 T 150,150" fill="none"/>
+									<path id="orbit2" d="M 450,150 Q 500,300 450,450 T 450,150" fill="none"/>
+								</svg>
+							</div>
+						</div>
+					</div>
+				</div>
+			</section>
+			
+			<!-- Logo Slider -->
+			<div class="logo-slider">
+				<div class="container">
+					<p class="text-center mb-50 split-content end">TRUSTED BY LEADING COMPANIES WORLDWIDE</p>
+					<div class="overflow-hidden">
+						<div class="logo-track">
+							<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iNDAiPjx0ZXh0IHg9IjEwIiB5PSIyNSIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjIwIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzk0YTNiOCI+VGVjaENvcnA8L3RleHQ+PC9zdmc+" alt="Client Logo" class="company-logo">
+							<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iNDAiPjx0ZXh0IHg9IjEwIiB5PSIyNSIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjIwIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzk0YTNiOCI+RGF0YUZsb3c8L3RleHQ+PC9zdmc+" alt="Client Logo" class="company-logo">
+							<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iNDAiPjx0ZXh0IHg9IjEwIiB5PSIyNSIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjIwIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzk0YTNiOCI+QUlMYWJzPC90ZXh0Pjwvc3ZnPg==" alt="Client Logo" class="company-logo">
+							<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iNDAiPjx0ZXh0IHg9IjEwIiB5PSIyNSIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjIwIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzk0YTNiOCI+SW5ub1RlY2g8L3RleHQ+PC9zdmc+" alt="Client Logo" class="company-logo">
+							<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iNDAiPjx0ZXh0IHg9IjEwIiB5PSIyNSIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjIwIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzk0YTNiOCI+RnV0dXJlQUk8L3RleHQ+PC9zdmc+" alt="Client Logo" class="company-logo">
+							
+							<!-- Duplicate for seamless loop -->
+							<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iNDAiPjx0ZXh0IHg9IjEwIiB5PSIyNSIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjIwIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzk0YTNiOCI+VGVjaENvcnA8L3RleHQ+PC9zdmc+" alt="Client Logo" class="company-logo">
+							<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iNDAiPjx0ZXh0IHg9IjEwIiB5PSIyNSIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjIwIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzk0YTNiOCI+RGF0YUZsb3c8L3RleHQ+PC9zdmc+" alt="Client Logo" class="company-logo">
+							<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iNDAiPjx0ZXh0IHg9IjEwIiB5PSIyNSIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjIwIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzk0YTNiOCI+QUlMYWJzPC90ZXh0Pjwvc3ZnPg==" alt="Client Logo" class="company-logo">
+							<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iNDAiPjx0ZXh0IHg9IjEwIiB5PSIyNSIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjIwIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzk0YTNiOCI+SW5ub1RlY2g8L3RleHQ+PC9zdmc+" alt="Client Logo" class="company-logo">
+							<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iNDAiPjx0ZXh0IHg9IjEwIiB5PSIyNSIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjIwIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0iIzk0YTNiOCI+RnV0dXJlQUk8L3RleHQ+PC9zdmc+" alt="Client Logo" class="company-logo">
+							
+						</div>
+					</div>
+				</div>
+			</div>
+			
+			<!-- Features Section -->
+			<section class="atf-section-padding" id="features">
+				<div class="container">
+					<div class="section-title mb-50 text-center">
+						<h2 class="title split-content start">Powerful Features for Modern Businesses</h2>
+						<p class="section-subtitle fade-in">Everything you need to scale your operations with cutting-edge AI technology</p>
+					</div>
+					<div class="row g-4 text-center">
+						<div class="col-md-6 col-lg-4 fadeInLeft">
+							<div class="glass-card feature-card">
+								<div class="feature-icon">
+									<i class="bi bi-cpu"></i>
+								</div>
+								<h3>AI Automation</h3>
+								<p>Automate repetitive tasks and workflows with intelligent machine learning algorithms that adapt to your business needs.</p>
+							</div>
+						</div>
+						
+						<div class="col-md-6 col-lg-4 fadeInUp">
+							<div class="glass-card feature-card">
+								<div class="feature-icon">
+									<i class="bi bi-graph-up-arrow"></i>
+								</div>
+								<h3>Advanced Analytics</h3>
+								<p>Real-time insights and predictive analytics to make data-driven decisions and stay ahead of the competition.</p>
+							</div>
+						</div>
+						
+						<div class="col-md-6 col-lg-4 fadeInRight">
+							<div class="glass-card feature-card">
+								<div class="feature-icon">
+									<i class="bi bi-shield-check"></i>
+								</div>
+								<h3>Enterprise Security</h3>
+								<p>Bank-level encryption and compliance with SOC 2, GDPR, and HIPAA standards to protect your data.</p>
+							</div>
+						</div>
+						
+						<div class="col-md-6 col-lg-4 fadeInLeft">
+							<div class="glass-card feature-card">
+								<div class="feature-icon">
+									<i class="bi bi-lightning-charge"></i>
+								</div>
+								<h3>Lightning Fast</h3>
+								<p>Optimized infrastructure delivering sub-second response times and 99.9% uptime guarantee.</p>
+							</div>
+						</div>
+						
+						<div class="col-md-6 col-lg-4 fadeInUp">
+							<div class="glass-card feature-card">
+								<div class="feature-icon">
+									<i class="bi bi-people"></i>
+								</div>
+								<h3>Team Collaboration</h3>
+								<p>Seamless collaboration tools with real-time sync, role-based access, and integrated communication.</p>
+							</div>
+						</div>
+						
+						<div class="col-md-6 col-lg-4 fadeInRight">
+							<div class="glass-card feature-card">
+								<div class="feature-icon">
+									<i class="bi bi-phone"></i>
+								</div>
+								<h3>API Integration</h3>
+								<p>Connect with 1000+ apps and services through our robust RESTful API and webhook system.</p>
+							</div>
+						</div>
+					</div>
+				</div>
+			</section>
+			
+			<!-- Stats Section -->
+			<div>
+				<div class="container">
+					<div class="stats-section">
+						<div class="row">
+							<div class="col-md-3 col-6 mb-4 mb-md-0 fadeInLeft">
+								<div class="stat-item">
+									<div class="stat-number"><span class="counter-value">10</span>K+</div>
+									<div class="stat-label">Active Users</div>
+								</div>
+							</div>
+							<div class="col-md-3 col-6 mb-4 mb-md-0 fadeInUp">
+								<div class="stat-item">
+									<div class="stat-number"><span class="counter-value">99</span>.9%</div>
+									<div class="stat-label">Uptime SLA</div>
+								</div>
+							</div>
+							<div class="col-md-3 col-6 fadeInUp">
+								<div class="stat-item">
+									<div class="stat-number"><span class="counter-value">50</span>M+</div>
+									<div class="stat-label">API Requests</div>
+								</div>
+							</div>
+							<div class="col-md-3 col-6 fadeInRight">
+								<div class="stat-item">
+									<div class="stat-number"><span class="counter-value">24</span>/7</div>
+									<div class="stat-label">Support</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			
+			<!-- About / Why Choose Us -->
+			<section class="atf-section-padding" id="about">
+				<div class="container">
+					<div class="row align-items-center">
+						<div class="col-lg-6">
+							<div class="section-title mb-30 text-start">
+								<h2 class="title text-start mb-4 split-content up">Why Choose NeuralSync?</h2>
+								<p class="text-secondary" style="font-size: 1.1rem;">We're not just another SaaS platform. We're your innovation partner, combining cutting-edge AI technology with intuitive design to deliver exceptional results.</p>
+							</div>
+							<div class="about-content">
+								<div class="mb-4">
+									<h3 class="mb-3"><i class="fa-light fa-badge-check mr-5 text-info"></i> Innovation First</h3>
+									<p class="text-secondary">Stay ahead with bleeding-edge AI technology that evolves with your needs.</p>
+								</div>
+								
+								<div class="mb-4">
+									<h3 class="mb-3"><i class="fa-light fa-badge-check mr-5 text-info"></i> Scalable Architecture</h3>
+									<p class="text-secondary">From startup to enterprise - our infrastructure grows seamlessly with your business.</p>
+								</div>
+								
+								<div class="mb-4">
+									<h3 class="mb-3"><i class="fa-light fa-badge-check mr-5 text-info"></i> World-Class Support</h3>
+									<p class="text-secondary">24/7 expert support team ready to help you succeed at every step.</p>
+								</div>
+							</div>
+							
+							<button class="btn-primary-gradient mt-3">DESCOVER MORE</button>
+						</div>
+						
+						<div class="col-lg-6 zoomIn mt-lg-40">
+							<div class="glass-card p-4">
+								<svg viewBox="0 0 400 300" xmlns="http://www.w3.org/2000/svg">
+									<defs>
+										<linearGradient id="chartGrad" x1="0%" y1="0%" x2="0%" y2="100%">
+											<stop offset="0%" style="stop-color:#667eea;stop-opacity:0.8" />
+											<stop offset="100%" style="stop-color:#667eea;stop-opacity:0.1" />
+										</linearGradient>
+									</defs>
+									<path d="M 20 250 L 80 200 L 140 180 L 200 120 L 260 100 L 320 50 L 380 30" 
+										  stroke="#00f2ff" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
+									<path d="M 20 250 L 80 200 L 140 180 L 200 120 L 260 100 L 320 50 L 380 30 L 380 300 L 20 300 Z" 
+										  fill="url(#chartGrad)"/>
+									<circle cx="80" cy="200" r="6" fill="#00f2ff">
+										<animate attributeName="r" values="6;10;6" dur="2s" repeatCount="indefinite"/>
+									</circle>
+									<circle cx="200" cy="120" r="6" fill="#00f2ff">
+										<animate attributeName="r" values="6;10;6" dur="2.5s" repeatCount="indefinite"/>
+									</circle>
+									<circle cx="320" cy="50" r="6" fill="#00f2ff">
+										<animate attributeName="r" values="6;10;6" dur="3s" repeatCount="indefinite"/>
+									</circle>
+								</svg>
+							</div>
+						</div>
+					</div>
+				</div>
+			</section>
+			
+			<!-- Product Showcase -->
+			<section class="atf-section-padding pt-0">
+				<div class="container">
+					<div class="section-title mb-50 text-center">
+						<h2 class="title split-content start">Experience the Platform</h2>
+						<p class="section-subtitle fade-in">
+							A beautiful, intuitive dashboard designed for power users and beginners alike
+						</p>
+					</div>
+
+					<div class="dashboard-mockup spread zoom-out">
+						<svg viewBox="0 0 1200 700" xmlns="http://www.w3.org/2000/svg">
+							
+							<!-- Dashboard Background -->
+							<rect width="1200" height="700" fill="#1e293b" rx="20"/>
+
+							<!-- Header -->
+							<rect width="1200" height="60" fill="#0f172a"/>
+							<text x="30" y="38" font-family="Inter, sans-serif" font-size="24" font-weight="bold" fill="#667eea">NeuralSync</text>
+							
+							<!-- Header Icons -->
+							<foreignObject x="1050" y="10" width="140" height="40">
+								<div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;justify-content:flex-end;gap:10px;align-items:center;">
+									<i class="bi bi-bell-fill" style="color:#667eea;font-size:20px;"></i>
+									<i class="bi bi-gear-fill" style="color:#667eea;font-size:20px;"></i>
+									<i class="bi bi-person-circle" style="color:#667eea;font-size:20px;"></i>
+								</div>
+							</foreignObject>
+
+							<!-- Sidebar -->
+							<rect x="0" y="60" width="240" height="640" fill="#0f172a"/>
+							<rect x="20" y="100" width="200" height="40" rx="10" fill="#667eea" opacity="0.2"/>
+							<rect x="20" y="160" width="200" height="40" rx="10" fill="#334155"/>
+							<rect x="20" y="220" width="200" height="40" rx="10" fill="#334155"/>
+							<foreignObject x="30" y="105" width="180" height="40">
+								<div xmlns="http://www.w3.org/1999/xhtml" style="color:white;font-weight:600;font-family:Inter,sans-serif;">
+									<i class="bi bi-speedometer2 mr-5"></i> Dashboard
+								</div>
+							</foreignObject>
+							<foreignObject x="30" y="165" width="180" height="40">
+								<div xmlns="http://www.w3.org/1999/xhtml" style="color:white;font-weight:600;font-family:Inter,sans-serif;">
+									<i class="bi bi-people-fill mr-5"></i> Users
+								</div>
+							</foreignObject>
+							<foreignObject x="30" y="225" width="180" height="40">
+								<div xmlns="http://www.w3.org/1999/xhtml" style="color:white;font-weight:600;font-family:Inter,sans-serif;">
+									<i class="bi bi-bar-chart-fill mr-5"></i> Analytics
+								</div>
+							</foreignObject>
+
+							<!-- Main Content Area -->
+							<rect x="260" y="80" width="920" height="600" fill="#1e293b" rx="15"/>
+							
+							
+							<!-- Cards -->
+							<rect x="280" y="100" width="280" height="180" rx="15" fill="#334155"/>
+							<foreignObject x="300" y="120" width="240" height="40">
+								<div xmlns="http://www.w3.org/1999/xhtml" style="color:white;font-weight:600;font-family:Inter,sans-serif;">
+									<i class="bi bi-graph-up mr-5"></i> Sales Overview
+								</div>
+							</foreignObject>
+
+							<rect x="580" y="100" width="280" height="180" rx="15" fill="#334155"/>
+							<foreignObject x="600" y="120" width="240" height="40">
+								<div xmlns="http://www.w3.org/1999/xhtml" style="color:white;font-weight:600;font-family:Inter,sans-serif;">
+									<i class="bi bi-people mr-5"></i> Active Users
+								</div>
+							</foreignObject>
+
+							<rect x="880" y="100" width="280" height="180" rx="15" fill="#334155"/>
+							<foreignObject x="900" y="120" width="240" height="40">
+								<div xmlns="http://www.w3.org/1999/xhtml" style="color:white;font-weight:600;font-family:Inter,sans-serif;">
+									<i class="bi bi-wallet-fill mr-5"></i> Revenue
+								</div>
+							</foreignObject>
+
+							<!-- Chart Area -->
+							<rect x="280" y="300" width="880" height="360" rx="15" fill="#334155"/>
+							<path d="M 320 600 L 380 550 L 440 520 L 500 480 L 560 450 L 620 420 L 680 380 L 740 360 L 800 340 L 860 320 L 920 300 L 925 305 L 930 310 L 1100 315" 
+								  stroke="#667eea" stroke-width="3" fill="none" stroke-linecap="round"/>
+
+							<!-- Glowing Elements -->
+							<circle cx="420" cy="200" r="30" fill="#667eea" opacity="0.6">
+								<animate attributeName="opacity" values="0.3;0.8;0.3" dur="2s" repeatCount="indefinite"/>
+							</circle>
+							<circle cx="720" cy="200" r="30" fill="#00f2ff" opacity="0.6">
+								<animate attributeName="opacity" values="0.3;0.8;0.3" dur="2.5s" repeatCount="indefinite"/>
+							</circle>
+							<circle cx="1020" cy="200" r="30" fill="#764ba2" opacity="0.6">
+								<animate attributeName="opacity" values="0.3;0.8;0.3" dur="3s" repeatCount="indefinite"/>
+							</circle>
+
+						</svg>
+					</div>
+				</div>
+			</section>
+			
+			<!-- Portfolio / Case Studies -->
+			<section class="atf-section-padding pt-0" id="portfolio">
+				<div class="container">
+					<div class="section-title mb-50 text-center">
+						<h2 class="title split-content start">Success Stories</h2>
+						<p class="section-subtitle fade-in">Real results from real companies transforming their businesses with NeuralSync</p>
+					</div>
+					
+					<div class="row g-4">
+						<div class="col-md-6 fade-in">
+							<div class="glass-card portfolio-item">
+								<svg viewBox="0 0 400 350" xmlns="http://www.w3.org/2000/svg" class="portfolio-image">
+									<rect width="400" height="350" fill="#667eea"/>
+									<circle cx="200" cy="175" r="80" fill="rgba(255,255,255,0.2)"/>
+									<path d="M 150 175 L 190 215 L 270 135" stroke="white" stroke-width="8" fill="none" stroke-linecap="round"/>
+								</svg>
+								<div class="portfolio-overlay">
+									<div class="portfolio-title">TechStartup Inc.</div>
+									<div class="portfolio-category">AI Automation • 300% Growth</div>
+									<p class="mt-3">Automated customer support system reduced response time by 80%</p>
+								</div>
+							</div>
+						</div>
+						
+						<div class="col-md-6 fade-in">
+							<div class="glass-card portfolio-item">
+								<svg viewBox="0 0 400 350" xmlns="http://www.w3.org/2000/svg" class="portfolio-image">
+									<rect width="400" height="350" fill="#764ba2"/>
+									<rect x="100" y="100" width="80" height="150" rx="10" fill="rgba(255,255,255,0.2)"/>
+									<rect x="200" y="80" width="80" height="170" rx="10" fill="rgba(255,255,255,0.3)"/>
+									<rect x="300" y="60" width="80" height="190" rx="10" fill="rgba(255,255,255,0.2)"/>
+								</svg>
+								<div class="portfolio-overlay">
+									<div class="portfolio-title">DataFlow Solutions</div>
+									<div class="portfolio-category">Analytics Platform • 500K Users</div>
+									<p class="mt-3">Built scalable analytics platform processing 10TB daily</p>
+								</div>
+							</div>
+						</div>
+						
+						<div class="col-md-6 fade-in">
+							<div class="glass-card portfolio-item">
+								<svg viewBox="0 0 400 350" xmlns="http://www.w3.org/2000/svg" class="portfolio-image">
+									<rect width="400" height="350" fill="#00f2ff"/>
+									<circle cx="200" cy="175" r="100" fill="none" stroke="rgba(255,255,255,0.3)" stroke-width="3"/>
+									<circle cx="200" cy="175" r="70" fill="none" stroke="rgba(255,255,255,0.3)" stroke-width="3"/>
+									<circle cx="200" cy="175" r="40" fill="rgba(255,255,255,0.4)"/>
+								</svg>
+								<div class="portfolio-overlay">
+									<div class="portfolio-title">Marketing Pro Agency</div>
+									<div class="portfolio-category">Automation Tools • $2M Revenue</div>
+									<p class="mt-3">Marketing automation increased client retention by 65%</p>
+								</div>
+							</div>
+						</div>
+						
+						<div class="col-md-6 fade-in">
+							<div class="glass-card portfolio-item">
+								<svg viewBox="0 0 400 350" xmlns="http://www.w3.org/2000/svg" class="portfolio-image">
+									<rect width="400" height="350" fill="#f093fb"/>
+									<path d="M 50 300 L 100 250 L 150 270 L 200 200 L 250 220 L 300 150 L 350 100" 
+										  stroke="white" stroke-width="5" fill="none" stroke-linecap="round"/>
+									<circle cx="200" cy="200" r="8" fill="white"/>
+									<circle cx="300" cy="150" r="8" fill="white"/>
+									<circle cx="350" cy="100" r="8" fill="white"/>
+								</svg>
+								<div class="portfolio-overlay">
+									<div class="portfolio-title">FinTech Innovations</div>
+									<div class="portfolio-category">ML Predictions • 95% Accuracy</div>
+									<p class="mt-3">AI-powered fraud detection saved $5M in first quarter</p>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</section>
+			
+			<!-- Pricing Section -->
+			<section class="atf-section-padding pt-0" id="pricing">
+				<div class="container">
+					<div class="section-title mb-50 text-center">
+						<h2 class="title split-content start">Simple, Transparent Pricing</h2>
+						<p class="section-subtitle fade-in">Choose the perfect plan for your business. All plans include 14-day free trial.</p>
+					</div>
+					
+					<div class="row g-4 justify-content-center mt-40">
+						<div class="col-lg-4 col-md-6 fadeInLeft">
+							<div class="pricing-card">
+								<div class="glass-card">
+									<h3 class="mb-3">Starter</h3>
+									<p class="text-secondary mb-4">Perfect for small teams and startups</p>
+									<div class="price">$49<span style="font-size: 1.5rem; color: var(--text-secondary);">/mo</span></div>
+									<ul class="pricing-features">
+										<li><i class="bi bi-check-circle-fill"></i> Up to 5 team members</li>
+										<li><i class="bi bi-check-circle-fill"></i> 10,000 API requests/month</li>
+										<li><i class="bi bi-check-circle-fill"></i> Basic analytics</li>
+										<li><i class="bi bi-check-circle-fill"></i> Email support</li>
+										<li><i class="bi bi-check-circle-fill"></i> 10GB storage</li>
+									</ul>
+									<button class="btn-outline-gradient w-100">Get Started</button>
+								</div>
+							</div>
+						</div>
+						
+						<div class="col-lg-4 col-md-6 fadeInUp">
+							<div class="pricing-card featured">
+								<div class="pricing-badge">MOST POPULAR</div>
+								<div class="glass-card">
+									<h3 class="mb-3">Professional</h3>
+									<p class="text-secondary mb-4">For growing businesses and agencies</p>
+									<div class="price">$149<span style="font-size: 1.5rem; color: var(--text-secondary);">/mo</span></div>
+									<ul class="pricing-features">
+										<li><i class="bi bi-check-circle-fill"></i> Up to 25 team members</li>
+										<li><i class="bi bi-check-circle-fill"></i> 100,000 API requests/month</li>
+										<li><i class="bi bi-check-circle-fill"></i> Advanced analytics & AI</li>
+										<li><i class="bi bi-check-circle-fill"></i> Priority support 24/7</li>
+										<li><i class="bi bi-check-circle-fill"></i> 100GB storage</li>
+										<li><i class="bi bi-check-circle-fill"></i> Custom integrations</li>
+										<li><i class="bi bi-check-circle-fill"></i> White-label options</li>
+									</ul>
+									<button class="btn-primary-gradient w-100">Get Started</button>
+								</div>
+							</div>
+						</div>
+						
+						<div class="col-lg-4 col-md-6 fadeInRight">
+							<div class="pricing-card">
+								<div class="glass-card">
+									<h3 class="mb-3">Enterprise</h3>
+									<p class="text-secondary mb-4">For large organizations with custom needs</p>
+									<div class="price">Custom</div>
+									<ul class="pricing-features">
+										<li><i class="bi bi-check-circle-fill"></i> Unlimited team members</li>
+										<li><i class="bi bi-check-circle-fill"></i> Unlimited API requests</li>
+										<li><i class="bi bi-check-circle-fill"></i> Custom AI models</li>
+										<li><i class="bi bi-check-circle-fill"></i> Dedicated success manager</li>
+										<li><i class="bi bi-check-circle-fill"></i> Unlimited storage</li>
+										<li><i class="bi bi-check-circle-fill"></i> On-premise deployment</li>
+										<li><i class="bi bi-check-circle-fill"></i> SLA guarantee</li>
+										<li><i class="bi bi-check-circle-fill"></i> Custom contracts</li>
+									</ul>
+									<button class="btn-outline-gradient w-100">Contact Sales</button>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</section>
+			
+			<!-- Testimonials -->
+			<section class="atf-section-padding pt-0">
+				<div class="container">
+					<div class="row align-items-center justify-content-start">
+						<div class="section-title style1 mb-50 text-start">
+							<h2 class="title split-content end ">Loved by Thousands of Companies</h2>
+							<p class="section-subtitle fade-in ">Don't just take our word for it - hear from our satisfied customers</p>
+						</div>
+					</div>
+
+					<div class="row g-4 atf_client-slider slick-arrow-2">
+						<div class="col-lg-4 col-md-6 fade-in">
+							<div class="glass-card testimonial-card">
+								<div class="stars">★★★★★</div>
+								<p class="testimonial-text">"NeuralSync transformed how we handle customer data. The AI automation saved us 20 hours per week and increased our conversion rate by 45%."</p>
+								<svg width="80" height="80" class="testimonial-image">
+									<circle cx="40" cy="40" r="37" fill="#667eea"/>
+									<text x="40" y="50" text-anchor="middle" font-family="Inter" font-size="32" font-weight="bold" fill="white">SK</text>
+								</svg>
+								<div class="testimonial-author">Sarah Kim</div>
+								<div class="testimonial-role">CEO, TechFlow Solutions</div>
+							</div>
+						</div>
+						
+						<div class="col-lg-4 col-md-6 fade-in">
+							<div class="glass-card testimonial-card">
+								<div class="stars">★★★★★</div>
+								<p class="testimonial-text">"The best investment we've made. The platform is incredibly intuitive and the support team is outstanding. Highly recommend to any growing startup."</p>
+								<svg width="80" height="80" class="testimonial-image">
+									<circle cx="40" cy="40" r="37" fill="#764ba2"/>
+									<text x="40" y="50" text-anchor="middle" font-family="Inter" font-size="32" font-weight="bold" fill="white">MJ</text>
+								</svg>
+								<div class="testimonial-author">Michael Johnson</div>
+								<div class="testimonial-role">CTO, DataVerse Inc</div>
+							</div>
+						</div>
+						
+						<div class="col-lg-4 col-md-6 fade-in">
+							<div class="glass-card testimonial-card">
+								<div class="stars">★★★★★</div>
+								<p class="testimonial-text">"Seamless integration with our existing tools. The analytics dashboard gives us insights we never had before. Game changer for our agency."</p>
+								<svg width="80" height="80" class="testimonial-image">
+									<circle cx="40" cy="40" r="37" fill="#00f2ff"/>
+									<text x="40" y="50" text-anchor="middle" font-family="Inter" font-size="32" font-weight="bold" fill="white">EP</text>
+								</svg>
+								<div class="testimonial-author">Emily Parker</div>
+								<div class="testimonial-role">Director, Creative Digital Agency</div>
+							</div>
+						</div>
+						<div class="col-lg-4 col-md-6 fade-in">
+							<div class="glass-card testimonial-card">
+								<div class="stars">★★★★★</div>
+								<p class="testimonial-text">"NeuralSync transformed how we handle customer data. The AI automation saved us 20 hours per week and increased our conversion rate by 45%."</p>
+								<svg width="80" height="80" class="testimonial-image">
+									<circle cx="40" cy="40" r="37" fill="#667eea"/>
+									<text x="40" y="50" text-anchor="middle" font-family="Inter" font-size="32" font-weight="bold" fill="white">SK</text>
+								</svg>
+								<div class="testimonial-author">Sarah Kim</div>
+								<div class="testimonial-role">CEO, TechFlow Solutions</div>
+							</div>
+						</div>
+						
+						<div class="col-lg-4 col-md-6 fade-in">
+							<div class="glass-card testimonial-card">
+								<div class="stars">★★★★★</div>
+								<p class="testimonial-text">"The best investment we've made. The platform is incredibly intuitive and the support team is outstanding. Highly recommend to any growing startup."</p>
+								<svg width="80" height="80" class="testimonial-image">
+									<circle cx="40" cy="40" r="37" fill="#764ba2"/>
+									<text x="40" y="50" text-anchor="middle" font-family="Inter" font-size="32" font-weight="bold" fill="white">MJ</text>
+								</svg>
+								<div class="testimonial-author">Michael Johnson</div>
+								<div class="testimonial-role">CTO, DataVerse Inc</div>
+							</div>
+						</div>
+						
+						<div class="col-lg-4 col-md-6 fade-in">
+							<div class="glass-card testimonial-card">
+								<div class="stars">★★★★★</div>
+								<p class="testimonial-text">"Seamless integration with our existing tools. The analytics dashboard gives us insights we never had before. Game changer for our agency."</p>
+								<svg width="80" height="80" class="testimonial-image">
+									<circle cx="40" cy="40" r="37" fill="#00f2ff"/>
+									<text x="40" y="50" text-anchor="middle" font-family="Inter" font-size="32" font-weight="bold" fill="white">EP</text>
+								</svg>
+								<div class="testimonial-author">Emily Parker</div>
+								<div class="testimonial-role">Director, Creative Digital Agency</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</section>
+			
+			<!-- CTA Banner -->
+			<section>
+				<div class="container">
+					<div class="cta-banner fade-in">
+						<h2>Ready to Transform Your Business?</h2>
+						<p>Join 10,000+ companies already using NeuralSync to automate, analyze, and accelerate their growth.</p>
+						<div class="d-flex gap-3 justify-content-center flex-wrap">
+							<button class="btn-primary-gradient" style="background: white; color: #667eea;">Start Free Trial</button>
+							<button class="btn-outline-gradient" style="border-color: white; color: white;">Schedule Demo</button>
+						</div>
+					</div>
+				</div>
+			</section>
+			
+			<!-- FAQ Section -->
+			<section class="atf-section-padding">
+				<div class="container">
+					<div class="section-title mb-50 text-center">
+						<h2 class="title split-content end">Frequently Asked Questions</h2>
+						<p class="section-subtitle fade-in">Everything you need to know about NeuralSync</p>
+					</div>
+
+					<div class="row justify-content-center">
+						<div class="col-lg-8 fade-in">
+							<div class="faq-item">
+								<div class="faq-question">
+									<span>What is NeuralSync and how does it work?</span>
+									<i class="bi bi-chevron-down"></i>
+								</div>
+								<div class="faq-answer">
+									NeuralSync is an AI-powered SaaS platform that helps businesses automate workflows, analyze data, and scale operations. Our machine learning algorithms adapt to your specific needs and continuously improve performance over time.
+								</div>
+							</div>
+							
+							<div class="faq-item">
+								<div class="faq-question">
+									<span>Can I try NeuralSync before committing?</span>
+									<i class="bi bi-chevron-down"></i>
+								</div>
+								<div class="faq-answer">
+									Absolutely! All plans include a 14-day free trial with full access to features. No credit card required to start. You can cancel anytime during the trial period.
+								</div>
+							</div>
+							
+							<div class="faq-item">
+								<div class="faq-question">
+									<span>How secure is my data?</span>
+									<i class="bi bi-chevron-down"></i>
+								</div>
+								<div class="faq-answer">
+									Security is our top priority. We use bank-level 256-bit encryption, are SOC 2 Type II certified, and comply with GDPR, HIPAA, and other international standards. Your data is stored in encrypted databases with regular backups.
+								</div>
+							</div>
+							
+							<div class="faq-item">
+								<div class="faq-question">
+									<span>What kind of support do you provide?</span>
+									<i class="bi bi-chevron-down"></i>
+								</div>
+								<div class="faq-answer">
+									We offer email support for Starter plans, 24/7 priority support for Professional plans, and dedicated success managers for Enterprise clients. We also have extensive documentation, video tutorials, and community forums.
+								</div>
+							</div>
+							
+							<div class="faq-item">
+								<div class="faq-question">
+									<span>Can I change my plan later?</span>
+									<i class="bi bi-chevron-down"></i>
+								</div>
+								<div class="faq-answer">
+									Yes! You can upgrade or downgrade your plan at any time. When upgrading, you'll get immediate access to new features. When downgrading, changes take effect at the start of your next billing cycle.
+								</div>
+							</div>
+							
+							<div class="faq-item">
+								<div class="faq-question">
+									<span>Do you offer refunds?</span>
+									<i class="bi bi-chevron-down"></i>
+								</div>
+								<div class="faq-answer">
+									Yes, we offer a 30-day money-back guarantee. If you're not satisfied with NeuralSync within the first 30 days, we'll provide a full refund, no questions asked.
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</section>
+			
+			
+			
+			<!-- Newsletter Section -->
+			<section>
+				<div class="container">
+					<div class="newsletter-section fade-in">
+						<h2>Stay Updated</h2>
+						<p>Get the latest AI insights, product updates, and exclusive offers delivered to your inbox.</p>
+						<form class="d-flex justify-content-center flex-wrap gap-3" onsubmit="subscribeNewsletter(event)">
+							<input type="email" class="newsletter-input" placeholder="Enter your email address" required>
+							<button type="submit" class="btn-primary-gradient" style="background: white; color: #667eea;">Subscribe</button>
+						</form>
+						<p class="description">We respect your privacy. Unsubscribe at any time.</p>
+					</div>
+				</div>
+			</section>
+			
+			<!-- Contact Form -->
+			<section class="atf-section-padding" id="contact">
+				<div class="container">
+					<div class="section-title mb-50 text-center">
+						<h2 class="title split-content end">Get In Touch</h2>
+						<p class="section-subtitle fade-in">Have questions? We'd love to hear from you Send us a message.</p>
+					</div>
+					<div class="row justify-content-center">
+						<div class="col-lg-8 fade-in">
+							<form class="contact-form glass-card" onsubmit="submitContact(event)">
+								<div class="row g-3">
+									<div class="col-md-6">
+										<input type="text" placeholder="Your Name" required>
+									</div>
+									<div class="col-md-6">
+										<input type="email" placeholder="Your Email" required>
+									</div>
+									<div class="col-12">
+										<input type="text" placeholder="Subject">
+									</div>
+									<div class="col-12">
+										<textarea rows="6" placeholder="Your Message" required></textarea>
+									</div>
+									<div class="col-12">
+										<button type="submit" class="btn-primary-gradient w-100">Send Message</button>
+									</div>
+								</div>
+							</form>
+						</div>
+					</div>
+				</div>
+			</section>
+		
+		</main>
+	
+		<footer>
+			<!-- Footer -->
+			<div class="footer">
+				<div class="container">
+					<div class="row g-4">
+						<div class="col-lg-4 col-md-6 fadeInLeft">
+							<h3 class="navbar-brand mb-50"><i class="fa-light fa-sparkles mr-5"></i>NeuralSync</h3>
+							<p class="text-secondary mb-4">Empowering businesses with cutting-edge AI technology to automate, analyze, and accelerate growth in the digital age.</p>
+							<div class="social-links">
+								<a href="#"><i class="fab fa-x-twitter"></i></a>
+								<a href="#"><i class="bi bi-linkedin"></i></a>
+								<a href="#"><i class="bi bi-github"></i></a>
+								<a href="#"><i class="bi bi-instagram"></i></a>
+							</div>
+						</div>
+						
+						<div class="col-lg-2 col-md-6 fadeInUp">
+							<h3>Product</h3>
+							<ul>
+								<li><a href="#features">Features</a></li>
+								<li><a href="#pricing">Pricing</a></li>
+								<li><a href="#">Security</a></li>
+								<li><a href="#">Integrations</a></li>
+								<li><a href="#">API Docs</a></li>
+							</ul>
+						</div>
+						
+						<div class="col-lg-2 col-md-6 fadeInUp">
+							<h3>Company</h3>
+							<ul>
+								<li><a href="#about">About Us</a></li>
+								<li><a href="#">Careers</a></li>
+								<li><a href="#">Blog</a></li>
+								<li><a href="#">Press Kit</a></li>
+								<li><a href="#contact">Contact</a></li>
+							</ul>
+						</div>
+						
+						<div class="col-lg-2 col-md-6 fadeInUp">
+							<h3>Resources</h3>
+							<ul>
+								<li><a href="#">Documentation</a></li>
+								<li><a href="#">Tutorials</a></li>
+								<li><a href="#">Community</a></li>
+								<li><a href="#">Support</a></li>
+								<li><a href="#">Status</a></li>
+							</ul>
+						</div>
+						
+						<div class="col-lg-2 col-md-6 fadeInRight">
+							<h3>Legal</h3>
+							<ul>
+								<li><a href="#">Privacy Policy</a></li>
+								<li><a href="#">Terms of Service</a></li>
+								<li><a href="#">Cookie Policy</a></li>
+								<li><a href="#">GDPR</a></li>
+							</ul>
+						</div>
+					</div>
+					
+					<hr style="border-color: rgba(255,255,255,0.1); margin: 3rem 0 2rem;">
+					
+					<div class="row align-items-center">
+						<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
+							<p class="text-secondary mb-0">&copy; 2026 NeuralSync. All rights reserved.</p>
+						</div>
+						<div class="col-md-6 text-center text-md-end">
+							<p class="text-secondary mb-0">Made with <span style="color: #f093fb;">♥</span> for innovators worldwide</p>
+						</div>
+					</div>
+				</div>
+			</div>
+			
+		</footer>
+
+
+    </div>
+	<!-- END PRELOADER -->
+	
+    <!-- jQuery, Bootstrap, GSAP -->
+    <script src="assets/js/jquery.min.js"></script>
+	<!-- Latest compiled and minified Bootstrap -->
+	<script src="assets/js/bootstrap.min.js"></script>
+	<script src="assets/js/plugin.min.js"></script>
+	<script src="assets/js/gsap.js"></script>
+    <!-- Template scripts -->
+    <script src="assets/js/main.js"></script>
+</body>
+</html>

templates/template_1/Main File/NeuralSync/portfolio.html

@@ -0,0 +1,259 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<meta name="description" content="Transform your business with cutting-edge AI solutions. Premium SaaS platform for startups and digital agencies.">
+		<title>NeuralSync - AI-Powered SaaS Solutions for Modern Businesses HTML Template</title>
+
+		<!-- Google Fonts -->
+		<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
+		<!-- Bootstrap 5 -->
+		<link rel="stylesheet" href="assets/css/bootstrap.min.css">
+		<!-- Bootstrap Icons -->
+		<link rel="stylesheet" href="assets/fonts/bootstrap-icons.min.css">
+		<!-- Font Awesome -->
+		<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
+		<link rel="stylesheet" href="assets/css/slick.min.css">
+		<link rel="stylesheet" href="assets/css/theme-spacing.min.css">
+		<!-- Template styles -->
+		<link rel="stylesheet" href="assets/css/style.css">
+		<link rel="stylesheet" href="assets/css/responsive.css">
+		
+	</head>
+
+<body>
+
+	<div class="page-wrapper">
+	
+			<!-- START PRELOADER -->
+			<div class="preloader">
+				<div class="status">
+					 <div class="loader">
+						<div class="loading-1"></div>
+						<div class="loading-2">Loading...</div>
+					</div>
+				</div>
+			</div>
+			<!-- END PRELOADER -->
+			
+			<!-- BACK TO TOP -->
+			<div class="scroll-top">
+				<i class="bi bi-arrow-up" style="font-size: 1.5rem; color: white;"></i>
+			</div>
+			<!-- BACK TO TOP -->
+			
+			<!-- Animated Background -->
+			<div class="animated-bg"></div>
+			
+			<!-- Navigation -->
+			<nav class="navbar navbar-expand-lg fixed-top">
+				<div class="container">
+					<a class="navbar-brand" href="index.html"><i class="fa-light fa-sparkles mr-5"></i>NeuralSync</a>
+					<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
+						<span class="navbar-toggler-icon"></span>
+					</button>
+					<div class="collapse navbar-collapse" id="navbarNav">
+						<ul class="navbar-nav ms-auto align-items-center">
+							<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
+							<li class="nav-item"><a class="nav-link" href="features.html">Features</a></li>
+							<li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
+							<li class="nav-item"><a class="nav-link" href="portfolio.html">Portfolio</a></li>
+							<li class="nav-item"><a class="nav-link" href="pricing.html">Pricing</a></li>
+							<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
+							<li class="nav-item ms-3">
+								<button class="btn-primary-gradient">Get Started</button>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</nav>
+			
+		<main>
+
+			<!-- START BREADCRUMB -->
+			<section class="breadcrumb-area position-relative black-bg breadcrumb-cover-bg breadcrumb-spacing breadcrumb-bg-attach);">
+				 <div class="container">
+					<div class="row justify-content-center text-center">
+					   <div class="col-xxl-12">
+						  <div class="breadcrumb-content p-relative z-index-2">
+							<div class="breadcrumb-single-content mb-10">
+								<span><a href="index.html"><i class="fa-light fa-house fa-fade me-2"></i>HOME</a></span>
+								<span class="breadcrumb-sub-title">PORTFOLIO</span>
+							</div>
+							<h3 class="breadcrumb-title split-content end">Our Portfolio</h3>
+							</div>
+					   </div>
+					</div>
+				 </div>
+			</section>
+			<!-- END BREADCRUMB -->
+			
+			<!-- Portfolio / Case Studies -->
+			<section class="atf-section-padding" id="portfolio">
+				<div class="container">
+					<div class="section-title mb-50 text-center">
+						<h2 class="title split-content start">Success Stories</h2>
+						<p class="section-subtitle fade-in">Real results from real companies transforming their businesses with NeuralSync</p>
+					</div>
+					
+					<div class="row g-4">
+						<div class="col-md-6 fade-in">
+							<div class="glass-card portfolio-item">
+								<svg viewBox="0 0 400 350" xmlns="http://www.w3.org/2000/svg" class="portfolio-image">
+									<rect width="400" height="350" fill="#667eea"/>
+									<circle cx="200" cy="175" r="80" fill="rgba(255,255,255,0.2)"/>
+									<path d="M 150 175 L 190 215 L 270 135" stroke="white" stroke-width="8" fill="none" stroke-linecap="round"/>
+								</svg>
+								<div class="portfolio-overlay">
+									<div class="portfolio-title">TechStartup Inc.</div>
+									<div class="portfolio-category">AI Automation • 300% Growth</div>
+									<p class="mt-3">Automated customer support system reduced response time by 80%</p>
+								</div>
+							</div>
+						</div>
+						
+						<div class="col-md-6 fade-in">
+							<div class="glass-card portfolio-item">
+								<svg viewBox="0 0 400 350" xmlns="http://www.w3.org/2000/svg" class="portfolio-image">
+									<rect width="400" height="350" fill="#764ba2"/>
+									<rect x="100" y="100" width="80" height="150" rx="10" fill="rgba(255,255,255,0.2)"/>
+									<rect x="200" y="80" width="80" height="170" rx="10" fill="rgba(255,255,255,0.3)"/>
+									<rect x="300" y="60" width="80" height="190" rx="10" fill="rgba(255,255,255,0.2)"/>
+								</svg>
+								<div class="portfolio-overlay">
+									<div class="portfolio-title">DataFlow Solutions</div>
+									<div class="portfolio-category">Analytics Platform • 500K Users</div>
+									<p class="mt-3">Built scalable analytics platform processing 10TB daily</p>
+								</div>
+							</div>
+						</div>
+						
+						<div class="col-md-6 fade-in">
+							<div class="glass-card portfolio-item">
+								<svg viewBox="0 0 400 350" xmlns="http://www.w3.org/2000/svg" class="portfolio-image">
+									<rect width="400" height="350" fill="#00f2ff"/>
+									<circle cx="200" cy="175" r="100" fill="none" stroke="rgba(255,255,255,0.3)" stroke-width="3"/>
+									<circle cx="200" cy="175" r="70" fill="none" stroke="rgba(255,255,255,0.3)" stroke-width="3"/>
+									<circle cx="200" cy="175" r="40" fill="rgba(255,255,255,0.4)"/>
+								</svg>
+								<div class="portfolio-overlay">
+									<div class="portfolio-title">Marketing Pro Agency</div>
+									<div class="portfolio-category">Automation Tools • $2M Revenue</div>
+									<p class="mt-3">Marketing automation increased client retention by 65%</p>
+								</div>
+							</div>
+						</div>
+						
+						<div class="col-md-6 fade-in">
+							<div class="glass-card portfolio-item">
+								<svg viewBox="0 0 400 350" xmlns="http://www.w3.org/2000/svg" class="portfolio-image">
+									<rect width="400" height="350" fill="#f093fb"/>
+									<path d="M 50 300 L 100 250 L 150 270 L 200 200 L 250 220 L 300 150 L 350 100" 
+										  stroke="white" stroke-width="5" fill="none" stroke-linecap="round"/>
+									<circle cx="200" cy="200" r="8" fill="white"/>
+									<circle cx="300" cy="150" r="8" fill="white"/>
+									<circle cx="350" cy="100" r="8" fill="white"/>
+								</svg>
+								<div class="portfolio-overlay">
+									<div class="portfolio-title">FinTech Innovations</div>
+									<div class="portfolio-category">ML Predictions • 95% Accuracy</div>
+									<p class="mt-3">AI-powered fraud detection saved $5M in first quarter</p>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</section>
+		
+		</main>
+	
+		<footer>
+			<!-- Footer -->
+			<div class="footer">
+				<div class="container">
+					<div class="row g-4">
+						<div class="col-lg-4 col-md-6 fadeInLeft">
+							<h3 class="navbar-brand mb-50"><i class="fa-light fa-sparkles mr-5"></i>NeuralSync</h3>
+							<p class="text-secondary mb-4">Empowering businesses with cutting-edge AI technology to automate, analyze, and accelerate growth in the digital age.</p>
+							<div class="social-links">
+								<a href="#"><i class="fab fa-x-twitter"></i></a>
+								<a href="#"><i class="bi bi-linkedin"></i></a>
+								<a href="#"><i class="bi bi-github"></i></a>
+								<a href="#"><i class="bi bi-instagram"></i></a>
+							</div>
+						</div>
+						
+						<div class="col-lg-2 col-md-6 fadeInUp">
+							<h3>Product</h3>
+							<ul>
+								<li><a href="#features">Features</a></li>
+								<li><a href="#pricing">Pricing</a></li>
+								<li><a href="#">Security</a></li>
+								<li><a href="#">Integrations</a></li>
+								<li><a href="#">API Docs</a></li>
+							</ul>
+						</div>
+						
+						<div class="col-lg-2 col-md-6 fadeInUp">
+							<h3>Company</h3>
+							<ul>
+								<li><a href="#about">About Us</a></li>
+								<li><a href="#">Careers</a></li>
+								<li><a href="#">Blog</a></li>
+								<li><a href="#">Press Kit</a></li>
+								<li><a href="#contact">Contact</a></li>
+							</ul>
+						</div>
+						
+						<div class="col-lg-2 col-md-6 fadeInUp">
+							<h3>Resources</h3>
+							<ul>
+								<li><a href="#">Documentation</a></li>
+								<li><a href="#">Tutorials</a></li>
+								<li><a href="#">Community</a></li>
+								<li><a href="#">Support</a></li>
+								<li><a href="#">Status</a></li>
+							</ul>
+						</div>
+						
+						<div class="col-lg-2 col-md-6 fadeInRight">
+							<h3>Legal</h3>
+							<ul>
+								<li><a href="#">Privacy Policy</a></li>
+								<li><a href="#">Terms of Service</a></li>
+								<li><a href="#">Cookie Policy</a></li>
+								<li><a href="#">GDPR</a></li>
+							</ul>
+						</div>
+					</div>
+					
+					<hr style="border-color: rgba(255,255,255,0.1); margin: 3rem 0 2rem;">
+					
+					<div class="row align-items-center">
+						<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
+							<p class="text-secondary mb-0">&copy; 2026 NeuralSync. All rights reserved.</p>
+						</div>
+						<div class="col-md-6 text-center text-md-end">
+							<p class="text-secondary mb-0">Made with <span style="color: #f093fb;">?</span> for innovators worldwide</p>
+						</div>
+					</div>
+				</div>
+			</div>
+			
+		</footer>
+
+
+    </div>
+	<!-- END PRELOADER -->
+	
+    <!-- jQuery, Bootstrap, GSAP -->
+    <script src="assets/js/jquery.min.js"></script>
+	<!-- Latest compiled and minified Bootstrap -->
+	<script src="assets/js/bootstrap.min.js"></script>
+	<script src="assets/js/plugin.min.js"></script>
+	<script src="assets/js/gsap.js"></script>
+    <!-- Template scripts -->
+    <script src="assets/js/main.js"></script>
+</body>
+</html>

templates/template_1/Main File/NeuralSync/pricing.html

@@ -0,0 +1,255 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<meta name="description" content="Transform your business with cutting-edge AI solutions. Premium SaaS platform for startups and digital agencies.">
+		<title>NeuralSync - AI-Powered SaaS Solutions for Modern Businesses HTML Template</title>
+
+		<!-- Google Fonts -->
+		<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
+		<!-- Bootstrap 5 -->
+		<link rel="stylesheet" href="assets/css/bootstrap.min.css">
+		<!-- Bootstrap Icons -->
+		<link rel="stylesheet" href="assets/fonts/bootstrap-icons.min.css">
+		<!-- Font Awesome -->
+		<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
+		<link rel="stylesheet" href="assets/css/slick.min.css">
+		<link rel="stylesheet" href="assets/css/theme-spacing.min.css">
+		<!-- Template styles -->
+		<link rel="stylesheet" href="assets/css/style.css">
+		<link rel="stylesheet" href="assets/css/responsive.css">
+		
+	</head>
+
+<body>
+
+	<div class="page-wrapper">
+	
+			<!-- START PRELOADER -->
+			<div class="preloader">
+				<div class="status">
+					 <div class="loader">
+						<div class="loading-1"></div>
+						<div class="loading-2">Loading...</div>
+					</div>
+				</div>
+			</div>
+			<!-- END PRELOADER -->
+			
+			<!-- BACK TO TOP -->
+			<div class="scroll-top">
+				<i class="bi bi-arrow-up" style="font-size: 1.5rem; color: white;"></i>
+			</div>
+			<!-- BACK TO TOP -->
+			
+			<!-- Animated Background -->
+			<div class="animated-bg"></div>
+			
+			<!-- Navigation -->
+			<nav class="navbar navbar-expand-lg fixed-top">
+				<div class="container">
+					<a class="navbar-brand" href="index.html"><i class="fa-light fa-sparkles mr-5"></i>NeuralSync</a>
+					<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
+						<span class="navbar-toggler-icon"></span>
+					</button>
+					<div class="collapse navbar-collapse" id="navbarNav">
+						<ul class="navbar-nav ms-auto align-items-center">
+							<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
+							<li class="nav-item"><a class="nav-link" href="features.html">Features</a></li>
+							<li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
+							<li class="nav-item"><a class="nav-link" href="portfolio.html">Portfolio</a></li>
+							<li class="nav-item"><a class="nav-link" href="pricing.html">Pricing</a></li>
+							<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
+							<li class="nav-item ms-3">
+								<button class="btn-primary-gradient">Get Started</button>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</nav>
+			
+		<main>
+
+			<!-- START BREADCRUMB -->
+			<section class="breadcrumb-area position-relative black-bg breadcrumb-cover-bg breadcrumb-spacing breadcrumb-bg-attach);">
+				 <div class="container">
+					<div class="row justify-content-center text-center">
+					   <div class="col-xxl-12">
+						  <div class="breadcrumb-content p-relative z-index-2">
+							<div class="breadcrumb-single-content mb-10">
+								<span><a href="index.html"><i class="fa-light fa-house fa-fade me-2"></i>HOME</a></span>
+								<span class="breadcrumb-sub-title">PRICING</span>
+							</div>
+							<h3 class="breadcrumb-title split-content end">Our Pricing</h3>
+							</div>
+					   </div>
+					</div>
+				 </div>
+			</section>
+			<!-- END BREADCRUMB -->
+			
+			
+			<!-- Pricing Section -->
+			<section class="atf-section-padding" id="pricing">
+				<div class="container">
+					<div class="section-title mb-50 text-center">
+						<h2 class="title split-content start">Simple, Transparent Pricing</h2>
+						<p class="section-subtitle fade-in">Choose the perfect plan for your business. All plans include 14-day free trial.</p>
+					</div>
+					
+					<div class="row g-4 justify-content-center mt-40">
+						<div class="col-lg-4 col-md-6 fadeInLeft">
+							<div class="pricing-card">
+								<div class="glass-card">
+									<h3 class="mb-3">Starter</h3>
+									<p class="text-secondary mb-4">Perfect for small teams and startups</p>
+									<div class="price">$49<span style="font-size: 1.5rem; color: var(--text-secondary);">/mo</span></div>
+									<ul class="pricing-features">
+										<li><i class="bi bi-check-circle-fill"></i> Up to 5 team members</li>
+										<li><i class="bi bi-check-circle-fill"></i> 10,000 API requests/month</li>
+										<li><i class="bi bi-check-circle-fill"></i> Basic analytics</li>
+										<li><i class="bi bi-check-circle-fill"></i> Email support</li>
+										<li><i class="bi bi-check-circle-fill"></i> 10GB storage</li>
+									</ul>
+									<button class="btn-outline-gradient w-100">Get Started</button>
+								</div>
+							</div>
+						</div>
+						
+						<div class="col-lg-4 col-md-6 fadeInUp">
+							<div class="pricing-card featured">
+								<div class="pricing-badge">MOST POPULAR</div>
+								<div class="glass-card">
+									<h3 class="mb-3">Professional</h3>
+									<p class="text-secondary mb-4">For growing businesses and agencies</p>
+									<div class="price">$149<span style="font-size: 1.5rem; color: var(--text-secondary);">/mo</span></div>
+									<ul class="pricing-features">
+										<li><i class="bi bi-check-circle-fill"></i> Up to 25 team members</li>
+										<li><i class="bi bi-check-circle-fill"></i> 100,000 API requests/month</li>
+										<li><i class="bi bi-check-circle-fill"></i> Advanced analytics & AI</li>
+										<li><i class="bi bi-check-circle-fill"></i> Priority support 24/7</li>
+										<li><i class="bi bi-check-circle-fill"></i> 100GB storage</li>
+										<li><i class="bi bi-check-circle-fill"></i> Custom integrations</li>
+										<li><i class="bi bi-check-circle-fill"></i> White-label options</li>
+									</ul>
+									<button class="btn-primary-gradient w-100">Get Started</button>
+								</div>
+							</div>
+						</div>
+						
+						<div class="col-lg-4 col-md-6 fadeInRight">
+							<div class="pricing-card">
+								<div class="glass-card">
+									<h3 class="mb-3">Enterprise</h3>
+									<p class="text-secondary mb-4">For large organizations with custom needs</p>
+									<div class="price">Custom</div>
+									<ul class="pricing-features">
+										<li><i class="bi bi-check-circle-fill"></i> Unlimited team members</li>
+										<li><i class="bi bi-check-circle-fill"></i> Unlimited API requests</li>
+										<li><i class="bi bi-check-circle-fill"></i> Custom AI models</li>
+										<li><i class="bi bi-check-circle-fill"></i> Dedicated success manager</li>
+										<li><i class="bi bi-check-circle-fill"></i> Unlimited storage</li>
+										<li><i class="bi bi-check-circle-fill"></i> On-premise deployment</li>
+										<li><i class="bi bi-check-circle-fill"></i> SLA guarantee</li>
+										<li><i class="bi bi-check-circle-fill"></i> Custom contracts</li>
+									</ul>
+									<button class="btn-outline-gradient w-100">Contact Sales</button>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</section>
+			
+		</main>
+	
+		<footer>
+			<!-- Footer -->
+			<div class="footer">
+				<div class="container">
+					<div class="row g-4">
+						<div class="col-lg-4 col-md-6 fadeInLeft">
+							<h3 class="navbar-brand mb-50"><i class="fa-light fa-sparkles mr-5"></i>NeuralSync</h3>
+							<p class="text-secondary mb-4">Empowering businesses with cutting-edge AI technology to automate, analyze, and accelerate growth in the digital age.</p>
+							<div class="social-links">
+								<a href="#"><i class="fab fa-x-twitter"></i></a>
+								<a href="#"><i class="bi bi-linkedin"></i></a>
+								<a href="#"><i class="bi bi-github"></i></a>
+								<a href="#"><i class="bi bi-instagram"></i></a>
+							</div>
+						</div>
+						
+						<div class="col-lg-2 col-md-6 fadeInUp">
+							<h3>Product</h3>
+							<ul>
+								<li><a href="#features">Features</a></li>
+								<li><a href="#pricing">Pricing</a></li>
+								<li><a href="#">Security</a></li>
+								<li><a href="#">Integrations</a></li>
+								<li><a href="#">API Docs</a></li>
+							</ul>
+						</div>
+						
+						<div class="col-lg-2 col-md-6 fadeInUp">
+							<h3>Company</h3>
+							<ul>
+								<li><a href="#about">About Us</a></li>
+								<li><a href="#">Careers</a></li>
+								<li><a href="#">Blog</a></li>
+								<li><a href="#">Press Kit</a></li>
+								<li><a href="#contact">Contact</a></li>
+							</ul>
+						</div>
+						
+						<div class="col-lg-2 col-md-6 fadeInUp">
+							<h3>Resources</h3>
+							<ul>
+								<li><a href="#">Documentation</a></li>
+								<li><a href="#">Tutorials</a></li>
+								<li><a href="#">Community</a></li>
+								<li><a href="#">Support</a></li>
+								<li><a href="#">Status</a></li>
+							</ul>
+						</div>
+						
+						<div class="col-lg-2 col-md-6 fadeInRight">
+							<h3>Legal</h3>
+							<ul>
+								<li><a href="#">Privacy Policy</a></li>
+								<li><a href="#">Terms of Service</a></li>
+								<li><a href="#">Cookie Policy</a></li>
+								<li><a href="#">GDPR</a></li>
+							</ul>
+						</div>
+					</div>
+					
+					<hr style="border-color: rgba(255,255,255,0.1); margin: 3rem 0 2rem;">
+					
+					<div class="row align-items-center">
+						<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
+							<p class="text-secondary mb-0">&copy; 2026 NeuralSync. All rights reserved.</p>
+						</div>
+						<div class="col-md-6 text-center text-md-end">
+							<p class="text-secondary mb-0">Made with <span style="color: #f093fb;">?</span> for innovators worldwide</p>
+						</div>
+					</div>
+				</div>
+			</div>
+			
+		</footer>
+
+
+    </div>
+	<!-- END PRELOADER -->
+	
+    <!-- jQuery, Bootstrap, GSAP -->
+    <script src="assets/js/jquery.min.js"></script>
+	<!-- Latest compiled and minified Bootstrap -->
+	<script src="assets/js/bootstrap.min.js"></script>
+	<script src="assets/js/plugin.min.js"></script>
+	<script src="assets/js/gsap.js"></script>
+    <!-- Template scripts -->
+    <script src="assets/js/main.js"></script>
+</body>
+</html>