File: /home/imensosw/www/imenso.co/demo/diy/adminpanel/qrcode.php
<!DOCTYPE html>
<html lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>QR Codes- DIY Marketeer</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<?php include("inc/head.php");?>
</head>
<body>
<?php include("inc/header.php");?>
<div class="main-container" id="main-container">
<div class="main-container-inner">
<a class="menu-toggler" id="menu-toggler" href="#">
<span class="menu-text"></span>
</a>
<div class="sidebar" id="sidebar">
<div class="sidebar-shortcuts" id="sidebar-shortcuts">
<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
<i class="icon-calendar"></i> <?php echo date("M,d,Y")?>
</div>
</div><!-- #sidebar-shortcuts -->
</div>
</div>
</div>
<div class="main-content">
<div class="breadcrumbs" id="breadcrumbs">
<ul class="breadcrumb">
<li>
<i class="icon-thumbs-up"></i>
<a href="#">QR Code</a>
</li>
<li class="widget-toolbar no-border">
<button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
This Week
<i class="icon-angle-down icon-on-right bigger-110"></i>
</button>
<ul class="dropdown-menu pull-right dropdown-125 dropdown-lighter dropdown-caret">
<li class="active">
<a href="#" class="blue">
<i class="icon-caret-right bigger-110"> </i>
This Week
</a>
</li>
<li>
<a href="#">
<i class="icon-caret-right bigger-110 invisible"> </i>
Last Week
</a>
</li>
<li>
<a href="#">
<i class="icon-caret-right bigger-110 invisible"> </i>
This Month
</a>
</li>
<li>
<a href="#">
<i class="icon-caret-right bigger-110 invisible"> </i>
Last Month
</a>
</li>
</ul>
</li>
</ul>
<div class="nav-search" id="nav-search">
<form class="form-search">
<span class="input-icon">
<input placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" type="text">
<i class="icon-search nav-search-icon"></i>
</span>
</form>
</div><!-- #nav-search -->
</div>
<div class="page-content">
<div class="row">
<div class="col-sm-3">
<h4 class="lighter" style="text-align:left !important;">
</h4>
<div class="widget-box">
<div class="widget-header widget-header-flat widget-header-small" style="background:#87B87F !important;">
<h5 style="color:#FFF;">
1. QR Code Type
</h5>
</div>
<div class="widget-body" style="height:100%">
<div class="widget-main">
<div class="space-8"></div>
<button class="btn btn-app btn-light btn-xs">
<i class="icon-desktop bigger-160"></i>
Weblink
<br>
</button>
<button class="btn btn-app btn-light btn-xs">
<i class="icon-text-width bigger-160"></i>
Plain <br>Text
</button>
<button class="btn btn-app btn-light btn-xs">
<i class="icon-credit-card bigger-160"></i>
Business <br>Card
</button>
<button class="btn btn-app btn-light btn-xs">
<i class="icon-map-marker bigger-160"></i>
Geo- <br>location
</button>
<button class="btn btn-app btn-light btn-xs">
<i class="icon-comments bigger-160"></i>
Send an <br>SMS
</button>
<button class="btn btn-app btn-light btn-xs">
<i class="icon-phone bigger-160"></i>
Phone<br>
</button>
<button class="btn btn-app btn-light btn-xs">
<i class="icon-calendar bigger-160"></i>
Calendar<br>
</button>
<button class="btn btn-app btn-light btn-xs">
<i class="icon-signal bigger-160"></i>
Wireless <br>Networks
</button>
<button class="btn btn-app btn-light btn-xs">
<i class="icon-bolt bigger-160"></i>
Live<br>
</button>
<button class="btn btn-app btn-light btn-xs">
<i class="icon-mobile-phone bigger-160"></i>
Mobile<br> Page
</button>
</div>
<div class="clearfix">
</div>
</div><!-- /widget-main -->
</div>
<div class="widget-box" style="margin-top:20px;">
<div class="widget-header widget-header-flat widget-header-small" style="background:#428BCA !important;">
<h5 style="color:#FFF;">
2. Customization
</h5>
</div>
<div class="widget-body" style="height:100%">
<div class="widget-main">
<div class="space-8"></div>
<ul id="tasks" class="item-list ui-sortable">
<li class="item-default clearfix">
<label class="inline">
<i class="icon-umbrella"></i>
<span class="lbl"> Templates</span>
</label>
</li>
<li class="item-default clearfix">
<label class="inline">
<i class="icon-th"></i>
<span class="lbl"> Colors</span>
</label>
</li>
<li class="item-default clearfix">
<label class="inline">
<i class="icon-link"></i>
<span class="lbl"> Look</span>
</label>
</li>
<li class="item-default clearfix">
<label class="inline">
<i class="icon-paper-clip"></i>
<span class="lbl"> Logo</span>
</label>
</li>
<li class="item-default clearfix">
<label class="inline">
<i class="icon-eye-close"></i>
<span class="lbl"> Eyes</span>
</label>
</li>
<li class="item-default clearfix">
<label class="inline">
<i class="icon-cog"></i>
<span class="lbl"> Options</span>
</label>
</li>
</ul>
</div>
<div class="clearfix">
</div>
</div><!-- /widget-main -->
</div>
<div>
</div>
</div>
<div class="space-6"></div>
<div class="col-sm-8 infobox-container">
<div class="widget-box" style="text-align:left;">
<div class="widget-header widget-header-flat widget-header-small" style="background:#666 !important;">
<h5 style="color:#FFF;">
3. View QR Code from your QR Code Generator
</h5>
</div>
<div class="widget-body" style="height:100%">
<div class="widget-main">
<div class="space-8"></div>
<div class="col-sm-3">
<img src="images/qrcode.png" height="150">
</div>
<div class="col-sm-9">
<div class="infobox2 infobox-bluefb">
<div class="infobox-data">
<span class="infobox-data-number">Step 1</span>
<div class="infobox-content">Choose the format of your QR Code</div>
</div>
</div>
<div class="infobox2 infobox-bluefb">
<div class="infobox-data">
<span class="infobox-data-number">Step 2</span>
<div class="infobox-content">Customize the QR Code as you wish</div>
</div>
</div>
<div class="infobox2 infobox-bluefb">
<div class="infobox-data">
<span class="infobox-data-number">Step 3</span>
<div class="infobox-content">Download and share your QR Code</div>
</div>
</div>
<div class="space-12"></div>
<div class="alert alert-block alert-success">
<small> <strong class="green">
Learn more about <a href="">QR Codes and how to use them?</a>
</strong>
</small>
</div>
<div class="space-12"></div>
</div>
</div>
<div class="clearfix">
</div>
</div><!-- /widget-main -->
</div>
</div>
<div class="space-12"></div>
<div style="background:#FFF; text-align:left !important;">
<div class="space-6"></div>
<div class="space-6"></div>
</div>
</div>
</div><!-- /#ace-settings-container -->
</div><!-- /.main-container-inner -->
</div><!-- /.main-container -->
<?php include("inc/footer.php");?>
</body></html>