48c839d927
This is the snapshot the production landing site (nibiru-framework.com) is deployed from. Brings together the recent splash + docs migration to the v4 "Cosmos" design system, the new in-framework AI module, and the framework groundwork that backs the framework-reference extraction. What lands: - docs/: Astro + Starlight site with the v4 dark cosmic palette, GalaxyHero canvas constellation, Mission Control chat (wired to /api/oracle → api.neuronetz.ai via providers.mjs Ollama), 5-panel MMVC stage (Model · AI · Module · Controller · View), translated EN/DE/JA/ES/FR content, PWA + sitemap + llms.txt + Umami analytics. - docs/design-system/: canonical mockup bundle (source/index-v2.html for splash, source/docs-system.html + preview/ for docs, SPEC.md, tokens). - docs/scripts/extraction/framework-reference-v2.md: deep framework reference (~1.6k lines, file:line citations, every public factory and idiom — basis for the LoRA training corpus. - application/module/ai/: AI module with chat / embed / RAG / agent plugins, plus pdoQuery / httpGet / fileRead tools and Modelfile + smoke-test in training/. - application/module/users/: user / ACL / form-factory traits used as the reference plugin pattern for the framework docs. - application/settings/config/database/: schema + seed migrations including the AI module tables (200–203). - Form factory + autogenerator changes the framework-reference-v2 covers. Production secrets stay out: docs/.env, settings.production.ini and ai.production.ini are all gitignored (.example files are in tree). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
1084 lines
42 KiB
HTML
1084 lines
42 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<!-- Page title -->
|
|
<title>VSDocs - most advanced documentation template on ThemeForest</title>
|
|
<!-- Page description -->
|
|
<meta name="description" content="">
|
|
<!-- Meta -->
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<!-- Favicon -->
|
|
<link rel="icon" type="image/png" href="img/favicons/favicon-16x16.png" sizes="16x16">
|
|
<link rel="icon" type="image/png" href="img/favicons/favicon-32x32.png" sizes="32x32">
|
|
<link rel="icon" type="image/png" href="img/favicons/favicon-96x96.png" sizes="96x96">
|
|
<link rel="apple-touch-icon" sizes="57x57" href="img/favicons/apple-touch-icon-57x57.png">
|
|
<link rel="apple-touch-icon" sizes="60x60" href="img/favicons/apple-touch-icon-60x60.png">
|
|
<link rel="apple-touch-icon" sizes="72x72" href="img/favicons/apple-touch-icon-72x72.png">
|
|
<link rel="apple-touch-icon" sizes="76x76" href="img/favicons/apple-touch-icon-76x76.png">
|
|
<link rel="apple-touch-icon" sizes="114x114" href="img/favicons/apple-touch-icon-114x114.png">
|
|
<link rel="apple-touch-icon" sizes="120x120" href="img/favicons/apple-touch-icon-120x120.png">
|
|
<link rel="apple-touch-icon" sizes="144x144" href="img/favicons/apple-touch-icon-144x144.png">
|
|
<link rel="apple-touch-icon" sizes="152x152" href="img/favicons/apple-touch-icon-152x152.png">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="img/favicons/apple-touch-icon-180x180.png">
|
|
<!-- Include StyleSheets -->
|
|
<link rel="stylesheet" href="css/style.min.css">
|
|
<!-- <link rel="stylesheet" href="css/custom.css"> -->
|
|
<script src="js/modernizr.js"></script>
|
|
</head>
|
|
|
|
<body class="">
|
|
<!--[if lt IE 8]>
|
|
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
|
|
<![endif]-->
|
|
<!-- Preloader: uncomment this if you want to show a smooth preloader while the page is loading. Don't forget to add the 'js-preload-me' class on the <body> tag. -->
|
|
<!-- <div class="preloader js-preloader"><div class="preloader-animation"></div></div>
|
|
-->
|
|
<!-- End of Preloader -->
|
|
<div class="page js-page ">
|
|
<!-- Header -->
|
|
<div class="header header-over large">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-3 col-sm-6 col-xs-6">
|
|
<!-- Logo Image -->
|
|
<a href="index.html" class="logo-image logo-animated">
|
|
<img src="img/logos/logo.png" alt="logo">
|
|
</a>
|
|
<!-- End of Logo Image -->
|
|
</div>
|
|
<div class="col-md-9 col-sm-6 col-xs-6">
|
|
<!-- Menu -->
|
|
<nav class="right helper">
|
|
<ul class="menu sf-menu js-menu">
|
|
<li>
|
|
<a href="index.html">Home
|
|
<span class="menu-label">NEW</span>
|
|
</a>
|
|
<ul>
|
|
<li>
|
|
<a href="#">One Page Docs</a>
|
|
<ul>
|
|
<li>
|
|
<a href="home-one-page.html">Static Header</a>
|
|
</li>
|
|
<li>
|
|
<a href="home-one-page-header-fixed.html">Sticky Header</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#">Menu</a>
|
|
<ul>
|
|
<li>
|
|
<a href="index-2.html">Left - Off Canvas</a>
|
|
</li>
|
|
<li>
|
|
<a href="index-3.html">Right - Off Canvas</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#">Static</a>
|
|
<ul>
|
|
<li>
|
|
<a href="home-subscribe.html">Subscribe</a>
|
|
</li>
|
|
<li>
|
|
<a href="home-web.html">Web App</a>
|
|
</li>
|
|
<li>
|
|
<a href="home-mobile-app.html">Mobile App</a>
|
|
</li>
|
|
<li>
|
|
<a href="home-soft.html">Software</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#">Video</a>
|
|
<ul>
|
|
<li>
|
|
<a href="index-5.html">Background</a>
|
|
</li>
|
|
<li>
|
|
<a href="home-video-trigger.html">Trigger Simple</a>
|
|
</li>
|
|
<li>
|
|
<a href="home-web-video-trigger.html">Trigger Web</a>
|
|
</li>
|
|
<li>
|
|
<a href="home-app-video-trigger.html">Trigger App</a>
|
|
</li>
|
|
<li>
|
|
<a href="home-soft-video-trigger.html">Trigger Soft</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="index-4.html">Text Rotator</a>
|
|
</li>
|
|
<li>
|
|
<a href="home-with-preloader.html">With Preloader</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#">Pages</a>
|
|
<ul>
|
|
<li>
|
|
<a href="panels.html">Panels</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Blog</a>
|
|
<ul>
|
|
<li>
|
|
<a href="blog-grid.html">Blog Grid</a>
|
|
</li>
|
|
<li>
|
|
<a href="blog-list.html">Blog List</a>
|
|
</li>
|
|
<li>
|
|
<a href="article.html">Article</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="faq.html">Faq</a>
|
|
</li>
|
|
<li>
|
|
<a href="notification.html">Notification</a>
|
|
</li>
|
|
<li>
|
|
<a href="tutorial.html">Tutorial</a>
|
|
</li>
|
|
<li>
|
|
<a href="login.html">Login</a>
|
|
</li>
|
|
<li>
|
|
<a href="register.html">Register</a>
|
|
</li>
|
|
<li>
|
|
<a href="404.html">404 Error</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#">Elements</a>
|
|
<ul>
|
|
<li>
|
|
<a href="buttons.html">Buttons</a>
|
|
</li>
|
|
<li>
|
|
<a href="boxes.html">Boxes</a>
|
|
</li>
|
|
<li>
|
|
<a href="code.html">Code</a>
|
|
</li>
|
|
<li>
|
|
<a href="visual-guide.html">Visual guide</a>
|
|
</li>
|
|
<li>
|
|
<a href="notes.html">Notes</a>
|
|
</li>
|
|
<li>
|
|
<a href="files.html">File tree</a>
|
|
</li>
|
|
<li>
|
|
<a href="media.html">Media</a>
|
|
</li>
|
|
<li>
|
|
<a href="book.html">Book</a>
|
|
</li>
|
|
<li>
|
|
<a href="steps.html">Steps & Tabs</a>
|
|
</li>
|
|
<li>
|
|
<a href="misc.html">Misc</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#">Layouts</a>
|
|
<ul>
|
|
<li>
|
|
<a href="views.html">Views without sidebar</a>
|
|
</li>
|
|
<li>
|
|
<a href="views-left.html">Views left sidebar</a>
|
|
</li>
|
|
<li>
|
|
<a href="views-right.html">Views right sidebar</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Full left sidebar</a>
|
|
<ul>
|
|
<li>
|
|
<a href="views-left-full.html">Regular</a>
|
|
</li>
|
|
<li>
|
|
<a href="views-left-full-compact.html">Compact</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#">Full right sidebar</a>
|
|
<ul>
|
|
<li>
|
|
<a href="views-right-full.html">Regular</a>
|
|
</li>
|
|
<li>
|
|
<a href="views-right-full-compact.html">Compact</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="changelog.html">Changelog</a>
|
|
</li>
|
|
<li>
|
|
<a href="contacts.html">Contacts</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<!-- End of Menu -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End of Header -->
|
|
<!-- Header Back -->
|
|
<div class="header-back header-back-simple header-back-small">
|
|
<div class="header-back-container">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<!-- Page Info -->
|
|
<div class="page-info page-info-simple">
|
|
<h1 class="page-title">Misc</h1>
|
|
<h2 class="page-description">Use some of the following components to make your documentation useful and look unique.</h2>
|
|
</div>
|
|
<!-- End Page Info -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End of Header Back -->
|
|
<div id="content">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<!-- Category Info -->
|
|
<div class="category-info helper pt0" id="skills-required">
|
|
<h3 class="category-title"> Skills required
|
|
<!-- Fragment Identifier -->
|
|
<a class="fragment-identifier js-fragment-identifier fragment-identifier-scroll" href="#skills-required">
|
|
<i class="fa fa-link"></i>
|
|
</a>
|
|
<!-- End of Fragment Identifier -->
|
|
</h3>
|
|
<h4 class="category-description">Handy component for scoping the users with the suitable skills.</h4>
|
|
</div>
|
|
<!-- End of Caregory Info -->
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<!-- Skill -->
|
|
<div class="skill small">
|
|
<h3 class="skill-title">Basic</h3>
|
|
<ul class="skill-level">
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- End of Skill -->
|
|
<!-- Skill -->
|
|
<div class="skill ">
|
|
<h3 class="skill-title">Basic</h3>
|
|
<ul class="skill-level">
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- End of Skill -->
|
|
<!-- Skill -->
|
|
<div class="skill large">
|
|
<h3 class="skill-title">Basic</h3>
|
|
<ul class="skill-level">
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- End of Skill -->
|
|
</div>
|
|
<div class="col-md-4">
|
|
<!-- Skill -->
|
|
<div class="skill small">
|
|
<h3 class="skill-title">Medium</h3>
|
|
<ul class="skill-level">
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- End of Skill -->
|
|
<!-- Skill -->
|
|
<div class="skill ">
|
|
<h3 class="skill-title">Medium</h3>
|
|
<ul class="skill-level">
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- End of Skill -->
|
|
<!-- Skill -->
|
|
<div class="skill large">
|
|
<h3 class="skill-title">Medium</h3>
|
|
<ul class="skill-level">
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- End of Skill -->
|
|
</div>
|
|
<div class="col-md-4">
|
|
<!-- Skill -->
|
|
<div class="skill small">
|
|
<h3 class="skill-title">Advanced</h3>
|
|
<ul class="skill-level">
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- End of Skill -->
|
|
<!-- Skill -->
|
|
<div class="skill ">
|
|
<h3 class="skill-title">Advanced</h3>
|
|
<ul class="skill-level">
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- End of Skill -->
|
|
<!-- Skill -->
|
|
<div class="skill large">
|
|
<h3 class="skill-title">Advanced</h3>
|
|
<ul class="skill-level">
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- End of Skill -->
|
|
</div>
|
|
</div>
|
|
<!-- Category Info -->
|
|
<div class="category-info " id="skills-required-inline">
|
|
<h3 class="category-title"> Skills required - inline
|
|
<!-- Fragment Identifier -->
|
|
<a class="fragment-identifier js-fragment-identifier fragment-identifier-scroll" href="#skills-required-inline">
|
|
<i class="fa fa-link"></i>
|
|
</a>
|
|
<!-- End of Fragment Identifier -->
|
|
</h3>
|
|
<h4 class="category-description">The same component as the previous one, just with the inline layout.</h4>
|
|
</div>
|
|
<!-- End of Caregory Info -->
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<!-- Skill -->
|
|
<div class="skill small inline">
|
|
<h3 class="skill-title">Basic</h3>
|
|
<ul class="skill-level">
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- End of Skill -->
|
|
<!-- Skill -->
|
|
<div class="skill inline">
|
|
<h3 class="skill-title">Basic</h3>
|
|
<ul class="skill-level">
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- End of Skill -->
|
|
<!-- Skill -->
|
|
<div class="skill large inline">
|
|
<h3 class="skill-title">Basic</h3>
|
|
<ul class="skill-level">
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- End of Skill -->
|
|
</div>
|
|
<div class="col-md-4">
|
|
<!-- Skill -->
|
|
<div class="skill small inline">
|
|
<h3 class="skill-title">Medium</h3>
|
|
<ul class="skill-level">
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- End of Skill -->
|
|
<!-- Skill -->
|
|
<div class="skill inline">
|
|
<h3 class="skill-title">Medium</h3>
|
|
<ul class="skill-level">
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- End of Skill -->
|
|
<!-- Skill -->
|
|
<div class="skill large inline">
|
|
<h3 class="skill-title">Medium</h3>
|
|
<ul class="skill-level">
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- End of Skill -->
|
|
</div>
|
|
<div class="col-md-4">
|
|
<!-- Skill -->
|
|
<div class="skill small inline">
|
|
<h3 class="skill-title">Advanced</h3>
|
|
<ul class="skill-level">
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- End of Skill -->
|
|
<!-- Skill -->
|
|
<div class="skill inline">
|
|
<h3 class="skill-title">Advanced</h3>
|
|
<ul class="skill-level">
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- End of Skill -->
|
|
<!-- Skill -->
|
|
<div class="skill large inline">
|
|
<h3 class="skill-title">Advanced</h3>
|
|
<ul class="skill-level">
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
<li>
|
|
<span class="fa fa-star"></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- End of Skill -->
|
|
</div>
|
|
</div>
|
|
<!-- Category Info -->
|
|
<div class="category-info " id="browser-support">
|
|
<h3 class="category-title"> Browser support
|
|
<!-- Fragment Identifier -->
|
|
<a class="fragment-identifier js-fragment-identifier fragment-identifier-scroll" href="#browser-support">
|
|
<i class="fa fa-link"></i>
|
|
</a>
|
|
<!-- End of Fragment Identifier -->
|
|
</h3>
|
|
<h4 class="category-description">You can specify which browser is recommended or partial supported.</h4>
|
|
</div>
|
|
<!-- End of Caregory Info -->
|
|
<!-- Browser Support -->
|
|
<ul class="browsers ">
|
|
<li class="browser-recommended">
|
|
<div class="browser-icon">
|
|
<svg enable-background="new 0 0 515.91 728.5" height="64" id="Layer_2" viewBox="0 0 512.00003 512" width="64" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
|
|
<defs id="defs7" />
|
|
<g id="g6625" transform="translate(-141.91412,-143.63566)">
|
|
<path d="m 397.91414,530.64366 c -26.00001,0 -49.66401,-7.008 -71.00801,-20.992 -21.344,-14 -37.344,-32 -48,-54 L 173.91412,271.63565 c -22,39.344 -32,83.344 -32,128.00001 0,64 20.832,119.84 62.496,167.50401 41.66401,47.664 93.50401,76.16 155.50401,85.504 l 74.25601,-128.49601 c -7.472,2.192 -19.936,6.496 -36.256,6.496 z"
|
|
id="path5-5" style="fill:#4aae48" />
|
|
<path d="m 317.41813,296.13165 c 23.648,-18.32 50.496,-24.496 80.49601,-24.496 4,0 220.00001,0 220.00001,0 -22.672,-38.656 -53.504,-71.32801 -92.49601,-94.00001 -39.008,-22.656 -81.504,-34 -127.504,-34 -40.00001,0 -77.34401,8.496 -112.00001,25.504 -34.672,16.992 -66.75201,41.744 -90.25601,73.50401 l 74.25601,124.992 c 7.328,-28.656 23.824,-53.152 47.504,-71.504 z"
|
|
id="path7-1" style="fill:#ea3939" />
|
|
<path d="M 634.66615,303.63565 H 485.91414 c 26,26 43.008,59.344 43.008,96.00001 0,27.344 -7.664,52.336 -23.008,75.008 l -104.992,180.99201 c 70,-0.672 129.664,-26 179.00801,-76 49.312,-50.00001 73.984,-110.00001 73.984,-180.00001 0,-32.65601 -5.504,-67.00801 -19.248,-96.00001 z"
|
|
id="path9-7" style="fill:#fed14b" />
|
|
<circle cx="16" cy="16" id="circle11" r="6" style="fill:#188fd1" transform="matrix(16.000001,0,0,16.000001,141.91412,143.63564)" />
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<h4 class="browser-title"> Chrome </h4>
|
|
</li>
|
|
<li>
|
|
<div class="browser-icon">
|
|
<svg enable-background="new 0.907 -0.205 32 32" height="64" viewBox="0.907 -0.205 32 32" width="64" xmlns="http://www.w3.org/2000/svg">
|
|
<path clip-rule="evenodd" d="M16.907-.205c-8.836 0-16 7.164-16 16s7.164 16 16 16 16-7.164 16-16-7.164-16-16-16zm0 29c-7.18 0-13-5.82-13-13s5.82-13 13-13 13 5.82 13 13-5.82 13-13 13z" fill="#26A6D1" fill-rule="evenodd" />
|
|
<path clip-rule="evenodd" d="M25.221 7.48l-6.192 10.436-4.242-4.243 10.434-6.193z" fill="#E2574C" fill-rule="evenodd" />
|
|
<path clip-rule="evenodd" d="M8.594 24.11l10.435-6.193-4.242-4.243-6.193 10.436z" fill="#E4E7E7" fill-rule="evenodd" />
|
|
</svg>
|
|
</div>
|
|
<h4 class="browser-title"> Safari </h4>
|
|
</li>
|
|
<li>
|
|
<div class="browser-icon">
|
|
<svg enable-background="new 0 0 32 32" height="64" id="Layer_1" viewBox="0 0 32 32" width="64" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<g>
|
|
<path d="M26.737,4.375c2.842,2.917,4.264,6.75,4.264,11.5c0,4.334-1.422,8.104-4.264,11.312 C23.895,30.396,20.295,32,15.938,32c-4.316,0-7.885-1.604-10.706-4.812C2.41,23.979,1,20.209,1,15.875 c0-4.75,1.39-8.583,4.171-11.5C7.95,1.459,11.54,0,15.938,0C20.295,0,23.895,1.459,26.737,4.375z M21.291,11.062 c-0.124-1.291-0.373-2.552-0.747-3.781c-0.373-1.229-0.944-2.177-1.711-2.844c-0.769-0.666-1.733-1-2.895-1 c-1.162,0-2.116,0.323-2.863,0.969C12.328,5.053,11.778,6,11.426,7.25S10.835,9.75,10.71,11c-0.124,1.25-0.187,2.771-0.187,4.562 c0,1.125,0.021,2.073,0.062,2.844c0.04,0.771,0.113,1.709,0.218,2.812c0.103,1.104,0.27,2.031,0.498,2.781 c0.228,0.75,0.538,1.49,0.934,2.219c0.394,0.729,0.902,1.281,1.524,1.656s1.348,0.562,2.179,0.562c0.829,0,1.565-0.188,2.21-0.562 c0.643-0.375,1.161-0.927,1.556-1.656C20.098,25.49,20.42,24.75,20.669,24s0.436-1.677,0.56-2.781 c0.125-1.104,0.197-2.052,0.219-2.844c0.02-0.791,0.03-1.729,0.03-2.812C21.478,13.854,21.416,12.354,21.291,11.062z"
|
|
fill="#EA3939" />
|
|
</g>
|
|
<g/>
|
|
<g/>
|
|
<g/>
|
|
<g/>
|
|
<g/>
|
|
<g/>
|
|
</svg>
|
|
</div>
|
|
<h4 class="browser-title"> Opera </h4>
|
|
</li>
|
|
<li>
|
|
<div class="browser-icon">
|
|
<svg enable-background="new -0.002 -0.501 32 31" height="64" viewBox="-0.002 -0.501 32 31" width="64" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M15.998-.501c8.284 0 15 6.715 15 15 0 8.283-6.716 15-15 15s-15-6.717-15-15c0-8.286 6.716-15 15-15z" fill="#2394BC" />
|
|
<path d="M18.562 30.274c7.614-1.229 13.437-7.814 13.437-15.775l-.146.181c.228-1.513.188-2.861-.125-4.037-.112.871-.234 1.397-.357 1.608-.001-.068-.018-.976-.307-2.243-.137-.924-.338-1.793-.616-2.596.068.368.108.675.128.953-1.162-3.118-4.023-6.957-11.072-6.867 0 0 2.479.262 3.646 2.029 0 0-1.193-.285-2.095.152 1.099.438 2.052.896 2.863 1.374l.07.043c.208.125.385.253.573.38 1.498 1.052 2.888 2.553 2.782 4.489-.323-.51-.753-.844-1.304-1.012.679 2.66.746 4.857.197 6.59-.377-1.154-.724-1.846-1.033-2.09.431 3.566-.15 6.203-1.739 7.922.302-1.049.422-1.908.354-2.586-1.867 2.822-3.991 4.281-6.372 4.371-.941-.008-1.83-.15-2.666-.426-1.228-.415-2.339-1.124-3.328-2.13 1.544.129 2.954-.139 4.195-.772l2.033-1.332-.008-.006c.264-.1.512-.092.754.021.496-.068.67-.334.504-.783-.24-.334-.603-.637-1.069-.904-1.017-.531-2.079-.447-3.187.26-1.055.6-2.07.576-3.058-.062-.647-.447-1.272-1.049-1.876-1.801l-.24-.355c-.113.852.015 1.945.398 3.291l.008.018-.008-.016c-.384-1.346-.511-2.442-.398-3.293v-.008c.029-.744.337-1.154.924-1.246l-.249-.021.251.021c.663.061 1.424.213 2.282.463.144-.828-.045-1.695-.564-2.584v-.016c.806-.752 1.521-1.299 2.132-1.648.271-.145.429-.365.481-.662l.022-.016.008-.008.03-.029c.158-.236.105-.426-.165-.594-.565.031-1.131-.008-1.695-.121l-.008.023c-.233-.068-.527-.275-.889-.625l-.927-.912-.278-.219v.029h-.008l.008-.037-.053-.055.075-.053c.128-.691.339-1.285.64-1.795l.068-.061c.302-.502.881-1.041 1.732-1.617-1.582.197-3.013.91-4.285 2.143-1.055-.387-2.305-.305-3.744.25l-.173.132-.013.007.188-.138.008-.008c-.905-.416-1.515-1.611-1.809-3.564-1.152 1.141-1.71 3.178-1.673 6.119l-.33.499-.085.058-.017.016-.007.007-.016.033c-.175.274-.416.688-.72 1.244-.437.786-.584 1.446-.627 2.021l-.004.007.002.019-.014.151.025-.04c.003.133.006.267.04.387l.934-.768c-.339.859-.564 1.77-.678 2.736l-.027.442-.293-.335c0 3.428 1.088 6.597 2.924 9.201l.055.086.088.105c1.32 1.813 3.006 3.338 4.958 4.464 1.403.831 2.911 1.413 4.519 1.759l.331.074c.333.064.674.112 1.016.155.253.033.506.065.762.087l.34.039.483.003.525.026.418-.021.689-.034c.409-.028.812-.073 1.212-.131l.243-.036zm-9.409-16.75h0zm19.527-2.741l-.007.131.005-.132.002.001z"
|
|
fill="#EC8840" />
|
|
</svg>
|
|
</div>
|
|
<h4 class="browser-title"> FireFox </h4>
|
|
</li>
|
|
<li class="browser-partial">
|
|
<div class="browser-icon">
|
|
<svg enable-background="new 0.001 -0.001 31.996 29.997" height="64" viewBox="0.001 -0.001 31.996 29.997" width="64" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M23.841 17.972h8.032c.074-.576.147-1.162.116-1.758-.321-6.163-4.144-11.568-9.642-13.413l.423.084s10.027-4.359 6.644 5.447l.412.677s3.089-7.542-1.688-8.789c-3.909-1.02-9.686 1.814-9.686 1.814l.213.042c-.359-.025-.721-.042-1.088-.042-7.146 0-13.078 4.845-14.215 11.453.81-.907 3.712-4.255 6.979-6.352 0 0-5.566 4.76-7.177 8.671 0 0-2.064 3.502-2.742 6.122-.41 1.588-1.463 7.283 2.742 7.938 4.376.68 7.829-1.551 7.829-1.551l-.084-.047c1.994 1.018 4.261 1.598 6.667 1.598 6.375 0 11.779-4.26 13.68-9.855h-8.242c-1.123 2.213-3.112 3.449-5.467 3.449-3.123 0-5.413-1.84-6.008-5.488h12.302zm-13.819 9.807s-2.421 1.18-4.463 1.236c-6.243-.057-1.565-8.506-1.565-8.506l-.003-.009c1.107 3.051 3.264 5.619 6.048 7.291l-.017-.012zm7.556-19.226c3.617 0 5.309 2.446 5.718 5.45h-11.697c.635-2.98 2.702-5.45 5.979-5.45z"
|
|
fill="#26A6D1" />
|
|
</svg>
|
|
</div>
|
|
<h4 class="browser-title"> IE 9+ </h4>
|
|
</li>
|
|
</ul>
|
|
<!-- End of Browser Support -->
|
|
<!-- Category Info -->
|
|
<div class="category-info " id="browser-support-table">
|
|
<h3 class="category-title"> Browser support table
|
|
<!-- Fragment Identifier -->
|
|
<a class="fragment-identifier js-fragment-identifier fragment-identifier-scroll" href="#browser-support-table">
|
|
<i class="fa fa-link"></i>
|
|
</a>
|
|
<!-- End of Fragment Identifier -->
|
|
</h3>
|
|
<h4 class="category-description">A more compact version of the browser support component.</h4>
|
|
</div>
|
|
<!-- End of Caregory Info -->
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<!-- Browsers Table -->
|
|
<table class="browsers-table">
|
|
<tr class="browsers-table-row">
|
|
<td>
|
|
<i class="fa fa-chrome browsers-table-icon"></i>Chrome 4+</td>
|
|
<td class="browsers-table-recommended browsers-table-comment">recommended</td>
|
|
</tr>
|
|
<tr class="browsers-table-row">
|
|
<td>
|
|
<i class="fa fa-firefox browsers-table-icon"></i>FireFox 3.5+</td>
|
|
<td class="browsers-table-comment">-</td>
|
|
</tr>
|
|
<tr class="browsers-table-row">
|
|
<td>
|
|
<i class="fa fa-opera browsers-table-icon"></i>Opera 11.5+</td>
|
|
<td class="browsers-table-comment">-</td>
|
|
</tr>
|
|
<tr class="browsers-table-row">
|
|
<td>
|
|
<i class="fa fa-safari browsers-table-icon"></i>Safari 3.1+</td>
|
|
<td class="browsers-table-comment">-</td>
|
|
</tr>
|
|
<tr class="browsers-table-row">
|
|
<td>
|
|
<i class="fa fa-internet-explorer browsers-table-icon"></i>Internet Explorer 9+</td>
|
|
<td class="browsers-table-partial browsers-table-comment">partial support</td>
|
|
</tr>
|
|
</table>
|
|
<!-- End of Browsers Table -->
|
|
</div>
|
|
</div>
|
|
<!-- Category Info -->
|
|
<div class="category-info " id="modal">
|
|
<h3 class="category-title"> Modal
|
|
<!-- Fragment Identifier -->
|
|
<a class="fragment-identifier js-fragment-identifier fragment-identifier-scroll" href="#modal">
|
|
<i class="fa fa-link"></i>
|
|
</a>
|
|
<!-- End of Fragment Identifier -->
|
|
</h3>
|
|
<h4 class="category-description">Modal dialogs, or pop-up windows, are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults for prototyping and production.</h4>
|
|
</div>
|
|
<!-- End of Caregory Info -->
|
|
<!-- Modal -->
|
|
<span class="button blue js-open-modal helper mr10 mb10" data-target=".js-modal-7" data-config=''>Rate us</span>
|
|
<div class="modal-alt js-modal-7">
|
|
<!-- Modal Header -->
|
|
<div class="modal-alt-header">
|
|
<div class="modal-alt-header-ico">
|
|
<span class="modal-alt-header-line line-right"></span>
|
|
<i class="pe-7s-mail-open-file"></i>
|
|
<span class="modal-alt-header-line line-left"></span>
|
|
</div>
|
|
<h4 class="modal-alt-title"> Please give us a rate. </h4>
|
|
<p class="modal-alt-description">Aut, nulla atque cupiditate voluptatem molestiae blanditiis incidunt porro possimus quo laboriosam.</p>
|
|
</div>
|
|
<!-- End of Modal Header -->
|
|
<!-- Modal Content -->
|
|
<div class="modal-alt-content">
|
|
<!-- Rate -->
|
|
<div class="review-form">
|
|
<form action="#">
|
|
<!-- Rate Wrapper -->
|
|
<div class="rate-wrapper js-rate-wrapper">
|
|
<!-- Rate Results -->
|
|
<input type="hidden" class="js-rate" data-filled="fa fa-star rate-symbol rate-symbol-filled" data-empty="fa fa-star rate-symbol rate-symbol-empty" />
|
|
<div class="rate-results">
|
|
<span class="js-rate-current rate-current">-</span>
|
|
<span class="rate-total">/ 5 stars</span>
|
|
</div>
|
|
<!-- End of Rate Results -->
|
|
</div>
|
|
<!-- End of Rate Wrapper -->
|
|
<input type="text" name="email" class="review-input" placeholder="Email (optional)">
|
|
<textarea name="comment" class="review-textarea" placeholder="Comment"></textarea>
|
|
<div class="helper center">
|
|
<button class="button rounded large blue modal-alt-button js-close-modal-button">
|
|
<span class="modal-alt-button-text">submit review</span>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<!-- End of Rate -->
|
|
</div>
|
|
<!-- End of Modal Content -->
|
|
</div>
|
|
<!-- End of Modal -->
|
|
<!-- Modal -->
|
|
<span class="button blue js-open-modal helper mr10 mb10" data-target=".js-modal-1" data-config=''>Simple modal</span>
|
|
<div class="modal js-modal-1">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title"> Modal title </h4>
|
|
<i class="fa fa-times js-close-modal-button"></i>
|
|
</div>
|
|
<div class="modal-content"> A danger message alerts users of a problem that has already occurred. If not to resolve the problem immediately it will cause more serious problems. By contrast, a warning message alerts users of a condition that might cause a problem in the future.
|
|
Danger messages can be presented using modal dialog boxes, notifications, or panels. </div>
|
|
<div class="modal-footer">
|
|
<span class="button green">Accept</span>
|
|
<span class="button stroke red">Decline</span>
|
|
</div>
|
|
</div>
|
|
<!-- End of Modal -->
|
|
<!-- Modal -->
|
|
<span class="button blue js-open-modal helper mr10 mb10" data-target=".js-modal-2" data-config='{ "autoClose": 2000 }'>Autoclose in 2s</span>
|
|
<div class="modal js-modal-2">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title"> Modal title </h4>
|
|
<i class="fa fa-times js-close-modal-button"></i>
|
|
</div>
|
|
<div class="modal-content"> A danger message alerts users of a problem that has already occurred. If not to resolve the problem immediately it will cause more serious problems. By contrast, a warning message alerts users of a condition that might cause a problem in the future.
|
|
Danger messages can be presented using modal dialog boxes, notifications, or panels. </div>
|
|
<div class="modal-footer">
|
|
<span class="button green">Accept</span>
|
|
<span class="button stroke red">Decline</span>
|
|
</div>
|
|
</div>
|
|
<!-- End of Modal -->
|
|
<!-- Modal -->
|
|
<span class="button blue js-open-modal helper mr10 mb10" data-target=".js-modal-3" data-config='{ "transition": "slideDown" }'>Slide Down</span>
|
|
<div class="modal js-modal-3">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title"> Modal title </h4>
|
|
<i class="fa fa-times js-close-modal-button"></i>
|
|
</div>
|
|
<div class="modal-content"> A danger message alerts users of a problem that has already occurred. If not to resolve the problem immediately it will cause more serious problems. By contrast, a warning message alerts users of a condition that might cause a problem in the future.
|
|
Danger messages can be presented using modal dialog boxes, notifications, or panels. </div>
|
|
<div class="modal-footer">
|
|
<span class="button green">Accept</span>
|
|
<span class="button stroke red">Decline</span>
|
|
</div>
|
|
</div>
|
|
<!-- End of Modal -->
|
|
<!-- Modal -->
|
|
<span class="button blue js-open-modal helper mr10 mb10" data-target=".js-modal-4" data-config='{ "transition": "slideUp" }'>Slide Up</span>
|
|
<div class="modal js-modal-4">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title"> Modal title </h4>
|
|
<i class="fa fa-times js-close-modal-button"></i>
|
|
</div>
|
|
<div class="modal-content"> A danger message alerts users of a problem that has already occurred. If not to resolve the problem immediately it will cause more serious problems. By contrast, a warning message alerts users of a condition that might cause a problem in the future.
|
|
Danger messages can be presented using modal dialog boxes, notifications, or panels. </div>
|
|
<div class="modal-footer">
|
|
<span class="button green">Accept</span>
|
|
<span class="button stroke red">Decline</span>
|
|
</div>
|
|
</div>
|
|
<!-- End of Modal -->
|
|
<!-- Modal -->
|
|
<span class="button blue js-open-modal helper mr10 mb10" data-target=".js-modal-5" data-config='{ "transition": "slideIn" }'>Slide In</span>
|
|
<div class="modal js-modal-5">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title"> Modal title </h4>
|
|
<i class="fa fa-times js-close-modal-button"></i>
|
|
</div>
|
|
<div class="modal-content"> A danger message alerts users of a problem that has already occurred. If not to resolve the problem immediately it will cause more serious problems. By contrast, a warning message alerts users of a condition that might cause a problem in the future.
|
|
Danger messages can be presented using modal dialog boxes, notifications, or panels. </div>
|
|
<div class="modal-footer">
|
|
<span class="button green">Accept</span>
|
|
<span class="button stroke red">Decline</span>
|
|
</div>
|
|
</div>
|
|
<!-- End of Modal -->
|
|
<!-- Modal -->
|
|
<span class="button blue js-open-modal helper mr10 mb10" data-target=".js-modal-6" data-config='{ "transition": "slideBack" }'>Slide Back</span>
|
|
<div class="modal js-modal-6">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title"> Modal title </h4>
|
|
<i class="fa fa-times js-close-modal-button"></i>
|
|
</div>
|
|
<div class="modal-content"> A danger message alerts users of a problem that has already occurred. If not to resolve the problem immediately it will cause more serious problems. By contrast, a warning message alerts users of a condition that might cause a problem in the future.
|
|
Danger messages can be presented using modal dialog boxes, notifications, or panels. </div>
|
|
<div class="modal-footer">
|
|
<span class="button green">Accept</span>
|
|
<span class="button stroke red">Decline</span>
|
|
</div>
|
|
</div>
|
|
<!-- End of Modal -->
|
|
<!-- Category Info -->
|
|
<div class="category-info " id="info">
|
|
<h3 class="category-title"> Info
|
|
<!-- Fragment Identifier -->
|
|
<a class="fragment-identifier js-fragment-identifier fragment-identifier-scroll" href="#info">
|
|
<i class="fa fa-link"></i>
|
|
</a>
|
|
<!-- End of Fragment Identifier -->
|
|
</h3>
|
|
</div>
|
|
<!-- End of Caregory Info -->
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<!-- Info -->
|
|
<div class="info js-info">
|
|
<h3 class="info-title"> Info block </h3>
|
|
<ul class="info-content">
|
|
<li class="info-content-item">
|
|
<p class="info-content-item-text">This is an example index file which contains some sample markup (the grid, buttons, etc) as well as the basic structure of a responsive template page.</p>
|
|
</li>
|
|
<li class="info-content-item">
|
|
<h4 class="info-content-item-title">normalize.css</h4>
|
|
<p class="info-content-item-text">We've included a copy of Normalize here to give you the option to remove quirks in browsers so that all webpages render elements consistently. We recommend you use this because some template's styles are dependant on it.</p>
|
|
</li>
|
|
<li class="info-content-item">
|
|
<h4 class="info-content-item-title">/vendor</h4>
|
|
<p class="info-content-item-text">This folder contains a few external JS files that template makes use of including: Modernizr, another open-source tool from Paul Irish and Nicolas Gallagher, as well as jQuery 2.</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- End of Info -->
|
|
</div>
|
|
<div class="col-md-6">
|
|
<!-- Info -->
|
|
<div class="info js-info">
|
|
<h3 class="info-title"> Closable
|
|
<span class="info-close js-info-close">
|
|
<i class="fa fa-times js-close-modal-button"></i>
|
|
</span>
|
|
</h3>
|
|
<ul class="info-content">
|
|
<li class="info-content-item">
|
|
<p class="info-content-item-text">This is an example index file which contains some sample markup (the grid, buttons, etc) as well as the basic structure of a responsive template page.</p>
|
|
</li>
|
|
<li class="info-content-item">
|
|
<h4 class="info-content-item-title">normalize.css</h4>
|
|
<p class="info-content-item-text">We've included a copy of Normalize here to give you the option to remove quirks in browsers so that all webpages render elements consistently. We recommend you use this because some template's styles are dependant on it.</p>
|
|
</li>
|
|
<li class="info-content-item">
|
|
<h4 class="info-content-item-title">/vendor</h4>
|
|
<p class="info-content-item-text">This folder contains a few external JS files that template makes use of including: Modernizr, another open-source tool from Paul Irish and Nicolas Gallagher, as well as jQuery 2.</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- End of Info -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Footer -->
|
|
<footer class="js-footer-is-fixed">
|
|
<!-- Footer Default -->
|
|
<div class="footer">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-3 col-sm-3 col-xs-12">
|
|
<div class="footer-logo-wrapper">
|
|
<!-- Logo Image -->
|
|
<a href="index.html" class="logo-image ">
|
|
<img src="img/logos/logo.png" alt="logo">
|
|
</a>
|
|
<!-- End of Logo Image -->
|
|
<!-- Slogan -->
|
|
<p class="slogan"> Learn.
|
|
<br>Create.
|
|
<br>Impress. </p>
|
|
<!-- End of Slogan -->
|
|
</div>
|
|
</div>
|
|
<div class="col-md-9 col-sm-9 col-xs-12">
|
|
<div class="footer-wrapper">
|
|
<!-- Scroll top -->
|
|
<span class="scroll-top js-scroll-top">
|
|
<i class="fa fa-angle-up"></i>
|
|
</span>
|
|
<!-- End of Scroll top -->
|
|
<!-- Version -->
|
|
<div class="docs-version js-docs-version">
|
|
<span class="docs-current-version js-docs-current-version">v3.5</span>
|
|
<ul class="js-docs-version-list">
|
|
<li>
|
|
<a href="#">1.0</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">1.5</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">2.5</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">3.0</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">3.1</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- End of Version -->
|
|
<!-- Footer Menu -->
|
|
<ul class="footer-menu helper right">
|
|
<li>
|
|
<a href="#"> About us </a>
|
|
</li>
|
|
<li>
|
|
<a href="#"> Privacy Policy </a>
|
|
</li>
|
|
<li>
|
|
<a href="#"> Terms & Condotions </a>
|
|
</li>
|
|
<li>
|
|
<a href="#"> My account </a>
|
|
</li>
|
|
<li>
|
|
<a href="#"> Support service </a>
|
|
</li>
|
|
</ul>
|
|
<!-- End of Footer Menu -->
|
|
<!-- Copyright -->
|
|
<p class="copyright helper right">
|
|
<a href="http://vsart.me">VSArt</a>, all rights reserved. 2016 © </p>
|
|
<!-- End of Copyright -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End of Footer Default -->
|
|
</footer>
|
|
<!-- End of Footer -->
|
|
</div>
|
|
<script src="js/all.js"></script>
|
|
<script src="js/custom.js"></script>
|
|
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
|
|
<!--
|
|
<script>
|
|
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
|
|
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
|
|
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
|
|
e.src='//www.google-analytics.com/analytics.js';
|
|
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
|
|
ga('create','UA-XXXXX-X','auto');ga('send','pageview');
|
|
</script>
|
|
-->
|
|
</body>
|
|
|
|
</html> |