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>
1278 lines
47 KiB
HTML
1278 lines
47 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">Tutorial</h1>
|
||
<h2 class="page-description">In this tutorial we’ll create a trendy double exposure effect in Adobe Photoshop with the help of Blending Modes and Clipping Masks in a few steps.</h2>
|
||
</div>
|
||
<!-- End Page Info -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- End of Header Back -->
|
||
<div id="content">
|
||
<div class="container">
|
||
<div class="layout with-right-sidebar js-layout">
|
||
<div class="row">
|
||
<div class="col-md-9">
|
||
<div class="main-content">
|
||
<!-- Category Info -->
|
||
<div class="category-info helper pt0" id="tutorial">
|
||
<h3 class="category-title"> Short Photoshop tutorial
|
||
<!-- Fragment Identifier -->
|
||
<a class="fragment-identifier js-fragment-identifier fragment-identifier-scroll" href="#tutorial">
|
||
<i class="fa fa-link"></i>
|
||
</a>
|
||
<!-- End of Fragment Identifier -->
|
||
</h3>
|
||
</div>
|
||
<!-- End of Caregory Info -->
|
||
<!-- Table of content -->
|
||
<div class="table-of-contents">
|
||
<ol>
|
||
<li>
|
||
<a href="#" class="js-scroll-to" data-target="#tutorial-intro">Introduction</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="js-scroll-to" data-target="#tutorial-lessons">Getting started</a>
|
||
<ol>
|
||
<li>
|
||
<a href="#" class="js-scroll-to" data-target="#tutorial-lessons">Edge Detection</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="js-scroll-to" data-target="#tutorial-lessons-2">Double Exposure</a>
|
||
</li>
|
||
</ol>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="js-scroll-to" data-target="#tutorial-result">Result</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="js-scroll-to" data-target="#tutorial-conclusion">Conclusion</a>
|
||
</li>
|
||
</ol>
|
||
</div>
|
||
<!-- End of Table of content -->
|
||
<p id="tutorial-intro">The full version of this awesome tutorial can be found on
|
||
<a href="http://design.tutsplus.com/tutorials/make-a-trendy-double-exposure-effect-in-adobe-photoshop--cms-23774" target="_blank">TutsPlus</a>.</p>
|
||
<p>You’ve probably seen this interesting effect of two or more overlapping photos on the covers of music albums, in modern magazines and in advertisements. In this tutorial we’ll create a trendy double exposure effect in Adobe Photoshop with the
|
||
help of Blending Modes and Clipping Masks in a few steps. Let’s do it!</p>
|
||
<div class="separator"></div>
|
||
<!-- Steps -->
|
||
<ul class="steps">
|
||
<li class="step">
|
||
<span class="step-number">1</span>
|
||
<h4 class="step-title">Prepare the Main Photo</h4>
|
||
<div class="step-content">You can use any photo to your liking, for example, from your personal archive. However, make sure that the background of your photo is more or less neutral, without noisy elements such as grass or foliage, to make it easier to work with.</div>
|
||
</li>
|
||
<li class="step">
|
||
<span class="step-number">2</span>
|
||
<h4 class="step-title">Brightness and contrast</h4>
|
||
<div class="step-content">Now we need to make it much brighter and add contrast. Go to Image > Adjustments > Levels or press Control-L to call the pop-up Levels menu. Move the lightest slider to the left, making our photo brighter, and add contrast by moving the left
|
||
black slider to the right.</div>
|
||
</li>
|
||
<li class="step">
|
||
<span class="step-number">3</span>
|
||
<h4 class="step-title">Spot Healing Brush Tool</h4>
|
||
<div class="step-content">Let’s fix the guy’s ear with the Spot Healing Brush Tool (I). Just click and move your mouse, drawing above the area you wish to fix and—voila!—the marked area is clean and flawless. This is a very handy tool for photo retouching, when you need
|
||
to get rid of some minor flaws and bumps on the skin.</div>
|
||
</li>
|
||
<li class="step">
|
||
<span class="step-number">4</span>
|
||
<h4 class="step-title">Magic Wand Tool</h4>
|
||
<div class="step-content">Now we need to get rid of the background. This is a piece of cake, as we’re using a photo with a clean background. Take the Magic Wand Tool (W) and click anywhere on the background to select it. Then go to Select > Inverse in order to make the
|
||
man selected.</div>
|
||
</li>
|
||
</ul>
|
||
<!-- End of Steps -->
|
||
<div class="helper center">
|
||
<img src="http://placehold.it/600x520" class="image isolated" alt="Result image"> </div>
|
||
<div id="tutorial-lessons">
|
||
<!-- Category Info -->
|
||
<div class="category-info ">
|
||
<h4 class="category-description">1. Slightly increase the Radius value in the Edge Detection</h4>
|
||
</div>
|
||
<!-- End of Caregory Info -->
|
||
</div>
|
||
<p>While you are still armed with the Magic Wand Tool (W), find the Refine Edge button in the control panel above to reveal the Refine Edge options window. Here you can change the View of your photo in the View Modes, placing the selected element
|
||
on white, black, transparent and other backgrounds, making it more visible and convenient to edit.</p>
|
||
<p>Slightly increase the Radius value in the Edge Detection, setting it to 1.5, making the edges less rigid and thus revealing minor details, such as separate hairs. Set the Output To in the Output section of the options window to New Layer with
|
||
Layer Mask. This will automatically create a copy of your initial image with the background hidden by the Clipping Mask.</p>
|
||
<div class="helper center">
|
||
<img src="http://placehold.it/600x520" class="image isolated" alt="Result image"> </div>
|
||
<div id="tutorial-lessons-2">
|
||
<!-- Category Info -->
|
||
<div class="category-info ">
|
||
<h4 class="category-description">2. Create the Double Exposure Effect</h4>
|
||
</div>
|
||
<!-- End of Caregory Info -->
|
||
</div>
|
||
<p>Let’s select the second photo for our composition. This can be some nice flower shot or cityscape, or anything abstract and intricate. </p>
|
||
<div class="helper center" id="tutorial-lessons-2-img">
|
||
<img src="http://placehold.it/600x400" class="image isolated" alt="Result image"> </div>
|
||
<p>Place the image of the forest above the man’s portrait. Keeping the forest layer selected, press the Control key and click on the Layer Clipping Mask of the layer below (the one with the portrait). You will see the marching ants selection of the
|
||
man’s silhouette on the forest layer.</p>
|
||
<div id="tutorial-result">
|
||
<!-- Category Info -->
|
||
<div class="category-info ">
|
||
<h4 class="category-description">3. Result</h4>
|
||
</div>
|
||
<!-- End of Caregory Info -->
|
||
</div>
|
||
<p>Congratulations! These simple steps helped us to create a stylish double exposure portrait by combining two images and creating an interesting surrealistic effect. I hope you’ve found some handy tips and tricks, which will help you to make more
|
||
interesting combinations and photo manipulations. Good luck!</p>
|
||
<!-- Before and After -->
|
||
<div class="before-and-after js-ba twentytwenty-container">
|
||
<img src="http://placehold.it/600x520" class="" alt="Result image">
|
||
<img src="http://placehold.it/600x520" class="" alt="Result image"> </div>
|
||
<!-- End of Before and After -->
|
||
<div id="tutorial-conclusion">
|
||
<!-- Category Info -->
|
||
<div class="category-info " id="conclusion">
|
||
<h3 class="category-title"> Conclusion
|
||
<!-- Fragment Identifier -->
|
||
<a class="fragment-identifier js-fragment-identifier fragment-identifier-scroll" href="#conclusion">
|
||
<i class="fa fa-link"></i>
|
||
</a>
|
||
<!-- End of Fragment Identifier -->
|
||
</h3>
|
||
</div>
|
||
<!-- End of Caregory Info -->
|
||
</div>
|
||
<p class="mb40 helper">In photography and cinematography, multiple exposure is a combination of two or more exposures to create a single image. Initially, this is a technique in which the camera shutter is opened more than once to expose the film multiple times, usually
|
||
to different images. However, with our modern software, we can easily recreate a similar effect in Adobe Photoshop.</p>
|
||
<!-- Article Navigation -->
|
||
<div class="article-navigation">
|
||
<a href="" class="article-navigation-prev">Older Post</a>
|
||
<a href="" class="article-navigation-next">Newer Post</a>
|
||
</div>
|
||
<!-- End of Article Navigation -->
|
||
<!-- Article Widget Comments -->
|
||
<div class="article-widget">
|
||
<h3 class="article-widget-title"> Comments (6) </h3>
|
||
<!-- Comments -->
|
||
<div class="comments" id="">
|
||
<ul class="comment-list">
|
||
<li class="comment-list-item">
|
||
<!-- Comment Content -->
|
||
<div class="comment-content">
|
||
<!-- Comment User Photo -->
|
||
<div class="comment-user-photo">
|
||
<img src="http://placehold.it/120x120" class="" alt="user profile photo"> </div>
|
||
<!-- End of Comment User Photo -->
|
||
<!-- Comment Body -->
|
||
<div class="comment-body">
|
||
<div class="comment-header">
|
||
<!-- Comment User Name -->
|
||
<div class="comment-username">
|
||
<a href="#">Anonimous</a>
|
||
</div>
|
||
<!-- End of Comment User Name -->
|
||
<!-- Comment Meta -->
|
||
<ul class="comment-meta">
|
||
<li class="comment-likes">9 likes</li>
|
||
<li class="comment-date">2015-03-15</li>
|
||
</ul>
|
||
<!-- End of Comment Meta -->
|
||
</div>
|
||
<!-- Comment Message -->
|
||
<p class="comment-message"> Facere blanditiis iste animi facilis, incidunt exercitationem rerum officiis aut quisquam architecto mollitia quo accusamus debitis quam enim maiores quod, ullam temporibus, repellat nesciunt repudiandae. Earum, hic fugit. Facilis nihil
|
||
dicta quos. </p>
|
||
<!-- End of Comment Message -->
|
||
<!-- Comment Actions -->
|
||
<ul class="comment-actions">
|
||
<li class="comment-action-item">
|
||
<a class="comment-action-like " href="#">
|
||
<i class="fa fa-heart-o"></i>
|
||
</a>
|
||
</li>
|
||
<li class="comment-action-item">
|
||
<a class="comment-action-reply" href="#">
|
||
<i class="fa fa-reply"></i>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
<!-- End of Comment Actions -->
|
||
</div>
|
||
<!-- End of Comment Body -->
|
||
</div>
|
||
<!-- End of Comment Content -->
|
||
</li>
|
||
<li class="comment-list-item">
|
||
<!-- Comment Content -->
|
||
<div class="comment-content">
|
||
<!-- Comment User Photo -->
|
||
<div class="comment-user-photo">
|
||
<img src="http://placehold.it/120x120" class="" alt="user profile photo"> </div>
|
||
<!-- End of Comment User Photo -->
|
||
<!-- Comment Body -->
|
||
<div class="comment-body">
|
||
<div class="comment-header">
|
||
<!-- Comment User Name -->
|
||
<div class="comment-username">
|
||
<a href="#">Kimber Korgie</a>
|
||
</div>
|
||
<!-- End of Comment User Name -->
|
||
<!-- Comment Meta -->
|
||
<ul class="comment-meta">
|
||
<li class="comment-likes">11 likes</li>
|
||
<li class="comment-date">2015-02-18</li>
|
||
</ul>
|
||
<!-- End of Comment Meta -->
|
||
</div>
|
||
<!-- Comment Message -->
|
||
<p class="comment-message"> Maxime, blanditiis impedit aperiam ut. Adipisci itaque ex perferendis autem voluptates nemo, blanditiis atque saepe officia aut soluta recusandae quas eius asperiores. </p>
|
||
<!-- End of Comment Message -->
|
||
<!-- Comment Actions -->
|
||
<ul class="comment-actions">
|
||
<li class="comment-action-item">
|
||
<a class="comment-action-like comment-action-liked" href="#">
|
||
<i class="fa fa-heart-o"></i>
|
||
</a>
|
||
</li>
|
||
<li class="comment-action-item">
|
||
<a class="comment-action-reply" href="#">
|
||
<i class="fa fa-reply"></i>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
<!-- End of Comment Actions -->
|
||
</div>
|
||
<!-- End of Comment Body -->
|
||
</div>
|
||
<!-- End of Comment Content -->
|
||
<div class="comment-reply">
|
||
<ul class="comment-list">
|
||
<li class="comment-list-item">
|
||
<!-- Comment Content -->
|
||
<div class="comment-content">
|
||
<!-- Comment User Photo -->
|
||
<div class="comment-user-photo">
|
||
<img src="http://placehold.it/120x120" class="" alt="user profile photo"> </div>
|
||
<!-- End of Comment User Photo -->
|
||
<!-- Comment Body -->
|
||
<div class="comment-body">
|
||
<div class="comment-header">
|
||
<!-- Comment User Name -->
|
||
<div class="comment-username">
|
||
<a href="#">Liane Gochie</a>
|
||
</div>
|
||
<!-- End of Comment User Name -->
|
||
<!-- Comment Meta -->
|
||
<ul class="comment-meta">
|
||
<li class="comment-likes">1 likes</li>
|
||
<li class="comment-date">2015-09-15</li>
|
||
</ul>
|
||
<!-- End of Comment Meta -->
|
||
</div>
|
||
<!-- Comment Message -->
|
||
<p class="comment-message"> Eveniet, asperiores, atque ratione excepturi tempore rem, illum eius nam qui nostrum laboriosam nihil. Soluta ipsam minima dolorem labore placeat inventore temporibus. </p>
|
||
<!-- End of Comment Message -->
|
||
<!-- Comment Actions -->
|
||
<ul class="comment-actions">
|
||
<li class="comment-action-item">
|
||
<a class="comment-action-like " href="#">
|
||
<i class="fa fa-heart-o"></i>
|
||
</a>
|
||
</li>
|
||
<li class="comment-action-item">
|
||
<a class="comment-action-reply" href="#">
|
||
<i class="fa fa-reply"></i>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
<!-- End of Comment Actions -->
|
||
</div>
|
||
<!-- End of Comment Body -->
|
||
</div>
|
||
<!-- End of Comment Content -->
|
||
</li>
|
||
<li class="comment-list-item">
|
||
<!-- Comment Content -->
|
||
<div class="comment-content">
|
||
<!-- Comment User Photo -->
|
||
<div class="comment-user-photo">
|
||
<img src="http://placehold.it/120x120" class="" alt="user profile photo"> </div>
|
||
<!-- End of Comment User Photo -->
|
||
<!-- Comment Body -->
|
||
<div class="comment-body">
|
||
<div class="comment-header">
|
||
<!-- Comment User Name -->
|
||
<div class="comment-username">
|
||
<a href="#">Olivia Cashon</a>
|
||
</div>
|
||
<!-- End of Comment User Name -->
|
||
<!-- Comment Meta -->
|
||
<ul class="comment-meta">
|
||
<li class="comment-likes">15 likes</li>
|
||
<li class="comment-date">2015-05-10</li>
|
||
</ul>
|
||
<!-- End of Comment Meta -->
|
||
</div>
|
||
<!-- Comment Message -->
|
||
<p class="comment-message"> Doloribus impedit saepe labore eaque, autem quos laboriosam corrupti quis tempore expedita officiis perferendis quasi atque, consectetur dolorem sed vitae. Ea, consectetur. </p>
|
||
<!-- End of Comment Message -->
|
||
<!-- Comment Actions -->
|
||
<ul class="comment-actions">
|
||
<li class="comment-action-item">
|
||
<a class="comment-action-like " href="#">
|
||
<i class="fa fa-heart-o"></i>
|
||
</a>
|
||
</li>
|
||
<li class="comment-action-item">
|
||
<a class="comment-action-reply" href="#">
|
||
<i class="fa fa-reply"></i>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
<!-- End of Comment Actions -->
|
||
</div>
|
||
<!-- End of Comment Body -->
|
||
</div>
|
||
<!-- End of Comment Content -->
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<li class="comment-list-item">
|
||
<!-- Comment Content -->
|
||
<div class="comment-content">
|
||
<!-- Comment User Photo -->
|
||
<div class="comment-user-photo">
|
||
<img src="http://placehold.it/120x120" class="" alt="user profile photo"> </div>
|
||
<!-- End of Comment User Photo -->
|
||
<!-- Comment Body -->
|
||
<div class="comment-body">
|
||
<div class="comment-header">
|
||
<!-- Comment User Name -->
|
||
<div class="comment-username">
|
||
<a href="#">Liane Gochie</a>
|
||
</div>
|
||
<!-- End of Comment User Name -->
|
||
<!-- Comment Meta -->
|
||
<ul class="comment-meta">
|
||
<li class="comment-likes">1 likes</li>
|
||
<li class="comment-date">2015-09-15</li>
|
||
</ul>
|
||
<!-- End of Comment Meta -->
|
||
</div>
|
||
<!-- Comment Message -->
|
||
<p class="comment-message"> Eveniet, asperiores, atque ratione excepturi tempore rem, illum eius nam qui nostrum laboriosam nihil. Soluta ipsam minima dolorem labore placeat inventore temporibus. </p>
|
||
<!-- End of Comment Message -->
|
||
<!-- Comment Actions -->
|
||
<ul class="comment-actions">
|
||
<li class="comment-action-item">
|
||
<a class="comment-action-like " href="#">
|
||
<i class="fa fa-heart-o"></i>
|
||
</a>
|
||
</li>
|
||
<li class="comment-action-item">
|
||
<a class="comment-action-reply" href="#">
|
||
<i class="fa fa-reply"></i>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
<!-- End of Comment Actions -->
|
||
</div>
|
||
<!-- End of Comment Body -->
|
||
</div>
|
||
<!-- End of Comment Content -->
|
||
</li>
|
||
<li class="comment-list-item">
|
||
<!-- Comment Content -->
|
||
<div class="comment-content">
|
||
<!-- Comment User Photo -->
|
||
<div class="comment-user-photo">
|
||
<img src="http://placehold.it/120x120" class="" alt="user profile photo"> </div>
|
||
<!-- End of Comment User Photo -->
|
||
<!-- Comment Body -->
|
||
<div class="comment-body">
|
||
<div class="comment-header">
|
||
<!-- Comment User Name -->
|
||
<div class="comment-username">
|
||
<a href="#">Olivia Cashon</a>
|
||
</div>
|
||
<!-- End of Comment User Name -->
|
||
<!-- Comment Meta -->
|
||
<ul class="comment-meta">
|
||
<li class="comment-likes">15 likes</li>
|
||
<li class="comment-date">2015-05-10</li>
|
||
</ul>
|
||
<!-- End of Comment Meta -->
|
||
</div>
|
||
<!-- Comment Message -->
|
||
<p class="comment-message"> Doloribus impedit saepe labore eaque, autem quos laboriosam corrupti quis tempore expedita officiis perferendis quasi atque, consectetur dolorem sed vitae. Ea, consectetur. </p>
|
||
<!-- End of Comment Message -->
|
||
<!-- Comment Actions -->
|
||
<ul class="comment-actions">
|
||
<li class="comment-action-item">
|
||
<a class="comment-action-like " href="#">
|
||
<i class="fa fa-heart-o"></i>
|
||
</a>
|
||
</li>
|
||
<li class="comment-action-item">
|
||
<a class="comment-action-reply" href="#">
|
||
<i class="fa fa-reply"></i>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
<!-- End of Comment Actions -->
|
||
</div>
|
||
<!-- End of Comment Body -->
|
||
</div>
|
||
<!-- End of Comment Content -->
|
||
</li>
|
||
</ul>
|
||
<h3 class="article-widget-title"> Leave a comment </h3>
|
||
<!-- Comment Form -->
|
||
<form action="#" class="comment-form">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<ul class="comment-form-list">
|
||
<li class="comment-form-list-item">
|
||
<input type="text" class="form-control" placeholder="Name"> </li>
|
||
<li class="comment-form-list-item">
|
||
<input type="text" class="form-control" placeholder="Email"> </li>
|
||
<li class="comment-form-list-item">
|
||
<input type="text" class="form-control" placeholder="Website"> </li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<ul class="comment-form-list">
|
||
<li class="comment-form-list-item">
|
||
<textarea name="" id="" cols="30" rows="10" class="form-control" placeholder="Comment"></textarea>
|
||
</li>
|
||
<li class="comment-form-list-item">
|
||
<button class="">Post Comment</button>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
<!-- End of Comment Form -->
|
||
</div>
|
||
<!-- End of Comments -->
|
||
</div>
|
||
<!-- End of Article Widget Comments -->
|
||
<!-- Article Widget Related Article -->
|
||
<div class="article-widget">
|
||
<h3 class="article-widget-title"> Related tutorials </h3>
|
||
<ul class="article-related-articles">
|
||
<li>
|
||
<a href="#">Perspiciatis illo facere alias laboriosam totam repellendus quisquam, maiores tenetur aut.</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">Temporibus quisquam, aliquam id totam voluptas eaque inventore ut facilis minus.</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">Voluptas deserunt, veniam, voluptatum vero dolores rem.</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">Modi, fugiat perspiciatis assumenda animi corporis, deleniti obcaecati voluptatem temporibus.</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!-- End of Article Widget Related Article -->
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3 hidden-sm hidden-xs">
|
||
<div class="sidebar js-sidebar-fixed">
|
||
<!-- Vertical Menu -->
|
||
<nav class="menu-vertical-wrapper">
|
||
<ul class="menu-vertical js-menu-vertical" data-prepend-to=".js-layout" data-select="Menu">
|
||
<li>
|
||
<a href="#">Tutorials</a>
|
||
<ul>
|
||
<li>
|
||
<a href="#">Instalation</a>
|
||
<ul>
|
||
<li>
|
||
<a href="views.html">Manually</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Wizard</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Softaculous</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Fantastico</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Transfer</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href="#">Create</a>
|
||
<ul>
|
||
<li>
|
||
<a href="views.html">Multimedia</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Post</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Categories</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Comments</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Themes</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href="#">Plugins</a>
|
||
<ul>
|
||
<li>
|
||
<a href="#">Instalation</a>
|
||
<ul>
|
||
<li>
|
||
<a href="views.html">Manually</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Wizard</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Softaculous</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Fantastico</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Transfer</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href="#">Create</a>
|
||
<ul>
|
||
<li>
|
||
<a href="views.html">Multimedia</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Post</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Categories</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Comments</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Themes</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href="#">Partners</a>
|
||
<ul>
|
||
<li>
|
||
<a href="#">Instalation</a>
|
||
<ul>
|
||
<li>
|
||
<a href="views.html">Manually</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Wizard</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Softaculous</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Fantastico</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Transfer</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href="#">Create</a>
|
||
<ul>
|
||
<li>
|
||
<a href="views.html">Multimedia</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Post</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Categories</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Comments</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Themes</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href="#">Affiliates</a>
|
||
<ul>
|
||
<li>
|
||
<a href="#">Instalation</a>
|
||
<ul>
|
||
<li>
|
||
<a href="views.html">Manually</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Wizard</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Softaculous</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Fantastico</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Transfer</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href="#">Create</a>
|
||
<ul>
|
||
<li>
|
||
<a href="views.html">Multimedia</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Post</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Categories</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Comments</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Themes</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href="#">Events</a>
|
||
<ul>
|
||
<li>
|
||
<a href="#">Instalation</a>
|
||
<ul>
|
||
<li>
|
||
<a href="views.html">Manually</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Wizard</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Softaculous</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Fantastico</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Transfer</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href="#">Create</a>
|
||
<ul>
|
||
<li>
|
||
<a href="views.html">Multimedia</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Post</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Categories</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Comments</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Themes</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href="#">About</a>
|
||
<ul>
|
||
<li>
|
||
<a href="#">Instalation</a>
|
||
<ul>
|
||
<li>
|
||
<a href="views.html">Manually</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Wizard</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Softaculous</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Fantastico</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Transfer</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href="#">Create</a>
|
||
<ul>
|
||
<li>
|
||
<a href="views.html">Multimedia</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Post</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Categories</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Comments</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Themes</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href="#">Faq</a>
|
||
<ul>
|
||
<li>
|
||
<a href="#">Instalation</a>
|
||
<ul>
|
||
<li>
|
||
<a href="views.html">Manually</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Wizard</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Softaculous</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Fantastico</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Transfer</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href="#">Create</a>
|
||
<ul>
|
||
<li>
|
||
<a href="views.html">Multimedia</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Post</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Categories</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Comments</a>
|
||
</li>
|
||
<li>
|
||
<a href="views.html">Themes</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
<div class="widget">
|
||
<!-- Search -->
|
||
<div class="search">
|
||
<form action="#">
|
||
<input type="text" class="search-input form-control" placeholder="search">
|
||
<i class="fa fa-search search-icon"></i>
|
||
</form>
|
||
</div>
|
||
<!-- End of Search -->
|
||
</div>
|
||
<div class="widget">
|
||
<h3 class="widget-title">Recommended products</h3>
|
||
<!-- Recommended products -->
|
||
<ul class="widget-recommended-products">
|
||
<!-- Recommended product Item -->
|
||
<li class="widget-recommended-product">
|
||
<img src="http://placehold.it/67x67" class="widget-recommended-product-img" alt="Recommended products">
|
||
<a href="#" class="widget-recommended-product-link">
|
||
<h5 class="widget-recommended-product-link-title"> VSResume
|
||
<i class="fa fa-angle-right"></i>
|
||
</h5>
|
||
<p class="widget-recommended-product-link-description">Online CV / Resume Template</p>
|
||
</a>
|
||
</li>
|
||
<!-- End of Recommended product Item -->
|
||
<!-- Recommended product Item -->
|
||
<li class="widget-recommended-product">
|
||
<img src="http://placehold.it/67x67" class="widget-recommended-product-img" alt="Recommended products">
|
||
<a href="#" class="widget-recommended-product-link">
|
||
<h5 class="widget-recommended-product-link-title"> VSDocs
|
||
<i class="fa fa-angle-right"></i>
|
||
</h5>
|
||
<p class="widget-recommended-product-link-description">Online Documentation Template</p>
|
||
</a>
|
||
</li>
|
||
<!-- End of Recommended product Item -->
|
||
<!-- Recommended product Item -->
|
||
<li class="widget-recommended-product">
|
||
<img src="http://placehold.it/67x67" class="widget-recommended-product-img" alt="Recommended products">
|
||
<a href="#" class="widget-recommended-product-link">
|
||
<h5 class="widget-recommended-product-link-title"> Triablo
|
||
<i class="fa fa-angle-right"></i>
|
||
</h5>
|
||
<p class="widget-recommended-product-link-description">eCommerce Landing Page</p>
|
||
</a>
|
||
</li>
|
||
<!-- End of Recommended product Item -->
|
||
</ul>
|
||
<!-- End of Recommended products -->
|
||
<!-- Recommended products -->
|
||
<ul class="widget-recommended-products">
|
||
<!-- Recommended product Item -->
|
||
<li class="widget-recommended-product">
|
||
<img src="http://placehold.it/67x67" class="widget-recommended-product-img" alt="Recommended products">
|
||
<a href="#" class="widget-recommended-product-link">
|
||
<h5 class="widget-recommended-product-link-title"> Paradise Cakes
|
||
<i class="fa fa-angle-right"></i>
|
||
</h5>
|
||
<p class="widget-recommended-product-link-description">eCommerce Landing Page</p>
|
||
</a>
|
||
</li>
|
||
<!-- End of Recommended product Item -->
|
||
<!-- Recommended product Item -->
|
||
<li class="widget-recommended-product">
|
||
<img src="http://placehold.it/67x67" class="widget-recommended-product-img" alt="Recommended products">
|
||
<a href="#" class="widget-recommended-product-link">
|
||
<h5 class="widget-recommended-product-link-title"> EatLand
|
||
<i class="fa fa-angle-right"></i>
|
||
</h5>
|
||
<p class="widget-recommended-product-link-description">eCommerce Landing Page</p>
|
||
</a>
|
||
</li>
|
||
<!-- End of Recommended product Item -->
|
||
<!-- Recommended product Item -->
|
||
<li class="widget-recommended-product">
|
||
<img src="http://placehold.it/67x67" class="widget-recommended-product-img" alt="Recommended products">
|
||
<a href="#" class="widget-recommended-product-link">
|
||
<h5 class="widget-recommended-product-link-title"> VSBuilder
|
||
<i class="fa fa-angle-right"></i>
|
||
</h5>
|
||
<p class="widget-recommended-product-link-description">Pure HTML and CSS Page Builder</p>
|
||
</a>
|
||
</li>
|
||
<!-- End of Recommended product Item -->
|
||
</ul>
|
||
<!-- End of Recommended products -->
|
||
</div>
|
||
<div class="widget">
|
||
<h3 class="widget-title">Tags</h3>
|
||
<!-- Tags -->
|
||
<ul class="tags">
|
||
<li class="tag-item">
|
||
<a href="#">html</a>
|
||
</li>
|
||
<li class="tag-item">
|
||
<a href="#">css</a>
|
||
</li>
|
||
<li class="tag-item">
|
||
<a href="#">javascript</a>
|
||
</li>
|
||
<li class="tag-item">
|
||
<a href="#">jquery</a>
|
||
</li>
|
||
<li class="tag-item">
|
||
<a href="#">less</a>
|
||
</li>
|
||
<li class="tag-item">
|
||
<a href="#">sass</a>
|
||
</li>
|
||
<li class="tag-item">
|
||
<a href="#">haml</a>
|
||
</li>
|
||
<li class="tag-item">
|
||
<a href="#">gulp</a>
|
||
</li>
|
||
</ul>
|
||
<!-- End of Tags -->
|
||
</div>
|
||
</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> |