Kuntitled

The official documentation for Kuntitled - Free Agency Theme.

Overview

Kuntitled is a beautiful portfolio theme based on Bootstrap 3. Ideal for creative people or agencies.

Thanks for using Kuntitled.

Author: PanKogut
Support: info@pankogut.com

Main Structures

Template consist of menu, content, footer

Beginning of the page

<!DOCTYPE html>
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9"><![endif]-->
<!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]-->
            

Page Head

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    
    <title>Kuntitled - Free Responsive Theme</title>    
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Stylesheet -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    
    <!-- Favicon and Touch Icons -->
    <link rel="shortcut icon" href="images/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="images/apple-touch-icon-57-precomposed.png">

    <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head>
            

Menu

<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
    <div class="container">
        <div class="navbar-header page-scroll">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                <i class="fa fa-bars"></i>
            </button>
            <a class="navbar-brand" href="#page-top">
                <i class="fa fa-pagelines"></i>  <span>Kuntitled</span>
            </a>
        </div>

        <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
            <ul class="nav navbar-nav">
                <li class="hidden">
                    <a href="#page-top"></a>
                </li>
                <li class="page-scroll">
                    <a href="#process">Process</a>
                </li>
                <li class="page-scroll">
                    <a href="#service">Service</a>
                </li>
                <li class="page-scroll">
                    <a href="#portfolio">Portfolio</a>
                </li>
                <li class="page-scroll">
                    <a href="#about">About</a>
                </li>
                <li class="page-scroll">
                    <a href="#contact">Contact</a>
                </li>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container -->
</nav>
            

Content

<section id="process" class="container content-section text-center">
    <div class="row">
        <div class="col-md-4">
          ...
        </div>
        <div class="col-md-4">
          ...
        </div>
        <div class="col-md-4">
          ...
        </div>
    </div>
</section>
            

Footer Credits

<section id="credits" class="container content-credits text-center">
    <div class="row">
        <div class="col-lg-8 col-lg-offset-2">
            <p>Handcrafted by <a href="http://www.pankogut.com" target="_blank">PanKogut</a></p>
        </div>
    </div>
</section>
            

Javascript and jQuery

<!-- JavaScript -->
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/custom.js"></script>

<!-- Google Analytics -->
<script></script>
            

Theme Configuration

The pictures in this theme mockup were created by adding a 50% opacity black overlay to desaturated images. Using this technique on an image will replicate the effect shown.

Fonts

Kuntitled uses the fonts Montserrat and Open Sans from Google Fonts.

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700|Montserrat:400,700);

Credits

Changelog

Version 1.0.0

  • Initial release