Upload 83 files

css/plugins.css

@@ -0,0 +1,1044 @@
+/*
+	List of plugins
+
+	1. Base CSS (made by SRBThemes)
+
+*/
+
+/*------------------------------------------------------------------*/
+
+/*	1. Base CSS
+/*------------------------------------------------------------------*/
+
+a,
+abbr,
+acronym,
+address,
+applet,
+b,
+big,
+blockquote,
+body,
+caption,
+center,
+cite,
+code,
+dd,
+del,
+dfn,
+div,
+dl,
+dt,
+em,
+fieldset,
+font,
+form,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+html,
+i,
+iframe,
+ins,
+kbd,
+label,
+legend,
+li,
+object,
+ol,
+p,
+pre,
+q,
+s,
+samp,
+small,
+span,
+strike,
+strong,
+sub,
+sup,
+table,
+tbody,
+td,
+tfoot,
+th,
+thead,
+tr,
+tt,
+u,
+ul,
+var {
+    background: 0 0;
+    border: 0;
+    margin: 0;
+    padding: 0;
+    vertical-align: baseline;
+    outline: 0
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section {
+    display: block
+}
+
+blockquote {
+    quotes: none
+}
+
+blockquote:after,
+blockquote:before {
+    content: '';
+    content: none
+}
+
+ol,
+ul {
+    margin: 30px
+}
+
+ol li,
+ul li {
+    margin-bottom: 5px
+}
+
+img {
+    vertical-align: middle;
+    max-width: 100%
+}
+
+iframe {
+    max-width: 100%
+}
+
+del {
+    text-decoration: line-through
+}
+
+a,
+i {
+    -webkit-transition: all .3s ease;
+    -moz-transition: all .3s ease;
+    -ms-transition: all .3s ease;
+    -o-transition: all .3s ease;
+    transition: all .3s ease;
+    border: none
+}
+
+a:hover {
+    text-decoration: none
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    font-weight: 400;
+    margin-bottom: 20px
+}
+
+h1 {
+    font-size: 45px
+}
+
+h2 {
+    font-size: 36px
+}
+
+h3 {
+    font-size: 30px
+}
+
+h4 {
+    font-size: 24px
+}
+
+h5 {
+    font-size: 20px
+}
+
+h6 {
+    font-size: 16px
+}
+
+table {
+    width: 100%;
+    max-width: 100%;
+    text-align: left;
+    border-collapse: collapse;
+    border-spacing: 0px;
+    margin-bottom: 15px;
+    color: var(--techwave-body-color);
+    border: 1px solid var(--techwave-border-color)
+}
+
+table tr {
+    border: 1px solid var(--techwave-border-color)
+}
+
+table th {
+    vertical-align: top;
+    color: var(--techwave-heading-color);
+    background: 0 0;
+    font-size: 16px;
+    font-weight: 400;
+    padding: 15px 10px;
+    border: 1px solid var(--techwave-border-color)
+}
+
+table td {
+    vertical-align: top;
+    padding: 10px;
+    border: 1px solid var(--techwave-border-color)
+}
+
+code,
+pre {
+    padding: 10px;
+    border-left: 3px solid var(--techwave-main-color);
+    border-bottom: 1px solid transparent;
+    background: var(--techwave-some-a-bg-color);
+    overflow-x: auto;
+}
+
+pre {
+    display: block;
+    word-break: break-all;
+    word-wrap: break-word
+}
+
+pre code {
+    white-space: pre-wrap
+}
+
+textarea {
+    outline: none;
+    font-size: 16px;
+    color: var(--techwave-heading-color);
+    resize: vertical;
+    font-family: var(--techwave-heading-font-family);
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -ms-box-sizing: border-box;
+    box-sizing: border-box;
+    line-height: 1.4;
+    padding: 10px;
+    width: 100%;
+    border-radius: 5px;
+    border: 2px solid var(--techwave-border-color);
+    -webkit-transition: all .3s ease;
+    -moz-transition: all .3s ease;
+    -ms-transition: all .3s ease;
+    -o-transition: all .3s ease;
+    transition: all .3s ease;
+    background-color: transparent;
+}
+
+.uneditable-input,
+input[type=color],
+input[type=date],
+input[type=datetime-local],
+input[type=datetime],
+input[type=email],
+input[type=month],
+input[type=number],
+input[type=password],
+input[type=search],
+input[type=tel],
+input[type=text],
+input[type=time],
+input[type=url],
+input[type=week] {
+    font-size: 16px;
+    min-width: 220px;
+    color: var(--techwave-heading-color);
+    letter-spacing: .5px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -ms-box-sizing: border-box;
+    box-sizing: border-box;
+    font-family: var(--techwave-heading-font-family);
+    line-height: 1.6;
+    padding: 10px 20px;
+    height: 40px;
+    vertical-align: middle;
+    border: 2px solid var(--techwave-border-color);
+    -webkit-transition: all .3s ease;
+    -moz-transition: all .3s ease;
+    -ms-transition: all .3s ease;
+    -o-transition: all .3s ease;
+    transition: all .3s ease;
+    background-color: transparent;
+    border-radius: 20px;
+    outline: none;
+}
+
+.uneditable-input:focus,
+input[type=color]:focus,
+input[type=date]:focus,
+input[type=datetime-local]:focus,
+input[type=datetime]:focus,
+input[type=email]:focus,
+input[type=month]:focus,
+input[type=number]:focus,
+input[type=password]:focus,
+input[type=search]:focus,
+input[type=tel]:focus,
+input[type=text]:focus,
+input[type=time]:focus,
+input[type=url]:focus,
+input[type=week]:focus,
+textarea:focus {
+    border-color: var(--techwave-main-color);
+}
+
+input[type=submit] {
+    padding: 13px 15px;
+    height: 40px;
+    line-height: 1;
+    text-transform: uppercase;
+    font-size: 13px;
+    font-weight: 600;
+    text-decoration: none;
+    letter-spacing: .5px;
+    border: none;
+    cursor: pointer;
+    color: #fff;
+    background: #777;
+    -webkit-transition: all .3s ease;
+    -moz-transition: all .3s ease;
+    -ms-transition: all .3s ease;
+    -o-transition: all .3s ease;
+    transition: all .3s ease
+}
+
+input[type=submit]:hover {
+    background: #444
+}
+
+select {
+    padding: 8px;
+    border: 2px solid var(--techwave-border-color)
+}
+
+input[type=button] {
+    cursor: pointer;
+    -webkit-transition: all .3s ease;
+    -moz-transition: all .3s ease;
+    -ms-transition: all .3s ease;
+    -o-transition: all .3s ease;
+    transition: all .3s ease
+}
+
+[class^="fn__space__"]:after,
+[class^="fn__space__"]:before {
+    clear: both;
+    display: table;
+    content: '';
+}
+
+.fn__space__10 {
+    margin-bottom: 10px;
+}
+
+.fn__space__20 {
+    margin-bottom: 20px;
+}
+
+.fn__space__30 {
+    margin-bottom: 30px;
+}
+
+.fn__space__40 {
+    margin-bottom: 40px;
+}
+
+.fn__space__50 {
+    margin-bottom: 50px;
+}
+
+.fn__space__60 {
+    margin-bottom: 60px;
+}
+
+.fn__space__70 {
+    margin-bottom: 70px;
+}
+
+.fn__space__80 {
+    margin-bottom: 80px;
+}
+
+.fn__space__90 {
+    margin-bottom: 90px;
+}
+
+.fn__space__100 {
+    margin-bottom: 100px;
+}
+
+.fn__space__150 {
+    margin-bottom: 150px;
+}
+
+.fn__space__200 {
+    margin-bottom: 200px;
+}
+
+/* TOOLTIPSTER BUNDLE MIN */
+
+.tooltipster-fall,
+.tooltipster-grow.tooltipster-show {
+    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
+    -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
+    -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
+    -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
+}
+
+.tooltipster-base {
+    display: flex;
+    pointer-events: none;
+    position: absolute
+}
+
+.tooltipster-box {
+    flex: 1 1 auto
+}
+
+.tooltipster-content {
+    box-sizing: border-box;
+    max-height: 100%;
+    max-width: 100%;
+    overflow: auto
+}
+
+.tooltipster-ruler {
+    bottom: 0;
+    left: 0;
+    overflow: hidden;
+    position: fixed;
+    right: 0;
+    top: 0;
+    visibility: hidden
+}
+
+.tooltipster-fade {
+    opacity: 0;
+    -webkit-transition-property: opacity;
+    -moz-transition-property: opacity;
+    -o-transition-property: opacity;
+    -ms-transition-property: opacity;
+    transition-property: opacity
+}
+
+.tooltipster-fade.tooltipster-show {
+    opacity: 1
+}
+
+.tooltipster-grow {
+    -webkit-transform: scale(0, 0);
+    -moz-transform: scale(0, 0);
+    -o-transform: scale(0, 0);
+    -ms-transform: scale(0, 0);
+    transform: scale(0, 0);
+    -webkit-transition-property: -webkit-transform;
+    -moz-transition-property: -moz-transform;
+    -o-transition-property: -o-transform;
+    -ms-transition-property: -ms-transform;
+    transition-property: transform;
+    -webkit-backface-visibility: hidden
+}
+
+.tooltipster-grow.tooltipster-show {
+    -webkit-transform: scale(1, 1);
+    -moz-transform: scale(1, 1);
+    -o-transform: scale(1, 1);
+    -ms-transform: scale(1, 1);
+    transform: scale(1, 1);
+    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
+    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
+}
+
+.tooltipster-swing {
+    opacity: 0;
+    -webkit-transform: rotateZ(4deg);
+    -moz-transform: rotateZ(4deg);
+    -o-transform: rotateZ(4deg);
+    -ms-transform: rotateZ(4deg);
+    transform: rotateZ(4deg);
+    -webkit-transition-property: -webkit-transform, opacity;
+    -moz-transition-property: -moz-transform;
+    -o-transition-property: -o-transform;
+    -ms-transition-property: -ms-transform;
+    transition-property: transform
+}
+
+.tooltipster-swing.tooltipster-show {
+    opacity: 1;
+    -webkit-transform: rotateZ(0);
+    -moz-transform: rotateZ(0);
+    -o-transform: rotateZ(0);
+    -ms-transform: rotateZ(0);
+    transform: rotateZ(0);
+    -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 1);
+    -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
+    -moz-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
+    -ms-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
+    -o-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
+    transition-timing-function: cubic-bezier(.23, .635, .495, 2.4)
+}
+
+.tooltipster-fall {
+    -webkit-transition-property: top;
+    -moz-transition-property: top;
+    -o-transition-property: top;
+    -ms-transition-property: top;
+    transition-property: top;
+    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
+    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
+}
+
+.tooltipster-fall.tooltipster-initial {
+    top: 0 !important
+}
+
+.tooltipster-fall.tooltipster-dying {
+    -webkit-transition-property: all;
+    -moz-transition-property: all;
+    -o-transition-property: all;
+    -ms-transition-property: all;
+    transition-property: all;
+    top: 0 !important;
+    opacity: 0
+}
+
+.tooltipster-slide {
+    -webkit-transition-property: left;
+    -moz-transition-property: left;
+    -o-transition-property: left;
+    -ms-transition-property: left;
+    transition-property: left;
+    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
+    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
+    -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
+    -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
+    -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
+    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
+}
+
+.tooltipster-slide.tooltipster-initial {
+    left: -40px !important
+}
+
+.tooltipster-slide.tooltipster-dying {
+    -webkit-transition-property: all;
+    -moz-transition-property: all;
+    -o-transition-property: all;
+    -ms-transition-property: all;
+    transition-property: all;
+    left: 0 !important;
+    opacity: 0
+}
+
+@keyframes tooltipster-fading {
+    0% {
+        opacity: 0
+    }
+    100% {
+        opacity: 1
+    }
+}
+
+.tooltipster-update-fade {
+    animation: tooltipster-fading .4s
+}
+
+@keyframes tooltipster-rotating {
+    25% {
+        transform: rotate(-2deg)
+    }
+    75% {
+        transform: rotate(2deg)
+    }
+    100% {
+        transform: rotate(0)
+    }
+}
+
+.tooltipster-update-rotate {
+    animation: tooltipster-rotating .6s
+}
+
+@keyframes tooltipster-scaling {
+    50% {
+        transform: scale(1.1)
+    }
+    100% {
+        transform: scale(1)
+    }
+}
+
+.tooltipster-update-scale {
+    animation: tooltipster-scaling .6s
+}
+
+.tooltipster-sidetip .tooltipster-box {
+    background: #565656;
+    border: 2px solid #000;
+    border-radius: 4px
+}
+
+.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
+    margin-top: 8px
+}
+
+.tooltipster-sidetip.tooltipster-left .tooltipster-box {
+    margin-right: 8px
+}
+
+.tooltipster-sidetip.tooltipster-right .tooltipster-box {
+    margin-left: 8px
+}
+
+.tooltipster-sidetip.tooltipster-top .tooltipster-box {
+    margin-bottom: 8px
+}
+
+.tooltipster-sidetip .tooltipster-content {
+    color: #fff;
+    line-height: 18px;
+    padding: 6px 14px
+}
+
+.tooltipster-sidetip .tooltipster-arrow {
+    overflow: hidden;
+    position: absolute
+}
+
+.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
+    height: 10px;
+    margin-left: -10px;
+    top: 0;
+    width: 20px
+}
+
+.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
+    height: 20px;
+    margin-top: -10px;
+    right: 0;
+    top: 0;
+    width: 10px
+}
+
+.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
+    height: 20px;
+    margin-top: -10px;
+    left: 0;
+    top: 0;
+    width: 10px
+}
+
+.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
+    bottom: 0;
+    height: 10px;
+    margin-left: -10px;
+    width: 20px
+}
+
+.tooltipster-sidetip .tooltipster-arrow-background,
+.tooltipster-sidetip .tooltipster-arrow-border {
+    height: 0;
+    position: absolute;
+    width: 0
+}
+
+.tooltipster-sidetip .tooltipster-arrow-background {
+    border: 10px solid transparent
+}
+
+.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
+    border-bottom-color: #565656;
+    left: 0;
+    top: 3px
+}
+
+.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
+    border-left-color: #565656;
+    left: -3px;
+    top: 0
+}
+
+.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
+    border-right-color: #565656;
+    left: 3px;
+    top: 0
+}
+
+.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
+    border-top-color: #565656;
+    left: 0;
+    top: -3px
+}
+
+.tooltipster-sidetip .tooltipster-arrow-border {
+    border: 10px solid transparent;
+    left: 0;
+    top: 0
+}
+
+.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
+    border-bottom-color: #000
+}
+
+.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
+    border-left-color: #000
+}
+
+.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
+    border-right-color: #000
+}
+
+.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
+    border-top-color: #000
+}
+
+.tooltipster-sidetip .tooltipster-arrow-uncropped {
+    position: relative
+}
+
+.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
+    top: -10px
+}
+
+.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
+    left: -10px
+}
+
+.tooltipster-sidetip.tooltipster-borderless .tooltipster-box {
+    border: none;
+    background: #1b1b1b;
+    background: rgba(10, 10, 10, .9)
+}
+
+.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-box {
+    margin-top: 8px
+}
+
+.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-box {
+    margin-right: 8px
+}
+
+.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-box {
+    margin-left: 8px
+}
+
+.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-box {
+    margin-bottom: 8px
+}
+
+.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow {
+    height: 8px;
+    margin-left: -8px;
+    width: 16px
+}
+
+.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow,
+.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow {
+    height: 16px;
+    margin-left: 0;
+    margin-top: -8px;
+    width: 8px
+}
+
+.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-background {
+    display: none
+}
+
+.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-border {
+    border: 8px solid transparent
+}
+
+.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border {
+    border-bottom-color: #1b1b1b;
+    border-bottom-color: rgba(10, 10, 10, .9)
+}
+
+.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border {
+    border-left-color: #1b1b1b;
+    border-left-color: rgba(10, 10, 10, .9)
+}
+
+.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border {
+    border-right-color: #1b1b1b;
+    border-right-color: rgba(10, 10, 10, .9)
+}
+
+.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border {
+    border-top-color: #1b1b1b;
+    border-top-color: rgba(10, 10, 10, .9)
+}
+
+.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-uncropped {
+    top: -8px
+}
+
+.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-uncropped {
+    left: -8px
+}
+
+.tooltipster-sidetip.tooltipster-light .tooltipster-box {
+    border-radius: 3px;
+    border: 1px solid #ccc;
+    background: #ededed
+}
+
+.tooltipster-sidetip.tooltipster-light .tooltipster-content {
+    color: #666
+}
+
+.tooltipster-sidetip.tooltipster-light .tooltipster-arrow {
+    height: 9px;
+    margin-left: -9px;
+    width: 18px
+}
+
+.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow,
+.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow {
+    height: 18px;
+    margin-left: 0;
+    margin-top: -9px;
+    width: 9px
+}
+
+.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background {
+    border: 9px solid transparent
+}
+
+.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background {
+    border-bottom-color: #ededed;
+    top: 1px
+}
+
+.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background {
+    border-left-color: #ededed;
+    left: -1px
+}
+
+.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background {
+    border-right-color: #ededed;
+    left: 1px
+}
+
+.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background {
+    border-top-color: #ededed;
+    top: -1px
+}
+
+.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border {
+    border: 9px solid transparent
+}
+
+.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border {
+    border-bottom-color: #ccc
+}
+
+.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border {
+    border-left-color: #ccc
+}
+
+.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border {
+    border-right-color: #ccc
+}
+
+.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border {
+    border-top-color: #ccc
+}
+
+.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped {
+    top: -9px
+}
+
+.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped {
+    left: -9px
+}
+
+.tooltipster-sidetip.tooltipster-noir .tooltipster-box {
+    border-radius: 0;
+    border: 3px solid #000;
+    background: #fff
+}
+
+.tooltipster-sidetip.tooltipster-noir .tooltipster-content {
+    color: #000
+}
+
+.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow {
+    height: 11px;
+    margin-left: -11px;
+    width: 22px
+}
+
+.tooltipster-sidetip.tooltipster-noir.tooltipster-left .tooltipster-arrow,
+.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow {
+    height: 22px;
+    margin-left: 0;
+    margin-top: -11px;
+    width: 11px
+}
+
+.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow-background {
+    border: 11px solid transparent
+}
+
+.tooltipster-sidetip.tooltipster-noir.tooltipster-bottom .tooltipster-arrow-background {
+    border-bottom-color: #fff;
+    top: 4px
+}
+
+.tooltipster-sidetip.tooltipster-noir.tooltipster-left .tooltipster-arrow-background {
+    border-left-color: #fff;
+    left: -4px
+}
+
+.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow-background {
+    border-right-color: #fff;
+    left: 4px
+}
+
+.tooltipster-sidetip.tooltipster-noir.tooltipster-top .tooltipster-arrow-background {
+    border-top-color: #fff;
+    top: -4px
+}
+
+.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow-border {
+    border-width: 11px
+}
+
+.tooltipster-sidetip.tooltipster-noir.tooltipster-bottom .tooltipster-arrow-uncropped {
+    top: -11px
+}
+
+.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow-uncropped {
+    left: -11px
+}
+
+.tooltipster-sidetip.tooltipster-punk .tooltipster-box {
+    border-radius: 5px;
+    border: none;
+    border-bottom: 3px solid var(--techwave-main-color);
+    background: #2a2a2a
+}
+
+.tooltipster-sidetip.tooltipster-punk.tooltipster-top .tooltipster-box {
+    margin-bottom: 7px
+}
+
+.tooltipster-sidetip.tooltipster-punk .tooltipster-content {
+    color: #fff;
+    padding: 8px 16px
+}
+
+.tooltipster-sidetip.tooltipster-punk .tooltipster-arrow-background {
+    display: none
+}
+
+.tooltipster-sidetip.tooltipster-punk.tooltipster-bottom .tooltipster-arrow-border {
+    border-bottom-color: #2a2a2a
+}
+
+.tooltipster-sidetip.tooltipster-punk.tooltipster-left .tooltipster-arrow-border {
+    border-left-color: #2a2a2a
+}
+
+.tooltipster-sidetip.tooltipster-punk.tooltipster-right .tooltipster-arrow-border {
+    border-right-color: #2a2a2a
+}
+
+.tooltipster-sidetip.tooltipster-punk.tooltipster-top .tooltipster-arrow-border {
+    border-top-color: var(--techwave-main-color)
+}
+
+.tooltipster-sidetip.tooltipster-shadow .tooltipster-box {
+    border: none;
+    border-radius: 5px;
+    background: #fff;
+    box-shadow: 0 0 10px 6px rgba(0, 0, 0, .1)
+}
+
+.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box {
+    margin-top: 6px
+}
+
+.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box {
+    margin-right: 6px
+}
+
+.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box {
+    margin-left: 6px
+}
+
+.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box {
+    margin-bottom: 6px
+}
+
+.tooltipster-sidetip.tooltipster-shadow .tooltipster-content {
+    color: #8d8d8d
+}
+
+.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow {
+    height: 6px;
+    margin-left: -6px;
+    width: 12px
+}
+
+.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow,
+.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow {
+    height: 12px;
+    margin-left: 0;
+    margin-top: -6px;
+    width: 6px
+}
+
+.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background {
+    display: none
+}
+
+.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border {
+    border: 6px solid transparent
+}
+
+.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border {
+    border-bottom-color: #fff
+}
+
+.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border {
+    border-left-color: #fff
+}
+
+.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border {
+    border-right-color: #fff
+}
+
+.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border {
+    border-top-color: #fff
+}
+
+.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped {
+    top: -6px
+}
+
+.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped {
+    left: -6px
+}

index.html

@@ -0,0 +1,529 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en">
+<!--<![endif]-->
+
+<head>
+
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+    <meta name="description" content="TechWave">
+    <meta name="author" content="SRBThemes">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
+    <title>Home - TechWave</title>
+
+
+    <script>
+        if (!localStorage.frenify_skin) {
+            localStorage.frenify_skin = 'dark';
+        }
+        if (!localStorage.frenify_panel) {
+            localStorage.frenify_panel = '';
+        }
+        document.documentElement.setAttribute("data-techwave-skin", localStorage.frenify_skin);
+        if (localStorage.frenify_panel !== '') {
+            document.documentElement.classList.add(localStorage.frenify_panel);
+        }
+    </script>
+
+    <!-- Google Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
+    <!-- !Google Fonts -->
+
+    <!-- Styles -->
+    <link type="text/css" rel="stylesheet" href="css/plugins.css?ver=1.0.0" />
+    <link type="text/css" rel="stylesheet" href="css/style.css?ver=1.0.0" />
+    <!--[if lt IE 9]> <script type="text/javascript" src="js/modernizr.custom.js"></script> <![endif]-->
+    <!-- !Styles -->
+
+</head>
+
+<body>
+
+
+    <!-- Moving Submenu -->
+    <div class="techwave_fn_fixedsub">
+        <ul></ul>
+    </div>
+    <!-- !Moving Submenu -->
+
+    <!-- Preloader -->
+    <div class="techwave_fn_preloader enabled">
+        <svg>
+		<circle class="first_circle" cx="50%" cy="50%" r="110"></circle>
+		<circle class="second_circle" cx="50%" cy="50%" r="110"></circle>
+	</svg>
+    </div>
+    <!-- !Preloader -->
+
+
+    <!-- MAIN WRAPPER -->
+    <div class="techwave_fn_wrapper">
+        <div class="techwave_fn_wrap">
+
+
+            <!-- Searchbar -->
+            <div class="techwave_fn_searchbar">
+                <div class="search__bar">
+                    <input class="search__input" type="text" placeholder="Search here...">
+                    <img src="svg/search.svg" alt="" class="fn__svg search__icon">
+                    <a class="search__closer" href="#"><img src="svg/close.svg" alt="" class="fn__svg"></a>
+                </div>
+                <div class="search__results">
+                    <!-- Results will come here (via ajax after the integration you made after purchase as it doesn't work in HTML) -->
+                    <div class="results__title">Results</div>
+                    <div class="results__list">
+                        <ul>
+                            <li><a href="#">Artificial Intelligence</a></li>
+                            <li><a href="#">Learn about the impact of AI on the financial industry</a></li>
+                            <li><a href="#">Delve into the realm of AI-driven manufacturing</a></li>
+                            <li><a href="#">Understand the ethical implications surrounding AI</a></li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+            <!-- !Searchbar -->
+
+            <!-- HEADER -->
+            <header class="techwave_fn_header">
+
+                <!-- Header left: token information -->
+                <div class="header__left">
+                    <div class="fn__token_info">
+                        <span class="token_summary">
+                            <script>
+                                async function fetchBTCPrice() {
+                                    try {
+                                        const response = await fetch('https://api.coindesk.com/v1/bpi/currentprice/BTC.json');
+                                        if (!response.ok) {
+                                            throw new Error('Network response was not ok');
+                                        }
+                                        const data = await response.json();
+                                        const price = data.bpi.USD.rate_float.toFixed(2); // Get the price and format it to two decimal places
+                                        document.querySelector('.count').textContent = price;
+                                    } catch (error) {
+                                        console.error('Error fetching BTC price:', error);
+                                    }
+                                }
+                            
+                                // Fetch the BTC price every second
+                                setInterval(fetchBTCPrice, 1000);
+                            
+                                // Initial fetch
+                                fetchBTCPrice();
+                            </script>
+						<div class="btc-price">
+    Current BTC Price: $ <span class="count">120</span> <!-- "120" is just an initial placeholder -->
+</div>
+<style>
+    .btc-icon {
+  width: 23px; /* Adjust the size as needed */
+  height: auto; /* Maintain aspect ratio */
+  vertical-align: middle; /* Aligns the image vertically with text if needed */
+}
+</style>
+<span class="text">
+    <img src="img/btc.svg" alt="BTC Icon" class="btc-icon">
+  </span>
+                        </span>
+                        <a href="pricing.html" class="token_upgrade techwave_fn_button"><span>Upgrade</span></a>
+                      
+                    </div>
+                </div>
+                <!-- /Header left: token information -->
+
+
+                <!-- Header right: navigation bar -->
+                <div class="header__right">
+                    <div class="fn__nav_bar">
+
+                        <!-- Search (bar item) -->
+                        <div class="bar__item bar__item_search">
+                            <a href="#" class="item_opener fn__tooltip" title="Search">
+							<img src="svg/search.svg" alt="" class="fn__svg">
+						</a>
+                            <div class="item_popup" data-position="right">
+                                <input type="text" placeholder="Search">
+                            </div>
+                        </div>
+                        <!-- !Search (bar item) -->
+
+                        <!-- Notification (bar item) -->
+                        <div class="bar__item bar__item_notification has_notification">
+                            <a href="#" class="item_opener fn__tooltip" title="Notifications">
+							<img src="svg/bell.svg" alt="" class="fn__svg">
+						</a>
+                            <div class="item_popup" data-position="right">
+                                <div class="ntfc_header">
+                                    <h2 class="ntfc_title">Notifications</h2>
+                                    <a href="notifications.html">View All</a>
+                                </div>
+                                <div class="ntfc_list">
+                                    <ul>
+                                        <li>
+                                            <p><a href="notification-single.html">Version 1.1.0 has been launched</a></p>
+                                            <span>34 Min Ago</span>
+                                        </li>
+                                        <li>
+                                            <p><a href="notification-single.html">Video Generation has been released</a></p>
+                                            <span>12 Apr</span>
+                                        </li>
+                                        <li>
+                                            <p><a href="notification-single.html">Terms has been updated</a></p>
+                                            <span>12 Apr</span>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- !Notification (bar item) -->
+
+                        <!-- Full Screen (bar item) -->
+                        <div class="bar__item bar__item_fullscreen">
+                            <a href="#" class="item_opener fn__tooltip" title="Full Screen">
+							<img src="svg/fullscreen.svg" alt="" class="fn__svg f_screen">
+							<img src="svg/smallscreen.svg" alt="" class="fn__svg s_screen">
+						</a>
+                        </div>
+                        <!-- !Full Screen (bar item) -->
+
+                        <!-- Language (bar item) -->
+                        <div class="bar__item bar__item_language">
+                            <a href="#" class="item_opener fn__tooltip" title="Language">
+							<img src="svg/language.svg" alt="" class="fn__svg">
+						</a>
+                            <div class="item_popup" data-position="right">
+                                <ul>
+                                    <li>
+                                        <span class="active">English</span>
+                                    </li>
+                                    <li>
+                                        <a href="#">Spanish</a>
+                                    </li>
+                                    <li>
+                                        <a href="#">French</a>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                        <!-- !Language (bar item) -->
+
+                        <!-- Site Skin (bar item) -->
+                        <div class="bar__item bar__item_skin">
+                            <a href="#" class="item_opener fn__tooltip" title="Dark/Light">
+							<img src="svg/sun.svg" alt="" class="fn__svg light_mode">
+							<img src="svg/moon.svg" alt="" class="fn__svg dark_mode">
+						</a>
+                        </div>
+                        <!-- !Site Skin (bar item) -->
+
+                        <!-- User (bar item) -->
+                        <div class="bar__item bar__item_user">
+                            <a href="#" class="user_opener fn__tooltip" title="User Profile">
+							<img src="img/user/user.jpg" alt="">
+						</a>
+                            <div class="item_popup" data-position="right">
+                                <div class="user_profile">
+                                    <div class="user_img">
+                                        <img src="img/user/user.jpg" alt="">
+                                    </div>
+                                    <div class="user_info">
+                                        <h2 class="user_name">Caden Smith<span>Free</span></h2>
+                                        <p><a href="mailto:[email protected]" class="user_email">[email protected]</a></p>
+                                    </div>
+                                </div>
+                                <div class="user_nav">
+                                    <ul>
+                                        <li>
+                                            <a href="user-profile.html">
+											<span class="icon"><img src="svg/person.svg" alt="" class="fn__svg"></span>
+											<span class="text">Profile</span>
+										</a>
+                                        </li>
+                                        <li>
+                                            <a href="user-settings.html">
+											<span class="icon"><img src="svg/setting.svg" alt="" class="fn__svg"></span>
+											<span class="text">Settings</span>
+										</a>
+                                        </li>
+                                        <li>
+                                            <a href="user-billing.html">
+											<span class="icon"><img src="svg/billing.svg" alt="" class="fn__svg"></span>
+											<span class="text">Billing</span>
+										</a>
+                                        </li>
+                                        <li>
+                                            <a href="sign-in.html">
+											<span class="icon"><img src="svg/logout.svg" alt="" class="fn__svg"></span>
+											<span class="text">Log Out</span>
+										</a>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- !User (bar item) -->
+
+
+                    </div>
+                </div>
+                <!-- !Header right: navigation bar -->
+
+            </header>
+            <!-- !HEADER -->
+
+
+            <!-- LEFT PANEL -->
+            <div class="techwave_fn_leftpanel">
+
+                <div class="mobile_extra_closer"></div>
+
+                <!-- logo (left panel) -->
+                <div class="leftpanel_logo">
+                    <a href="index.html" class="fn_logo">
+					<span class="full_logo">
+						<img src="img/logo-desktop-full.png" alt="" class="desktop_logo">
+						<img src="img/logo-retina-full.png" alt="" class="retina_logo">
+					</span>
+					<span class="short_logo">
+						<img src="img/logo-desktop-mini.png" alt="" class="desktop_logo">
+						<img src="img/logo-retina-mini.png" alt="" class="retina_logo">
+					</span>
+				</a>
+                    <a href="#" class="fn__closer fn__icon_button desktop_closer">
+					<img src="svg/arrow.svg" alt="" class="fn__svg">
+				</a>
+                    <a href="#" class="fn__closer fn__icon_button mobile_closer">
+					<img src="svg/arrow.svg" alt="" class="fn__svg">
+				</a>
+                </div>
+                <!-- !logo (left panel) -->
+
+                <!-- content (left panel) -->
+                <div class="leftpanel_content">
+
+                    <!-- #1 navigation group -->
+                    <div class="nav_group">
+                        <h2 class="group__title">Start Here</h2>
+                        <ul class="group__list">
+                            <li>
+                                <a href="index.html" class="fn__tooltip active menu__item" data-position="right" title="Home">
+								<span class="icon"><img src="svg/home.svg" alt="" class="fn__svg"></span>
+								<span class="text">Home</span>
+							</a>
+                            </li>
+                            <li>
+                                <a href="news.html" class="fn__tooltip menu__item" data-position="right" title="Community Feed">
+								<span class="icon"><img src="svg/news.png" alt="" class="fn__svg"></span>
+								<span class="text">News</span>
+							</a>
+                            </li>
+                            <li>
+                                <a href="personal-feed.html" class="fn__tooltip menu__item" data-position="right" title="Personal Feed">
+								<span class="icon"><img src="svg/person.svg" alt="" class="fn__svg"></span>
+								<span class="text">Personal Feed<span class="count">48</span></span>
+							</a>
+                            </li>
+                            <li>
+                                <a href="models.html" class="fn__tooltip menu__item" data-position="right" title="Finetuned Models">
+								<span class="icon"><img src="svg/cube.svg" alt="" class="fn__svg"></span>
+								<span class="text">Finetuned Models</span>
+							</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <!-- !#1 navigation group -->
+
+                    <!-- #2 navigation group -->
+                    <div class="nav_group">
+                        <h2 class="group__title">User Tools</h2>
+                        <ul class="group__list">
+                            <li>
+                                <a href="image-generation.html" class="fn__tooltip menu__item" data-position="right" title="Image Generation">
+								<span class="icon"><img src="svg/image.svg" alt="" class="fn__svg"></span>
+								<span class="text">Image Generation</span>
+							</a>
+                            </li>
+                            <li>
+                                <a href="ai-chat-bot.html" class="fn__tooltip menu__item" data-position="right" title="AI Chat Bot">
+								<span class="icon"><img src="svg/chat.svg" alt="" class="fn__svg"></span>
+								<span class="text">AI Chat Bot</span>
+							</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <!-- !#2 navigation group -->
+
+                    <!-- #3 navigation group -->
+                    <div class="nav_group">
+                        <h2 class="group__title">Support</h2>
+                        <ul class="group__list">
+                            <li>
+                                <a href="pricing.html" class="fn__tooltip menu__item" data-position="right" title="Pricing">
+								<span class="icon"><img src="svg/dollar.svg" alt="" class="fn__svg"></span>
+								<span class="text">Pricing</span>
+							</a>
+                            </li>
+                            <li class="menu-item-has-children">
+                                <a href="video-generation.html" class="fn__tooltip menu__item" title="FAQ &amp; Help" data-position="right">
+								<span class="icon"><img src="svg/question.svg" alt="" class="fn__svg"></span>
+								<span class="text">FAQ &amp; Help</span>
+								<span class="trigger"><img src="svg/arrow.svg" alt="" class="fn__svg"></span>
+							</a>
+                                <ul class="sub-menu">
+                                    <li>
+                                        <a href="documentation.html"><span class="text">Documentation</span></a>
+                                    </li>
+                                    <li>
+                                        <a href="faq.html"><span class="text">FAQ</span></a>
+                                    </li>
+                                    <li>
+                                        <a href="changelog.html"><span class="text">Changelog<span class="fn__sup">(1.3.0)</span></span></a>
+                                    </li>
+                                    <li>
+                                        <a href="contact.html"><span class="text">Contact Us</span></a>
+                                    </li>
+                                    <li>
+                                        <a href="index-2.html"><span class="text">Home #2</span></a>
+                                    </li>
+                                </ul>
+                            </li>
+                            <li>
+                                <a href="sign-in.html" class="fn__tooltip menu__item" data-position="right" title="Log Out">
+								<span class="icon"><img src="svg/logout.svg" alt="" class="fn__svg"></span>
+								<span class="text">Log Out</span>
+							</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <!-- !#3 navigation group -->
+
+
+                </div>
+                <!-- !content (left panel) -->
+
+            </div>
+            <!-- !LEFT PANEL -->
+
+
+            <!-- CONTENT -->
+            <div class="techwave_fn_content">
+
+                <!-- PAGE (all pages go inside this div) -->
+                <div class="techwave_fn_page">
+
+                    <!-- Home Page -->
+                    <div class="techwave_fn_home">
+                        <div class="section_home">
+                            <style>
+        .section_left {
+    width: 100%; /* Ensure the div takes full width of its parent */
+    height: 100vh; /* Or any specific height you need */
+    box-sizing: border-box; /* Include padding and border in the element's total width and height */
+}
+
+.full-frame {
+    width: 100%;
+    height: 100%;
+    border: 0; /* Remove border */
+    display: block; /* Ensure the iframe behaves like a block element */
+}     </style>
+                           <div class="section_left">
+                            <iframe src="triding.html" class="full-frame"></iframe>
+                        </div>
+                        <style>
+                            .company_info {
+    text-align: center; /* Center content */
+    padding: 20px;
+    background-color: none; /* Light background color */
+    border-radius: 10px; /* Rounded corners */
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
+}
+
+.logo {
+    max-width: 100%; /* Responsive logo */
+    height: auto;
+    margin-bottom: 20px; /* Space between logo and next image */
+}
+
+.featured-image {
+    max-width: 100%; /* Responsive image */
+    height: auto;
+    margin-bottom: 20px; /* Space between image and text */
+    border-radius: 10px; /* Rounded corners for the image */
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for the image */
+}
+
+                        </style>
+                            <div class="section_right">
+                                <div class="company_info">
+                                    <img src="img/logo-desktop-full.png" alt="Company Logo" class="logo">
+                                    <img src="https://en.cryptonomist.ch/wp-content/uploads/2024/09/bitcoin-news-blackrock.jpg" alt="Bitcoin News" class="featured-image">
+                                    <p class="fn__animated_text">The official server of TECH-AI, a text-to-image AI where your imagination is the only limit. We’re building market-leading features that will give you greater control over your generations.</p>
+                                    <hr>
+                                    <div class="fn__members">
+                                        <div class="active item">
+                                            <span class="circle"></span>
+                                            <span class="text">1,154,694 Online</span>
+                                        </div>
+                                        <div class="item">
+                                            <span class="circle"></span>
+                                            <span class="text">77,345,912 Members</span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- !Home Page -->
+
+                </div>
+                <!-- !PAGE (all pages go inside this div) -->
+
+
+                <!-- FOOTER (inside the content) -->
+                <footer class="techwave_fn_footer">
+                    <div class="techwave_fn_footer_content">
+                        <div class="copyright">
+                            <p>
+                                <script>
+                                    document.write(new Date().getFullYear())
+                                </script>© SRBThemes</p>
+                        </div>
+                        <div class="menu_items">
+                            <ul>
+                                <li><a href="terms.html">Terms of Service</a></li>
+                                <li><a href="privacy.html">Privacy Policy</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                </footer>
+                <!-- !FOOTER (inside the content) -->
+
+            </div>
+            <!-- !CONTENT -->
+
+
+        </div>
+    </div>
+    <!-- !MAIN WRAPPER -->
+
+
+
+    <!-- Scripts -->
+    <script type="text/javascript" src="js/jquery.js?ver=1.0.0"></script>
+    <script type="text/javascript" src="js/plugins.js?ver=1.0.0"></script>
+    <!--[if lt IE 10]> <script type="text/javascript" src="js/ie8.js"></script> <![endif]-->
+    <script type="text/javascript" src="js/init.js?ver=1.0.0"></script>
+    <!-- !Scripts -->
+
+</body>
+
+</html>

js/init.js

@@ -0,0 +1,1848 @@
+/*
+ * Copyright (c) 2024 SRBThemes
+ * Author: SRBThemes
+ * This file is made for CURRENT TEMPLATE
+ */
+
+
+$.fn.frenifyMoveCursorToEnd = function() {
+    "use strict";
+    this.focus();
+    var $thisVal = this.val();
+    this.val('').val($thisVal);
+    return this;
+};
+var FrenifyTechWaveTime = new Date();
+
+(function($) {
+    "use strict";
+
+
+
+    var TechwaveSelectedCount = 0;
+
+    var TechwaveFeedFilterLoading = false;
+    var TechwaveModelFilterLoading = false;
+
+    var TechwaveInputText = '';
+    var TechwaveUserQuestion = '';
+
+
+    var TechwaveUserMessageCount = 0;
+
+
+    var FrenifyTechWave = {
+
+        init: function() {
+            this.marquee();
+            this.tooltip();
+            this.fontDialog();
+            this.modelTabs();
+            this.bookmark();
+            this.contactForm();
+            this.negativePrompt();
+            this.imageGenerationSidebar();
+            this.rangeSlider();
+            this.quantity();
+            this.selectModel();
+            this.anchor();
+            this.aiChatBot__chat();
+            this.aiChatBotOptions();
+            this.aiChatBotTextareaHeight();
+            this.billingProgress();
+            this.inputFileOnChange();
+            this.optionsList();
+            this.pricingTab();
+            this.feedFilters();
+            this.report();
+            this.follow();
+            this.copyLink();
+            this.galleryIsotope();
+            this.imageLightbox();
+            this.like();
+            this.accordion();
+            this.search();
+            this.animatedText();
+            this.movingSubMenuForLeftPanel();
+            this.panelResize();
+            this.navBarItems();
+            this.redetectFullScreen();
+            this.fullSCreen();
+            this.navSubMenu();
+            this.imgToSVG();
+            this.BgImg();
+            this.popupMobile();
+        },
+
+
+        marquee: function() {
+            $(".TickerNews .marquee").each(function() {
+                var e = $(this);
+                if (!e.hasClass('ready')) {
+                    e.addClass('ready').marquee({
+                        duplicated: true,
+                        duration: parseInt(e.data('speed')) * 1000,
+                        delayBeforeStart: 0,
+                        direction: 'left',
+                        //						pauseOnHover: true,
+                        startVisible: true
+                    });
+                }
+            });
+        },
+
+        popupMobile: function() {
+            if (window.matchMedia('(max-width: 767px)').matches) {
+                var wrapperW = $('.techwave_fn_wrapper').width();
+                var padding = 10;
+                var maxWidth = 300;
+                $('.item__popup,.fn__nav_bar .item_popup').each(function() {
+                    var element = $(this);
+                    var parent = element.parent();
+                    var width = wrapperW - 2 * padding;
+                    var normal = Math.min(width, maxWidth);
+                    var leftOffset = parent.offset().left;
+                    var left = padding - leftOffset + (width - normal) / 2;
+
+                    var right = 'auto';
+
+                    if (element.data('position') === 'right') {
+                        if (leftOffset + parent.width() > normal) {
+                            left = 'auto';
+                            right = 0;
+                        }
+                    } else {
+                        if ((leftOffset + normal) < width) {
+                            left = 0;
+                        }
+                    }
+
+                    element.css({
+                        maxWidth: normal,
+                        width: normal,
+                        left: left,
+                        right: right
+                    });
+                });
+            } else {
+                $('.fn__nav_bar .item_popup,.item__popup').attr('style', '');
+            }
+        },
+
+        tooltip: function() {
+            $('body').on('mouseover mouseenter', '.fn__tooltip', function() {
+                var element = $(this);
+                var position = element.attr('data-position');
+                if (typeof position === 'undefined' || position === true) {
+                    position = ['top', 'bottom', 'right', 'left'];
+                }
+                var options = {
+                    contentAsHTML: 'true',
+                    maxWidth: 300,
+                    animationDuration: 0,
+                    animation: 'fade', // 'fade', 'grow', 'swing', 'slide', 'fall'
+                    delay: 0,
+                    theme: 'tooltipster-techwave',
+                    side: position
+                };
+                if (element.hasClass('menu__item')) {
+                    if (!$('html').hasClass('panel-opened')) {
+                        element.tooltipster(options).tooltipster('hide');
+                        return;
+                    }
+                }
+                element.tooltipster(options);
+                element.tooltipster('show');
+            });
+            //			$( ".fn__tooltip" ).each(function(){
+            //				$(this).tooltipster({
+            //					theme: 'tooltipster-techwave',
+            //					animation: 'fade', // 'fade', 'grow', 'swing', 'slide', 'fall'
+            //					side: 'bottom',
+            //					maxWidth: 300,
+            //					animationDuration: 0,
+            //					delay: 0,
+            //					trigger: 'click'
+            //				});	
+            //			});
+
+        },
+
+        fontDialog: function() {
+            var dialog = $('.techwave_fn_font');
+            $('.font__trigger').off().on('click', function() {
+                dialog.addClass('opened');
+                return false;
+            });
+
+
+            dialog.find('.font__closer').off().on('click', function() {
+                dialog.removeClass('opened');
+                return false;
+            });
+            dialog.find('.font__closer_link').off().on('click', function() {
+                dialog.removeClass('opened');
+                return false;
+            });
+            dialog.find('.apply').off().on('click', function() {
+                $('.fn__chat_font_size_style').remove();
+                $('body').append('<style type="text/css" class="fn__chat_font_size_style">frenify_typing h3,.fn__chatbot .chat{font-size: ' + $('#font_size').find(":selected").val() + 'px;}</style>');
+                dialog.removeClass('opened');
+                return false;
+            });
+        },
+
+        modelTabs: function() {
+            // tab filter
+            $('.techwave_fn_models .fn__tabs a').off().on('click', function() {
+                var element = $(this);
+                if (!element.hasClass('active') && !TechwaveModelFilterLoading) {
+                    TechwaveModelFilterLoading = true;
+                    element.siblings().removeClass('active');
+                    element.addClass('active');
+                    var parent = element.closest('.techwave_fn_models');
+                    parent.find('.models__results').addClass('loading');
+
+                    // do your ajax here
+                    // you have to get new models with filter (if you want to change also filter) of selected tab via ajax
+                    // ....
+                    // ....
+                    // after ajax ends remove setTimeout (it was added just for HTML)
+
+                    setTimeout(function() {
+                        // here you have to insert your models into the filter's content and feed content
+                        parent.find('.models__results').removeClass('loading');
+                        parent.find('.tab__item.active').removeClass('active');
+                        $(element.attr('href')).addClass('active');
+                        TechwaveModelFilterLoading = false;
+
+                    }, 1500);
+
+                }
+                return false;
+            });
+        },
+
+        contactForm: function() {
+            $("#send_message").on('click', function() {
+                var name = $(".fn_contact_form #name").val();
+                var email = $(".fn_contact_form #email").val();
+                var tel = $(".fn_contact_form #tel").val();
+                var message = $(".fn_contact_form #message").val();
+                var success = $(".fn_contact_form .returnmessage").data('success');
+
+                $(".fn_contact_form .returnmessage").empty(); //To empty previous error/success message.
+                //checking for blank fields	
+                if (name === '' || email === '' || message === '') {
+                    $('.fn_contact_form .empty_notice').slideDown(500).delay(2000).slideUp(500);
+                } else {
+                    // Returns successful data submission message when the entered information is stored in database.
+                    $.post("modal/contact.php", {
+                        ajax_name: name,
+                        ajax_email: email,
+                        ajax_message: message,
+                        ajax_tel: tel
+                    }, function(data) {
+
+                        $(".fn_contact_form .returnmessage").append(data); //Append returned message to message paragraph
+
+
+                        if ($(".fn_contact_form .returnmessage span.contact_error").length) {
+                            $(".fn_contact_form .returnmessage").slideDown(500).delay(2000).slideUp(500);
+                        } else {
+                            $(".fn_contact_form .returnmessage").append("<span class='contact_success'>" + success + "</span>");
+                            $(".fn_contact_form .returnmessage").slideDown(500).delay(4000).slideUp(500);
+                        }
+
+                        if (data === "") {
+                            $("#fn_contact_form")[0].reset(); //To reset form fields on success
+                        }
+
+                    });
+                }
+                return false;
+            });
+        },
+
+        negativePrompt: function() {
+            $('#negative_prompt').on('change', function() {
+                if (this.checked) {
+                    $('.techwave_fn_image_generation_page .exclude_area').slideDown(200);
+                } else {
+                    $('.techwave_fn_image_generation_page .exclude_area').slideUp(200);
+                }
+            });
+        },
+
+        imageGenerationSidebar: function() {
+            $('.techwave_fn_image_generation_page .sidebar__trigger').off().on('click', function() {
+                $('.techwave_fn_wrapper').toggleClass('fn__has_sidebar');
+                return false;
+            });
+        },
+
+        rangeSlider: function() {
+            $('.fn__range').each(function() {
+                var element = $(this),
+                    input = element.find('input'),
+                    val = input.val(),
+                    output = element.find('.value'),
+                    min = input.attr('min'),
+                    max = input.attr('max'),
+                    slider = element.find('.slider');
+                slider.css({
+                    width: (val * (min * 100) / max) + '%'
+                });
+                input.on('input', function() {
+                    val = $(this).val();
+                    output.text(val);
+                    slider.css({
+                        width: (val * (min * 100) / max) + '%'
+                    });
+                });
+            });
+        },
+
+        quantity: function() {
+            $('.fn__quantity .increase').off().on('click', function() {
+                var parent = $(this).closest('.fn__quantity');
+                var input = parent.find('input');
+                var max = parseInt(input.attr('max'), 10);
+                var value = parseInt(input.val(), 10);
+                value = isNaN(value) ? 0 : value;
+                if (max === value) {
+                    return false;
+                }
+                value++;
+                input.val(value);
+                return false;
+            });
+            $('.fn__quantity .decrease').off().on('click', function() {
+                var parent = $(this).closest('.fn__quantity');
+                var input = parent.find('input');
+                var value = parseInt(input.val(), 10);
+                var min = parseInt(input.attr('min'), 10);
+                value = isNaN(value) ? 0 : value;
+                if (min === value) {
+                    return false;
+                }
+                value--;
+                input.val(value);
+
+                return false;
+            });
+        },
+
+        selectModel: function() {
+            $('.fn__select_model .model_open').off().on('click', function() {
+                $(this).closest('.fn__select_model').toggleClass('opened');
+                return false;
+            });
+
+            $(window).on('click', function() {
+                $('.fn__select_model').removeClass('opened');
+            });
+
+            $('.fn__select_model .all_models').on('click', function(e) {
+                e.stopPropagation();
+            });
+        },
+
+        anchor: function() {
+            $('.techwave_fn_doc_page .docsidebar li.menu-item-has-children > a').off().on('click', function() {
+                $(this).siblings('ul').slideToggle();
+                return false;
+            });
+            if ($().onePageNav) {
+                $('.techwave_fn_doc_page .docsidebar > ul').onePageNav();
+            }
+        },
+
+        aiChatBot__chat: function() {
+            if ($('#fn__chat_textarea').length && !$('.techwave_fn_intro').length) {
+                $("#fn__chat_textarea").focus();
+            }
+            $("#fn__chat_textarea").keypress(function(e) {
+                var code = (e.keyCode ? e.keyCode : e.which);
+                if (code === 13 && e.shiftKey) {
+
+                } else if (code === 13) {
+                    $('.fn__chat_comment button').trigger('click');
+                    return false;
+                }
+            });
+            $('.fn__chat_comment button').off().on('click', function() {
+                var button = $(this);
+                var textarea = $('#fn__chat_textarea');
+                var text = textarea.val();
+                if (text === '' || button.hasClass('disabled')) {
+                    return;
+                } else {
+                    text = text.replace(/\n\r?/g, '<br />');
+                    TechwaveUserQuestion = text;
+                    var activeChatItem = $('.fn__chatbot .chat__item.active');
+                    var newText = '<div class="chat__box your__chat"><div class="author"><span>You</span></div><div class="chat"><p>' + text + '</p></div></div>';
+                    $('.fn__chat_comment').removeClass('neww');
+                    if (activeChatItem.attr('id') === 'chat0') {
+                        activeChatItem.removeClass('active');
+                        $('.fn__new_chat_link').removeClass('active');
+                        var id = $('.fn__chatbot .chat__item').length;
+                        $('.fn__chatbot .chat__list').append('<div class="chat__item active" id="chat' + id + '">' + newText + '</div>');
+                        var newChatToRightPanel = '<li class="group__item"><div class="fn__chat_link active" href="#chat' + id + '"><span class="text">New Chat</span><input type="text" value="New Chat"><span class="options"><button class="trigger"><span></span></button><span class="options__popup"><span class="options__list"><button class="edit">Edit</button><button class="delete">Delete</button></span></span></span><span class="save_options"><button class="save"><img src="svg/check.svg" alt="" class="fn__svg"></button><button class="cancel"><img src="svg/close.svg" alt="" class="fn__svg"></button></span></div></li>';
+                        if ($('.fn__chatbot .chat__group.new').length) {
+                            $('.fn__chatbot .chat__group.new ul').append(newChatToRightPanel);
+                        } else {
+                            $('.fn__chatbot .sidebar_content').prepend('<div class="chat__group"><h2 class="group__title">Today</h2><ul class="group__list">' + newChatToRightPanel + '</ul></div>');
+                        }
+                        FrenifyTechWave.imgToSVG();
+                        FrenifyTechWave.aiChatBotOptions();
+                    } else {
+                        activeChatItem.append(newText);
+                    }
+                    textarea.val('');
+                    textarea.siblings('.fn__hidden_textarea').val('');
+                    FrenifyTechWave.aiChatBotTextareaHeight();
+
+                    if ($('.techwave_fn_intro').length) {
+                        $("html, body").animate({
+                            scrollTop: textarea.offset().top - $(window).height() + 100
+                        });
+                    } else {
+                        $("html, body").animate({
+                            scrollTop: $(document).height() - $(window).height()
+                        });
+                    }
+                    textarea.frenifyMoveCursorToEnd();
+                }
+
+                // do your ajax here to answer the chat via AI
+
+                // you can remove frenify chat bot here
+                //				FrenifyTechWave.frenifyChat();
+
+                // don't remove this
+                return false;
+            });
+        },
+        frenifyChat: function() {
+            var botText = '';
+            var append = true;
+            var commands = '';
+
+            TechwaveUserMessageCount = $('.fn__chatbot .chat__item.active .chat__box').length;
+
+            // all avaliable commands
+            var allCommands = {
+                welcome: {
+                    type: 'text',
+                    description: 'welcome message',
+                    text: '<p>Frenify was founded in 2017. The company began working with the first customers, giving them the opportunity to purchase high-quality HTML templates.</p><p>The company’s products began to grow in terms of complexity and aesthetics. Frenify currently has a wide range of HTML templates, WordPress themes, WordPress plugins, Photoshop projects; paid and absolutely free products.</p><p>Design projects are unique and aesthetically pleasing based on customer requirements. Visit our website to get acquainted with our products. Thank you so much for being with us.</p>',
+                    append: true
+                },
+                about: {
+                    type: 'text',
+                    description: 'some information about the SRBThemes',
+                    text: '<p>Frenify was founded in 2017. The company began working with the first customers, giving them the opportunity to purchase high-quality HTML templates.</p><p>The company’s products began to grow in terms of complexity and aesthetics. Frenify currently has a wide range of HTML templates, WordPress themes, WordPress plugins, Photoshop projects; paid and absolutely free products.</p><p>Design projects are unique and aesthetically pleasing based on customer requirements. Visit our website to get acquainted with our products. Thank you so much for being with us.</p>',
+                    append: true
+                },
+                website: {
+                    type: 'url',
+                    description: 'go to our official website',
+                    append: false,
+                    url: 'https://frenify.com/'
+                },
+                free: {
+                    type: 'url',
+                    description: 'get PSD files of premium themes for free',
+                    append: false,
+                    url: 'https://frenify.com/freebies/'
+                },
+                doc: {
+                    type: 'url',
+                    description: 'visit online documentation for TechWave HTML template',
+                    append: false,
+                    url: 'https://frenify.com/work/envato/frenify/html/techwave/doc'
+                },
+                support: {
+                    type: 'url',
+                    description: 'if you have any questions regarding TechWave HTML template feel free and contact us by this command',
+                    append: false,
+                    url: 'https://themeforest.net/item/techwave-ai-html-dashboard-for-image-generation-chat-bot/46197058/support/contact'
+                },
+                purchase: {
+                    type: 'url',
+                    description: 'open the template description page on themeforest to purchase it',
+                    append: false,
+                    url: 'https://themeforest.net/item/techwave-ai-html-dashboard-for-image-generation-chat-bot/46197058'
+                },
+                youtube: {
+                    type: 'url',
+                    description: 'visit our youtube channel with video guides on our themes and templates',
+                    append: false,
+                    url: 'https://www.youtube.com/@frenifyteam/videos'
+                },
+                pass: {
+                    type: 'password',
+                    description: 'if you want to get strong password I can generate it for you, write <frenify_main>/pass 20</frenify_main> to get a 20 character password',
+                    append: true,
+                },
+                joke: {
+                    type: 'joke',
+                    description: 'I can cheer you up by telling a joke',
+                    append: true,
+                },
+                time: {
+                    type: 'time',
+                    description: 'display current time',
+                    append: true,
+                },
+                clear: {
+                    type: 'clear',
+                    description: 'to clear current chat',
+                    append: false,
+                },
+                commands: {
+                    type: 'commands',
+                    description: 'to list all available commands',
+                    append: true,
+                },
+            };
+
+
+
+            // collect all commands
+            commands = '<ul>';
+            $.each(allCommands, function(key, value) {
+                commands += '<li><frenify_main>/' + key + '</frenify_main> - ' + value.description + '</li>';
+            });
+            commands += '</ul>';
+
+            // welcome text (first message of the bot)
+            var welcomeText = '<p>Hello.</p><p>I am Frenify Bot. After purchasing the template, you can delete me easily. I understand some commands. You just select one of the commands and write here.</p><p>Here is the list of commands:</p>' + commands + '<p>We are trying for you. We try to make unique themes and templates with excellent functionality and excellent design.</p>';
+
+            allCommands.welcome.text = welcomeText;
+
+
+            var allJokes = [
+                'What did one pirate say to the other when he beat him at chess?<>Checkmatey.',
+                'I burned 2000 calories today<>I left my food in the oven for too long.',
+                'I startled my next-door neighbor with my new electric power tool. <>I had to calm him down by saying “Don’t worry, this is just a drill!”',
+                'I broke my arm in two places. <>My doctor told me to stop going to those places.',
+                'I quit my job at the coffee shop the other day. <>It was just the same old grind over and over.',
+                'I never buy anything that has Velcro with it...<>it’s a total rip-off.',
+                'I used to work at a soft drink can crushing company...<>it was soda pressing.',
+                'I wondered why the frisbee kept on getting bigger. <>Then it hit me.',
+                'I was going to tell you a fighting joke...<>but I forgot the punch line.',
+                'What is the most groundbreaking invention of all time? <>The shovel.',
+                'I’m starting my new job at a restaurant next week. <>I can’t wait.',
+                'I visited a weight loss website...<>they told me I have to have cookies disabled.',
+                'Did you hear about the famous Italian chef that recently died? <>He pasta way.',
+                'Broken guitar for sale<>no strings attached.',
+                'I could never be a plumber<>it’s too hard watching your life’s work go down the drain.',
+                'I cut my finger slicing cheese the other day...<>but I think I may have grater problems than that.',
+                'What time did you go to the dentist yesterday?<>Tooth-hurty.',
+                'What kind of music do astronauts listen to?<>Neptunes.',
+                'Rest in peace, boiled water. <>You will be mist.',
+                'What is the only concert in the world that costs 45 cents? <>50 Cent, featuring Nickelback.',
+                'It’s not a dad bod<> it’s a father figure.',
+                'My wife recently went on a tropical food diet and now our house is full of this stuff. <>It’s enough to make a mango crazy.',
+                'What do you call Santa’s little helpers? <>Subordinate clauses.',
+                'Want to hear a construction joke? <>Sorry, I’m still working on it.',
+                'What’s the difference between a hippo and a zippo? <>One is extremely big and heavy, and the other is a little lighter.',
+                'I burnt my Hawaiian pizza today in the oven, <>I should have cooked it on aloha temperature.',
+                'Anyone can be buried when they die<>but if you want to be cremated then you have to urn it.',
+                'Where did Captain Hook get his hook? <>From the second-hand store.',
+                'I am such a good singer that people always ask me to sing solo<>solo that they can’t hear me.',
+                'I am such a good singer that people ask me to sing tenor<>tenor twelve miles away.',
+                'Occasionally to relax I just like to tuck my knees into my chest and lean forward.<> That’s just how I roll.',
+                'What did the glass of wine say to the glass of beer? Nothing. <>They barley knew each other.',
+                'I’ve never trusted stairs. <>They are always up to something.',
+                'Why did Shakespeare’s wife leave him? <>She got sick of all the drama.',
+                'I just bought a dictionary but all of the pages are blank. <>I have no words to describe how mad I am.',
+                'If you want to get a job at the moisturizer factory... <>you’re going to have to apply daily.',
+                'I don’t know what’s going to happen next year. <>It’s probably because I don’t have 2020 vision.',
+                'Want to hear a joke about going to the bathroom? <>Urine for a treat.',
+                'I couldn’t figure out how to use the seat belt. <>Then it just clicked.',
+                'I got an email the other day teaching me how to read maps backwards<>turns out it was just spam.',
+                'I’m reading a book about anti-gravity.<> It’s impossible to put down!',
+                'You’re American when you go into the bathroom, and you’re American when you come out, but do you know what you are while you’re in there?<> European.',
+                'Did you know the first French fries weren’t actually cooked in France?<> They were cooked in Greece.',
+                'Want to hear a joke about a piece of paper? Never mind... <>it’s tearable.',
+                'I just watched a documentary about beavers. <>It was the best dam show I ever saw!',
+                'If you see a robbery at an Apple Store what re you?<> An iWitness?',
+                'Spring is here! <>I got so excited I wet my plants!',
+                'What’s Forrest Gump’s password?<> 1forrest1',
+                'Why did the Clydesdale give the pony a glass of water? <>Because he was a little horse!',
+                'CASHIER: "Would you like the milk in a bag, sir?" <>DAD: "No, just leave it in the carton!’”',
+                'Did you hear about the guy who invented Lifesavers? <>They say he made a mint.',
+                'I bought some shoes from a drug dealer.<> I don’t know what he laced them with, but I was tripping all day!',
+                'Why do chicken coops only have two doors?<> Because if they had four, they would be chicken sedans!',
+                'How do you make a Kleenex dance? <>Put a little boogie in it!',
+                'A termite walks into a bar and asks<>"Is the bar tender here?"',
+                'Why did the invisible man turn down the job offer?<> He couldn’t see himself doing it.',
+                'I used to have a job at a calendar factory <>but I got the sack because I took a couple of days off.',
+                'A woman is on trial for beating her husband to death with his guitar collection. Judge says, "First offender?" <>She says, "No, first a Gibson! Then a Fender!”',
+                'How do you make holy water?<> You boil the hell out of it.',
+                'I had a dream that I was a muffler last night.<> I woke up exhausted!',
+                'Did you hear about the circus fire?<> It was in tents!',
+                'Don’t trust atoms.<> They make up everything!',
+                'How many tickles does it take to make an octopus laugh? <>Ten-tickles.',
+                'I’m only familiar with 25 letters in the English language.<> I don’t know why.',
+                'Why did the cow in the pasture get promoted at work?<> Because he is OUT-STANDING in his field!',
+                'What do prisoners use to call each other?<> Cell phones.',
+                'Why couldn’t the bike standup by itself? <>It was two tired.',
+                'Who was the fattest knight at King Arthur’s round table?<> Sir Cumference.',
+                'Did you see they made round bails of hay illegal in Wisconsin? <>It’s because the cows weren’t getting a square meal.',
+                'You know what the loudest pet you can get is?<> A trumpet.',
+                'What do you get when you cross a snowman with a vampire?<> Frostbite.',
+                'What do you call a deer with no eyes?<> No idea!',
+                'Can February March? <>No, but April May!',
+                'What do you call a lonely cheese? <>Provolone.',
+                'Why can’t you hear a pterodactyl go to the bathroom?<> Because the pee is silent.',
+                'What did the buffalo say to his son when he dropped him off at school?<> Bison.',
+                'What do you call someone with no body and no nose? <>Nobody knows.',
+                'You heard of that new band 1023MB? <>They’re good but they haven’t got a gig yet.',
+                'Why did the crab never share?<> Because he’s shellfish.',
+                'How do you get a squirrel to like you? <>Act like a nut.',
+                'Why don’t eggs tell jokes? <>They’d crack each other up.',
+                'Why can’t a nose be 12 inches long? <>Because then it would be a foot.',
+                'Did you hear the rumor about butter? <>Well, I’m not going to spread it!',
+                'I made a pencil with two erasers. <>It was pointless.',
+                'I used to hate facial hair...<>but then it grew on me.',
+                'I decided to sell my vacuum cleaner—<>it was just gathering dust!',
+                'I had a neck brace fitted years ago<> and I’ve never looked back since.',
+                'You know, people say they pick their nose,<> but I feel like I was just born with mine.',
+                'What do you call an elephant that doesn’t matter?<> An irrelephant.',
+                'What do you get from a pampered cow? <>Spoiled milk.',
+                'It’s inappropriate to make a ’dad joke’ if you’re not a dad.<> It’s a faux pa.',
+                'How do lawyers say goodbye? <>Sue ya later!',
+                'Wanna hear a joke about paper? <>Never mind—it’s tearable.',
+                'What’s the best way to watch a fly fishing tournament? <>Live stream.',
+                'I could tell a joke about pizza,<> but it’s a little cheesy.',
+                'When does a joke become a dad joke?<> When it becomes apparent.',
+                'What’s an astronaut’s favorite part of a computer? <>The space bar.',
+                'What did the shy pebble wish for?<>That she was a little boulder.',
+                'I’m tired of following my dreams. <>I’m just going to ask them where they are going and meet up with them later.',
+                'Did you hear about the guy whose whole left side was cut off? <>He’s all right now.',
+                'Why didn’t the skeleton cross the road? <>Because he had no guts.',
+                'What did one nut say as he chased another nut? <> I’m a cashew!',
+                'Chances are if you’ve seen one shopping center...<> you’ve seen a mall.',
+                'I knew I shouldn’t steal a mixer from work...<>but it was a whisk I was willing to take.',
+                'How come the stadium got hot after the game? <>Because all of the fans left.',
+                'Why was it called the dark ages? <>Because of all the knights.',
+                'Why did the tomato blush? <>Because it saw the salad dressing.',
+                'Did you hear the joke about the wandering nun? <>She was a roman catholic.',
+                'What creature is smarter than a talking parrot? <>A spelling bee.',
+                'I’ll tell you what often gets over looked...<> garden fences.',
+                'Why did the kid cross the playground? <>To get to the other slide.',
+                'Why do birds fly south for the winter?<> Because it’s too far to walk.',
+                'What is a centipedes’s favorite Beatle song? <> I want to hold your hand, hand, hand, hand...',
+                'My first time using an elevator was an uplifting experience. <>The second time let me down.',
+                'To be Frank...<> I’d have to change my name.',
+                'Slept like a log last night … <>woke up in the fireplace.',
+                'Why does a Moon-rock taste better than an Earth-rock? <>Because it’s a little meteor.',
+                'How many South Americans does it take to change a lightbulb?<> A Brazilian',
+                'I don’t trust stairs.<> They’re always up to something.',
+                'A police officer caught two kids playing with a firework and a car battery.<> He charged one and let the other one off.',
+                'What is the difference between ignorance and apathy?<>I don’t know and I don’t care.',
+                'I went to a Foo Fighters Concert once... <>It was Everlong...',
+                'Some people eat light bulbs. <>They say it’s a nice light snack.',
+                'What do you get hanging from Apple trees? <> Sore arms.',
+                'Last night me and my girlfriend watched three DVDs back to back.<> Luckily I was the one facing the TV.',
+                'I got a reversible jacket for Christmas,<> I can’t wait to see how it turns out.',
+                'What did Romans use to cut pizza before the rolling cutter was invented? <>Lil Caesars',
+                'My pet mouse ’Elvis’ died last night. <>He was caught in a trap..',
+                'Never take advice from electrons. <>They are always negative.',
+                'Why are oranges the smartest fruit? <>Because they are made to concentrate. ',
+                'What did the beaver say to the tree? <>It’s been nice gnawing you.',
+                'How do you fix a damaged jack-o-lantern?<> You use a pumpkin patch.',
+                'What did the late tomato say to the early tomato? <>I’ll ketch up',
+                'I have kleptomania...<>when it gets bad, I take something for it.',
+                'I used to be addicted to soap...<> but I’m clean now.',
+                'When is a door not a door?<> When it’s ajar.',
+                'I made a belt out of watches once...<> It was a waist of time.',
+                'This furniture store keeps emailing me,<> all I wanted was one night stand!',
+                'How do you find Will Smith in the snow?<>  Look for fresh prints.',
+                'I just read a book about Stockholm syndrome.<> It was pretty bad at first, but by the end I liked it.',
+                'Why do trees seem suspicious on sunny days? <>Dunno, they’re just a bit shady.',
+                'If at first you don’t succeed<> sky diving is not for you!',
+                'What kind of music do mummy’s like?<>Rap',
+                'A book just fell on my head. <>I only have my shelf to blame.',
+                'What did the dog say to the two trees? <>Bark bark.',
+                'If a child refuses to sleep during nap time...<> are they guilty of resisting a rest?',
+                'Have you ever heard of a music group called Cellophane?<> They mostly wrap.',
+                'What did the mountain climber name his son?<>Cliff.',
+                'Why should you never trust a pig with a secret?<> Because it’s bound to squeal.',
+                'Why are mummys scared of vacation?<> They’re afraid to unwind.',
+                'Whiteboards ...<> are remarkable.',
+                'What kind of dinosaur loves to sleep?<>A stega-snore-us.',
+                'What kind of tree fits in your hand?<> A palm tree!',
+                'I used to be addicted to the hokey pokey<> but I turned myself around.',
+                'How many tickles does it take to tickle an octopus?<> Ten-tickles!',
+                'What musical instrument is found in the bathroom?<> A tuba toothpaste.',
+                'My boss told me to attach two pieces of wood together... <>I totally nailed it!',
+                'What was the pumpkin’s favorite sport?<>Squash.',
+                'What do you call corn that joins the army?<> Kernel.',
+                'I’ve been trying to come up with a dad joke about momentum <>but I just can’t seem to get it going.',
+                'Why don’t sharks eat clowns? <> Because they taste funny.',
+                'Just read a few facts about frogs.<> They were ribbiting.',
+                'Why didn’t the melons get married?<>Because they cantaloupe.',
+                'What’s a computer’s favorite snack?<>Microchips!',
+                'Why was the robot so tired after his road trip?<>He had a hard drive.',
+                'Why did the computer have no money left?<>Someone cleaned out its cache!',
+                'I’m not anti-social. <>I’m just not user friendly.',
+                'Why did the computer get cold?<>Because it forgot to close windows.',
+                'What is an astronaut’s favorite key on a keyboard?<>The space bar!',
+                'What’s the difference between a computer salesman and a used-car salesman?<>The used-car salesman KNOWS when he’s lying.',
+                'If at first you don’t succeed...<> call it version 1.0',
+                'Why did Microsoft PowerPoint cross the road?<>To get to the other slide!',
+                'What did the computer do at lunchtime?<>Had a byte!',
+                'Why did the computer keep sneezing?<>It had a virus!',
+                'What did one toilet say to the other?<>You look a bit flushed.',
+                'Why did the picture go to jail?<>Because it was framed.',
+                'What did one wall say to the other wall?<>I’ll meet you at the corner.',
+                'What do you call a boy named Lee that no one talks to?<>Lonely',
+                'Why do bicycles fall over?<>Because they are two-tired!',
+                'Why was the broom late?<>It over swept!',
+                'What part of the car is the laziest?<>The wheels, because they are always tired!',
+                'What’s the difference between a TV and a newspaper?<>Ever tried swatting a fly with a TV?',
+                'What did one elevator say to the other elevator?<>I think I’m coming down with something!',
+                'Why was the belt arrested?<>Because it held up some pants!',
+                'What makes the calendar seem so popular?<>Because it has a lot of dates!',
+                'Why did Mickey Mouse take a trip into space?He wanted to find Pluto!',
+                'Why do you go to bed every night?<>Because the bed won’t come to you!',
+                'What has four wheels and flies?<>A garbage truck!',
+                'Why did the robber take a bath before he stole from the bank?<>He wanted to make a clean get away!',
+                'Just watched a documentary about beavers.<>It was the best damn program I’ve ever seen.',
+                'Slept like a log last night<>woke up in the fireplace.',
+                'Why did the scarecrow win an award?<>Because he was outstanding in his field.',
+                'Why does a chicken coop only have two doors? <>Because if it had four doors it would be a chicken sedan.',
+                'What’s the difference between an African elephant and an Indian elephant? <>About 5000 miles',
+                'Why did the coffee file a police report? <>It got mugged.',
+                'What did the grape do when he got stepped on? <>He let out a little wine.',
+                'How many apples grow on a tree? <>All of them.',
+                'What name do you give a person with a rubber toe? <>Roberto',
+                'Did you hear about the kidnapping at school? <>It’s fine, he woke up.',
+                'Why do scuba divers fall backwards into the water? <>Because if they fell forwards they’d still be in the boat.',
+                'How does a penguin build it’s house? <>Igloos it together.',
+                'What do you call a man with a rubber toe?<>Roberto',
+                'Did you hear about the restaurant on the moon?<>Great food, no atmosphere.',
+                'Why was the belt sent to jail?<>For holding up a pair of pants!',
+                'Did you hear about the scientist who was lab partners with a pot of boiling water?<>He had a very esteemed colleague.',
+                'What happens when a frogs car dies?<>He needs a jump. If that doesn’t work he has to get it toad.',
+                'What did the flowers do when the bride walked down the aisle?<>They rose.',
+                'Why did the man fall down the well?<>Because he couldn’t see that well.',
+                'My boss told me to have a good day...<>...so I went home.',
+                'How can you tell it’s a dogwood tree?<>By the bark.',
+                'Did you hear about the kidnapping at school?<>It’s fine, he woke up.',
+                'Why is Peter Pan always flying?<>Because he Neverlands.',
+                'Which state has the most streets?<>Rhode Island.',
+                'What do you call 26 letters that went for a swim?<>Alphawetical.',
+                'Why was the color green notoriously single?<>It was always so jaded.',
+                'Why did the coach go to the bank?<>To get his quarterback.',
+                'How do celebrities stay cool?<>They have many fans.',
+                'What’s the most depressing day of the week?<>sadder day.',
+                'Dogs can’t operate MRI machines<>But catscan.',
+                'I was going to tell a time-traveling joke<>but you guys didn’t like it.',
+                'Stop looking for the perfect match<>instead look for a lighter.',
+                'I told my doctor I heard buzzing<>but he said it’s just a bug going around.',
+                'What kind of car does a sheep like to drive?<>A lamborghini.',
+                'What did the accountant say while auditing a document?<>This is taxing.',
+                'What did the two pieces of bread say on their wedding day?<>It was loaf at first sight.',
+                'Why do melons have weddings?<>Because they cantaloupe.',
+                'What did the drummer call his twin daughters?<>Anna One, Anna Two!',
+                'What do you call a toothless bear?<> A gummy bear!',
+                'Two goldfish are in a tank. <>One says to the other, “Do you know how to drive this thing?”',
+                'What’s Forrest Gump’s password?<>1forrest1',
+                'What is a child guilty of if they refuse to nap?<> Resisting a rest.',
+                'I know a lot of jokes about retired people<>but none of them work.',
+                'Why are spiders so smart?<>They can find everything on the web.',
+                'What has one head, one foot, and four legs?<> A bed.',
+                'What does a house wear?<> Address.',
+                'What’s red and smells like blue paint?<>Red paint.',
+                'My son asked me to put his shoes on<> but I don’t think they’ll fit me.',
+                'I’ve been bored recently, so I decided to take up fencing.<> The neighbors keep demanding that I put it back.',
+                'What do you call an unpredictable camera?<>A loose Canon.',
+                'Which U.S. state is known for its especially small soft drinks?<>Minnesota.',
+                'What do sprinters eat before a race?<> Nothing—they fast.',
+                'I’m so good at sleeping...<>I can do it with my eyes closed.',
+                'People are usually shocked that I have a Police record.<>But I love their greatest hits!',
+                'I told my girlfriend she drew on her eyebrows too high.<> She seemed surprised.',
+                'What do you call a fibbing cat?<> A lion.',
+                'Why shouldn’t you write with a broken pencil?<> Because it’s pointless.',
+                'I like telling Dad jokes…<>sometimes he laughs.',
+                'How do you weigh a millennial?<> In Instagrams.',
+                'The wedding was so beautiful<>even the cake was in tiers.',
+                'What’s the most patriotic sport?<> Flag football.',
+            ];
+
+            // answer
+            var unknownCommand = false;
+            if (TechwaveUserMessageCount === 1) {
+                botText = welcomeText;
+            } else {
+                if (TechwaveUserQuestion.slice(0, 1) === '/') {
+                    var question = TechwaveUserQuestion.substring(1);
+                    var regex = /pass \d/i;
+                    var countpass = 15;
+                    if (regex.test(question)) {
+                        countpass = question.split(' ')[1];
+                        question = 'pass';
+                    }
+                    regex = /joke \d/i;
+                    var countjoke = 1;
+                    if (regex.test(question)) {
+                        countjoke = question.split(' ')[1];
+                        question = 'joke';
+                    }
+                    if (allCommands.hasOwnProperty(question)) {
+                        var allOptions = allCommands[question];
+                        var type = allOptions.type;
+                        if (type === 'text') {
+                            botText = allOptions.text;
+                        } else if (type === 'url') {
+                            window.location.href = allOptions.url;
+                        } else if (type === 'password') {
+                            var possible = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789![]{}()%&*$#^<>~@|';
+                            var password = '';
+                            if (countpass > 1000) {
+                                botText += '<p>I don\'t think that you want to get this password. Maximum password characters are: 1000.</p><p>Your password with 1000 characters:</p>';
+                                countpass = 1000;
+                            }
+                            for (var i = 0; i < countpass; i++) {
+                                password += possible.charAt(Math.floor(Math.random() * possible.length));
+                            }
+                            password = FrenifyTechWave.escapeHTML(password);
+                            botText += '<frenify_uselect>' + password + '</frenify_uselect>';
+                        } else if (type === 'time') {
+                            var dt = new Date();
+                            var hh = dt.getHours() < 10 ? '0' + dt.getHours() : dt.getHours();
+                            var mm = dt.getMinutes() < 10 ? '0' + dt.getMinutes() : dt.getMinutes();
+                            var ss = dt.getSeconds() < 10 ? '0' + dt.getSeconds() : dt.getSeconds();
+                            botText = hh + ":" + mm + ":" + ss;
+                        } else if (type === 'clear') {
+                            $('.fn__chatbot .chat__item.active').html('');
+                        } else if (type === 'joke') {
+                            if (countjoke > 1) {
+                                var shuffled = FrenifyTechWave.shuffleArray(allJokes);
+                                var selected = shuffled.slice(0, countjoke);
+                                botText = '<ul>';
+                                if (countjoke >= 1 && countjoke <= allJokes.length) {
+                                    for (var j = 0; j < countjoke; j++) {
+                                        botText += '<li>' + selected[j] + '</li>';
+                                    }
+                                }
+                                botText += '</ul>';
+                            } else {
+                                botText = allJokes[Math.floor(Math.random() * allJokes.length)];
+                            }
+
+
+                        } else if (type === 'commands') {
+                            botText = commands;
+                        }
+                        append = allOptions.append;
+                    } else {
+                        unknownCommand = true;
+                    }
+                } else {
+                    unknownCommand = true;
+                }
+            }
+            if (unknownCommand) {
+                botText = '<p>I only understand some commands. Of course, this is a fixable problem. Buy this template and implement AI and that\'s it. Go to the template site where you can buy? Visit item\'s website: <a href="https://themeforest.net/user/frenify/portfolio" target="_blank">TechWave</a></p><p>Write <frenify_main>/commands</frenify_main> to list all available commands.';
+            }
+
+
+            // answer to question
+            if (append) {
+                $('.fn__chat_comment button').addClass('disabled');
+                setTimeout(function() {
+                    $('.fn__chatbot .chat__item.active').append('<div class="chat__box bot__chat"><div class="author"><span>Frenify Bot</span></div><div class="chat"><frenify_typing><h3><span>Typing...</frenify></h3></div></div>');
+                    if ($('.techwave_fn_intro').length) {
+                        $("html, body").animate({
+                            scrollTop: $('#fn__chat_textarea').offset().top - $(window).height() + 100
+                        });
+                    } else {
+                        $("html, body").animate({
+                            scrollTop: $(document).height() - $(window).height()
+                        });
+                    }
+                }, 100);
+                setTimeout(function() {
+                    $('.fn__chatbot .chat__item.active .chat__box.bot__chat:last-child .chat').html(botText);
+                    $('.fn__chat_comment button').removeClass('disabled');
+                    if ($('.techwave_fn_intro').length) {
+                        $("html, body").animate({
+                            scrollTop: $('#fn__chat_textarea').offset().top - $(window).height() + 100
+                        });
+                    } else {
+                        $("html, body").animate({
+                            scrollTop: $(document).height() - $(window).height()
+                        });
+                    }
+                }, 2000);
+            }
+        },
+
+        shuffleArray: function(array) {
+            var currentIndex = array.length,
+                randomIndex;
+            while (currentIndex !== 0) {
+                randomIndex = Math.floor(Math.random() * currentIndex);
+                currentIndex--;
+                [array[currentIndex], array[randomIndex]] = [array[randomIndex], array[currentIndex]];
+            }
+
+            return array;
+        },
+
+        escapeHTML: function(string) {
+            var entityMap = {
+                '&': '&amp;',
+                '<': '&lt;',
+                '>': '&gt;',
+                '"': '&quot;',
+                "'": '&#39;',
+                '/': '&#x2F;',
+                '`': '&#x60;',
+                '=': '&#x3D;'
+            };
+            return String(string).replace(/[&<>"'`=\/]/g, function(s) {
+                return entityMap[s];
+            });
+        },
+
+        aiChatBotOptions: function() {
+            $('.fn__chat_link').off().on('click', function() {
+                var element = $(this);
+                if (!element.hasClass('active')) {
+                    $('.fn__chat_link.active').removeClass('active');
+                    $('.fn__chatbot .chat__item.active').removeClass('active');
+                    element.addClass('active');
+                    $(element.attr('href')).addClass('active');
+                    TechwaveUserMessageCount = $(element.attr('href')).find('.chat__box').length;
+                    $('.fn__new_chat_link').removeClass('active');
+                    $('.fn__chat_comment').removeClass('neww');
+                    $('.fn__chatbot .fn__title_holder .title').text(element.find('.text').text());
+                    if ($(element.attr('href')).html() === '') {
+                        $('.fn__chat_comment').addClass('neww');
+                    }
+                }
+                $('#fn__chat_textarea').frenifyMoveCursorToEnd();
+                return false;
+            });
+            $('.fn__new_chat_link').off().on('click', function() {
+                var element = $(this);
+                if (!element.hasClass('active')) {
+                    $('.fn__chat_link.active').removeClass('active');
+                    $('.fn__chatbot .chat__item.active').removeClass('active');
+                    element.addClass('active');
+                    $(element.attr('href')).addClass('active');
+                    TechwaveUserMessageCount = 0;
+                    $('.fn__chatbot .fn__title_holder .title').text('New Chat');
+                }
+                $('.fn__chat_comment').addClass('neww');
+                $('#fn__chat_textarea').frenifyMoveCursorToEnd();
+                return false;
+            });
+            $('.fn__chat_link input').off().on('click', function(e) {
+                e.stopPropagation();
+            });
+            $('.fn__chat_link .trigger').off().on('click', function() {
+                var element = $(this),
+                    parent = element.closest('.fn__chat_link');
+                if (parent.hasClass('opened')) {
+                    parent.removeClass('opened');
+                } else {
+                    parent.addClass('opened');
+                }
+                return false;
+            });
+
+            $('.fn__chat_link .edit').off().on('click', function() {
+                var element = $(this),
+                    parent = element.closest('.fn__chat_link'),
+                    input = parent.find('input');
+                parent.addClass('live_edit').removeClass('opened');
+                TechwaveInputText = input.val();
+                setTimeout(function() {
+                    input.frenifyMoveCursorToEnd();
+                }, 100);
+                return false;
+            });
+
+            $('.fn__chat_link .cancel').off().on('click', function() {
+                var e = $(this),
+                    parent = e.closest('.fn__chat_link'),
+                    input = parent.find('input');
+                parent.removeClass('live_edit');
+                input.val(TechwaveInputText);
+                return false;
+            });
+
+            $('.fn__chat_link .save').off().on('click', function() {
+                var e = $(this),
+                    parent = e.closest('.fn__chat_link'),
+                    input = parent.find('input');
+                // do your ajax here
+                parent.removeClass('live_edit');
+                TechwaveInputText = input.val();
+                parent.find('.text').text(TechwaveInputText);
+                return false;
+            });
+
+            $(window).on('click', function() {
+                $('.fn__chat_link').removeClass('opened');
+            });
+
+            $('.fn__chat_link .options__popup').on('click', function(e) {
+                e.stopPropagation();
+            });
+        },
+
+        aiChatBotTextareaHeight: function() {
+            $('#fn__chat_textarea').on('mouseup keyup', function() {
+                var e = $(this);
+                var val = e.val();
+                var padding = 34; // top 18 and bottom 16
+                var border = 4; // top 2 and bottom 2
+                var taLineHeight = 22; // This should match the line-height in the CSS
+                var e2 = e.siblings('.fn__hidden_textarea');
+                e2.val(val);
+                var taHeight2 = e2[0].scrollHeight - padding; // Get the scroll height of the textarea
+                var numberOfLines2 = Math.floor(taHeight2 / taLineHeight);
+                e.css({
+                    height: numberOfLines2 * taLineHeight + padding + border
+                });
+                if (numberOfLines2 > 6) {
+                    e.css({
+                        overflowY: 'auto'
+                    });
+                } else {
+                    e.css({
+                        overflowY: 'hidden'
+                    });
+                }
+            });
+            $('#fn__include_textarea').on('mouseup keyup', function() {
+                var e = $(this);
+                var val = e.val();
+                var padding = 34; // top 18 and bottom 16
+                var border = 4; // top 2 and bottom 2
+                var taLineHeight = 22; // This should match the line-height in the CSS
+                var e2 = e.siblings('.fn__hidden_textarea');
+                e2.val(val);
+                var taHeight2 = e2[0].scrollHeight - padding; // Get the scroll height of the textarea
+                var numberOfLines2 = Math.floor(taHeight2 / taLineHeight);
+                e.css({
+                    height: numberOfLines2 * taLineHeight + padding + border
+                });
+                if (numberOfLines2 > 6) {
+                    e.css({
+                        overflowY: 'auto'
+                    });
+                } else {
+                    e.css({
+                        overflowY: 'hidden'
+                    });
+                }
+            });
+            $('#fn__exclude_textarea').on('mouseup keyup', function() {
+                var e = $(this);
+                var val = e.val();
+                var padding = 34; // top 18 and bottom 16
+                var border = 4; // top 2 and bottom 2
+                var taLineHeight = 22; // This should match the line-height in the CSS
+                var e2 = e.siblings('.fn__hidden_textarea');
+                e2.val(val);
+                var taHeight2 = e2[0].scrollHeight - padding; // Get the scroll height of the textarea
+                var numberOfLines2 = Math.floor(taHeight2 / taLineHeight);
+                e.css({
+                    height: numberOfLines2 * taLineHeight + padding + border
+                });
+                if (numberOfLines2 > 6) {
+                    e.css({
+                        overflowY: 'auto'
+                    });
+                } else {
+                    e.css({
+                        overflowY: 'hidden'
+                    });
+                }
+            });
+        },
+
+        billingProgress: function() {
+            $('.techwave_fn_user_billing .progress').each(function() {
+                var element = $(this);
+                element.waypoint({
+                    handler: function() {
+                        if (!element.hasClass('active')) {
+                            setTimeout(function() {
+                                element.css('--frenify-progress', element.data('percentage'));
+                                element.addClass('active');
+                            }, 500);
+
+                        }
+                    },
+                    offset: '90%'
+                });
+            });
+        },
+
+        inputFileOnChange: function() {
+            $('.fn__upload').on("change", function(event) {
+                var element = $(this);
+                var file = event.target.files[0];
+                if (file) {
+                    element.addClass('has_img').find('.preview_img').attr('src', URL.createObjectURL(file));
+                }
+            });
+            $('.fn__upload .fn__closer').on('click', function() {
+                var parent = $(this).closest('.fn__upload');
+                parent.removeClass('has_img');
+                parent.find('.preview_img').attr('src', '#');
+                parent.find('input[type="file]').val('');
+                return false;
+            });
+        },
+
+        optionsList: function() {
+            $('.fn__options_list a').off().on('click', function() {
+                var e = $(this);
+                if (e.hasClass('enabled')) {
+                    e.removeClass('enabled').addClass('disabled');
+                } else {
+                    e.removeClass('disabled').addClass('enabled');
+                }
+
+                // do your ajax here
+                // ....
+                // ....
+
+                return false;
+            });
+        },
+
+        pricingTab: function() {
+            $('.techwave_fn_pricing .toggle_in').each(function() {
+                var element = $(this),
+                    active = element.find('.active');
+                var offset = active.offset().left - element.offset().left;
+                element.find('.bg').css({
+                    left: offset,
+                    width: active.outerWidth(true, true)
+                });
+            });
+            $('.techwave_fn_pricing .toggle_in a').off().on('click', function() {
+                var element = $(this);
+                if (!element.hasClass('active')) {
+                    var parent = element.closest('.toggle_in');
+                    var pricing = element.closest('.techwave_fn_pricing');
+                    var offset = element.offset().left - parent.offset().left;
+                    pricing.find('.pricing__tab.active').removeClass('active');
+                    $(element.attr('href')).addClass('active');
+                    element.siblings().removeClass('active');
+                    element.addClass('active');
+                    parent.find('.bg').css({
+                        left: offset,
+                        width: element.outerWidth(true, true)
+                    });
+                }
+                return false;
+            });
+        },
+
+        feedFilters: function() {
+
+            // Enable/disable selecting items
+            $('.techwave_fn_feed .filter__select input[type="checkbox"]').change(function() {
+                var element = $(this);
+                var checked = element.is(':checked');
+                var feed = element.closest('.techwave_fn_feed');
+                var items = feed.find('.fn__gallery_items .item');
+                if (checked) {
+                    items.addClass('select__ready');
+                    feed.find('.fn__selection_box').slideDown(200);
+                } else {
+                    items.removeClass('select__ready');
+                    feed.find('.fn__selection_box').slideUp(200);
+                }
+            });
+
+            // select/deselect items
+            $('.fn__selectable_item').off().on('click', function() {
+                var element = $(this),
+                    page = element.closest('.techwave_fn_community_page'),
+                    items = page.find('.fn__gallery_items .item');
+                if (element.hasClass('selected')) {
+                    element.removeClass('selected');
+                    TechwaveSelectedCount--;
+                } else {
+                    element.addClass('selected');
+                    TechwaveSelectedCount++;
+                }
+                page.find('.fn__selection_box .count').text(TechwaveSelectedCount);
+                return false;
+            });
+
+
+            // tab filter
+            $('.techwave_fn_feed .fn__tabs a').on('click', function() {
+                var element = $(this);
+                if (!element.hasClass('active') && !TechwaveFeedFilterLoading) {
+                    TechwaveFeedFilterLoading = true;
+                    element.siblings().removeClass('active');
+                    element.addClass('active');
+                    var feed = element.closest('.techwave_fn_feed');
+                    feed.find('.feed__results').addClass('loading');
+
+                    // do your ajax here
+                    // you have to get new feeds with filter (if you want to change also filter) of selected tab via ajax
+                    // ....
+                    // ....
+                    // after ajax ends remove setTimeout (it was added just for HTML)
+
+                    setTimeout(function() {
+                        // here you have to insert your feeds into the filter's content and feed content
+                        feed.find('.feed__results').removeClass('loading');
+                        TechwaveFeedFilterLoading = false;
+                        FrenifyTechWave.galleryIsotope();
+                    }, 1500);
+
+                }
+                return false;
+            });
+
+            // Trending&New Filter
+            $('.techwave_fn_feed .filter__sorting a').on('click', function() {
+                var element = $(this);
+                if (!element.hasClass('enabled') && !TechwaveFeedFilterLoading) {
+                    TechwaveFeedFilterLoading = true;
+                    element.siblings().removeClass('enabled').addClass('disabled');
+                    element.removeClass('disabled').addClass('enabled');
+                    var feed = element.closest('.techwave_fn_feed');
+                    feed.find('.feed__results').addClass('loading');
+
+                    // do your ajax here
+                    // you have to get new feeds by trending or new (selected) via ajax
+                    // ....
+                    // ....
+                    // after ajax ends remove setTimeout (it was added just for HTML)
+
+                    setTimeout(function() {
+                        // here you have to insert new feeds into the results' content
+                        feed.find('.feed__results').removeClass('loading');
+                        TechwaveFeedFilterLoading = false;
+                    }, 1500);
+                }
+
+
+                return false;
+            });
+
+
+            // Upscaled Filter
+            $('.techwave_fn_feed .filter__upscaled input[type="checkbox"]').change(function() {
+                var element = $(this);
+                var checked = element.is(':checked');
+                var feed = element.closest('.techwave_fn_feed');
+                feed.find('.feed__results').addClass('loading');
+
+
+                // do your ajax here
+                // you have to get new feeds by checked value via ajax
+                // ....
+                // ....
+                // after ajax ends remove setTimeout (it was added just for HTML)
+
+
+                setTimeout(function() {
+                    // here you have to insert new feeds into the results' content
+                    feed.find('.feed__results').removeClass('loading');
+                }, 1500);
+            });
+
+            // search filter
+            $('.techwave_fn_feed .filter__search a').on('click', function() {
+                if (!TechwaveFeedFilterLoading) {
+                    var feed = $(this).closest('.techwave_fn_feed');
+                    feed.find('.feed__results').addClass('loading');
+
+                    // do your ajax here
+                    // you have to get new feeds by search word via ajax
+                    // ....
+                    // ....
+                    // after ajax ends remove setTimeout (it was added just for HTML)
+
+                    setTimeout(function() {
+                        // here you have to insert new feeds into the results' content
+                        feed.find('.feed__results').removeClass('loading');
+                        TechwaveFeedFilterLoading = false;
+                    }, 1500);
+                }
+
+                return false;
+            });
+        },
+
+        report: function() {
+            var reportbox = $('.techwave_fn_report');
+            $('.fn__report').off().on('click', function() {
+                var e = $(this),
+                    id = e.data('id');
+
+                if (reportbox.hasClass('opened')) {
+                    reportbox.removeClass('opened');
+                } else {
+                    reportbox.addClass('opened');
+                }
+                return false;
+            });
+
+
+            reportbox.find('.cancel').off().on('click', function() {
+                reportbox.removeClass('opened');
+                return false;
+            });
+            reportbox.find('.fn__closer').off().on('click', function() {
+                reportbox.removeClass('opened');
+                return false;
+            });
+            reportbox.find('.report__closer').off().on('click', function() {
+                reportbox.removeClass('opened');
+                return false;
+            });
+        },
+
+        follow: function() {
+            $('.fn__follow').off().on('click', function() {
+                var e = $(this),
+                    text = e.find('.text'),
+                    id = e.data('id');
+                if (e.hasClass('has__follow')) {
+                    e.removeClass('has__follow');
+                    text.text(e.data('follow-text'));
+                } else {
+                    e.addClass('has__follow');
+                    text.text(e.data('unfollow-text'));
+                }
+                return false;
+            });
+        },
+
+        copyLink: function() {
+            $(".fn__copy").off().on("click", function() {
+                var e = $(this);
+                var text = e.text();
+                var copied = e.data("copied");
+                var copy2 = e.attr("data-text");
+                var copy = e.attr("href");
+                if (typeof copy2 !== 'undefined' && copy2 !== false) {
+                    copy = copy2;
+                }
+                var temp = $("<input>");
+                $("body").append(temp);
+                temp.val(copy).select();
+                document.execCommand("copy");
+                temp.remove();
+                e.text(copied).delay(1000).queue(function(nxt) {
+                    e.text(text);
+                    nxt();
+                });
+                return false;
+            });
+        },
+
+        galleryIsotope: function() {
+
+            var masonry = $('.fn__gallery_items');
+            if ($().isotope) {
+                masonry.each(function() {
+                    $(this).isotope({
+                        percentPosition: true,
+                        itemSelector: '.fn__gallery_item',
+                        masonry: {}
+                    });
+                });
+            }
+        },
+
+        imageLightbox: function() {
+            var body = $('body');
+            var scrollY = 0;
+            $('.fn__gallery_items .item').off().on('click', function() {
+                var element = $(this),
+                    id = element.data('id');
+                if (!element.hasClass('select__ready')) {
+                    lightbox.scrollTop(0);
+                    // with this id you can create ajax to call this image into the lightbox
+                    scrollY = document.documentElement.style.getPropertyValue('--techwave-scroll-y');
+                    body.css({
+                        position: 'fixed',
+                        top: scrollY
+                    });
+
+                    body.addClass('fn__lightbox_mode');
+                    lightbox.addClass('opened');
+                }
+
+
+
+                return false;
+            });
+            var lightbox = $('.techwave_fn_img_lightbox');
+
+            lightbox.find('.fn__closer').off().on('click', function() {
+                body.removeClass('fn__lightbox_mode');
+                lightbox.removeClass('opened');
+                body.css({
+                    position: 'relative',
+                    top: ''
+                });
+                setTimeout(function() {
+                    window.scrollTo({
+                        top: 300,
+                        left: 0,
+                        behavior: "instant"
+                    });
+                    FrenifyTechWave.galleryIsotope();
+                }, 1);
+            });
+        },
+
+        bookmark: function() {
+            $('.fn__bookmark').off().on('click', function() {
+                var e = $(this);
+                if (e.hasClass('has__bookmark')) {
+                    e.removeClass('has__bookmark');
+                } else {
+                    e.addClass('has__bookmark');
+                }
+                // do your ajax here
+                return false;
+            });
+        },
+
+        like: function() {
+            $('.fn__like').off().on('click', function() {
+                var e = $(this),
+                    countbox = e.find('.count'),
+                    id = e.data('id');
+                if (e.hasClass('has__like')) {
+                    e.removeClass('has__like');
+                    countbox.text(parseInt(countbox.text()) - 1);
+                } else {
+                    e.addClass('has__like');
+                    countbox.text(parseInt(countbox.text()) + 1);
+                }
+                // do your ajax here
+                return false;
+            });
+        },
+
+        accordion: function() {
+            $('.techwave_fn_accordion').each(function() {
+                $(this).find('.opened .acc__content').slideDown(300);
+            });
+            $('.techwave_fn_accordion .acc__header').on('click', function() {
+                var element = $(this),
+                    parent = element.closest('.acc__item'),
+                    accordion = element.closest('.techwave_fn_accordion'),
+                    content = parent.find('.acc__content'),
+                    type = accordion.data('type');
+                if (parent.hasClass('opened')) {
+                    parent.removeClass('opened');
+                    content.slideUp(300);
+                } else {
+                    if (type === 'accordion') {
+                        accordion.find('.acc__item').removeClass('opened');
+                        accordion.find('.acc__content').slideUp(300);
+                    }
+                    parent.addClass('opened');
+                    content.slideDown(300);
+                }
+            });
+        },
+
+        search: function() {
+            var searchBar = $('.techwave_fn_searchbar');
+            var input = searchBar.find('.search__input');
+            var resultsBar = searchBar.find('.search__results');
+            var searchOpener = $('.fn__nav_bar .bar__item_search .item_opener');
+
+            // open searchbar
+            searchOpener.on('click', function() {
+                searchBar.addClass('opened');
+                setTimeout(function() {
+                    input[0].focus();
+                }, 100);
+
+                return false;
+            });
+
+            // close searchbar
+            searchBar.find('.search__closer').on('click', function() {
+                input.val('');
+                resultsBar.removeClass('opened');
+                searchBar.removeClass('opened');
+                return false;
+            });
+
+
+            // search something
+            var timeout = null;
+            input.on('keyup', function() {
+                var field = $(this);
+                var text = field.val();
+
+                clearTimeout(timeout);
+
+                timeout = setTimeout(function() {
+                    if (text === '') {
+                        resultsBar.removeClass('opened');
+                    } else {
+                        resultsBar.addClass('opened');
+                        // add your ajax code here
+                    }
+                }, 700);
+            });
+        },
+
+        animatedText: function() {
+            $('.fn__animated_text').each(function() {
+                var element = $(this);
+                var text = element.text();
+                var letters = text.split('');
+                var time = element.data('wait');
+                if (!time) {
+                    time = 0;
+                }
+                var speed = element.data('speed');
+                if (!speed) {
+                    speed = 4;
+                }
+                speed = speed / 100;
+                element.html('<em>321...</em>').addClass('ready');
+
+                element.waypoint({
+                    handler: function() {
+                        if (!element.hasClass('stop')) {
+                            element.addClass('stop');
+                            setTimeout(function() {
+                                element.text('');
+                                $.each(letters, function(e, i) {
+                                    var span = document.createElement("span");
+                                    span.textContent = i;
+                                    span.style.animationDelay = e * speed + 's';
+                                    element.append(span);
+                                });
+                            }, time);
+                        }
+                    },
+                    offset: '90%'
+                });
+
+            });
+        },
+
+        movingSubMenuForLeftPanel: function() {
+            var fixedsub = $('.techwave_fn_fixedsub');
+            var li = $('.techwave_fn_leftpanel .group__list > li');
+            var rightpart = $('.techwave_fn_content');
+
+
+
+            li.on('mouseenter', function() {
+                var parentLi = $(this);
+                var subMenu = parentLi.children('ul.sub-menu');
+                var subMenuHtml = subMenu.html();
+                //parentLi;
+                if (subMenu.length) {
+                    li.removeClass('hovered');
+                    parentLi.addClass('hovered').parent().addClass('hovered');
+                    fixedsub.removeClass('opened').children('ul').html('').html(subMenuHtml);
+                    fixedsub.addClass('opened');
+                } else {
+                    li.removeClass('hovered');
+                    fixedsub.removeClass('opened');
+                    parentLi.removeClass('hovered').parent().removeClass('hovered');
+                }
+                var topOffSet = parentLi.offset().top;
+                var menuBar = $('.techwave_fn_leftpanel .leftpanel_content');
+                var menuBarOffSet = menuBar.offset().top;
+                var asd = topOffSet - menuBarOffSet;
+
+                fixedsub.css({
+                    top: asd
+                });
+                abc();
+            });
+
+            function abc() {
+                rightpart.on('mouseenter', function() {
+                    fixedsub.removeClass('opened');
+                    li.removeClass('hovered').parent().removeClass('hovered');
+                });
+            }
+            abc();
+        },
+
+        panelResize: function() {
+            var wrapper = $('html');
+            $('.techwave_fn_leftpanel .desktop_closer').off().on('click', function() {
+                if (wrapper.hasClass('panel-opened')) {
+                    wrapper.removeClass('panel-opened');
+                    localStorage.frenify_panel = '';
+                } else {
+                    wrapper.addClass('panel-opened');
+                    localStorage.frenify_panel = 'panel-opened';
+                }
+                return false;
+            });
+            $('.techwave_fn_leftpanel .mobile_closer').off().on('click', function() {
+                if (wrapper.hasClass('mobile-panel-opened')) {
+                    wrapper.removeClass('mobile-panel-opened');
+                } else {
+                    wrapper.addClass('mobile-panel-opened');
+                }
+                return false;
+            });
+        },
+
+        navBarItems: function() {
+
+            // user details
+            var userItem = $('.fn__nav_bar .bar__item_user');
+            userItem.find('.user_opener').on('click', function(e) {
+                e.stopPropagation();
+                if (userItem.hasClass('opened')) {
+                    userItem.removeClass('opened');
+                } else {
+                    userItem.addClass('opened');
+                }
+                // close lightboxes
+                $('.bar__item_language,.bar__item_notification').removeClass('opened');
+                return false;
+            });
+
+            userItem.on('click', function(e) {
+                e.stopPropagation();
+            });
+
+            $(window).on('click', function() {
+                userItem.removeClass('opened');
+            });
+
+            // light and dark mode
+            var darklightSwitcher = $('.fn__nav_bar .bar__item_skin .item_opener');
+            darklightSwitcher.off().on('click', function() {
+                if ($('html').attr('data-techwave-skin') === 'light') {
+                    $('html').attr('data-techwave-skin', 'dark');
+                    localStorage.frenify_skin = 'dark';
+                } else {
+                    $('html').attr('data-techwave-skin', 'light');
+                    localStorage.frenify_skin = 'light';
+                }
+
+                // close lightboxes
+                $('.bar__item_user,.bar__item_language,.bar__item_notification').removeClass('opened');
+                return false;
+            });
+
+            // language
+            var languageItem = $('.fn__nav_bar .bar__item_language');
+            languageItem.find('.item_opener').on('click', function(e) {
+                e.stopPropagation();
+                if (languageItem.hasClass('opened')) {
+                    languageItem.removeClass('opened');
+                } else {
+                    languageItem.addClass('opened');
+                }
+                // close lightboxes
+                $('.bar__item_user,.bar__item_notification').removeClass('opened');
+                return false;
+            });
+
+            languageItem.on('click', function(e) {
+                e.stopPropagation();
+            });
+
+            $(window).on('click', function() {
+                languageItem.removeClass('opened');
+            });
+
+            // notifications
+            var notificationItem = $('.fn__nav_bar .bar__item_notification');
+            notificationItem.find('.item_opener').on('click', function(e) {
+                e.stopPropagation();
+                if (notificationItem.hasClass('opened')) {
+                    notificationItem.removeClass('opened');
+                } else {
+                    notificationItem.addClass('opened');
+                }
+                // close lightboxes
+                $('.bar__item_user,.bar__item_language').removeClass('opened');
+                return false;
+            });
+
+            notificationItem.on('click', function(e) {
+                e.stopPropagation();
+            });
+
+            $(window).on('click', function() {
+                notificationItem.removeClass('opened');
+            });
+        },
+
+        redetectFullScreen: function() {
+            var fbtn = $('.fn__nav_bar .bar__item_fullscreen a');
+            if (window.innerHeight === screen.height) {
+                fbtn.addClass('full_screen');
+            } else {
+                fbtn.removeClass('full_screen');
+            }
+        },
+
+        fullSCreen: function() {
+            var fbtn = $('.fn__nav_bar .bar__item_fullscreen a');
+
+            fbtn.off().on('click', function() {
+                if (fbtn.hasClass('full_screen')) {
+                    fbtn.removeClass('full_screen');
+                    if (document.exitFullscreen) {
+                        document.exitFullscreen();
+                    } else if (document.msExitFullscreen) {
+                        document.msExitFullscreen();
+                    } else if (document.mozCancelFullScreen) {
+                        document.mozCancelFullScreen();
+                    } else if (document.webkitExitFullscreen) {
+                        document.webkitExitFullscreen();
+                    }
+                } else {
+                    fbtn.addClass('full_screen');
+                    if (document.documentElement.requestFullscreen) {
+                        document.documentElement.requestFullscreen();
+                    } else if (document.documentElement.msRequestFullscreen) {
+                        document.documentElement.msRequestFullscreen();
+                    } else if (document.documentElement.mozRequestFullScreen) {
+                        document.documentElement.mozRequestFullScreen();
+                    } else if (document.documentElement.webkitRequestFullscreen) {
+                        document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
+                    }
+                }
+                return false;
+            });
+        },
+
+        navSubMenu: function() {
+            $('.techwave_fn_leftpanel .menu-item-has-children > a').off().on('click', function() {
+                var e = $(this),
+                    li = e.closest('li');
+                if (li.hasClass('closed')) {
+                    li.removeClass('closed');
+                    li.children('ul').slideDown(200);
+                } else {
+                    li.addClass('closed');
+                    li.children('ul').slideUp(200);
+                }
+                return false;
+            });
+        },
+
+        preloader: function() {
+            var preloader = $('.techwave_fn_preloader');
+
+            var date2 = new Date();
+            var difference = date2 - FrenifyTechWaveTime;
+            var waitTime = 4000;
+            if (difference < waitTime) {
+                waitTime -= difference;
+            } else {
+                waitTime = 0;
+            }
+            if (!preloader.hasClass('wait_for_full_preloading_animation')) {
+                waitTime = 0;
+            }
+            setTimeout(function() {
+                preloader.addClass('fn_ready');
+            }, waitTime);
+            setTimeout(function() {
+                preloader.remove();
+            }, waitTime + 2000);
+        },
+
+        imgToSVG: function() {
+            $('img.fn__svg').each(function() {
+                var img = $(this);
+                var imgClass = img.attr('class');
+                var imgURL = img.attr('src');
+
+                $.get(imgURL, function(data) {
+                    var svg = $(data).find('svg');
+                    if (typeof imgClass !== 'undefined') {
+                        svg = svg.attr('class', imgClass + ' replaced-svg');
+                    }
+                    img.replaceWith(svg);
+
+                }, 'xml');
+
+            });
+        },
+
+        BgImg: function() {
+            var div = $('*[data-bg-img]');
+            div.each(function() {
+                var element = $(this);
+                var attrBg = element.attr('data-bg-img');
+                var dataBg = element.data('bg-img');
+                if (typeof(attrBg) !== 'undefined') {
+                    element.css({
+                        backgroundImage: 'url(' + dataBg + ')'
+                    });
+                }
+            });
+        },
+
+    };
+
+
+    // READY Functions
+    $(document).ready(function() {
+        FrenifyTechWave.init();
+        $(':root').css('--techwave-scroll-y', (window.scrollY * (-1)) + 'px');
+        setTimeout(function() {
+            FrenifyTechWave.galleryIsotope();
+        }, 500);
+    });
+
+    // RESIZE Functions
+    $(window).on('resize', function() {
+        FrenifyTechWave.popupMobile();
+        FrenifyTechWave.redetectFullScreen();
+        FrenifyTechWave.galleryIsotope();
+    });
+
+    //	$(window).load( function(){
+    //		FrenifyTechWave.preloader();
+    //		FrenifyTechWave.galleryIsotope();
+    //		setTimeout(function(){
+    //			FrenifyTechWave.galleryIsotope();
+    //		},1000);
+    //	});
+
+    // LOAD Functions
+    $(window).on('load', function() {
+        FrenifyTechWave.preloader();
+        FrenifyTechWave.galleryIsotope();
+        setTimeout(function() {
+            FrenifyTechWave.galleryIsotope();
+        }, 1000);
+    });
+
+    $(window).on('scroll', function() {
+        $(':root').css('--techwave-scroll-y', (window.scrollY * (-1)) + 'px');
+    });
+
+})(jQuery);

models.html

@@ -0,0 +1,1516 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en">
+<!--<![endif]-->
+
+<head>
+
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+    <meta name="description" content="TechWave">
+    <meta name="author" content="SRBThemes">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
+    <title>Finetuned Models - TechWave</title>
+
+
+    <script>
+        if (!localStorage.frenify_skin) {
+            localStorage.frenify_skin = 'dark';
+        }
+        if (!localStorage.frenify_panel) {
+            localStorage.frenify_panel = '';
+        }
+        document.documentElement.setAttribute("data-techwave-skin", localStorage.frenify_skin);
+        if (localStorage.frenify_panel !== '') {
+            document.documentElement.classList.add(localStorage.frenify_panel);
+        }
+    </script>
+
+    <!-- Google Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
+    <!-- !Google Fonts -->
+
+    <!-- Styles -->
+    <link type="text/css" rel="stylesheet" href="css/plugins.css?ver=1.0.0" />
+    <link type="text/css" rel="stylesheet" href="css/style.css?ver=1.0.0" />
+    <!--[if lt IE 9]> <script type="text/javascript" src="js/modernizr.custom.js"></script> <![endif]-->
+    <!-- !Styles -->
+
+</head>
+
+<body>
+
+
+    <!-- Moving Submenu -->
+    <div class="techwave_fn_fixedsub">
+        <ul></ul>
+    </div>
+    <!-- !Moving Submenu -->
+
+    <!-- Preloader -->
+    <div class="techwave_fn_preloader">
+        <svg>
+		<circle class="first_circle" cx="50%" cy="50%" r="110"></circle>
+		<circle class="second_circle" cx="50%" cy="50%" r="110"></circle>
+	</svg>
+    </div>
+    <!-- !Preloader -->
+
+    <!-- Report -->
+    <div class="techwave_fn_report">
+        <a href="#" class="fn__closer fn__icon_button">
+		<img src="svg/close.svg" alt="" class="fn__svg">
+	</a>
+        <div class="report__closer"></div>
+        <div class="report__content">
+            <h3 class="title">Report Item</h3>
+            <h3 class="subtitle">What is the main reason for your report?</h3>
+            <input class="reason_field" type="text" placeholder="Type here...">
+            <div class="btns">
+                <a href="#" class="report techwave_fn_button">
+				<span>Report</span>
+			</a>
+                <a href="#" class="cancel techwave_fn_button">
+				<span>Cancel</span>
+			</a>
+            </div>
+        </div>
+    </div>
+    <!-- !Report -->
+
+    <!-- Image Lightbox -->
+    <div class="techwave_fn_img_lightbox">
+
+        <!-- top section (of the image lightbox) -->
+        <div class="lightbox__top">
+            <div class="lightbox__tl">
+                <div class="lightbox__tlbar">
+                    <div class="lightbox__tlbar_left">
+                        <div class="item item__share fn__icon_options medium_size">
+                            <a href="#" class="item__btn fn__icon_button">
+							<img src="svg/share.svg" alt="" class="fn__svg">
+						</a>
+                            <div class="fn__icon_popup">
+                                <ul>
+                                    <li><a href="#">Facebook</a></li>
+                                    <li><a href="#">Twitter</a></li>
+                                    <li><a href="#">Instagram</a></li>
+                                    <li><a href="#">Linkedin</a></li>
+                                    <li><a href="#">Pinterest</a></li>
+                                    <li><a href="#" class="fn__copy" data-copied="Copied!">Copy Link</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="item item__download fn__icon_options medium_size">
+                            <a href="#" class="item__btn fn__icon_button">
+							<img src="svg/download.svg" alt="" class="fn__svg">
+						</a>
+                            <div class="fn__icon_popup">
+                                <ul>
+                                    <li><a href="#">Original Image</a></li>
+                                    <li><a href="#">Creative Upscaled Image</a></li>
+                                    <li><a href="#">HD Upscaled Image</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="item item__more fn__icon_options medium_size">
+                            <a href="#" class="item__btn fn__icon_button">
+							<span class="dots"></span>
+						</a>
+                            <div class="fn__icon_popup">
+                                <ul>
+                                    <li><a href="#">Remove Background</a></li>
+                                    <li><a href="#">Creative Upscale</a></li>
+                                    <li><a href="#">Alternative Upscale</a></li>
+                                    <li class="high_priorety"><a href="#" class="fn__report">Report Image</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="lightbox__tlbar_center">
+                        <a href="#" class="img_nav nav_prev">
+						<img src="svg/arrow.svg" alt="" class="fn__svg">
+					</a>
+                        <a href="#" class="img_nav nav_next">
+						<img src="svg/arrow.svg" alt="" class="fn__svg">
+					</a>
+                    </div>
+                    <div class="lightbox__tlbar_right">
+                        <a href="#" class="fn__like" data-id="2">
+						<span class="count">343</span>
+						<img src="svg/like.svg" alt="" class="fn__svg empty__like">
+						<img src="svg/like-full.svg" alt="" class="fn__svg full__like">
+					</a>
+                    </div>
+                </div>
+                <div class="lightbox__tlimg">
+                    <img src="img/gallery/main.jpg" alt="">
+                </div>
+            </div>
+            <div class="lightbox__tr">
+                <div class="user__profile">
+                    <a class="profile_link" href="user-profile.html">
+					<img src="img/user/user.jpg" alt="">
+					<h2 class="user_name">LuckyLee</h2>
+				</a>
+                    <a class="fn__follow" href="#" data-follow-text="Follow" data-unfollow-text="Unfollow">
+					<span class="text">Follow</span>
+				</a>
+                    <a href="#" class="fn__closer fn__icon_button">
+					<img src="svg/close.svg" alt="" class="fn__svg">
+				</a>
+                </div>
+                <div class="item__details">
+                    <div class="fn__model">
+                        <div class="model_img">
+                            <img src="img/user/user.jpg" alt="">
+                        </div>
+                        <div class="model_info">
+                            <h4 class="model_subtitle">Model</h4>
+                            <h3 class="model_title">ArtShaper v3</h3>
+                        </div>
+                        <a href="image-generation.html" class="fn__icon_button">
+						<img src="svg/arrow.svg" alt="" class="fn__svg">
+					</a>
+                    </div>
+
+                    <div class="fn__prompt_details">
+                        <div class="prompt__header">
+                            <div class="prompt__text">Prompt Details</div>
+                            <div class="prompt__options">
+                                <a href="#" class="fn__icon_button">
+								<span class="dots"></span>
+							</a>
+                                <div class="prompt__popup">
+                                    <ul>
+                                        <li><a href="#">Remix</a></li>
+                                        <li><a href="#">Image to Image</a></li>
+                                        <li><a href="#" class="fn__copy" data-copied="Copied!" data-text="Realistic painting, photorealistic masterpiece detailing, professional photography, natural lighting, volumetric lighting maximalist photoillustration: 8k resolution concept art intricately detailed, complex, elegant, expansive">Copy Prompt</a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="prompt__content">
+                            <p>Realistic painting, photorealistic masterpiece detailing, professional photography, natural lighting, volumetric lighting maximalist photoillustration: 8k resolution concept art intricately detailed, complex, elegant, expansive</p>
+                        </div>
+                    </div>
+
+                    <div class="techwave_fn_accordion small" data-type="accordion">
+                        <!-- data-type values: accordion, toggle -->
+                        <div class="acc__item">
+                            <div class="acc__header">
+                                <h2 class="acc__title">Negative Prompt</h2>
+                                <div class="acc__icon"></div>
+                            </div>
+                            <div class="acc__content">
+                                <p>TECH-AI is an AI-powered content production suite that empowers creators with a powerful, customisable, and user-friendly platform for bringing their ideas to life.</p>
+                                <p>With a focus on granular control at every step of content creation, we put creators at the centre of the creative process by offering granular control at every stage of generation, ensuring that AI enhances, rather than
+                                    replaces, human creative potential.</p>
+                                <p>Our custom back-end delivers advancements in model fine tuning, prompt adherence, training and inference speed, and multi-image prompting functionality. We also address common issues around image degradation and have implemented
+                                    a custom upscaling, with much more on the way!</p>
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+
+                <div class="fn__details_list">
+                    <ul>
+                        <li>
+                            <div class="sub_title">Created</div>
+                            <div class="title">April 05, 2023</div>
+                        </li>
+                        <li>
+                            <div class="sub_title">Resolution</div>
+                            <div class="title">768 x 1024px</div>
+                        </li>
+                        <li>
+                            <div class="sub_title">Sampler</div>
+                            <div class="title">Tech-AI-SRBThemes</div>
+                        </li>
+                        <li>
+                            <div class="sub_title">Step Count</div>
+                            <div class="title">30</div>
+                        </li>
+                        <li>
+                            <div class="sub_title">Base Model</div>
+                            <div class="title">SRBThemes v2.0</div>
+                        </li>
+                        <li>
+                            <div class="sub_title">High Contrast</div>
+                            <div class="title">Off</div>
+                        </li>
+                        <li>
+                            <div class="sub_title">Magic Prompt</div>
+                            <div class="title">On</div>
+                        </li>
+                    </ul>
+                </div>
+
+            </div>
+        </div>
+        <!-- !top section (of the image lightbox) -->
+
+        <!-- related section (of the image lightbox) -->
+        <div class="lightbox__related">
+
+            <div class="fn__title_holder">
+                <h2 class="title">Related Images</h2>
+            </div>
+
+            <div class="fn__grid_items">
+                <ul>
+                    <li>
+                        <a href="#" data-id="1"><img src="img/related/1.jpg" alt=""></a>
+                    </li>
+                    <li>
+                        <a href="#" data-id="2"><img src="img/related/2.jpg" alt=""></a>
+                    </li>
+                    <li>
+                        <a href="#" data-id="3"><img src="img/related/3.jpg" alt=""></a>
+                    </li>
+                    <li>
+                        <a href="#" data-id="4"><img src="img/related/4.jpg" alt=""></a>
+                    </li>
+                    <li>
+                        <a href="#" data-id="5"><img src="img/related/5.jpg" alt=""></a>
+                    </li>
+                    <li>
+                        <a href="#" data-id="6"><img src="img/related/6.jpg" alt=""></a>
+                    </li>
+                    <li>
+                        <a href="#" data-id="7"><img src="img/related/7.jpg" alt=""></a>
+                    </li>
+                    <li>
+                        <a href="#" data-id="8"><img src="img/related/8.jpg" alt=""></a>
+                    </li>
+                    <li>
+                        <a href="#" data-id="9"><img src="img/related/9.jpg" alt=""></a>
+                    </li>
+                    <li>
+                        <a href="#" data-id="10"><img src="img/related/10.jpg" alt=""></a>
+                    </li>
+                    <li>
+                        <a href="#" data-id="11"><img src="img/related/11.jpg" alt=""></a>
+                    </li>
+                    <li>
+                        <a href="#" data-id="12"><img src="img/related/12.jpg" alt=""></a>
+                    </li>
+                </ul>
+            </div>
+
+        </div>
+        <!-- !related section (of the image lightbox) -->
+
+    </div>
+    <!-- !Image Lightbox -->
+
+
+    <!-- MAIN WRAPPER -->
+    <div class="techwave_fn_wrapper">
+        <div class="techwave_fn_wrap">
+
+
+            <!-- Searchbar -->
+            <div class="techwave_fn_searchbar">
+                <div class="search__bar">
+                    <input class="search__input" type="text" placeholder="Search here...">
+                    <img src="svg/search.svg" alt="" class="fn__svg search__icon">
+                    <a class="search__closer" href="#"><img src="svg/close.svg" alt="" class="fn__svg"></a>
+                </div>
+                <div class="search__results">
+                    <!-- Results will come here (via ajax after the integration you made after purchase as it doesn't work in HTML) -->
+                    <div class="results__title">Results</div>
+                    <div class="results__list">
+                        <ul>
+                            <li><a href="#">Artificial Intelligence</a></li>
+                            <li><a href="#">Learn about the impact of AI on the financial industry</a></li>
+                            <li><a href="#">Delve into the realm of AI-driven manufacturing</a></li>
+                            <li><a href="#">Understand the ethical implications surrounding AI</a></li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+            <!-- !Searchbar -->
+
+            <!-- HEADER -->
+            <header class="techwave_fn_header">
+
+                <!-- Header left: token information -->
+                <div class="header__left">
+                    <div class="fn__token_info">
+                        <span class="token_summary">
+						<span class="count">120</span>
+                        <span class="text">Tokens<br>Remain</span>
+                        </span>
+                        <a href="pricing.html" class="token_upgrade techwave_fn_button"><span>Upgrade</span></a>
+                        <div class="token__popup">
+                            Resets in <span>19 hours.</span><br> Daily limit is <span>200 tokens</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- /Header left: token information -->
+
+
+                <!-- Header right: navigation bar -->
+                <div class="header__right">
+                    <div class="fn__nav_bar">
+
+                        <!-- Search (bar item) -->
+                        <div class="bar__item bar__item_search">
+                            <a href="#" class="item_opener">
+							<img src="svg/search.svg" alt="" class="fn__svg">
+						</a>
+                            <div class="item_popup">
+                                <input type="text" placeholder="Search">
+                            </div>
+                        </div>
+                        <!-- !Search (bar item) -->
+
+                        <!-- Notification (bar item) -->
+                        <div class="bar__item bar__item_notification has_notification">
+                            <a href="#" class="item_opener">
+							<img src="svg/bell.svg" alt="" class="fn__svg">
+						</a>
+                            <div class="item_popup">
+                                <div class="ntfc_header">
+                                    <h2 class="ntfc_title">Notifications</h2>
+                                    <a href="notifications.html">View All</a>
+                                </div>
+                                <div class="ntfc_list">
+                                    <ul>
+                                        <li>
+                                            <p><a href="notification-single.html">Version 1.1.0 has been launched</a></p>
+                                            <span>34 Min Ago</span>
+                                        </li>
+                                        <li>
+                                            <p><a href="notification-single.html">Video Generation has been released</a></p>
+                                            <span>12 Apr</span>
+                                        </li>
+                                        <li>
+                                            <p><a href="notification-single.html">Terms has been updated</a></p>
+                                            <span>12 Apr</span>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- !Notification (bar item) -->
+
+                        <!-- Full Screen (bar item) -->
+                        <div class="bar__item bar__item_fullscreen">
+                            <a href="#" class="item_opener">
+							<img src="svg/fullscreen.svg" alt="" class="fn__svg f_screen">
+							<img src="svg/smallscreen.svg" alt="" class="fn__svg s_screen">
+						</a>
+                        </div>
+                        <!-- !Full Screen (bar item) -->
+
+                        <!-- Language (bar item) -->
+                        <div class="bar__item bar__item_language">
+                            <a href="#" class="item_opener">
+							<img src="svg/language.svg" alt="" class="fn__svg">
+						</a>
+                            <div class="item_popup">
+                                <ul>
+                                    <li>
+                                        <span class="active">English</span>
+                                    </li>
+                                    <li>
+                                        <a href="#">Spanish</a>
+                                    </li>
+                                    <li>
+                                        <a href="#">French</a>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                        <!-- !Language (bar item) -->
+
+                        <!-- Site Skin (bar item) -->
+                        <div class="bar__item bar__item_skin">
+                            <a href="#" class="item_opener">
+							<img src="svg/sun.svg" alt="" class="fn__svg light_mode">
+							<img src="svg/moon.svg" alt="" class="fn__svg dark_mode">
+						</a>
+                        </div>
+                        <!-- !Site Skin (bar item) -->
+
+                        <!-- User (bar item) -->
+                        <div class="bar__item bar__item_user">
+                            <a href="#" class="user_opener">
+							<img src="img/user/user.jpg" alt="">
+						</a>
+                            <div class="item_popup">
+                                <div class="user_profile">
+                                    <div class="user_img">
+                                        <img src="img/user/user.jpg" alt="">
+                                    </div>
+                                    <div class="user_info">
+                                        <h2 class="user_name">Caden Smith<span>Free</span></h2>
+                                        <p><a href="mailto:[email protected]" class="user_email">[email protected]</a></p>
+                                    </div>
+                                </div>
+                                <div class="user_nav">
+                                    <ul>
+                                        <li>
+                                            <a href="user-profile.html">
+											<span class="icon"><img src="svg/person.svg" alt="" class="fn__svg"></span>
+											<span class="text">Profile</span>
+										</a>
+                                        </li>
+                                        <li>
+                                            <a href="user-settings.html">
+											<span class="icon"><img src="svg/setting.svg" alt="" class="fn__svg"></span>
+											<span class="text">Settings</span>
+										</a>
+                                        </li>
+                                        <li>
+                                            <a href="user-billing.html">
+											<span class="icon"><img src="svg/billing.svg" alt="" class="fn__svg"></span>
+											<span class="text">Billing</span>
+										</a>
+                                        </li>
+                                        <li>
+                                            <a href="sign-in.html">
+											<span class="icon"><img src="svg/logout.svg" alt="" class="fn__svg"></span>
+											<span class="text">Log Out</span>
+										</a>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- !User (bar item) -->
+
+
+                    </div>
+                </div>
+                <!-- !Header right: navigation bar -->
+
+            </header>
+            <!-- !HEADER -->
+
+
+            <!-- LEFT PANEL -->
+            <div class="techwave_fn_leftpanel">
+
+                <div class="mobile_extra_closer"></div>
+
+                <!-- logo (left panel) -->
+                <div class="leftpanel_logo">
+                    <a href="index.html" class="fn_logo">
+					<span class="full_logo">
+						<img src="img/logo-desktop-full.png" alt="" class="desktop_logo">
+						<img src="img/logo-retina-full.png" alt="" class="retina_logo">
+					</span>
+					<span class="short_logo">
+						<img src="img/logo-desktop-mini.png" alt="" class="desktop_logo">
+						<img src="img/logo-retina-mini.png" alt="" class="retina_logo">
+					</span>
+				</a>
+                    <a href="#" class="fn__closer fn__icon_button desktop_closer">
+					<img src="svg/arrow.svg" alt="" class="fn__svg">
+				</a>
+                    <a href="#" class="fn__closer fn__icon_button mobile_closer">
+					<img src="svg/arrow.svg" alt="" class="fn__svg">
+				</a>
+                </div>
+                <!-- !logo (left panel) -->
+
+                <!-- content (left panel) -->
+                <div class="leftpanel_content">
+
+                    <!-- #1 navigation group -->
+                    <div class="nav_group">
+                        <h2 class="group__title">Start Here</h2>
+                        <ul class="group__list">
+                            <li>
+                                <a href="index.html" class="fn__tooltip menu__item" data-position="right" title="Home">
+								<span class="icon"><img src="svg/home.svg" alt="" class="fn__svg"></span>
+								<span class="text">Home</span>
+							</a>
+                            </li>
+                            <li>
+                                <a href="community-feed.html" class="fn__tooltip menu__item" data-position="right" title="Community Feed">
+								<span class="icon"><img src="svg/community.svg" alt="" class="fn__svg"></span>
+								<span class="text">Community Feed</span>
+							</a>
+                            </li>
+                            <li>
+                                <a href="personal-feed.html" class="fn__tooltip menu__item" data-position="right" title="Personal Feed">
+								<span class="icon"><img src="svg/person.svg" alt="" class="fn__svg"></span>
+								<span class="text">Personal Feed<span class="count">48</span></span>
+							</a>
+                            </li>
+                            <li>
+                                <a href="models.html" class="fn__tooltip active menu__item" data-position="right" title="Finetuned Models">
+								<span class="icon"><img src="svg/cube.svg" alt="" class="fn__svg"></span>
+								<span class="text">Finetuned Models</span>
+							</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <!-- !#1 navigation group -->
+
+                    <!-- #2 navigation group -->
+                    <div class="nav_group">
+                        <h2 class="group__title">User Tools</h2>
+                        <ul class="group__list">
+                            <li>
+                                <a href="image-generation.html" class="fn__tooltip menu__item" data-position="right" title="Image Generation">
+								<span class="icon"><img src="svg/image.svg" alt="" class="fn__svg"></span>
+								<span class="text">Image Generation</span>
+							</a>
+                            </li>
+                            <li>
+                                <a href="ai-chat-bot.html" class="fn__tooltip menu__item" data-position="right" title="AI Chat Bot">
+								<span class="icon"><img src="svg/chat.svg" alt="" class="fn__svg"></span>
+								<span class="text">AI Chat Bot</span>
+							</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <!-- !#2 navigation group -->
+
+                    <!-- #3 navigation group -->
+                    <div class="nav_group">
+                        <h2 class="group__title">Support</h2>
+                        <ul class="group__list">
+                            <li>
+                                <a href="pricing.html" class="fn__tooltip menu__item" data-position="right" title="Pricing">
+								<span class="icon"><img src="svg/dollar.svg" alt="" class="fn__svg"></span>
+								<span class="text">Pricing</span>
+							</a>
+                            </li>
+                            <li class="menu-item-has-children">
+                                <a href="video-generation.html" class="fn__tooltip menu__item" title="FAQ &amp; Help" data-position="right">
+								<span class="icon"><img src="svg/question.svg" alt="" class="fn__svg"></span>
+								<span class="text">FAQ &amp; Help</span>
+								<span class="trigger"><img src="svg/arrow.svg" alt="" class="fn__svg"></span>
+							</a>
+                                <ul class="sub-menu">
+                                    <li>
+                                        <a href="documentation.html"><span class="text">Documentation</span></a>
+                                    </li>
+                                    <li>
+                                        <a href="faq.html"><span class="text">FAQ</span></a>
+                                    </li>
+                                    <li>
+                                        <a href="changelog.html"><span class="text">Changelog<span class="fn__sup">(1.3.0)</span></span></a>
+                                    </li>
+                                    <li>
+                                        <a href="contact.html"><span class="text">Contact Us</span></a>
+                                    </li>
+                                    <li>
+                                        <a href="index-2.html"><span class="text">Home #2</span></a>
+                                    </li>
+                                </ul>
+                            </li>
+                            <li>
+                                <a href="sign-in.html" class="fn__tooltip menu__item" data-position="right" title="Log Out">
+								<span class="icon"><img src="svg/logout.svg" alt="" class="fn__svg"></span>
+								<span class="text">Log Out</span>
+							</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <!-- !#3 navigation group -->
+
+
+                </div>
+                <!-- !content (left panel) -->
+
+            </div>
+            <!-- !LEFT PANEL -->
+
+
+            <!-- CONTENT -->
+            <div class="techwave_fn_content">
+
+                <!-- PAGE (all pages go inside this div) -->
+                <div class="techwave_fn_page">
+
+                    <!-- Models Page -->
+                    <div class="techwave_fn_models_page">
+
+                        <div class="fn__title_holder">
+                            <div class="container">
+                                <h1 class="title">Finetuned Models</h1>
+                            </div>
+                        </div>
+
+                        <!-- Models -->
+                        <div class="techwave_fn_models">
+
+                            <div class="fn__tabs">
+                                <div class="container">
+                                    <div class="tab_in">
+                                        <a class="active" href="#tab1">Main Models</a>
+                                        <a href="#tab2">Community’s</a>
+                                        <a href="#tab3">Bookmarks</a>
+                                        <a href="#tab4">My Own</a>
+                                    </div>
+                                </div>
+                            </div>
+
+
+                            <!-- models filter -->
+                            <div class="container">
+                                <div class="models__filter">
+                                    <div class="filter__left">
+                                        <div class="filter__search">
+                                            <input type="text" placeholder="Search gallery">
+                                            <a href="#" class="techwave_fn_button"><span>Search</span></a>
+                                        </div>
+                                    </div>
+                                    <div class="filter__right">
+                                        <div class="filter__category">
+                                            <select>
+											<option value="all" selected>All Categories</option>
+											<option value="Buildings">Buildings</option>
+											<option value="Characters">Characters</option>
+											<option value="Environments">Environments</option>
+											<option value="Fashion">Fashion</option>
+											<option value="Illustration">Illustration</option>
+											<option value="Graphical">Graphical</option>
+											<option value="Photography">Photography</option>
+											<option value="Textures">Textures</option>
+										</select>
+                                        </div>
+                                        <div class="filter__order">
+                                            <div class="fn__icon_options medium_size align_right">
+                                                <span class="fn__icon_button">
+												<img src="svg/filter.svg" alt="" class="fn__svg">
+											</span>
+                                                <div class="fn__icon_popup">
+                                                    <ul>
+                                                        <li>
+                                                            <a href="#">Newest</a>
+                                                        </li>
+                                                        <li>
+                                                            <a href="#">Oldest</a>
+                                                        </li>
+                                                        <li>
+                                                            <a href="#">A-Z</a>
+                                                        </li>
+                                                    </ul>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <!-- !models filter -->
+
+
+
+                            <div class="container">
+                                <!-- models content -->
+                                <div class="models__content">
+                                    <div class="models__results">
+                                        <div class="fn__preloader">
+                                            <div class="icon"></div>
+                                            <div class="text">Loading</div>
+                                        </div>
+                                        <div class="fn__tabs_content">
+                                            <div id="tab1" class="tab__item active">
+                                                <ul class="fn__model_items">
+
+                                                    <!-- #1 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark has__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="https://masterthecrypto.com/wp-content/uploads/2019/11/BITCOIN-PRICE.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#1 model item -->
+
+                                                    <!-- #2 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ7Yb_OpS2KtTbaJ7RdHJaqkU6dZNJXqSuUUQ&s" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#2 model item -->
+
+                                                    <!-- #3 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSTHBefo9mLoY7MAEdqECfjuvW8KAZZ4qZKIA&s" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#3 model item -->
+
+                                                    <!-- #4 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="img/models/4.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#4 model item -->
+
+                                                    <!-- #5 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="img/models/5.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#5 model item -->
+
+                                                    <!-- #6 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="img/models/6.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#6 model item -->
+
+                                                    <!-- #7 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark has__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="img/models/7.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#7 model item -->
+
+                                                    <!-- #8 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="img/models/8.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#8 model item -->
+
+                                                    <!-- #9 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="img/models/9.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#9 model item -->
+
+                                                    <!-- #10 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="img/models/10.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#10 model item -->
+
+                                                </ul>
+                                            </div>
+                                            <div id="tab2" class="tab__item">
+                                                <ul class="fn__model_items">
+
+                                                    <!-- #1 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark has__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="img/models/1.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#1 model item -->
+
+                                                    <!-- #2 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="img/models/2.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#2 model item -->
+
+                                                    <!-- #3 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="img/models/3.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#3 model item -->
+
+                                                    <!-- #4 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="img/models/4.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#4 model item -->
+
+                                                    <!-- #5 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="img/models/5.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#5 model item -->
+
+                                                    <!-- #6 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="img/models/6.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#6 model item -->
+
+                                                    <!-- #7 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark has__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="img/models/7.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#7 model item -->
+
+                                                    <!-- #8 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="img/models/8.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#8 model item -->
+
+                                                    <!-- #9 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="img/models/9.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#9 model item -->
+
+                                                    <!-- #10 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="img/models/10.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#10 model item -->
+
+                                                </ul>
+                                            </div>
+                                            <div id="tab3" class="tab__item">
+                                                <ul class="fn__model_items">
+
+                                                    <!-- #1 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark has__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="img/models/1.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#1 model item -->
+
+                                                    <!-- #2 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="img/models/2.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#2 model item -->
+
+                                                    <!-- #3 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="img/models/3.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#3 model item -->
+
+                                                    <!-- #4 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="img/models/4.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#4 model item -->
+
+                                                    <!-- #5 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="img/models/5.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#5 model item -->
+
+                                                    <!-- #6 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="img/models/6.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#6 model item -->
+
+                                                    <!-- #7 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark has__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="img/models/7.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#7 model item -->
+
+                                                    <!-- #8 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="img/models/8.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#8 model item -->
+
+                                                    <!-- #9 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="img/models/9.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#9 model item -->
+
+                                                    <!-- #10 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="img/models/10.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#10 model item -->
+
+                                                </ul>
+                                            </div>
+                                            <div id="tab4" class="tab__item">
+                                                <ul class="fn__model_items">
+
+                                                    <!-- #1 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark has__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="img/models/1.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#1 model item -->
+
+                                                    <!-- #2 model item -->
+                                                    <li class="fn__model_item">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__bookmark">
+															<img src="svg/bookmark.svg" alt="" class="fn__svg hasntbook">
+															<img src="svg/bookmarked.svg" alt="" class="fn__svg hasbook">
+														</a>
+                                                            <div class="img">
+                                                                <img src="img/models/2.jpg" alt="">
+                                                            </div>
+                                                            <div class="item__info">
+                                                                <h3 class="title">GameVisuals</h3>
+                                                                <p class="desc">A versatile model great at both photorealism and anime, includes noise offset training... by Lykon.</p>
+                                                            </div>
+                                                            <div class="item__author">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">Caden</h3>
+                                                            </div>
+                                                        </div>
+                                                    </li>
+                                                    <!-- !#2 model item -->
+
+                                                    <li class="fn__model_item new">
+                                                        <div class="item">
+                                                            <a href="#" class="fn__full_link"></a>
+                                                            <span class="add"></span>
+                                                            <span class="text">Add new</span>
+                                                        </div>
+                                                    </li>
+
+                                                </ul>
+                                            </div>
+                                        </div>
+
+                                    </div>
+                                    <div class="models__more">
+                                        <a href="#" class="medium techwave_fn_button"><span>Load More</span></a>
+                                    </div>
+                                </div>
+                                <!-- !models content -->
+                            </div>
+
+
+
+                        </div>
+                        <!-- !Models -->
+
+                    </div>
+                    <!-- !Models Page -->
+
+                </div>
+                <!-- !PAGE (all pages go inside this div) -->
+
+
+                <!-- FOOTER (inside the content) -->
+                <footer class="techwave_fn_footer">
+                    <div class="techwave_fn_footer_content">
+                        <div class="copyright">
+                            <p>
+                                <script>
+                                    document.write(new Date().getFullYear())
+                                </script>© SRBThemes</p>
+                        </div>
+                        <div class="menu_items">
+                            <ul>
+                                <li><a href="terms.html">Terms of Service</a></li>
+                                <li><a href="privacy.html">Privacy Policy</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                </footer>
+                <!-- !FOOTER (inside the content) -->
+
+            </div>
+            <!-- !CONTENT -->
+
+
+        </div>
+    </div>
+    <!-- !MAIN WRAPPER -->
+
+
+
+    <!-- Scripts -->
+    <script type="text/javascript" src="js/jquery.js?ver=1.0.0"></script>
+    <script type="text/javascript" src="js/plugins.js?ver=1.0.0"></script>
+    <!--[if lt IE 10]> <script type="text/javascript" src="js/ie8.js"></script> <![endif]-->
+    <script type="text/javascript" src="js/init.js?ver=1.0.0"></script>
+    <!-- !Scripts -->
+
+</body>
+
+</html>

news.html

@@ -0,0 +1,553 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en">
+<!--<![endif]-->
+
+<head>
+
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+    <meta name="description" content="TechWave">
+    <meta name="author" content="SRBThemes">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
+    <title>Home - TechWave</title>
+
+
+    <script>
+        if (!localStorage.frenify_skin) {
+            localStorage.frenify_skin = 'dark';
+        }
+        if (!localStorage.frenify_panel) {
+            localStorage.frenify_panel = '';
+        }
+        document.documentElement.setAttribute("data-techwave-skin", localStorage.frenify_skin);
+        if (localStorage.frenify_panel !== '') {
+            document.documentElement.classList.add(localStorage.frenify_panel);
+        }
+    </script>
+
+    <!-- Google Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
+    <!-- !Google Fonts -->
+
+    <!-- Styles -->
+    <link type="text/css" rel="stylesheet" href="css/plugins.css?ver=1.0.0" />
+    <link type="text/css" rel="stylesheet" href="css/style.css?ver=1.0.0" />
+    <!--[if lt IE 9]> <script type="text/javascript" src="js/modernizr.custom.js"></script> <![endif]-->
+    <!-- !Styles -->
+
+</head>
+
+<body>
+
+
+    <!-- Moving Submenu -->
+    <div class="techwave_fn_fixedsub">
+        <ul></ul>
+    </div>
+    <!-- !Moving Submenu -->
+
+    <!-- Preloader -->
+    <div class="techwave_fn_preloader enabled">
+        <svg>
+		<circle class="first_circle" cx="50%" cy="50%" r="110"></circle>
+		<circle class="second_circle" cx="50%" cy="50%" r="110"></circle>
+	</svg>
+    </div>
+    <!-- !Preloader -->
+
+
+    <!-- MAIN WRAPPER -->
+    <div class="techwave_fn_wrapper">
+        <div class="techwave_fn_wrap">
+
+
+            <!-- Searchbar -->
+            <div class="techwave_fn_searchbar">
+                <div class="search__bar">
+                    <input class="search__input" type="text" placeholder="Search here...">
+                    <img src="svg/search.svg" alt="" class="fn__svg search__icon">
+                    <a class="search__closer" href="#"><img src="svg/close.svg" alt="" class="fn__svg"></a>
+                </div>
+                <div class="search__results">
+                    <!-- Results will come here (via ajax after the integration you made after purchase as it doesn't work in HTML) -->
+                    <div class="results__title">Results</div>
+                    <div class="results__list">
+                        <ul>
+                            <li><a href="#">Artificial Intelligence</a></li>
+                            <li><a href="#">Learn about the impact of AI on the financial industry</a></li>
+                            <li><a href="#">Delve into the realm of AI-driven manufacturing</a></li>
+                            <li><a href="#">Understand the ethical implications surrounding AI</a></li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+            <!-- !Searchbar -->
+
+            <!-- HEADER -->
+            <header class="techwave_fn_header">
+
+                <!-- Header left: token information -->
+                <div class="header__left">
+                    <div class="fn__token_info">
+                        <span class="token_summary">
+                            <script>
+                                async function fetchBTCPrice() {
+                                    try {
+                                        const response = await fetch('https://api.coindesk.com/v1/bpi/currentprice/BTC.json');
+                                        if (!response.ok) {
+                                            throw new Error('Network response was not ok');
+                                        }
+                                        const data = await response.json();
+                                        const price = data.bpi.USD.rate_float.toFixed(2); // Get the price and format it to two decimal places
+                                        document.querySelector('.count').textContent = price;
+                                    } catch (error) {
+                                        console.error('Error fetching BTC price:', error);
+                                    }
+                                }
+                            
+                                // Fetch the BTC price every second
+                                setInterval(fetchBTCPrice, 1000);
+                            
+                                // Initial fetch
+                                fetchBTCPrice();
+                            </script>
+						<div class="btc-price">
+    Current BTC Price: $ <span class="count">120</span> <!-- "120" is just an initial placeholder -->
+</div>
+<style>
+    .btc-icon {
+  width: 23px; /* Adjust the size as needed */
+  height: auto; /* Maintain aspect ratio */
+  vertical-align: middle; /* Aligns the image vertically with text if needed */
+}
+</style>
+<span class="text">
+    <img src="img/btc.svg" alt="BTC Icon" class="btc-icon">
+  </span>
+                        </span>
+                        <a href="pricing.html" class="token_upgrade techwave_fn_button"><span>Upgrade</span></a>
+                      
+                    </div>
+                </div>
+                <!-- /Header left: token information -->
+
+
+                <!-- Header right: navigation bar -->
+                <div class="header__right">
+                    <div class="fn__nav_bar">
+
+                        <!-- Search (bar item) -->
+                        <div class="bar__item bar__item_search">
+                            <a href="#" class="item_opener fn__tooltip" title="Search">
+							<img src="svg/search.svg" alt="" class="fn__svg">
+						</a>
+                            <div class="item_popup" data-position="right">
+                                <input type="text" placeholder="Search">
+                            </div>
+                        </div>
+                        <!-- !Search (bar item) -->
+
+                        <!-- Notification (bar item) -->
+                        <div class="bar__item bar__item_notification has_notification">
+                            <a href="#" class="item_opener fn__tooltip" title="Notifications">
+							<img src="svg/bell.svg" alt="" class="fn__svg">
+						</a>
+                            <div class="item_popup" data-position="right">
+                                <div class="ntfc_header">
+                                    <h2 class="ntfc_title">Notifications</h2>
+                                    <a href="notifications.html">View All</a>
+                                </div>
+                                <div class="ntfc_list">
+                                    <ul>
+                                        <li>
+                                            <p><a href="notification-single.html">Version 1.1.0 has been launched</a></p>
+                                            <span>34 Min Ago</span>
+                                        </li>
+                                        <li>
+                                            <p><a href="notification-single.html">Video Generation has been released</a></p>
+                                            <span>12 Apr</span>
+                                        </li>
+                                        <li>
+                                            <p><a href="notification-single.html">Terms has been updated</a></p>
+                                            <span>12 Apr</span>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- !Notification (bar item) -->
+
+                        <!-- Full Screen (bar item) -->
+                        <div class="bar__item bar__item_fullscreen">
+                            <a href="#" class="item_opener fn__tooltip" title="Full Screen">
+							<img src="svg/fullscreen.svg" alt="" class="fn__svg f_screen">
+							<img src="svg/smallscreen.svg" alt="" class="fn__svg s_screen">
+						</a>
+                        </div>
+                        <!-- !Full Screen (bar item) -->
+
+                        <!-- Language (bar item) -->
+                        <div class="bar__item bar__item_language">
+                            <a href="#" class="item_opener fn__tooltip" title="Language">
+							<img src="svg/language.svg" alt="" class="fn__svg">
+						</a>
+                            <div class="item_popup" data-position="right">
+                                <ul>
+                                    <li>
+                                        <span class="active">English</span>
+                                    </li>
+                                    <li>
+                                        <a href="#">Spanish</a>
+                                    </li>
+                                    <li>
+                                        <a href="#">French</a>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                        <!-- !Language (bar item) -->
+
+                        <!-- Site Skin (bar item) -->
+                        <div class="bar__item bar__item_skin">
+                            <a href="#" class="item_opener fn__tooltip" title="Dark/Light">
+							<img src="svg/sun.svg" alt="" class="fn__svg light_mode">
+							<img src="svg/moon.svg" alt="" class="fn__svg dark_mode">
+						</a>
+                        </div>
+                        <!-- !Site Skin (bar item) -->
+
+                        <!-- User (bar item) -->
+                        <div class="bar__item bar__item_user">
+                            <a href="#" class="user_opener fn__tooltip" title="User Profile">
+							<img src="img/user/user.jpg" alt="">
+						</a>
+                            <div class="item_popup" data-position="right">
+                                <div class="user_profile">
+                                    <div class="user_img">
+                                        <img src="img/user/user.jpg" alt="">
+                                    </div>
+                                    <div class="user_info">
+                                        <h2 class="user_name">Caden Smith<span>Free</span></h2>
+                                        <p><a href="mailto:[email protected]" class="user_email">[email protected]</a></p>
+                                    </div>
+                                </div>
+                                <div class="user_nav">
+                                    <ul>
+                                        <li>
+                                            <a href="user-profile.html">
+											<span class="icon"><img src="svg/person.svg" alt="" class="fn__svg"></span>
+											<span class="text">Profile</span>
+										</a>
+                                        </li>
+                                        <li>
+                                            <a href="user-settings.html">
+											<span class="icon"><img src="svg/setting.svg" alt="" class="fn__svg"></span>
+											<span class="text">Settings</span>
+										</a>
+                                        </li>
+                                        <li>
+                                            <a href="user-billing.html">
+											<span class="icon"><img src="svg/billing.svg" alt="" class="fn__svg"></span>
+											<span class="text">Billing</span>
+										</a>
+                                        </li>
+                                        <li>
+                                            <a href="sign-in.html">
+											<span class="icon"><img src="svg/logout.svg" alt="" class="fn__svg"></span>
+											<span class="text">Log Out</span>
+										</a>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- !User (bar item) -->
+
+
+                    </div>
+                </div>
+                <!-- !Header right: navigation bar -->
+
+            </header>
+            <!-- !HEADER -->
+
+
+            <!-- LEFT PANEL -->
+            <div class="techwave_fn_leftpanel">
+
+                <div class="mobile_extra_closer"></div>
+
+                <!-- logo (left panel) -->
+                <div class="leftpanel_logo">
+                    <a href="index.html" class="fn_logo">
+					<span class="full_logo">
+						<img src="img/logo-desktop-full.png" alt="" class="desktop_logo">
+						<img src="img/logo-retina-full.png" alt="" class="retina_logo">
+					</span>
+					<span class="short_logo">
+						<img src="img/logo-desktop-mini.png" alt="" class="desktop_logo">
+						<img src="img/logo-retina-mini.png" alt="" class="retina_logo">
+					</span>
+				</a>
+                    <a href="#" class="fn__closer fn__icon_button desktop_closer">
+					<img src="svg/arrow.svg" alt="" class="fn__svg">
+				</a>
+                    <a href="#" class="fn__closer fn__icon_button mobile_closer">
+					<img src="svg/arrow.svg" alt="" class="fn__svg">
+				</a>
+                </div>
+                <!-- !logo (left panel) -->
+
+                <!-- content (left panel) -->
+                <div class="leftpanel_content">
+
+                    <!-- #1 navigation group -->
+                    <div class="nav_group">
+                        <h2 class="group__title">Start Here</h2>
+                        <ul class="group__list">
+                            <li>
+                                <a href="index.html" class="fn__tooltip  menu__item" data-position="right" title="Home">
+								<span class="icon"><img src="svg/home.svg" alt="" class="fn__svg"></span>
+								<span class="text">Home</span>
+							</a>
+                            </li>
+                            <li>
+                                <a href="news.html" class="fn__tooltip active menu__item" data-position="right" title="Community Feed">
+								<span class="icon"><img src="svg/news.png" alt="" class="fn__svg"></span>
+								<span class="text">News</span>
+							</a>
+                            </li>
+                            <li>
+                                <a href="personal-feed.html" class="fn__tooltip menu__item" data-position="right" title="Personal Feed">
+								<span class="icon"><img src="svg/person.svg" alt="" class="fn__svg"></span>
+								<span class="text">Personal Feed<span class="count">48</span></span>
+							</a>
+                            </li>
+                            <li>
+                                <a href="models.html" class="fn__tooltip menu__item" data-position="right" title="Finetuned Models">
+								<span class="icon"><img src="svg/cube.svg" alt="" class="fn__svg"></span>
+								<span class="text">Finetuned Models</span>
+							</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <!-- !#1 navigation group -->
+
+                    <!-- #2 navigation group -->
+                    <div class="nav_group">
+                        <h2 class="group__title">User Tools</h2>
+                        <ul class="group__list">
+                            <li>
+                                <a href="image-generation.html" class="fn__tooltip menu__item" data-position="right" title="Image Generation">
+								<span class="icon"><img src="svg/image.svg" alt="" class="fn__svg"></span>
+								<span class="text">Image Generation</span>
+							</a>
+                            </li>
+                            <li>
+                                <a href="ai-chat-bot.html" class="fn__tooltip menu__item" data-position="right" title="AI Chat Bot">
+								<span class="icon"><img src="svg/chat.svg" alt="" class="fn__svg"></span>
+								<span class="text">AI Chat Bot</span>
+							</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <!-- !#2 navigation group -->
+
+                    <!-- #3 navigation group -->
+                    <div class="nav_group">
+                        <h2 class="group__title">Support</h2>
+                        <ul class="group__list">
+                            <li>
+                                <a href="pricing.html" class="fn__tooltip menu__item" data-position="right" title="Pricing">
+								<span class="icon"><img src="svg/dollar.svg" alt="" class="fn__svg"></span>
+								<span class="text">Pricing</span>
+							</a>
+                            </li>
+                            <li class="menu-item-has-children">
+                                <a href="video-generation.html" class="fn__tooltip menu__item" title="FAQ &amp; Help" data-position="right">
+								<span class="icon"><img src="svg/question.svg" alt="" class="fn__svg"></span>
+								<span class="text">FAQ &amp; Help</span>
+								<span class="trigger"><img src="svg/arrow.svg" alt="" class="fn__svg"></span>
+							</a>
+                                <ul class="sub-menu">
+                                    <li>
+                                        <a href="documentation.html"><span class="text">Documentation</span></a>
+                                    </li>
+                                    <li>
+                                        <a href="faq.html"><span class="text">FAQ</span></a>
+                                    </li>
+                                    <li>
+                                        <a href="changelog.html"><span class="text">Changelog<span class="fn__sup">(1.3.0)</span></span></a>
+                                    </li>
+                                    <li>
+                                        <a href="contact.html"><span class="text">Contact Us</span></a>
+                                    </li>
+                                    <li>
+                                        <a href="index-2.html"><span class="text">Home #2</span></a>
+                                    </li>
+                                </ul>
+                            </li>
+                            <li>
+                                <a href="sign-in.html" class="fn__tooltip menu__item" data-position="right" title="Log Out">
+								<span class="icon"><img src="svg/logout.svg" alt="" class="fn__svg"></span>
+								<span class="text">Log Out</span>
+							</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <!-- !#3 navigation group -->
+
+
+                </div>
+                <!-- !content (left panel) -->
+
+            </div>
+            <!-- !LEFT PANEL -->
+
+
+            <!-- CONTENT -->
+            <div class="techwave_fn_content">
+
+                <!-- PAGE (all pages go inside this div) -->
+                <div class="techwave_fn_page">
+
+                    <!-- Home Page -->
+                    <div class="techwave_fn_home">
+                        <div class="section_home">
+                          
+                        <style>
+                            .company_info {
+    text-align: center; /* Center content */
+    padding: 20px;
+    background-color: none; /* Light background color */
+    border-radius: 10px; /* Rounded corners */
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
+}
+
+.logo {
+    max-width: 100%; /* Responsive logo */
+    height: auto;
+    margin-bottom: 20px; /* Space between logo and next image */
+}
+
+.featured-image {
+    max-width: 100%; /* Responsive image */
+    height: auto;
+    margin-bottom: 20px; /* Space between image and text */
+    border-radius: 10px; /* Rounded corners for the image */
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for the image */
+}
+
+                        </style>
+                        <style>
+                            .section_home .company_inf {
+    margin: 0 auto;
+    max-width: 700px;
+}
+                        </style>
+                        <script>
+                              async function fetchNews() {
+            try {
+                let response = await fetch('https://dooratre-test-flask-space.hf.space/news');
+                let news = await response.json();
+                let newsContainer = document.getElementById('news-container');
+
+                news.forEach(item => {
+                    let newsSection = `
+                    
+                            <h2>${item.title}</h2>
+                            <img src="${item.image_src}" alt="Bitcoin News" class="featured-image">
+                            <p>${item.content}</p>
+                            <p>${item.time_published}</p>
+                            <hr>`;
+                    newsContainer.innerHTML += newsSection;
+                });
+            } catch (error) {
+                console.error('Error fetching news:', error);
+            }
+        }
+
+        // Fetch news on page load
+        window.onload = fetchNews;
+                        </script>
+                            <div class="section_left">
+                                <div class="company_inf">
+                                    <img src="img/logo-desktop-full.png" alt="Company Logo" class="logo">
+                                    <div id="news-container"></div>
+                                </div>
+                            </div>
+                            <div class="section_right">
+                                <div class="company_info">
+                                    <img src="img/logo-desktop-full.png" alt="Company Logo" class="logo">
+                                    <img src="https://en.cryptonomist.ch/wp-content/uploads/2024/09/bitcoin-news-blackrock.jpg" alt="Bitcoin News" class="featured-image">
+                                    <p class="fn__animated_text">The official server of TECH-AI, a text-to-image AI where your imagination is the only limit. We’re building market-leading features that will give you greater control over your generations.</p>
+                                    <hr>
+                                    
+                                
+                                    <div class="fn__members">
+                                        <div class="active item">
+                                            <span class="circle"></span>
+                                            <span class="text">1,154,694 Online</span>
+                                        </div>
+                                        <div class="item">
+                                            <span class="circle"></span>
+                                            <span class="text">77,345,912 Members</span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- !Home Page -->
+
+                </div>
+                <!-- !PAGE (all pages go inside this div) -->
+
+
+                <!-- FOOTER (inside the content) -->
+                <footer class="techwave_fn_footer">
+                    <div class="techwave_fn_footer_content">
+                        <div class="copyright">
+                            <p>
+                                <script>
+                                    document.write(new Date().getFullYear())
+                                </script>© SRBThemes</p>
+                        </div>
+                        <div class="menu_items">
+                            <ul>
+                                <li><a href="terms.html">Terms of Service</a></li>
+                                <li><a href="privacy.html">Privacy Policy</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                </footer>
+                <!-- !FOOTER (inside the content) -->
+
+            </div>
+            <!-- !CONTENT -->
+
+
+        </div>
+    </div>
+    <!-- !MAIN WRAPPER -->
+
+
+
+    <!-- Scripts -->
+    <script type="text/javascript" src="js/jquery.js?ver=1.0.0"></script>
+    <script type="text/javascript" src="js/plugins.js?ver=1.0.0"></script>
+    <!--[if lt IE 10]> <script type="text/javascript" src="js/ie8.js"></script> <![endif]-->
+    <script type="text/javascript" src="js/init.js?ver=1.0.0"></script>
+    <!-- !Scripts -->
+
+</body>
+
+</html>

personal-feed.html

@@ -0,0 +1,1013 @@
+<!DOCTYPE html>
+<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!-->
+<html lang="en">
+<!--<![endif]-->
+
+<head>
+
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
+    <meta name="description" content="TechWave">
+    <meta name="author" content="SRBThemes">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
+    <title>Personal Feed - TechWave</title>
+
+
+    <script>
+        if (!localStorage.frenify_skin) {
+            localStorage.frenify_skin = 'dark';
+        }
+        if (!localStorage.frenify_panel) {
+            localStorage.frenify_panel = '';
+        }
+        document.documentElement.setAttribute("data-techwave-skin", localStorage.frenify_skin);
+        if (localStorage.frenify_panel !== '') {
+            document.documentElement.classList.add(localStorage.frenify_panel);
+        }
+    </script>
+
+    <!-- Google Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
+    <!-- !Google Fonts -->
+
+    <!-- Styles -->
+    <link type="text/css" rel="stylesheet" href="css/plugins.css?ver=1.0.0" />
+    <link type="text/css" rel="stylesheet" href="css/style.css?ver=1.0.0" />
+    <!--[if lt IE 9]> <script type="text/javascript" src="js/modernizr.custom.js"></script> <![endif]-->
+    <!-- !Styles -->
+
+</head>
+
+<body>
+
+
+    <!-- Moving Submenu -->
+    <div class="techwave_fn_fixedsub">
+        <ul></ul>
+    </div>
+    <!-- !Moving Submenu -->
+
+    <!-- Preloader -->
+    <div class="techwave_fn_preloader">
+        <svg>
+		<circle class="first_circle" cx="50%" cy="50%" r="110"></circle>
+		<circle class="second_circle" cx="50%" cy="50%" r="110"></circle>
+	</svg>
+    </div>
+    <!-- !Preloader -->
+
+    <!-- Report -->
+    <div class="techwave_fn_report">
+        <a href="#" class="fn__closer fn__icon_button">
+		<img src="svg/close.svg" alt="" class="fn__svg">
+	</a>
+        <div class="report__closer"></div>
+        <div class="report__content">
+            <h3 class="title">Report Item</h3>
+            <h3 class="subtitle">What is the main reason for your report?</h3>
+            <input class="reason_field" type="text" placeholder="Type here...">
+            <div class="btns">
+                <a href="#" class="report techwave_fn_button">
+				<span>Report</span>
+			</a>
+                <a href="#" class="cancel techwave_fn_button">
+				<span>Cancel</span>
+			</a>
+            </div>
+        </div>
+    </div>
+    <!-- !Report -->
+
+    <!-- Image Lightbox -->
+    <div class="techwave_fn_img_lightbox">
+
+        <!-- top section (of the image lightbox) -->
+        <div class="lightbox__top">
+            <div class="lightbox__tl">
+                <div class="lightbox__tlbar">
+                    <div class="lightbox__tlbar_left">
+                        <div class="item item__share fn__icon_options medium_size">
+                            <a href="#" class="item__btn fn__icon_button">
+							<img src="svg/share.svg" alt="" class="fn__svg">
+						</a>
+                            <div class="fn__icon_popup">
+                                <ul>
+                                    <li><a href="#">Facebook</a></li>
+                                    <li><a href="#">Twitter</a></li>
+                                    <li><a href="#">Instagram</a></li>
+                                    <li><a href="#">Linkedin</a></li>
+                                    <li><a href="#">Pinterest</a></li>
+                                    <li><a href="#" class="fn__copy" data-copied="Copied!">Copy Link</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="item item__download fn__icon_options medium_size">
+                            <a href="#" class="item__btn fn__icon_button">
+							<img src="svg/download.svg" alt="" class="fn__svg">
+						</a>
+                            <div class="fn__icon_popup">
+                                <ul>
+                                    <li><a href="#">Original Image</a></li>
+                                    <li><a href="#">Creative Upscaled Image</a></li>
+                                    <li><a href="#">HD Upscaled Image</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="item item__more fn__icon_options medium_size">
+                            <a href="#" class="item__btn fn__icon_button">
+							<span class="dots"></span>
+						</a>
+                            <div class="fn__icon_popup">
+                                <ul>
+                                    <li><a href="#">Remove Background</a></li>
+                                    <li><a href="#">Creative Upscale</a></li>
+                                    <li><a href="#">Alternative Upscale</a></li>
+                                    <li class="high_priorety"><a href="#" class="fn__report">Report Image</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="lightbox__tlbar_center">
+                        <a href="#" class="img_nav nav_prev">
+						<img src="svg/arrow.svg" alt="" class="fn__svg">
+					</a>
+                        <a href="#" class="img_nav nav_next">
+						<img src="svg/arrow.svg" alt="" class="fn__svg">
+					</a>
+                    </div>
+                    <div class="lightbox__tlbar_right">
+                        <a href="#" class="fn__like" data-id="2">
+						<span class="count">343</span>
+						<img src="svg/like.svg" alt="" class="fn__svg empty__like">
+						<img src="svg/like-full.svg" alt="" class="fn__svg full__like">
+					</a>
+                    </div>
+                </div>
+                <div class="lightbox__tlimg">
+                    <img src="img/gallery/main.jpg" alt="">
+                </div>
+            </div>
+            <div class="lightbox__tr">
+                <div class="user__profile">
+                    <a class="profile_link" href="user-profile.html">
+					<img src="img/user/user.jpg" alt="">
+					<h2 class="user_name">LuckyLee</h2>
+				</a>
+                    <a class="fn__follow" href="#" data-follow-text="Follow" data-unfollow-text="Unfollow">
+					<span class="text">Follow</span>
+				</a>
+                    <a href="#" class="fn__closer fn__icon_button">
+					<img src="svg/close.svg" alt="" class="fn__svg">
+				</a>
+                </div>
+                <div class="item__details">
+                    <div class="fn__model">
+                        <div class="model_img">
+                            <img src="img/user/user.jpg" alt="">
+                        </div>
+                        <div class="model_info">
+                            <h4 class="model_subtitle">Model</h4>
+                            <h3 class="model_title">ArtShaper v3</h3>
+                        </div>
+                        <a href="image-generation.html" class="fn__icon_button">
+						<img src="svg/arrow.svg" alt="" class="fn__svg">
+					</a>
+                    </div>
+
+                    <div class="fn__prompt_details">
+                        <div class="prompt__header">
+                            <div class="prompt__text">Prompt Details</div>
+                            <div class="prompt__options">
+                                <a href="#" class="fn__icon_button">
+								<span class="dots"></span>
+							</a>
+                                <div class="prompt__popup">
+                                    <ul>
+                                        <li><a href="#">Remix</a></li>
+                                        <li><a href="#">Image to Image</a></li>
+                                        <li><a href="#" class="fn__copy" data-copied="Copied!" data-text="Realistic painting, photorealistic masterpiece detailing, professional photography, natural lighting, volumetric lighting maximalist photoillustration: 8k resolution concept art intricately detailed, complex, elegant, expansive">Copy Prompt</a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="prompt__content">
+                            <p>Realistic painting, photorealistic masterpiece detailing, professional photography, natural lighting, volumetric lighting maximalist photoillustration: 8k resolution concept art intricately detailed, complex, elegant, expansive</p>
+                        </div>
+                    </div>
+
+                    <div class="techwave_fn_accordion small" data-type="accordion">
+                        <!-- data-type values: accordion, toggle -->
+                        <div class="acc__item">
+                            <div class="acc__header">
+                                <h2 class="acc__title">Negative Prompt</h2>
+                                <div class="acc__icon"></div>
+                            </div>
+                            <div class="acc__content">
+                                <p>TECH-AI is an AI-powered content production suite that empowers creators with a powerful, customisable, and user-friendly platform for bringing their ideas to life.</p>
+                                <p>With a focus on granular control at every step of content creation, we put creators at the centre of the creative process by offering granular control at every stage of generation, ensuring that AI enhances, rather than
+                                    replaces, human creative potential.</p>
+                                <p>Our custom back-end delivers advancements in model fine tuning, prompt adherence, training and inference speed, and multi-image prompting functionality. We also address common issues around image degradation and have implemented
+                                    a custom upscaling, with much more on the way!</p>
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+
+                <div class="fn__details_list">
+                    <ul>
+                        <li>
+                            <div class="sub_title">Created</div>
+                            <div class="title">April 05, 2023</div>
+                        </li>
+                        <li>
+                            <div class="sub_title">Resolution</div>
+                            <div class="title">768 x 1024px</div>
+                        </li>
+                        <li>
+                            <div class="sub_title">Sampler</div>
+                            <div class="title">Tech-AI-SRBThemes</div>
+                        </li>
+                        <li>
+                            <div class="sub_title">Step Count</div>
+                            <div class="title">30</div>
+                        </li>
+                        <li>
+                            <div class="sub_title">Base Model</div>
+                            <div class="title">SRBThemes v2.0</div>
+                        </li>
+                        <li>
+                            <div class="sub_title">High Contrast</div>
+                            <div class="title">Off</div>
+                        </li>
+                        <li>
+                            <div class="sub_title">Magic Prompt</div>
+                            <div class="title">On</div>
+                        </li>
+                    </ul>
+                </div>
+
+            </div>
+        </div>
+        <!-- !top section (of the image lightbox) -->
+
+        <!-- related section (of the image lightbox) -->
+        <div class="lightbox__related">
+
+            <div class="fn__title_holder">
+                <h2 class="title">Related Images</h2>
+            </div>
+
+            <div class="fn__grid_items">
+                <ul>
+                    <li>
+                        <a href="#" data-id="1"><img src="img/related/1.jpg" alt=""></a>
+                    </li>
+                    <li>
+                        <a href="#" data-id="2"><img src="img/related/2.jpg" alt=""></a>
+                    </li>
+                    <li>
+                        <a href="#" data-id="3"><img src="img/related/3.jpg" alt=""></a>
+                    </li>
+                    <li>
+                        <a href="#" data-id="4"><img src="img/related/4.jpg" alt=""></a>
+                    </li>
+                    <li>
+                        <a href="#" data-id="5"><img src="img/related/5.jpg" alt=""></a>
+                    </li>
+                    <li>
+                        <a href="#" data-id="6"><img src="img/related/6.jpg" alt=""></a>
+                    </li>
+                    <li>
+                        <a href="#" data-id="7"><img src="img/related/7.jpg" alt=""></a>
+                    </li>
+                    <li>
+                        <a href="#" data-id="8"><img src="img/related/8.jpg" alt=""></a>
+                    </li>
+                    <li>
+                        <a href="#" data-id="9"><img src="img/related/9.jpg" alt=""></a>
+                    </li>
+                    <li>
+                        <a href="#" data-id="10"><img src="img/related/10.jpg" alt=""></a>
+                    </li>
+                    <li>
+                        <a href="#" data-id="11"><img src="img/related/11.jpg" alt=""></a>
+                    </li>
+                    <li>
+                        <a href="#" data-id="12"><img src="img/related/12.jpg" alt=""></a>
+                    </li>
+                </ul>
+            </div>
+
+        </div>
+        <!-- !related section (of the image lightbox) -->
+
+    </div>
+    <!-- !Image Lightbox -->
+
+
+    <!-- MAIN WRAPPER -->
+    <div class="techwave_fn_wrapper">
+        <div class="techwave_fn_wrap">
+
+
+            <!-- Searchbar -->
+            <div class="techwave_fn_searchbar">
+                <div class="search__bar">
+                    <input class="search__input" type="text" placeholder="Search here...">
+                    <img src="svg/search.svg" alt="" class="fn__svg search__icon">
+                    <a class="search__closer" href="#"><img src="svg/close.svg" alt="" class="fn__svg"></a>
+                </div>
+                <div class="search__results">
+                    <!-- Results will come here (via ajax after the integration you made after purchase as it doesn't work in HTML) -->
+                    <div class="results__title">Results</div>
+                    <div class="results__list">
+                        <ul>
+                            <li><a href="#">Artificial Intelligence</a></li>
+                            <li><a href="#">Learn about the impact of AI on the financial industry</a></li>
+                            <li><a href="#">Delve into the realm of AI-driven manufacturing</a></li>
+                            <li><a href="#">Understand the ethical implications surrounding AI</a></li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+            <!-- !Searchbar -->
+
+            <!-- HEADER -->
+            <header class="techwave_fn_header">
+
+                <!-- Header left: token information -->
+                <div class="header__left">
+                    <div class="fn__token_info">
+                        <span class="token_summary">
+						<span class="count">120</span>
+                        <span class="text">Tokens<br>Remain</span>
+                        </span>
+                        <a href="pricing.html" class="token_upgrade techwave_fn_button"><span>Upgrade</span></a>
+                        <div class="token__popup">
+                            Resets in <span>19 hours.</span><br> Daily limit is <span>200 tokens</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- /Header left: token information -->
+
+
+                <!-- Header right: navigation bar -->
+                <div class="header__right">
+                    <div class="fn__nav_bar">
+
+                        <!-- Search (bar item) -->
+                        <div class="bar__item bar__item_search">
+                            <a href="#" class="item_opener">
+							<img src="svg/search.svg" alt="" class="fn__svg">
+						</a>
+                            <div class="item_popup">
+                                <input type="text" placeholder="Search">
+                            </div>
+                        </div>
+                        <!-- !Search (bar item) -->
+
+                        <!-- Notification (bar item) -->
+                        <div class="bar__item bar__item_notification has_notification">
+                            <a href="#" class="item_opener">
+							<img src="svg/bell.svg" alt="" class="fn__svg">
+						</a>
+                            <div class="item_popup">
+                                <div class="ntfc_header">
+                                    <h2 class="ntfc_title">Notifications</h2>
+                                    <a href="notifications.html">View All</a>
+                                </div>
+                                <div class="ntfc_list">
+                                    <ul>
+                                        <li>
+                                            <p><a href="notification-single.html">Version 1.1.0 has been launched</a></p>
+                                            <span>34 Min Ago</span>
+                                        </li>
+                                        <li>
+                                            <p><a href="notification-single.html">Video Generation has been released</a></p>
+                                            <span>12 Apr</span>
+                                        </li>
+                                        <li>
+                                            <p><a href="notification-single.html">Terms has been updated</a></p>
+                                            <span>12 Apr</span>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- !Notification (bar item) -->
+
+                        <!-- Full Screen (bar item) -->
+                        <div class="bar__item bar__item_fullscreen">
+                            <a href="#" class="item_opener">
+							<img src="svg/fullscreen.svg" alt="" class="fn__svg f_screen">
+							<img src="svg/smallscreen.svg" alt="" class="fn__svg s_screen">
+						</a>
+                        </div>
+                        <!-- !Full Screen (bar item) -->
+
+                        <!-- Language (bar item) -->
+                        <div class="bar__item bar__item_language">
+                            <a href="#" class="item_opener">
+							<img src="svg/language.svg" alt="" class="fn__svg">
+						</a>
+                            <div class="item_popup">
+                                <ul>
+                                    <li>
+                                        <span class="active">English</span>
+                                    </li>
+                                    <li>
+                                        <a href="#">Spanish</a>
+                                    </li>
+                                    <li>
+                                        <a href="#">French</a>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                        <!-- !Language (bar item) -->
+
+                        <!-- Site Skin (bar item) -->
+                        <div class="bar__item bar__item_skin">
+                            <a href="#" class="item_opener">
+							<img src="svg/sun.svg" alt="" class="fn__svg light_mode">
+							<img src="svg/moon.svg" alt="" class="fn__svg dark_mode">
+						</a>
+                        </div>
+                        <!-- !Site Skin (bar item) -->
+
+                        <!-- User (bar item) -->
+                        <div class="bar__item bar__item_user">
+                            <a href="#" class="user_opener">
+							<img src="img/user/user.jpg" alt="">
+						</a>
+                            <div class="item_popup">
+                                <div class="user_profile">
+                                    <div class="user_img">
+                                        <img src="img/user/user.jpg" alt="">
+                                    </div>
+                                    <div class="user_info">
+                                        <h2 class="user_name">Caden Smith<span>Free</span></h2>
+                                        <p><a href="mailto:[email protected]" class="user_email">[email protected]</a></p>
+                                    </div>
+                                </div>
+                                <div class="user_nav">
+                                    <ul>
+                                        <li>
+                                            <a href="user-profile.html">
+											<span class="icon"><img src="svg/person.svg" alt="" class="fn__svg"></span>
+											<span class="text">Profile</span>
+										</a>
+                                        </li>
+                                        <li>
+                                            <a href="user-settings.html">
+											<span class="icon"><img src="svg/setting.svg" alt="" class="fn__svg"></span>
+											<span class="text">Settings</span>
+										</a>
+                                        </li>
+                                        <li>
+                                            <a href="user-billing.html">
+											<span class="icon"><img src="svg/billing.svg" alt="" class="fn__svg"></span>
+											<span class="text">Billing</span>
+										</a>
+                                        </li>
+                                        <li>
+                                            <a href="sign-in.html">
+											<span class="icon"><img src="svg/logout.svg" alt="" class="fn__svg"></span>
+											<span class="text">Log Out</span>
+										</a>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- !User (bar item) -->
+
+
+                    </div>
+                </div>
+                <!-- !Header right: navigation bar -->
+
+            </header>
+            <!-- !HEADER -->
+
+
+            <!-- LEFT PANEL -->
+            <div class="techwave_fn_leftpanel">
+
+                <div class="mobile_extra_closer"></div>
+
+                <!-- logo (left panel) -->
+                <div class="leftpanel_logo">
+                    <a href="index.html" class="fn_logo">
+					<span class="full_logo">
+						<img src="img/logo-desktop-full.png" alt="" class="desktop_logo">
+						<img src="img/logo-retina-full.png" alt="" class="retina_logo">
+					</span>
+					<span class="short_logo">
+						<img src="img/logo-desktop-mini.png" alt="" class="desktop_logo">
+						<img src="img/logo-retina-mini.png" alt="" class="retina_logo">
+					</span>
+				</a>
+                    <a href="#" class="fn__closer fn__icon_button desktop_closer">
+					<img src="svg/arrow.svg" alt="" class="fn__svg">
+				</a>
+                    <a href="#" class="fn__closer fn__icon_button mobile_closer">
+					<img src="svg/arrow.svg" alt="" class="fn__svg">
+				</a>
+                </div>
+                <!-- !logo (left panel) -->
+
+                <!-- content (left panel) -->
+                <div class="leftpanel_content">
+
+                    <!-- #1 navigation group -->
+                    <div class="nav_group">
+                        <h2 class="group__title">Start Here</h2>
+                        <ul class="group__list">
+                            <li>
+                                <a href="index.html" class="fn__tooltip menu__item" data-position="right" title="Home">
+								<span class="icon"><img src="svg/home.svg" alt="" class="fn__svg"></span>
+								<span class="text">Home</span>
+							</a>
+                            </li>
+                            <li>
+                                <a href="community-feed.html" class="fn__tooltip menu__item" data-position="right" title="Community Feed">
+								<span class="icon"><img src="svg/community.svg" alt="" class="fn__svg"></span>
+								<span class="text">Community Feed</span>
+							</a>
+                            </li>
+                            <li>
+                                <a href="personal-feed.html" class="fn__tooltip active menu__item" data-position="right" title="Personal Feed">
+								<span class="icon"><img src="svg/person.svg" alt="" class="fn__svg"></span>
+								<span class="text">Personal Feed<span class="count">48</span></span>
+							</a>
+                            </li>
+                            <li>
+                                <a href="models.html" class="fn__tooltip menu__item" data-position="right" title="Finetuned Models">
+								<span class="icon"><img src="svg/cube.svg" alt="" class="fn__svg"></span>
+								<span class="text">Finetuned Models</span>
+							</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <!-- !#1 navigation group -->
+
+                    <!-- #2 navigation group -->
+                    <div class="nav_group">
+                        <h2 class="group__title">User Tools</h2>
+                        <ul class="group__list">
+                            <li>
+                                <a href="image-generation.html" class="fn__tooltip menu__item" data-position="right" title="Image Generation">
+								<span class="icon"><img src="svg/image.svg" alt="" class="fn__svg"></span>
+								<span class="text">Image Generation</span>
+							</a>
+                            </li>
+                            <li>
+                                <a href="ai-chat-bot.html" class="fn__tooltip menu__item" data-position="right" title="AI Chat Bot">
+								<span class="icon"><img src="svg/chat.svg" alt="" class="fn__svg"></span>
+								<span class="text">AI Chat Bot</span>
+							</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <!-- !#2 navigation group -->
+
+                    <!-- #3 navigation group -->
+                    <div class="nav_group">
+                        <h2 class="group__title">Support</h2>
+                        <ul class="group__list">
+                            <li>
+                                <a href="pricing.html" class="fn__tooltip menu__item" data-position="right" title="Pricing">
+								<span class="icon"><img src="svg/dollar.svg" alt="" class="fn__svg"></span>
+								<span class="text">Pricing</span>
+							</a>
+                            </li>
+                            <li class="menu-item-has-children">
+                                <a href="video-generation.html" class="fn__tooltip menu__item" title="FAQ &amp; Help" data-position="right">
+								<span class="icon"><img src="svg/question.svg" alt="" class="fn__svg"></span>
+								<span class="text">FAQ &amp; Help</span>
+								<span class="trigger"><img src="svg/arrow.svg" alt="" class="fn__svg"></span>
+							</a>
+                                <ul class="sub-menu">
+                                    <li>
+                                        <a href="documentation.html"><span class="text">Documentation</span></a>
+                                    </li>
+                                    <li>
+                                        <a href="faq.html"><span class="text">FAQ</span></a>
+                                    </li>
+                                    <li>
+                                        <a href="changelog.html"><span class="text">Changelog<span class="fn__sup">(1.3.0)</span></span></a>
+                                    </li>
+                                    <li>
+                                        <a href="contact.html"><span class="text">Contact Us</span></a>
+                                    </li>
+                                    <li>
+                                        <a href="index-2.html"><span class="text">Home #2</span></a>
+                                    </li>
+                                </ul>
+                            </li>
+                            <li>
+                                <a href="sign-in.html" class="fn__tooltip menu__item" data-position="right" title="Log Out">
+								<span class="icon"><img src="svg/logout.svg" alt="" class="fn__svg"></span>
+								<span class="text">Log Out</span>
+							</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <!-- !#3 navigation group -->
+
+
+                </div>
+                <!-- !content (left panel) -->
+
+            </div>
+            <!-- !LEFT PANEL -->
+
+
+            <!-- CONTENT -->
+            <div class="techwave_fn_content">
+
+                <!-- PAGE (all pages go inside this div) -->
+                <div class="techwave_fn_page">
+
+                    <!-- Community Feed Page -->
+                    <div class="techwave_fn_community_page">
+
+                        <div class="fn__title_holder">
+                            <div class="container">
+                                <h1 class="title">Personal Feed</h1>
+                            </div>
+                        </div>
+
+                        <!-- Feed -->
+                        <div class="techwave_fn_feed">
+
+                            <div class="fn__tabs">
+                                <div class="container">
+                                    <div class="tab_in">
+                                        <a class="active" href="#">Your Generations</a>
+                                        <a href="#">Follower's</a>
+                                        <a href="#">Liked</a>
+                                    </div>
+                                </div>
+                            </div>
+
+
+                            <!-- feed filter -->
+                            <div class="container">
+                                <div class="feed__filter">
+                                    <div class="filter__left">
+                                        <div class="filter__search">
+                                            <input type="text" placeholder="Search gallery">
+                                            <a href="#" class="techwave_fn_button"><span>Search</span></a>
+                                        </div>
+                                        <div class="filter__upscaled">
+                                            <label class="fn__checkbox">
+											<input type="checkbox">Upscaled
+											<span class="checkmark"></span>
+											<img src="svg/check.svg" alt="" class="fn__svg">
+										</label>
+                                        </div>
+                                    </div>
+                                    <div class="filter__right">
+                                        <div class="filter__select">
+                                            <label class="fn__checkbox">
+											<input type="checkbox">Select Items
+											<span class="checkmark"></span>
+											<img src="svg/check.svg" alt="" class="fn__svg">
+										</label>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <!-- !feed filter -->
+
+
+                            <!-- feed selection -->
+                            <div class="fn__selection_box">
+                                <div class="container">
+                                    <div class="selection_in">
+                                        <p class="desc"><span class="count">0</span> item(s) selected</p>
+                                        <div class="actions">
+                                            <a href="#" class="filter__delete techwave_fn_button has__icon small__border">
+											<img src="svg/trash.svg" alt="" class="fn__svg">
+											<span>Delete</span>
+										</a>
+                                            <a href="#" class="filter__download techwave_fn_button has__icon small__border">
+											<img src="svg/download.svg" alt="" class="fn__svg">
+											<span>Download</span>
+										</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <!-- !feed selection -->
+
+                            <div class="container">
+                                <!-- feed content -->
+                                <div class="feed__content">
+                                    <div class="feed__results">
+                                        <div class="fn__preloader">
+                                            <div class="icon"></div>
+                                            <div class="text">Loading</div>
+                                        </div>
+                                        <ul class="fn__gallery_items">
+
+                                            <!-- #1 gallery item -->
+                                            <li class="fn__gallery_item">
+                                                <div class="item" data-id="345">
+                                                    <div class="img">
+                                                        <img src="img/gallery/1.jpg" alt="">
+                                                    </div>
+                                                    <div class="fn__selectable_item">
+                                                        <span class="icon">
+														<img src="svg/check.svg" alt="" class="fn__svg">
+													</span>
+                                                    </div>
+                                                    <div class="item__info">
+                                                        <div class="info__header">
+                                                            <div class="user__info">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">LuckyLee</h3>
+                                                            </div>
+                                                            <a href="#" class="fn__like no_border" data-id="3">
+															<span class="count">343</span>
+															<img src="svg/like.svg" alt="" class="fn__svg empty__like">
+															<img src="svg/like-full.svg" alt="" class="fn__svg full__like">
+														</a>
+                                                        </div>
+                                                        <p class="desc">Terra Fusion: A daring fusion of tectonic forms with neo-abstract swirls, reflecting the chaos and </p>
+                                                    </div>
+                                                </div>
+                                            </li>
+                                            <!-- !#1 gallery item -->
+
+                                            <!-- #2 gallery item -->
+                                            <li class="fn__gallery_item">
+                                                <div class="item" data-id="265">
+                                                    <div class="img">
+                                                        <img src="img/gallery/2.jpg" alt="">
+                                                    </div>
+                                                    <div class="fn__selectable_item">
+                                                        <span class="icon">
+														<img src="svg/check.svg" alt="" class="fn__svg">
+													</span>
+                                                    </div>
+                                                    <div class="item__info">
+                                                        <div class="info__header">
+                                                            <div class="user__info">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">LuckyLee</h3>
+                                                            </div>
+                                                            <a href="#" class="fn__like no_border" data-id="265">
+															<span class="count">65</span>
+															<img src="svg/like.svg" alt="" class="fn__svg empty__like">
+															<img src="svg/like-full.svg" alt="" class="fn__svg full__like">
+														</a>
+                                                        </div>
+                                                        <p class="desc">Terra Fusion: A daring fusion of tectonic forms with neo-abstract swirls, reflecting the chaos and </p>
+                                                    </div>
+                                                </div>
+                                            </li>
+                                            <!-- !#2 gallery item -->
+
+                                            <!-- #3 gallery item -->
+                                            <li class="fn__gallery_item">
+                                                <div class="item" data-id="456">
+                                                    <div class="img">
+                                                        <img src="img/gallery/3.jpg" alt="">
+                                                    </div>
+                                                    <div class="fn__selectable_item">
+                                                        <span class="icon">
+														<img src="svg/check.svg" alt="" class="fn__svg">
+													</span>
+                                                    </div>
+                                                    <div class="item__info">
+                                                        <div class="info__header">
+                                                            <div class="user__info">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">LuckyLee</h3>
+                                                            </div>
+                                                            <a href="#" class="fn__like no_border" data-id="456">
+															<span class="count">95</span>
+															<img src="svg/like.svg" alt="" class="fn__svg empty__like">
+															<img src="svg/like-full.svg" alt="" class="fn__svg full__like">
+														</a>
+                                                        </div>
+                                                        <p class="desc">Terra Fusion: A daring fusion of tectonic forms with neo-abstract swirls, reflecting the chaos and </p>
+                                                    </div>
+                                                </div>
+                                            </li>
+                                            <!-- !#3 gallery item -->
+
+                                            <!-- #4 gallery item -->
+                                            <li class="fn__gallery_item">
+                                                <div class="item" data-id="4311">
+                                                    <div class="img">
+                                                        <img src="img/gallery/4.jpg" alt="">
+                                                    </div>
+                                                    <div class="fn__selectable_item">
+                                                        <span class="icon">
+														<img src="svg/check.svg" alt="" class="fn__svg">
+													</span>
+                                                    </div>
+                                                    <div class="item__info">
+                                                        <div class="info__header">
+                                                            <div class="user__info">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">LuckyLee</h3>
+                                                            </div>
+                                                            <a href="#" class="fn__like no_border" data-id="4311">
+															<span class="count">120</span>
+															<img src="svg/like.svg" alt="" class="fn__svg empty__like">
+															<img src="svg/like-full.svg" alt="" class="fn__svg full__like">
+														</a>
+                                                        </div>
+                                                        <p class="desc">Terra Fusion: A daring fusion of tectonic forms with neo-abstract swirls, reflecting the chaos and </p>
+                                                    </div>
+                                                </div>
+                                            </li>
+                                            <!-- !#4 gallery item -->
+
+                                            <!-- #5 gallery item -->
+                                            <li class="fn__gallery_item">
+                                                <div class="item" data-id="33">
+                                                    <div class="img">
+                                                        <img src="img/gallery/5.jpg" alt="">
+                                                    </div>
+                                                    <div class="fn__selectable_item">
+                                                        <span class="icon">
+														<img src="svg/check.svg" alt="" class="fn__svg">
+													</span>
+                                                    </div>
+                                                    <div class="item__info">
+                                                        <div class="info__header">
+                                                            <div class="user__info">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">LuckyLee</h3>
+                                                            </div>
+                                                            <a href="#" class="fn__like no_border" data-id="33">
+															<span class="count">322</span>
+															<img src="svg/like.svg" alt="" class="fn__svg empty__like">
+															<img src="svg/like-full.svg" alt="" class="fn__svg full__like">
+														</a>
+                                                        </div>
+                                                        <p class="desc">Terra Fusion: A daring fusion of tectonic forms with neo-abstract swirls, reflecting the chaos and </p>
+                                                    </div>
+                                                </div>
+                                            </li>
+                                            <!-- !#5 gallery item -->
+
+                                            <!-- #6 gallery item -->
+                                            <li class="fn__gallery_item">
+                                                <div class="item" data-id="709">
+                                                    <div class="img">
+                                                        <img src="img/gallery/6.jpg" alt="">
+                                                    </div>
+                                                    <div class="fn__selectable_item">
+                                                        <span class="icon">
+														<img src="svg/check.svg" alt="" class="fn__svg">
+													</span>
+                                                    </div>
+                                                    <div class="item__info">
+                                                        <div class="info__header">
+                                                            <div class="user__info">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">LuckyLee</h3>
+                                                            </div>
+                                                            <a href="#" class="fn__like no_border" data-id="709">
+															<span class="count">234</span>
+															<img src="svg/like.svg" alt="" class="fn__svg empty__like">
+															<img src="svg/like-full.svg" alt="" class="fn__svg full__like">
+														</a>
+                                                        </div>
+                                                        <p class="desc">Terra Fusion: A daring fusion of tectonic forms with neo-abstract swirls, reflecting the chaos and </p>
+                                                    </div>
+                                                </div>
+                                            </li>
+                                            <!-- !#6 gallery item -->
+
+                                            <!-- #7 gallery item -->
+                                            <li class="fn__gallery_item">
+                                                <div class="item" data-id="20">
+                                                    <div class="img">
+                                                        <img src="img/gallery/7.jpg" alt="">
+                                                    </div>
+                                                    <div class="fn__selectable_item">
+                                                        <span class="icon">
+														<img src="svg/check.svg" alt="" class="fn__svg">
+													</span>
+                                                    </div>
+                                                    <div class="item__info">
+                                                        <div class="info__header">
+                                                            <div class="user__info">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">LuckyLee</h3>
+                                                            </div>
+                                                            <a href="#" class="fn__like no_border" data-id="20">
+															<span class="count">700</span>
+															<img src="svg/like.svg" alt="" class="fn__svg empty__like">
+															<img src="svg/like-full.svg" alt="" class="fn__svg full__like">
+														</a>
+                                                        </div>
+                                                        <p class="desc">Terra Fusion: A daring fusion of tectonic forms with neo-abstract swirls, reflecting the chaos and </p>
+                                                    </div>
+                                                </div>
+                                            </li>
+                                            <!-- !#7 gallery item -->
+
+                                            <!-- #8 gallery item -->
+                                            <li class="fn__gallery_item">
+                                                <div class="item" data-id="45">
+                                                    <div class="img">
+                                                        <img src="img/gallery/8.jpg" alt="">
+                                                    </div>
+                                                    <div class="fn__selectable_item">
+                                                        <span class="icon">
+														<img src="svg/check.svg" alt="" class="fn__svg">
+													</span>
+                                                    </div>
+                                                    <div class="item__info">
+                                                        <div class="info__header">
+                                                            <div class="user__info">
+                                                                <img src="img/user/user.jpg" alt="">
+                                                                <h3 class="author_name">LuckyLee</h3>
+                                                            </div>
+                                                            <a href="#" class="fn__like no_border" data-id="45">
+															<span class="count">90</span>
+															<img src="svg/like.svg" alt="" class="fn__svg empty__like">
+															<img src="svg/like-full.svg" alt="" class="fn__svg full__like">
+														</a>
+                                                        </div>
+                                                        <p class="desc">Terra Fusion: A daring fusion of tectonic forms with neo-abstract swirls, reflecting the chaos and </p>
+                                                    </div>
+                                                </div>
+                                            </li>
+                                            <!-- !#8 gallery item -->
+
+                                        </ul>
+                                    </div>
+                                    <div class="feed__more">
+                                        <a href="#" class="medium techwave_fn_button"><span>Load More</span></a>
+                                    </div>
+                                </div>
+                                <!-- !feed content -->
+                            </div>
+
+                        </div>
+                        <!-- !Feed -->
+
+                    </div>
+                    <!-- !Community Feed Page -->
+
+                </div>
+                <!-- !PAGE (all pages go inside this div) -->
+
+
+                <!-- FOOTER (inside the content) -->
+                <footer class="techwave_fn_footer">
+                    <div class="techwave_fn_footer_content">
+                        <div class="copyright">
+                            <p>
+                                <script>
+                                    document.write(new Date().getFullYear())
+                                </script>© SRBThemes</p>
+                        </div>
+                        <div class="menu_items">
+                            <ul>
+                                <li><a href="terms.html">Terms of Service</a></li>
+                                <li><a href="privacy.html">Privacy Policy</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                </footer>
+                <!-- !FOOTER (inside the content) -->
+
+            </div>
+            <!-- !CONTENT -->
+
+
+        </div>
+    </div>
+    <!-- !MAIN WRAPPER -->
+
+
+
+    <!-- Scripts -->
+    <script type="text/javascript" src="js/jquery.js?ver=1.0.0"></script>
+    <script type="text/javascript" src="js/plugins.js?ver=1.0.0"></script>
+    <!--[if lt IE 10]> <script type="text/javascript" src="js/ie8.js"></script> <![endif]-->
+    <script type="text/javascript" src="js/init.js?ver=1.0.0"></script>
+    <!-- !Scripts -->
+
+</body>
+
+</html>