nikhil karkra karkranikhil

🎯

Focusing

Full Stack Javascript Developer, Salesforce Lightning Developer, Cloud, Web Performance, A11y, RWD, PWD Specialist.

karkranikhil / index.html

Created August 19, 2015 10:26

google maps with angularjs

	<!DOCTYPE html>
	<html ng-app="bofaApp">
	<head>
	<meta charset="ISO-8859-1">
	<title>Insert title here</title>
	<link rel="stylesheet" href="maps.css">
	<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js"></script>
	<script src="http://maps.googleapis.com/maps/api/js?sensor=false&language=en"></script>
	<script type="text/javascript" src="maps.js"></script>
	</head>

karkranikhil / google map with markers and adding marker dynamically

Last active August 29, 2015 14:27

	<!DOCTYPE html>
	<html ng-app="mapsApp">
	<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
	<title>Event Locater</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

karkranikhil / myUsers.js

Created August 21, 2015 11:13

	var app=angular.module('myApp', []).controller('userCtrl', function($scope) {
	$scope.Users = {};
	Users=[
	{
	"Id" : "001",
	"Description" : "System Engg",
	"Category" : "SE",
	"Unit":"DISDCX"
	},
	{

karkranikhil / index.html

Last active August 29, 2015 14:28

	<!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]-->
	<head>
	<meta charset="utf-8" />
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />

karkranikhil / new code to edit

Last active August 27, 2015 02:00

	@import url(http://fonts.googleapis.com/css?family=Fjalla+One);
	.clearfix {
	*zoom: 1
	}
	.clearfix:before,
	.clearfix:after {
	display: table;
	content: "";
	line-height: 0
	}

karkranikhil / carousel with one go

Created August 26, 2015 15:42

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>Bootstrap Example</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
	<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
	<style>

karkranikhil / high charts in carousel

Last active October 25, 2015 06:12

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>Bootstrap Example</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
	<style>
	.carousel-inner .active.left { left: -33%; }
	.carousel-inner .next { left: 33%; }

karkranikhil / NAD loginpage

Last active October 25, 2015 05:32

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>NAD Login</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
	<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
	<script>

karkranikhil / negative column chart

Created August 31, 2015 10:02

	// Data gathered from http://populationpyramid.net/germany/2015/
	$(function () {
	// Age categories
	var categories1 = ['0-4', '5-9', '10-14', '15-19',
	'20-24', '25-29'];
	var categories2 = ['a', 'v', '10-14', '15-19',
	'20-24', '25-29'];
	$(document).ready(function () {
	$('#container').highcharts({
	chart: {

karkranikhil / index.html

Last active September 10, 2015 18:12

	<!DOCTYPE html>
	<html ng-app="myModal">

	<head>
	<title>Modal</title>
	<script data-require="jquery@1.9.0" data-semver="1.9.0" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.0/jquery.js"></script>
	<link data-require="bootstrap@3.0.0" data-semver="3.0.0" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />
	<script data-require="bootstrap@3.0.0" data-semver="3.0.0" src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
	<script data-require="angular.js@1.2.14" data-semver="1.2.14" src="http://code.angularjs.org/1.2.14/angular.js"></script>
	<script src="script.js"></script>