AngularJS panel

-
<title>AngularJS Panels</title>
<meta name="description" content="Angular widget for easy creation of portal-like floating panels">
<meta name="author" content="Piotr Kukielka">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="Your css file">
<style>
body {
padding-top: 60px;
padding-bottom: 40px;
}
</style>
<link rel="stylesheet" href="bootstrap css here">
<link rel="stylesheet" href="style css">
<script src="JS file"></script>
</head>
<body class="bg-gradient" data-spy="scroll" data-target="#navbarMain" data-offset="40">
<!-- =================== Navigation bar =================== -->
<div id="navbarMain" class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="Angular panels
">
AngularJS Panels
<i class="icon-th-large icon-white"></i>
</a>
<div class="nav-collapse">
<ul class="nav">
<li class="active"><a href="#demo">Demo</a></li>
<li><a class="" href="#documentation">Documentation</a></li>
<li><a class="" href="#acknowledgments">Acknowledgments</a></li>
<li><a class="" href="#contact">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>

Comments

Post a Comment

Popular posts from this blog

Angular js filters

-
<!DOCTYPE html> <html> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> <body> <div ng-app="myApp" ng-controller="personCtrl"> <p>The name is {{ lastName | uppercase }}</p> </div> <script> angular.module('myApp', []).controller('personCtrl', function($scope) {     $scope.firstName = "John",     $scope.lastName = "Doe" }); </script> </body> </html>
Read more

classic window

-
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="<$BlogLanguageDirection$>"> <head>   <title><$BlogPageTitle$></title>   <$BlogMetaData$>   <style type="text/css"> /* ----------------------------------------------- Blogger Template Style Name:     Rounders Date:     27 Feb 2004 ----------------------------------------------- */ body {   background:#aba;   margin:0;   padding:20px 10px;   text-align:center;   font:x-small/1.5em "Trebuchet MS",Verdana,Arial,Sans-serif;   color:#333;   font-size/* */:/**/small;   font-size: /**/small;   } /* Page Structure ----------------------------------------------- */ /* The images which help create ro...
Read more