├── 11.mp3 ├── notes ├── a.mp3 ├── b.mp3 ├── b1.mp3 ├── c.mp3 ├── c1.mp3 ├── d.mp3 ├── e.mp3 ├── e1.mp3 ├── f.mp3 ├── f1.mp3 ├── g.mp3 └── g1.mp3 ├── welcome.mp3 ├── about_header.JPG ├── images ├── about.jpg ├── blog_1.jpg ├── blog_2.jpg ├── fbicon.png ├── gift.png ├── love.jpg ├── love.png ├── paper.jpg ├── stalk.png ├── birthday.png ├── clickme.png ├── gravatar.png ├── linkedin.png ├── loading.gif ├── background1.jpg ├── background3.jpg ├── friendship.jpg ├── friendship.png ├── twittericon.png ├── youtubeicon.png ├── about_header.JPG ├── blog_1_featured.jpg ├── blog_2_featured.jpg ├── home_background.jpg └── home_background1.jpg ├── fonts ├── FontAwesome.otf ├── fontawesome-webfont.eot ├── fontawesome-webfont.ttf ├── fontawesome-webfont.woff ├── glyphicons-halflings-regular.eot ├── glyphicons-halflings-regular.ttf └── glyphicons-halflings-regular.woff ├── css ├── custom1.css ├── custom2.css ├── pfold.css ├── demo.css ├── themes │ ├── color-3.css │ ├── color-2.css │ ├── color-4.css │ └── color-5.css ├── piano.css └── font-awesome.min.css ├── params.json ├── stylesheets ├── github-light.css ├── stylesheet.css └── normalize.css ├── index.html ├── js ├── jquery.easypiechart.min.js ├── borderMenu.js ├── newjs.js ├── jquery.easing.min.js ├── modernizr.custom.79639.js ├── jquery.easypiechart.js └── custom.js ├── portfolio-single.html ├── register1.html ├── contact.html ├── about.html ├── blog.html ├── single-post.html └── newtry.html /11.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/11.mp3 -------------------------------------------------------------------------------- /notes/a.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/notes/a.mp3 -------------------------------------------------------------------------------- /notes/b.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/notes/b.mp3 -------------------------------------------------------------------------------- /notes/b1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/notes/b1.mp3 -------------------------------------------------------------------------------- /notes/c.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/notes/c.mp3 -------------------------------------------------------------------------------- /notes/c1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/notes/c1.mp3 -------------------------------------------------------------------------------- /notes/d.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/notes/d.mp3 -------------------------------------------------------------------------------- /notes/e.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/notes/e.mp3 -------------------------------------------------------------------------------- /notes/e1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/notes/e1.mp3 -------------------------------------------------------------------------------- /notes/f.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/notes/f.mp3 -------------------------------------------------------------------------------- /notes/f1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/notes/f1.mp3 -------------------------------------------------------------------------------- /notes/g.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/notes/g.mp3 -------------------------------------------------------------------------------- /notes/g1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/notes/g1.mp3 -------------------------------------------------------------------------------- /welcome.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/welcome.mp3 -------------------------------------------------------------------------------- /about_header.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/about_header.JPG -------------------------------------------------------------------------------- /images/about.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/images/about.jpg -------------------------------------------------------------------------------- /images/blog_1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/images/blog_1.jpg -------------------------------------------------------------------------------- /images/blog_2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/images/blog_2.jpg -------------------------------------------------------------------------------- /images/fbicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/images/fbicon.png -------------------------------------------------------------------------------- /images/gift.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/images/gift.png -------------------------------------------------------------------------------- /images/love.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/images/love.jpg -------------------------------------------------------------------------------- /images/love.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/images/love.png -------------------------------------------------------------------------------- /images/paper.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/images/paper.jpg -------------------------------------------------------------------------------- /images/stalk.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/images/stalk.png -------------------------------------------------------------------------------- /images/birthday.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/images/birthday.png -------------------------------------------------------------------------------- /images/clickme.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/images/clickme.png -------------------------------------------------------------------------------- /images/gravatar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/images/gravatar.png -------------------------------------------------------------------------------- /images/linkedin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/images/linkedin.png -------------------------------------------------------------------------------- /images/loading.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/images/loading.gif -------------------------------------------------------------------------------- /fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /images/background1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/images/background1.jpg -------------------------------------------------------------------------------- /images/background3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/images/background3.jpg -------------------------------------------------------------------------------- /images/friendship.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/images/friendship.jpg -------------------------------------------------------------------------------- /images/friendship.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/images/friendship.png -------------------------------------------------------------------------------- /images/twittericon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/images/twittericon.png -------------------------------------------------------------------------------- /images/youtubeicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/images/youtubeicon.png -------------------------------------------------------------------------------- /images/about_header.JPG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/images/about_header.JPG -------------------------------------------------------------------------------- /images/blog_1_featured.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/images/blog_1_featured.jpg -------------------------------------------------------------------------------- /images/blog_2_featured.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/images/blog_2_featured.jpg -------------------------------------------------------------------------------- /images/home_background.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/images/home_background.jpg -------------------------------------------------------------------------------- /images/home_background1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/images/home_background1.jpg -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Anil-matcha/maskaiitd.github.io/master/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /css/custom1.css: -------------------------------------------------------------------------------- 1 | 2 | /* Demo 1 */ 3 | .demo-1 .uc-container{ 4 | width: 150px; 5 | height: 150px; 6 | margin: 60px auto; 7 | } 8 | 9 | .demo-1 .uc-single, 10 | .demo-1 .uc-final, 11 | .demo-1 .uc-initial-content, 12 | .demo-1 .uc-back, 13 | .demo-1 .uc-front { 14 | background: #fff url(../images/paper.jpg) repeat center center; 15 | } 16 | 17 | .demo-1 span.clickme { 18 | display: block; 19 | float: left; 20 | color: transparent; 21 | width: 136px; 22 | height: 71px; 23 | margin: 85px 0 0 0px; 24 | cursor: pointer; 25 | background: transparent url(../images/clickme.png) no-repeat center center; 26 | } 27 | 28 | .demo-1 .scrollwrap { 29 | width: 100%; 30 | height: 100%; 31 | padding: 30px; 32 | overflow: hidden; 33 | position: absolute; 34 | color: #224092; 35 | font-family: "Satisfy", cursive;§ 36 | text-shadow: 0 1px 0 rgba(255,255,255,0.8); 37 | box-shadow: inset 0 0 0 1px rgba(255,255,255,0.7); 38 | cursor: pointer; 39 | } 40 | 41 | .demo-1 .scrollwrap h3 { 42 | font-weight: normal; 43 | font-size: 22px; 44 | padding: 30px 0 10px 30px; 45 | pointer-events: none; 46 | } 47 | 48 | .demo-1 .scrollwrap p { 49 | font-size: 18px; 50 | padding: 0 40px 0 40px; 51 | pointer-events: none; 52 | } 53 | 54 | .demo-1 .scrollwrap p.signature { 55 | font-size: 20px; 56 | padding: 10px 30px 0 30px; 57 | text-align: right; 58 | pointer-events: none; 59 | } 60 | 61 | .demo-1 .close { 62 | position: absolute; 63 | top: 10px; 64 | right: 10px; 65 | font-family: "Satisfy", cursive; 66 | color: #224092; 67 | cursor: pointer; 68 | font-size: 20px; 69 | width: 20px; 70 | height: 20px; 71 | border: 2px solid #224092; 72 | border-radius: 50%; 73 | text-align: center; 74 | line-height: 14px; 75 | } 76 | -------------------------------------------------------------------------------- /params.json: -------------------------------------------------------------------------------- 1 | {"name":"Maskaiitd.GitHub.io","tagline":"","body":"### Welcome to GitHub Pages.\r\nThis automatic page generator is the easiest way to create beautiful pages for all of your projects. Author your page content here [using GitHub Flavored Markdown](https://guides.github.com/features/mastering-markdown/), select a template crafted by a designer, and publish. After your page is generated, you can check out the new `gh-pages` branch locally. If you're using GitHub for Mac or GitHub for Windows, simply sync your repository and you'll see the new branch.\r\n\r\n### Designer Templates\r\nWe've crafted some handsome templates for you to use. Go ahead and click 'Continue to layouts' to browse through them. You can easily go back to edit your page before publishing. After publishing your page, you can revisit the page generator and switch to another theme. Your Page content will be preserved.\r\n\r\n### Creating pages manually\r\nIf you prefer to not use the automatic generator, push a branch named `gh-pages` to your repository to create a page manually. In addition to supporting regular HTML content, GitHub Pages support Jekyll, a simple, blog aware static site generator. Jekyll makes it easy to create site-wide headers and footers without having to copy them across every page. It also offers intelligent blog support and other advanced templating features.\r\n\r\n### Authors and Contributors\r\nYou can @mention a GitHub username to generate a link to their profile. The resulting `` element will link to the contributor's GitHub Profile. For example: In 2007, Chris Wanstrath (@defunkt), PJ Hyett (@pjhyett), and Tom Preston-Werner (@mojombo) founded GitHub.\r\n\r\n### Support or Contact\r\nHaving trouble with Pages? Check out our [documentation](https://help.github.com/pages) or [contact support](https://github.com/contact) and we’ll help you sort it out.\r\n","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."} -------------------------------------------------------------------------------- /stylesheets/github-light.css: -------------------------------------------------------------------------------- 1 | /* 2 | Copyright 2014 GitHub Inc. 3 | 4 | Licensed under the Apache License, Version 2.0 (the "License"); 5 | you may not use this file except in compliance with the License. 6 | You may obtain a copy of the License at 7 | 8 | http://www.apache.org/licenses/LICENSE-2.0 9 | 10 | Unless required by applicable law or agreed to in writing, software 11 | distributed under the License is distributed on an "AS IS" BASIS, 12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | See the License for the specific language governing permissions and 14 | limitations under the License. 15 | 16 | */ 17 | 18 | .pl-c /* comment */ { 19 | color: #969896; 20 | } 21 | 22 | .pl-c1 /* constant, markup.raw, meta.diff.header, meta.module-reference, meta.property-name, support, support.constant, support.variable, variable.other.constant */, 23 | .pl-s .pl-v /* string variable */ { 24 | color: #0086b3; 25 | } 26 | 27 | .pl-e /* entity */, 28 | .pl-en /* entity.name */ { 29 | color: #795da3; 30 | } 31 | 32 | .pl-s .pl-s1 /* string source */, 33 | .pl-smi /* storage.modifier.import, storage.modifier.package, storage.type.java, variable.other, variable.parameter.function */ { 34 | color: #333; 35 | } 36 | 37 | .pl-ent /* entity.name.tag */ { 38 | color: #63a35c; 39 | } 40 | 41 | .pl-k /* keyword, storage, storage.type */ { 42 | color: #a71d5d; 43 | } 44 | 45 | .pl-pds /* punctuation.definition.string, string.regexp.character-class */, 46 | .pl-s /* string */, 47 | .pl-s .pl-pse .pl-s1 /* string punctuation.section.embedded source */, 48 | .pl-sr /* string.regexp */, 49 | .pl-sr .pl-cce /* string.regexp constant.character.escape */, 50 | .pl-sr .pl-sra /* string.regexp string.regexp.arbitrary-repitition */, 51 | .pl-sr .pl-sre /* string.regexp source.ruby.embedded */ { 52 | color: #183691; 53 | } 54 | 55 | .pl-v /* variable */ { 56 | color: #ed6a43; 57 | } 58 | 59 | .pl-id /* invalid.deprecated */ { 60 | color: #b52a1d; 61 | } 62 | 63 | .pl-ii /* invalid.illegal */ { 64 | background-color: #b52a1d; 65 | color: #f8f8f8; 66 | } 67 | 68 | .pl-sr .pl-cce /* string.regexp constant.character.escape */ { 69 | color: #63a35c; 70 | font-weight: bold; 71 | } 72 | 73 | .pl-ml /* markup.list */ { 74 | color: #693a17; 75 | } 76 | 77 | .pl-mh /* markup.heading */, 78 | .pl-mh .pl-en /* markup.heading entity.name */, 79 | .pl-ms /* meta.separator */ { 80 | color: #1d3e81; 81 | font-weight: bold; 82 | } 83 | 84 | .pl-mq /* markup.quote */ { 85 | color: #008080; 86 | } 87 | 88 | .pl-mi /* markup.italic */ { 89 | color: #333; 90 | font-style: italic; 91 | } 92 | 93 | .pl-mb /* markup.bold */ { 94 | color: #333; 95 | font-weight: bold; 96 | } 97 | 98 | .pl-md /* markup.deleted, meta.diff.header.from-file */ { 99 | background-color: #ffecec; 100 | color: #bd2c00; 101 | } 102 | 103 | .pl-mi1 /* markup.inserted, meta.diff.header.to-file */ { 104 | background-color: #eaffea; 105 | color: #55a532; 106 | } 107 | 108 | .pl-mdr /* meta.diff.range */ { 109 | color: #795da3; 110 | font-weight: bold; 111 | } 112 | 113 | .pl-mo /* meta.output */ { 114 | color: #1d3e81; 115 | } 116 | 117 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | Expression 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 |
38 |
39 | 40 | 54 | 55 | 56 |
57 |
58 | 59 |

Welcome to Expression

60 |

A Beautiful Way to express your wishes

61 |

Click on the top left corner

62 |
63 |
64 |
65 |
66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | -------------------------------------------------------------------------------- /css/custom2.css: -------------------------------------------------------------------------------- 1 | /* Demo 2 */ 2 | @font-face { 3 | font-family: 'entypo-selected'; 4 | src: url("../font/entypo-selected.eot"); 5 | src: url("../font/entypo-selected.eot?#iefix") format('embedded-opentype'), url("../font/entypo-selected.woff") format('woff'), url("../font/entypo-selected.ttf") format('truetype'), url("../font/entypo-selected.svg#entypo-selected") format('svg'); 6 | font-weight: normal; 7 | font-style: normal; 8 | } 9 | 10 | [class^="icon-"]:before, 11 | [class*=" icon-"]:before { 12 | font-family: 'entypo-selected'; 13 | font-style: normal; 14 | font-weight: normal; 15 | speak: none; 16 | display: inline-block; 17 | text-decoration: inherit; 18 | width: 1em; 19 | margin-right: 0.2em; 20 | text-align: center; 21 | line-height: 1em; 22 | } 23 | 24 | .icon-cancel:before { content: '\2715'; } /* '✕' */ 25 | .icon-plus-circle:before { content: '\50'; } /* 'P' */ 26 | .icon-forward:before { content: '\47'; } /* 'G' */ 27 | .icon-eye:before { content: '\56'; } /* 'V' */ 28 | .icon-search:before { content: '\5a'; } /* 'Z' */ 29 | .icon-link:before { content: '\4c'; } /* 'L' */ 30 | 31 | .demo-2 .grid { 32 | width: 460px; 33 | margin: 30px auto; 34 | } 35 | 36 | .demo-2 .uc-container { 37 | width: 200px; 38 | height: 150px; 39 | float: left; 40 | margin: 15px; 41 | } 42 | 43 | .demo-2 .uc-single, 44 | .demo-2 .uc-final, 45 | .demo-2 .uc-initial-content, 46 | .demo-2 .uc-back, 47 | .demo-2 .uc-front { 48 | background: #29a6aa url(../images/noise.png) repeat top left; 49 | } 50 | 51 | .demo-2 .icon-eye { 52 | position: absolute; 53 | top: 0; 54 | left: 0; 55 | text-indent: 4px; 56 | font-size: 60px; 57 | color: transparent; 58 | color: rgba(255,255,255,0); 59 | width: 100%; 60 | height: 100%; 61 | line-height: 145px; 62 | text-align: center; 63 | background: rgba(41,166,170,0); 64 | cursor: pointer; 65 | -webkit-backface-visibility: hidden; 66 | -moz-backface-visibility: hidden; 67 | -o-backface-visibility: hidden; 68 | -ms-backface-visibility: hidden; 69 | backface-visibility: hidden; 70 | -webkit-transition: all 0.3s linear; 71 | -moz-transition: all 0.3s linear; 72 | -o-transition: all 0.3s linear; 73 | -ms-transition: all 0.3s linear; 74 | transition: all 0.3s linear; 75 | } 76 | 77 | .no-touch .demo-2 .uc-initial-content:hover .icon-eye { 78 | color: rgba(255,255,255,0.8); 79 | background: rgba(41,166,170,0.7); 80 | } 81 | 82 | .demo-2 .uc-initial-content img { 83 | display: block; 84 | } 85 | 86 | .demo-2 .title { 87 | position: absolute; 88 | background: rgba(255,255,255,0.9); 89 | bottom: 10px; 90 | left: 10px; 91 | right: 10px; 92 | padding: 10px; 93 | font-size: 12px; 94 | line-height: 16px; 95 | font-weight: bold; 96 | } 97 | 98 | .demo-2 .title h4 { 99 | color: #aaa; 100 | } 101 | 102 | .demo-2 .icon-link { 103 | width: 30px; 104 | height: 30px; 105 | background: #ddd; 106 | position: absolute; 107 | right: 10px; 108 | top: 10px; 109 | line-height: 26px; 110 | text-align: center; 111 | font-size: 18px; 112 | border-radius: 50%; 113 | text-indent: 2px; 114 | } 115 | 116 | .demo-2 .icon-cancel { 117 | position: absolute; 118 | background: rgba(0,0,0,0.4); 119 | text-align: center; 120 | line-height: 15px; 121 | font-size: 18px; 122 | color: #fff; 123 | opacity: 1; 124 | width: 18px; 125 | top: 10px; 126 | right: 10px; 127 | cursor: pointer; 128 | border-radius: 2px; 129 | box-shadow: 0 1px 0 rgba(255,255,255,0.4); 130 | } 131 | 132 | .demo-2 .icon-cancel:hover { 133 | background: rgba(0,0,0,1); 134 | } 135 | 136 | .demo-2 .uc-current .uc-container{ 137 | 138 | } 139 | -------------------------------------------------------------------------------- /js/jquery.easypiechart.min.js: -------------------------------------------------------------------------------- 1 | /**! 2 | * easyPieChart 3 | * Lightweight plugin to render simple, animated and retina optimized pie charts 4 | * 5 | * @license 6 | * @author Robert Fleischmann (http://robert-fleischmann.de) 7 | * @version 2.1.4 8 | **/ 9 | !function(a,b){"object"==typeof exports?module.exports=b(require("jquery")):"function"==typeof define&&define.amd?define(["jquery"],b):b(a.jQuery)}(this,function(a){var b=function(a,b){var c,d=document.createElement("canvas");a.appendChild(d),"undefined"!=typeof G_vmlCanvasManager&&G_vmlCanvasManager.initElement(d);var e=d.getContext("2d");d.width=d.height=b.size;var f=1;window.devicePixelRatio>1&&(f=window.devicePixelRatio,d.style.width=d.style.height=[b.size,"px"].join(""),d.width=d.height=b.size*f,e.scale(f,f)),e.translate(b.size/2,b.size/2),e.rotate((-0.5+b.rotate/180)*Math.PI);var g=(b.size-b.lineWidth)/2;b.scaleColor&&b.scaleLength&&(g-=b.scaleLength+2),Date.now=Date.now||function(){return+new Date};var h=function(a,b,c){c=Math.min(Math.max(-1,c||0),1);var d=0>=c?!0:!1;e.beginPath(),e.arc(0,0,g,0,2*Math.PI*c,d),e.strokeStyle=a,e.lineWidth=b,e.stroke()},i=function(){var a,c;e.lineWidth=1,e.fillStyle=b.scaleColor,e.save();for(var d=24;d>0;--d)d%6===0?(c=b.scaleLength,a=0):(c=.6*b.scaleLength,a=b.scaleLength-c),e.fillRect(-b.size/2+a,0,c,1),e.rotate(Math.PI/12);e.restore()},j=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(a){window.setTimeout(a,1e3/60)}}(),k=function(){b.scaleColor&&i(),b.trackColor&&h(b.trackColor,b.lineWidth,1)};this.getCanvas=function(){return d},this.getCtx=function(){return e},this.clear=function(){e.clearRect(b.size/-2,b.size/-2,b.size,b.size)},this.draw=function(a){b.scaleColor||b.trackColor?e.getImageData&&e.putImageData?c?e.putImageData(c,0,0):(k(),c=e.getImageData(0,0,b.size*f,b.size*f)):(this.clear(),k()):this.clear(),e.lineCap=b.lineCap;var d;d="function"==typeof b.barColor?b.barColor(a):b.barColor,h(d,b.lineWidth,a/100)}.bind(this),this.animate=function(a,c){var d=Date.now();b.onStart(a,c);var e=function(){var f=Math.min(Date.now()-d,b.animate.duration),g=b.easing(this,f,a,c-a,b.animate.duration);this.draw(g),b.onStep(a,c,g),f>=b.animate.duration?b.onStop(a,c):j(e)}.bind(this);j(e)}.bind(this)},c=function(a,c){var d={barColor:"#ef1e25",trackColor:"#f9f9f9",scaleColor:"#dfe0e0",scaleLength:5,lineCap:"round",lineWidth:3,size:110,rotate:0,animate:{duration:1e3,enabled:!0},easing:function(a,b,c,d,e){return b/=e/2,1>b?d/2*b*b+c:-d/2*(--b*(b-2)-1)+c},onStart:function(){},onStep:function(){},onStop:function(){}};if("undefined"!=typeof b)d.renderer=b;else{if("undefined"==typeof SVGRenderer)throw new Error("Please load either the SVG- or the CanvasRenderer");d.renderer=SVGRenderer}var e={},f=0,g=function(){this.el=a,this.options=e;for(var b in d)d.hasOwnProperty(b)&&(e[b]=c&&"undefined"!=typeof c[b]?c[b]:d[b],"function"==typeof e[b]&&(e[b]=e[b].bind(this)));e.easing="string"==typeof e.easing&&"undefined"!=typeof jQuery&&jQuery.isFunction(jQuery.easing[e.easing])?jQuery.easing[e.easing]:d.easing,"number"==typeof e.animate&&(e.animate={duration:e.animate,enabled:!0}),"boolean"!=typeof e.animate||e.animate||(e.animate={duration:1e3,enabled:e.animate}),this.renderer=new e.renderer(a,e),this.renderer.draw(f),a.dataset&&a.dataset.percent?this.update(parseFloat(a.dataset.percent)):a.getAttribute&&a.getAttribute("data-percent")&&this.update(parseFloat(a.getAttribute("data-percent")))}.bind(this);this.update=function(a){return a=parseFloat(a),e.animate.enabled?this.renderer.animate(f,a):this.renderer.draw(a),f=a,this}.bind(this),this.disableAnimation=function(){return e.animate.enabled=!1,this},this.enableAnimation=function(){return e.animate.enabled=!0,this},g()};a.fn.easyPieChart=function(b){return this.each(function(){var d;a.data(this,"easyPieChart")||(d=a.extend({},b,a(this).data()),a.data(this,"easyPieChart",new c(this,d)))})}}); -------------------------------------------------------------------------------- /js/borderMenu.js: -------------------------------------------------------------------------------- 1 | /** 2 | * borderMenu.js v1.0.0 3 | * http://www.codrops.com 4 | * 5 | * Licensed under the MIT license. 6 | * http://www.opensource.org/licenses/mit-license.php 7 | * 8 | * Copyright 2013, Codrops 9 | * http://www.codrops.com 10 | */ 11 | (function() { 12 | 13 | // http://stackoverflow.com/a/11381730/989439 14 | function mobilecheck() { 15 | var check = false; 16 | (function(a){if(/(android|ipad|playbook|silk|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dke|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))check = true})(navigator.userAgent||navigator.vendor||window.opera); 17 | return check; 18 | } 19 | 20 | function init() { 21 | 22 | var menu = document.getElementById( 'k-menu' ), 23 | trigger = menu.querySelector( 'a.k-menu-trigger' ), 24 | // triggerPlay only for demo 6 25 | triggerPlay = document.querySelector( 'a.k-menu-trigger-out' ), 26 | // event type (if mobile use touch events) 27 | eventtype = mobilecheck() ? 'touchstart' : 'click', 28 | resetMenu = function() { 29 | classie.remove( menu, 'k-menu-open' ); 30 | classie.add( menu, 'k-menu-close' ); 31 | }, 32 | closeClickFn = function( ev ) { 33 | resetMenu(); 34 | overlay.removeEventListener( eventtype, closeClickFn ); 35 | }; 36 | 37 | var overlay = document.createElement('div'); 38 | overlay.className = 'k-overlay'; 39 | menu.appendChild( overlay ); 40 | 41 | trigger.addEventListener( eventtype, function( ev ) { 42 | ev.stopPropagation(); 43 | ev.preventDefault(); 44 | 45 | if( classie.has( menu, 'k-menu-open' ) ) { 46 | resetMenu(); 47 | } 48 | else { 49 | classie.remove( menu, 'k-menu-close' ); 50 | classie.add( menu, 'k-menu-open' ); 51 | overlay.addEventListener( eventtype, closeClickFn ); 52 | } 53 | }); 54 | 55 | if( triggerPlay ) { 56 | triggerPlay.addEventListener( eventtype, function( ev ) { 57 | ev.stopPropagation(); 58 | ev.preventDefault(); 59 | 60 | classie.remove( menu, 'k-menu-close' ); 61 | classie.add( menu, 'k-menu-open' ); 62 | overlay.addEventListener( eventtype, closeClickFn ); 63 | }); 64 | } 65 | 66 | } 67 | 68 | init(); 69 | 70 | })(); -------------------------------------------------------------------------------- /css/pfold.css: -------------------------------------------------------------------------------- 1 | /* pfold style */ 2 | 3 | .uc-container { 4 | position: relative; 5 | width: 100px; 6 | height: 100px; 7 | top: 0; 8 | left: 0; 9 | } 10 | 11 | .uc-single, 12 | .uc-final-wrapper, 13 | .uc-initial-content, 14 | .uc-back, 15 | .uc-front { 16 | background: #fff; 17 | } 18 | 19 | .uc-final, 20 | .uc-initial, 21 | .uc-final-wrapper { 22 | width: 100%; 23 | height: 100%; 24 | position: absolute; 25 | top: 0; 26 | left: 0; 27 | } 28 | 29 | .uc-initial-content, 30 | .uc-final-content { 31 | width: 100%; 32 | height: 100%; 33 | position: relative; 34 | } 35 | 36 | .uc-final, 37 | .uc-final-content { 38 | display: none; 39 | } 40 | 41 | .uc-initial-content { 42 | -webkit-backface-visibility: hidden; 43 | -moz-backface-visibility: hidden; 44 | -o-backface-visibility: hidden; 45 | -ms-backface-visibility: hidden; 46 | backface-visibility: hidden; 47 | } 48 | 49 | .uc-part { 50 | top: 0; 51 | left: 0; 52 | position: absolute; 53 | -webkit-transform-style: preserve-3d; 54 | -moz-transform-style: preserve-3d; 55 | -o-transform-style: preserve-3d; 56 | -ms-transform-style: preserve-3d; 57 | transform-style: preserve-3d; 58 | } 59 | 60 | .uc-part > div { 61 | display: block; 62 | position: absolute; 63 | width: 100%; 64 | height: 100%; 65 | -webkit-backface-visibility: hidden; 66 | -moz-backface-visibility: hidden; 67 | -o-backface-visibility: hidden; 68 | -ms-backface-visibility: hidden; 69 | backface-visibility: hidden; 70 | } 71 | 72 | .uc-part .uc-back { 73 | -webkit-transform: rotateY(-180deg); 74 | -moz-transform: rotateY(-180deg); 75 | -o-transform: rotateY(-180deg); 76 | -ms-transform: rotateY(-180deg); 77 | transform: rotateY(-180deg); 78 | } 79 | 80 | /* Transformation-origin classes */ 81 | 82 | .uc-unfold-left { 83 | -webkit-transform-origin: 0 50%; 84 | -moz-transform-origin: 0 50%; 85 | -o-transform-origin: 0 50%; 86 | -ms-transform-origin: 0 50%; 87 | transform-origin: 0 50%; 88 | } 89 | 90 | .uc-unfold-right { 91 | -webkit-transform-origin: 100% 50%; 92 | -moz-transform-origin: 100% 50%; 93 | -o-transform-origin: 100% 50%; 94 | -ms-transform-origin: 100% 50%; 95 | transform-origin: 100% 50%; 96 | } 97 | 98 | .uc-unfold-top { 99 | -webkit-transform-origin: 50% 0%; 100 | -moz-transform-origin: 50% 0%; 101 | -o-transform-origin: 50% 0%; 102 | -ms-transform-origin: 50% 0%; 103 | transform-origin: 50% 0%; 104 | } 105 | 106 | .uc-unfold-bottom { 107 | -webkit-transform-origin: 50% 100%; 108 | -moz-transform-origin: 50% 100%; 109 | -o-transform-origin: 50% 100%; 110 | -ms-transform-origin: 50% 100%; 111 | transform-origin: 50% 100%; 112 | } 113 | 114 | /* Unfolding classes */ 115 | .uc-unfold-left.uc-unfold { 116 | -webkit-transform: rotateY(-180deg); 117 | -moz-transform: rotateY(-180deg); 118 | -o-transform: rotateY(-180deg); 119 | -ms-transform: rotateY(-180deg); 120 | transform: rotateY(-180deg); 121 | } 122 | 123 | .uc-unfold-right.uc-unfold { 124 | -webkit-transform: rotateY(180deg); 125 | -moz-transform: rotateY(180deg); 126 | -o-transform: rotateY(180deg); 127 | -ms-transform: rotateY(180deg); 128 | transform: rotateY(180deg); 129 | } 130 | 131 | .uc-unfold-top.uc-unfold { 132 | -webkit-transform: rotateX(180deg); 133 | -moz-transform: rotateX(180deg); 134 | -o-transform: rotateX(180deg); 135 | -ms-transform: rotateX(180deg); 136 | transform: rotateX(180deg); 137 | } 138 | 139 | .uc-unfold-bottom.uc-unfold{ 140 | -webkit-transform: rotateX(-180deg); 141 | -moz-transform: rotateX(-180deg); 142 | -o-transform: rotateX(-180deg); 143 | -ms-transform: rotateX(-180deg); 144 | transform: rotateX(-180deg); 145 | } 146 | 147 | .uc-overlay { 148 | width: 100%; 149 | height: 100%; 150 | position: absolute; 151 | top: 0; 152 | left: 0; 153 | } 154 | 155 | .uc-overlay, 156 | .uc-flipoverlay { 157 | background-color: rgba(100, 100, 100, 0.7); 158 | position: absolute; 159 | top: 0px; 160 | left: 0px; 161 | width: 100%; 162 | height: 100%; 163 | opacity: 0; 164 | -webkit-backface-visibility: hidden; 165 | -moz-backface-visibility: hidden; 166 | -o-backface-visibility: hidden; 167 | -ms-backface-visibility: hidden; 168 | backface-visibility: hidden; 169 | } 170 | 171 | .uc-flipoverlay { 172 | background-color: rgba(100, 100, 100, 0.4); 173 | } 174 | 175 | .uc-inner { 176 | position: absolute; 177 | left: 0; 178 | top: 0; 179 | overflow: hidden; 180 | width: 100%; 181 | height: 100%; 182 | } 183 | 184 | .uc-inner-rotate { 185 | -webkit-transform: rotateY(180deg) rotateX(180deg); 186 | -moz-transform: rotateY(180deg) rotateX(180deg); 187 | -o-transform: rotateY(180deg) rotateX(180deg); 188 | -ms-transform: rotateY(180deg) rotateX(180deg); 189 | transform: rotateY(180deg) rotateX(180deg); 190 | } 191 | 192 | .uc-container.uc-current { 193 | z-index: 9999; 194 | } 195 | 196 | -------------------------------------------------------------------------------- /js/newjs.js: -------------------------------------------------------------------------------- 1 | /*================================================================================ 2 | * @name: bPopup - if you can't get it up, use bPopup 3 | * @author: (c)Bjoern Klinggaard (twitter@bklinggaard) 4 | * @demo: http://dinbror.dk/bpopup 5 | * @version: 0.9.4.min 6 | ================================================================================*/ 7 | (function(b){b.fn.bPopup=function(z,F){function K(){a.contentContainer=b(a.contentContainer||c);switch(a.content){case "iframe":var h=b('");h.appendTo(a.contentContainer);r=c.outerHeight(!0);s=c.outerWidth(!0);A();h.attr("src",a.loadUrl);k(a.loadCallback);break;case "image":A();b("").load(function(){k(a.loadCallback);G(b(this))}).attr("src",a.loadUrl).hide().appendTo(a.contentContainer);break;default:A(),b('
').load(a.loadUrl,a.loadData,function(){k(a.loadCallback);G(b(this))}).hide().appendTo(a.contentContainer)}}function A(){a.modal&&b('
').css({backgroundColor:a.modalColor,position:"fixed",top:0,right:0,bottom:0,left:0,opacity:0,zIndex:a.zIndex+t}).appendTo(a.appendTo).fadeTo(a.speed,a.opacity);D();c.data("bPopup",a).data("id",e).css({left:"slideIn"==a.transition||"slideBack"==a.transition?"slideBack"==a.transition?g.scrollLeft()+u:-1*(v+s):l(!(!a.follow[0]&&m||f)),position:a.positionStyle||"absolute",top:"slideDown"==a.transition||"slideUp"==a.transition?"slideUp"==a.transition?g.scrollTop()+w:x+-1*r:n(!(!a.follow[1]&&p||f)),"z-index":a.zIndex+t+1}).each(function(){a.appending&&b(this).appendTo(a.appendTo)});H(!0)}function q(){a.modal&&b(".b-modal."+c.data("id")).fadeTo(a.speed,0,function(){b(this).remove()});a.scrollBar||b("html").css("overflow","auto");b(".b-modal."+e).unbind("click");g.unbind("keydown."+e);d.unbind("."+e).data("bPopup",0=c.height()&&(d.height=c.height());b>=c.width()&&(d.width=c.width());r=c.outerHeight(!0);s=c.outerWidth(!0);D();a.contentContainer.css({height:"auto",width:"auto"});d.left=l(!(!a.follow[0]&&m||f));d.top=n(!(!a.follow[1]&&p||f));c.animate(d,250,function(){h.show();B=E()})}function L(){d.data("bPopup",t);c.delegate(".bClose, ."+a.closeClass,"click."+e,q);a.modalClose&&b(".b-modal."+e).css("cursor","pointer").bind("click",q);M||!a.follow[0]&&!a.follow[1]||d.bind("scroll."+e,function(){B&&c.dequeue().animate({left:a.follow[0]?l(!f):"auto",top:a.follow[1]?n(!f):"auto"},a.followSpeed,a.followEasing)}).bind("resize."+e,function(){w=y.innerHeight||d.height();u=y.innerWidth||d.width();if(B=E())clearTimeout(I),I=setTimeout(function(){D();c.dequeue().each(function(){f?b(this).css({left:v,top:x}):b(this).animate({left:a.follow[0]?l(!0):"auto",top:a.follow[1]?n(!0):"auto"},a.followSpeed,a.followEasing)})},50)});a.escClose&&g.bind("keydown."+e,function(a){27==a.which&&q()})}function H(b){function d(e){c.css({display:"block",opacity:1}).animate(e,a.speed,a.easing,function(){J(b)})}switch(b?a.transition:a.transitionClose||a.transition){case "slideIn":d({left:b?l(!(!a.follow[0]&&m||f)):g.scrollLeft()-(s||c.outerWidth(!0))-C});break;case "slideBack":d({left:b?l(!(!a.follow[0]&&m||f)):g.scrollLeft()+u+C});break;case "slideDown":d({top:b?n(!(!a.follow[1]&&p||f)):g.scrollTop()-(r||c.outerHeight(!0))-C});break;case "slideUp":d({top:b?n(!(!a.follow[1]&&p||f)):g.scrollTop()+w+C});break;default:c.stop().fadeTo(a.speed,b?1:0,function(){J(b)})}}function J(b){b?(L(),k(F),a.autoClose&&setTimeout(q,a.autoClose)):(c.hide(),k(a.onClose),a.loadUrl&&(a.contentContainer.empty(),c.css({height:"auto",width:"auto"})))}function l(a){return a?v+g.scrollLeft():v}function n(a){return a?x+g.scrollTop():x}function k(a){b.isFunction(a)&&a.call(c)}function D(){x=p?a.position[1]:Math.max(0,(w-c.outerHeight(!0))/2-a.amsl);v=m?a.position[0]:(u-c.outerWidth(!0))/2;B=E()}function E(){return w>c.outerHeight(!0)&&u>c.outerWidth(!0)}b.isFunction(z)&&(F=z,z=null);var a=b.extend({},b.fn.bPopup.defaults,z);a.scrollBar||b("html").css("overflow","hidden");var c=this,g=b(document),y=window,d=b(y),w=y.innerHeight||d.height(),u=y.innerWidth||d.width(),M=/OS 6(_\d)+/i.test(navigator.userAgent),C=200,t=0,e,B,p,m,f,x,v,r,s,I;c.close=function(){a=this.data("bPopup");e="__b-popup"+d.data("bPopup")+"__";q()};return c.each(function(){b(this).data("bPopup")||(k(a.onOpen),t=(d.data("bPopup")||0)+1,e="__b-popup"+t+"__",p="auto"!==a.position[1],m="auto"!==a.position[0],f="fixed"===a.positionStyle,r=c.outerHeight(!0),s=c.outerWidth(!0),a.loadUrl?K():A())})};b.fn.bPopup.defaults={amsl:50,appending:!0,appendTo:"body",autoClose:!1,closeClass:"b-close",content:"ajax",contentContainer:!1,easing:"swing",escClose:!0,follow:[!0,!0],followEasing:"swing",followSpeed:500,iframeAttr:'scrolling="no" frameborder="0"',loadCallback:!1,loadData:!1,loadUrl:!1,modal:!0,modalClose:!0,modalColor:"#000",onClose:!1,onOpen:!1,opacity:0.7,position:["auto","auto"],positionStyle:"absolute",scrollBar:!0,speed:250,transition:"fadeIn",transitionClose:!1,zIndex:9997}})(jQuery); -------------------------------------------------------------------------------- /css/demo.css: -------------------------------------------------------------------------------- 1 | @import url(http://fonts.googleapis.com/css?family=Satisfy|Open+Sans+Condensed:700,300); 2 | /* General Demo Style */ 3 | 4 | *, 5 | *:before, 6 | *:after { 7 | padding: 0; 8 | margin: 0; 9 | -moz-box-sizing: border-box; 10 | -webkit-box-sizing: border-box; 11 | box-sizing: border-box; 12 | } 13 | 14 | html { height: 100%; } 15 | 16 | body { 17 | font-family: 'Open Sans Condensed','Arial Narrow', serif; 18 | background: #DDD; 19 | font-weight: 400; 20 | font-size: 15px; 21 | color: #333; 22 | -webkit-font-smoothing: antialiased; 23 | overflow-y: scroll; 24 | overflow-x: hidden; 25 | } 26 | 27 | a { 28 | color: #555; 29 | text-decoration: none; 30 | } 31 | 32 | .container { 33 | width: 100%; 34 | position: relative; 35 | } 36 | 37 | .main { 38 | width: 90%; 39 | min-height: 600px; 40 | margin: 0 auto; 41 | position: relative; 42 | } 43 | 44 | .container > header { 45 | margin: 10px; 46 | padding: 20px 10px 10px 10px; 47 | position: relative; 48 | display: block; 49 | text-align: center; 50 | } 51 | 52 | .container > header h1 { 53 | font-size: 36px; 54 | line-height: 36px; 55 | position: relative; 56 | font-weight: 300; 57 | color: #166c6f; 58 | text-shadow: 1px 1px 1px rgba(255,255,255,0.8); 59 | } 60 | 61 | .container > header h2 { 62 | font-size: 14px; 63 | font-weight: 300; 64 | padding: 15px 0 20px 0; 65 | color: #134142; 66 | font-family: Cambria, Georgia, serif; 67 | font-style: italic; 68 | text-shadow: 1px 1px 1px rgba(255,255,255,0.5); 69 | } 70 | 71 | /* Header Style */ 72 | 73 | .codrops-top { 74 | line-height: 24px; 75 | font-size: 11px; 76 | background: #fff; 77 | background: rgba(255, 255, 255, 0.5); 78 | text-transform: uppercase; 79 | z-index: 9999; 80 | position: relative; 81 | font-family: Cambria, Georgia, serif; 82 | box-shadow: 1px 0px 2px rgba(0,0,0,0.2); 83 | } 84 | 85 | /* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */ 86 | 87 | .clearfix:before, 88 | .clearfix:after { 89 | content: " "; /* 1 */ 90 | display: table; /* 2 */ 91 | } 92 | 93 | .clearfix:after { 94 | clear: both 95 | } 96 | 97 | /** 98 | * For IE 6/7 only 99 | * Include this rule to trigger hasLayout and contain floats. 100 | */ 101 | 102 | .clearfix { 103 | *zoom: 1 104 | } 105 | 106 | .codrops-top a { 107 | padding: 0px 10px; 108 | letter-spacing: 1px; 109 | color: #333; 110 | display: inline-block; 111 | } 112 | 113 | .codrops-top a:hover { 114 | background: rgba(255,255,255,0.6) 115 | } 116 | 117 | .codrops-top span.right { 118 | float: right 119 | } 120 | 121 | .codrops-top span.right a { 122 | float: left; 123 | display: block; 124 | } 125 | 126 | /* Demo Buttons Style */ 127 | 128 | .codrops-demos { 129 | text-align: center; 130 | display: block; 131 | line-height: 30px; 132 | padding: 5px 0px; 133 | } 134 | 135 | .codrops-demos a { 136 | display: inline-block; 137 | margin: 0px 4px; 138 | padding: 0px 6px; 139 | color: #fff; 140 | line-height: 20px; 141 | font-size: 14px; 142 | text-shadow: 1px 1px 1px #000000; 143 | border: 1px solid #000; 144 | background: #45484d; 145 | background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); 146 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); 147 | background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); 148 | background: -o-linear-gradient(top, #45484d 0%,#000000 100%); 149 | background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); 150 | background: linear-gradient(to bottom, #45484d 0%,#000000 100%); 151 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); 152 | } 153 | 154 | .codrops-demos a:hover { 155 | background: #000; 156 | } 157 | 158 | .codrops-demos a:active { 159 | background: #000; 160 | } 161 | 162 | .codrops-demos a.current-demo, 163 | .codrops-demos a.current-demo:hover { 164 | background: #666; 165 | border-color: #333; 166 | color: #ddd; 167 | box-shadow: 0 1px 1px rgba(255,255,255,0.5); 168 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ 169 | } 170 | 171 | p.info { 172 | font-family: Cambria, Georgia, serif; 173 | font-style: italic; 174 | color: #666; 175 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); 176 | padding: 20px; 177 | display: block; 178 | clear: both; 179 | text-align: center; 180 | width: 300px; 181 | margin: 0 auto; 182 | line-height: 24px; 183 | } 184 | 185 | .support-note span { 186 | color: #ac375d; 187 | font-size: 16px; 188 | display: none; 189 | font-weight: bold; 190 | text-align: center; 191 | padding: 5px 0; 192 | } 193 | 194 | .no-cssanimations .support-note span.no-cssanimations, 195 | .no-csstransforms .support-note span.no-csstransforms, 196 | .no-csstransforms3d .support-note span.no-csstransforms3d, 197 | .no-csstransitions .support-note span.no-csstransitions { 198 | display: block; 199 | } 200 | -------------------------------------------------------------------------------- /js/jquery.easing.min.js: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/ 3 | * 4 | * Uses the built in easing capabilities added In jQuery 1.1 5 | * to offer multiple easing options 6 | * 7 | * TERMS OF USE - EASING EQUATIONS 8 | * 9 | * Open source under the BSD License. 10 | * 11 | * Copyright © 2001 Robert Penner 12 | * All rights reserved. 13 | * 14 | * TERMS OF USE - jQuery Easing 15 | * 16 | * Open source under the BSD License. 17 | * 18 | * Copyright © 2008 George McGinley Smith 19 | * All rights reserved. 20 | * 21 | * Redistribution and use in source and binary forms, with or without modification, 22 | * are permitted provided that the following conditions are met: 23 | * 24 | * Redistributions of source code must retain the above copyright notice, this list of 25 | * conditions and the following disclaimer. 26 | * Redistributions in binary form must reproduce the above copyright notice, this list 27 | * of conditions and the following disclaimer in the documentation and/or other materials 28 | * provided with the distribution. 29 | * 30 | * Neither the name of the author nor the names of contributors may be used to endorse 31 | * or promote products derived from this software without specific prior written permission. 32 | * 33 | * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 34 | * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF 35 | * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE 36 | * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, 37 | * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE 38 | * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 39 | * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING 40 | * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 41 | * OF THE POSSIBILITY OF SUCH DAMAGE. 42 | * 43 | */ 44 | jQuery.easing.jswing=jQuery.easing.swing;jQuery.extend(jQuery.easing,{def:"easeOutQuad",swing:function(e,f,a,h,g){return jQuery.easing[jQuery.easing.def](e,f,a,h,g)},easeInQuad:function(e,f,a,h,g){return h*(f/=g)*f+a},easeOutQuad:function(e,f,a,h,g){return -h*(f/=g)*(f-2)+a},easeInOutQuad:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f+a}return -h/2*((--f)*(f-2)-1)+a},easeInCubic:function(e,f,a,h,g){return h*(f/=g)*f*f+a},easeOutCubic:function(e,f,a,h,g){return h*((f=f/g-1)*f*f+1)+a},easeInOutCubic:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f+a}return h/2*((f-=2)*f*f+2)+a},easeInQuart:function(e,f,a,h,g){return h*(f/=g)*f*f*f+a},easeOutQuart:function(e,f,a,h,g){return -h*((f=f/g-1)*f*f*f-1)+a},easeInOutQuart:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f+a}return -h/2*((f-=2)*f*f*f-2)+a},easeInQuint:function(e,f,a,h,g){return h*(f/=g)*f*f*f*f+a},easeOutQuint:function(e,f,a,h,g){return h*((f=f/g-1)*f*f*f*f+1)+a},easeInOutQuint:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f*f+a}return h/2*((f-=2)*f*f*f*f+2)+a},easeInSine:function(e,f,a,h,g){return -h*Math.cos(f/g*(Math.PI/2))+h+a},easeOutSine:function(e,f,a,h,g){return h*Math.sin(f/g*(Math.PI/2))+a},easeInOutSine:function(e,f,a,h,g){return -h/2*(Math.cos(Math.PI*f/g)-1)+a},easeInExpo:function(e,f,a,h,g){return(f==0)?a:h*Math.pow(2,10*(f/g-1))+a},easeOutExpo:function(e,f,a,h,g){return(f==g)?a+h:h*(-Math.pow(2,-10*f/g)+1)+a},easeInOutExpo:function(e,f,a,h,g){if(f==0){return a}if(f==g){return a+h}if((f/=g/2)<1){return h/2*Math.pow(2,10*(f-1))+a}return h/2*(-Math.pow(2,-10*--f)+2)+a},easeInCirc:function(e,f,a,h,g){return -h*(Math.sqrt(1-(f/=g)*f)-1)+a},easeOutCirc:function(e,f,a,h,g){return h*Math.sqrt(1-(f=f/g-1)*f)+a},easeInOutCirc:function(e,f,a,h,g){if((f/=g/2)<1){return -h/2*(Math.sqrt(1-f*f)-1)+a}return h/2*(Math.sqrt(1-(f-=2)*f)+1)+a},easeInElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { 134 | background-color: #c0392b; 135 | border-color: #c0392b; 136 | } 137 | 138 | .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { 139 | background-color: #c0392b; 140 | border-color: #c0392b; 141 | } 142 | 143 | /* ========================================================================== 144 | Blog Single Page 145 | ========================================================================== */ 146 | 147 | .comment-title { 148 | border-bottom: 2px solid #c0392b; 149 | } 150 | 151 | /* ========================================================================== 152 | Components 153 | ========================================================================== */ 154 | 155 | /* Dropdown Menu */ 156 | 157 | .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { 158 | color: #fff; 159 | background-color: #c0392b; 160 | } 161 | 162 | /* Tabs */ 163 | 164 | .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { 165 | background-color: #c0392b; 166 | border-bottom-color: #c0392b; 167 | } 168 | 169 | .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { 170 | border-bottom-color: #c0392b; 171 | } 172 | 173 | .tab-content { 174 | background-color: #c0392b; 175 | border-bottom-color: #c0392b; 176 | } 177 | 178 | /* Badge */ 179 | 180 | .badge { 181 | color: #fff; 182 | background-color: #e74c3c; 183 | } 184 | 185 | /* Progress Bar */ 186 | 187 | .progress-bar { 188 | background-color: #c0392b; 189 | } -------------------------------------------------------------------------------- /css/themes/color-2.css: -------------------------------------------------------------------------------- 1 | 2 | /* ========================================================================== 3 | Theme Name: Konefix / COLOR 2 4 | Theme URI: http://www.pankogut.com/themes/html/konefix 5 | Author: PanKogut 6 | Author URI: http://www.pankogut.com 7 | Description: Konefix is a responsive portoflio theme for creative with minimal design, flexible grid layout. 8 | 9 | Version: 1.0.0 10 | License: GNU General Public License v2 or later 11 | License URI: http://www.gnu.org/licenses/gpl-2.0.html 12 | Tags: blue, right-sidebar, flexible-width, featured-images, bootstrap 13 | Text Domain: konefix 14 | ========================================================================== */ 15 | 16 | /* ========================================================================== 17 | Base 18 | ========================================================================== */ 19 | 20 | body { 21 | background-color: #3498db; 22 | } 23 | 24 | a { 25 | color: #2980b9; 26 | } 27 | 28 | a:hover { 29 | color: #1E5D86; 30 | } 31 | 32 | /* ========================================================================== 33 | Buttons 34 | ========================================================================== */ 35 | 36 | .btn-default { 37 | background-color: #3498db; 38 | } 39 | 40 | .btn-default:hover { 41 | background-color: #2980b9; 42 | } 43 | 44 | .btn-default:focus, 45 | .btn-default:active { 46 | background-color: #2980b9; 47 | } 48 | 49 | .btn-primary { 50 | background-color: #2980b9; 51 | border-color: #2980b9; 52 | } 53 | 54 | .btn-primary:hover { 55 | background-color: #2980b9; 56 | border-color: #2980b9; 57 | } 58 | 59 | .btn-primary:focus, 60 | .btn-primary:active, 61 | .open .dropdown-toggle.btn-primary { 62 | background-color: #2980b9; 63 | border-color: #2980b9; 64 | } 65 | 66 | /* ========================================================================== 67 | Menu 68 | ========================================================================== */ 69 | 70 | .k-menu ul:first-of-type li a:hover, 71 | .k-menu ul:first-of-type li a:focus, 72 | .k-menu ul li a:hover:before, 73 | .k-menu ul li a:focus:before { 74 | color: #3498db; 75 | } 76 | 77 | /* ========================================================================== 78 | Home Page 79 | ========================================================================== */ 80 | 81 | #home .wrap { 82 | background-color: rgb(52, 152, 219); 83 | background-color: rgba(52, 152, 219,0.8); 84 | } 85 | 86 | /* ========================================================================== 87 | About Page 88 | ========================================================================== */ 89 | 90 | #about img { 91 | border: 10px solid #2980b9; 92 | } 93 | 94 | /* ========================================================================== 95 | Portfolio Page 96 | ========================================================================== */ 97 | 98 | .caption::before, 99 | .caption::after { 100 | background: #2980b9; 101 | } 102 | 103 | .caption::before { 104 | color: #1E5D86; 105 | } 106 | 107 | .label-default { 108 | background-color: #2980b9; 109 | } 110 | 111 | /* ========================================================================== 112 | Blog Page 113 | ========================================================================== */ 114 | 115 | /* Main */ 116 | 117 | .meta-tag { 118 | background-color: #1E5D86; 119 | } 120 | 121 | /* Sidebar */ 122 | 123 | #sidebar { 124 | border-left: 1px dashed #2980b9; 125 | } 126 | 127 | .widget-title { 128 | background-color: #1E5D86; 129 | } 130 | 131 | /* Pagination */ 132 | 133 | .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { 134 | background-color: #2980b9; 135 | border-color: #2980b9; 136 | } 137 | 138 | .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { 139 | background-color: #2980b9; 140 | border-color: #2980b9; 141 | } 142 | 143 | /* ========================================================================== 144 | Blog Single Page 145 | ========================================================================== */ 146 | 147 | .comment-title { 148 | border-bottom: 2px solid #2980b9; 149 | } 150 | 151 | /* ========================================================================== 152 | Components 153 | ========================================================================== */ 154 | 155 | /* Dropdown Menu */ 156 | 157 | .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { 158 | color: #fff; 159 | background-color: #2980b9; 160 | } 161 | 162 | /* Tabs */ 163 | 164 | .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { 165 | background-color: #2980b9; 166 | border-bottom-color: #2980b9; 167 | } 168 | 169 | .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { 170 | border-bottom-color: #2980b9; 171 | } 172 | 173 | .tab-content { 174 | background-color: #2980b9; 175 | border-bottom-color: #2980b9; 176 | } 177 | 178 | /* Badge */ 179 | 180 | .badge { 181 | color: #fff; 182 | background-color: #3498db; 183 | } 184 | 185 | /* Progress Bar */ 186 | 187 | .progress-bar { 188 | background-color: #2980b9; 189 | } -------------------------------------------------------------------------------- /css/themes/color-4.css: -------------------------------------------------------------------------------- 1 | 2 | /* ========================================================================== 3 | Theme Name: Konefix / COLOR 4 4 | Theme URI: http://www.pankogut.com/themes/html/konefix 5 | Author: PanKogut 6 | Author URI: http://www.pankogut.com 7 | Description: Konefix is a responsive portoflio theme for creative with minimal design, flexible grid layout. 8 | 9 | Version: 1.0.0 10 | License: GNU General Public License v2 or later 11 | License URI: http://www.gnu.org/licenses/gpl-2.0.html 12 | Tags: violet, right-sidebar, flexible-width, featured-images, bootstrap 13 | Text Domain: konefix 14 | ========================================================================== */ 15 | 16 | /* ========================================================================== 17 | Base 18 | ========================================================================== */ 19 | 20 | body { 21 | background-color: #9b59b6; 22 | } 23 | 24 | a { 25 | color: #8e44ad; 26 | } 27 | 28 | a:hover { 29 | color: #64307A; 30 | } 31 | 32 | /* ========================================================================== 33 | Buttons 34 | ========================================================================== */ 35 | 36 | .btn-default { 37 | background-color: #9b59b6; 38 | } 39 | 40 | .btn-default:hover { 41 | background-color: #8e44ad; 42 | } 43 | 44 | .btn-default:focus, 45 | .btn-default:active { 46 | background-color: #8e44ad; 47 | } 48 | 49 | .btn-primary { 50 | background-color: #8e44ad; 51 | border-color: #8e44ad; 52 | } 53 | 54 | .btn-primary:hover { 55 | background-color: #8e44ad; 56 | border-color: #8e44ad; 57 | } 58 | 59 | .btn-primary:focus, 60 | .btn-primary:active, 61 | .open .dropdown-toggle.btn-primary { 62 | background-color: #8e44ad; 63 | border-color: #8e44ad; 64 | } 65 | 66 | /* ========================================================================== 67 | Menu 68 | ========================================================================== */ 69 | 70 | .k-menu ul:first-of-type li a:hover, 71 | .k-menu ul:first-of-type li a:focus, 72 | .k-menu ul li a:hover:before, 73 | .k-menu ul li a:focus:before { 74 | color: #9b59b6; 75 | } 76 | 77 | /* ========================================================================== 78 | Home Page 79 | ========================================================================== */ 80 | 81 | #home .wrap { 82 | background-color: rgb(155, 89, 182); 83 | background-color: rgba(155, 89, 182,0.8); 84 | } 85 | 86 | /* ========================================================================== 87 | About Page 88 | ========================================================================== */ 89 | 90 | #about img { 91 | border: 10px solid #8e44ad; 92 | } 93 | 94 | /* ========================================================================== 95 | Portfolio Page 96 | ========================================================================== */ 97 | 98 | .caption::before, 99 | .caption::after { 100 | background: #8e44ad; 101 | } 102 | 103 | .caption::before { 104 | color: #64307A; 105 | } 106 | 107 | .label-default { 108 | background-color: #8e44ad; 109 | } 110 | 111 | /* ========================================================================== 112 | Blog Page 113 | ========================================================================== */ 114 | 115 | /* Main */ 116 | 117 | .meta-tag { 118 | background-color: #64307A; 119 | } 120 | 121 | /* Sidebar */ 122 | 123 | #sidebar { 124 | border-left: 1px dashed #8e44ad; 125 | } 126 | 127 | .widget-title { 128 | background-color: #64307A; 129 | } 130 | 131 | /* Pagination */ 132 | 133 | .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { 134 | background-color: #8e44ad; 135 | border-color: #8e44ad; 136 | } 137 | 138 | .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { 139 | background-color: #8e44ad; 140 | border-color: #8e44ad; 141 | } 142 | 143 | /* ========================================================================== 144 | Blog Single Page 145 | ========================================================================== */ 146 | 147 | .comment-title { 148 | border-bottom: 2px solid #8e44ad; 149 | } 150 | 151 | /* ========================================================================== 152 | Components 153 | ========================================================================== */ 154 | 155 | /* Dropdown Menu */ 156 | 157 | .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { 158 | color: #fff; 159 | background-color: #8e44ad; 160 | } 161 | 162 | /* Tabs */ 163 | 164 | .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { 165 | background-color: #8e44ad; 166 | border-bottom-color: #8e44ad; 167 | } 168 | 169 | .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { 170 | border-bottom-color: #8e44ad; 171 | } 172 | 173 | .tab-content { 174 | background-color: #8e44ad; 175 | border-bottom-color: #8e44ad; 176 | } 177 | 178 | /* Badge */ 179 | 180 | .badge { 181 | color: #fff; 182 | background-color: #9b59b6; 183 | } 184 | 185 | /* Progress Bar */ 186 | 187 | .progress-bar { 188 | background-color: #8e44ad; 189 | } -------------------------------------------------------------------------------- /css/themes/color-5.css: -------------------------------------------------------------------------------- 1 | 2 | /* ========================================================================== 3 | Theme Name: Konefix / COLOR 5 4 | Theme URI: http://www.pankogut.com/themes/html/konefix 5 | Author: PanKogut 6 | Author URI: http://www.pankogut.com 7 | Description: Konefix is a responsive portoflio theme for creative with minimal design, flexible grid layout. 8 | 9 | Version: 1.0.0 10 | License: GNU General Public License v2 or later 11 | License URI: http://www.gnu.org/licenses/gpl-2.0.html 12 | Tags: grey, right-sidebar, flexible-width, featured-images, bootstrap 13 | Text Domain: konefix 14 | ========================================================================== */ 15 | 16 | /* ========================================================================== 17 | Base 18 | ========================================================================== */ 19 | 20 | body { 21 | background-color: #95a5a6; 22 | } 23 | 24 | a { 25 | color: #7f8c8d; 26 | } 27 | 28 | a:hover { 29 | color: #51595A; 30 | } 31 | 32 | /* ========================================================================== 33 | Buttons 34 | ========================================================================== */ 35 | 36 | .btn-default { 37 | background-color: #95a5a6; 38 | } 39 | 40 | .btn-default:hover { 41 | background-color: #7f8c8d; 42 | } 43 | 44 | .btn-default:focus, 45 | .btn-default:active { 46 | background-color: #7f8c8d; 47 | } 48 | 49 | .btn-primary { 50 | background-color: #7f8c8d; 51 | border-color: #7f8c8d; 52 | } 53 | 54 | .btn-primary:hover { 55 | background-color: #7f8c8d; 56 | border-color: #7f8c8d; 57 | } 58 | 59 | .btn-primary:focus, 60 | .btn-primary:active, 61 | .open .dropdown-toggle.btn-primary { 62 | background-color: #7f8c8d; 63 | border-color: #7f8c8d; 64 | } 65 | 66 | /* ========================================================================== 67 | Menu 68 | ========================================================================== */ 69 | 70 | .k-menu ul:first-of-type li a:hover, 71 | .k-menu ul:first-of-type li a:focus, 72 | .k-menu ul li a:hover:before, 73 | .k-menu ul li a:focus:before { 74 | color: #95a5a6; 75 | } 76 | 77 | /* ========================================================================== 78 | Home Page 79 | ========================================================================== */ 80 | 81 | #home .wrap { 82 | background-color: rgb(149, 165, 166); 83 | background-color: rgba(149, 165, 166,0.8); 84 | } 85 | 86 | /* ========================================================================== 87 | About Page 88 | ========================================================================== */ 89 | 90 | #about img { 91 | border: 10px solid #7f8c8d; 92 | } 93 | 94 | /* ========================================================================== 95 | Portfolio Page 96 | ========================================================================== */ 97 | 98 | .caption::before, 99 | .caption::after { 100 | background: #7f8c8d; 101 | } 102 | 103 | .caption::before { 104 | color: #51595A; 105 | } 106 | 107 | .label-default { 108 | background-color: #7f8c8d; 109 | } 110 | 111 | /* ========================================================================== 112 | Blog Page 113 | ========================================================================== */ 114 | 115 | /* Main */ 116 | 117 | .meta-tag { 118 | background-color: #51595A; 119 | } 120 | 121 | /* Sidebar */ 122 | 123 | #sidebar { 124 | border-left: 1px dashed #7f8c8d; 125 | } 126 | 127 | .widget-title { 128 | background-color: #51595A; 129 | } 130 | 131 | /* Pagination */ 132 | 133 | .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { 134 | background-color: #7f8c8d; 135 | border-color: #7f8c8d; 136 | } 137 | 138 | .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { 139 | background-color: #7f8c8d; 140 | border-color: #7f8c8d; 141 | } 142 | 143 | /* ========================================================================== 144 | Blog Single Page 145 | ========================================================================== */ 146 | 147 | .comment-title { 148 | border-bottom: 2px solid #7f8c8d; 149 | } 150 | 151 | /* ========================================================================== 152 | Components 153 | ========================================================================== */ 154 | 155 | /* Dropdown Menu */ 156 | 157 | .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { 158 | color: #fff; 159 | background-color: #7f8c8d; 160 | } 161 | 162 | /* Tabs */ 163 | 164 | .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { 165 | background-color: #7f8c8d; 166 | border-bottom-color: #7f8c8d; 167 | } 168 | 169 | .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { 170 | border-bottom-color: #7f8c8d; 171 | } 172 | 173 | .tab-content { 174 | background-color: #7f8c8d; 175 | border-bottom-color: #7f8c8d; 176 | } 177 | 178 | /* Badge */ 179 | 180 | .badge { 181 | color: #fff; 182 | background-color: #95a5a6; 183 | } 184 | 185 | /* Progress Bar */ 186 | 187 | .progress-bar { 188 | background-color: #7f8c8d; 189 | } -------------------------------------------------------------------------------- /portfolio-single.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Konefix - A Portfolio Theme 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 |
39 | 40 | 58 | 59 |
60 |
61 |

Choose
color style

62 |
    63 |
  • 64 |
  • 65 |
  • 66 |
  • 67 |
  • 68 |
69 |
70 | 71 |
72 |
73 |
74 |

Single Portfolio

75 |
76 |
77 |
78 |
79 | 80 |
81 |
82 |

Description

83 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

84 |

html/cssdesignbranding

85 | 86 |
87 |
88 |
89 |
90 | X 91 |
92 |
93 | 96 |
97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | -------------------------------------------------------------------------------- /register1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | Expression 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 46 |
47 | 48 | 61 | 63 |
64 |
65 |

Expression

66 | 67 |
68 |
69 |
70 |

Hello

71 |
72 | 73 |
74 |
75 | 76 | 77 | 78 | 79 |
80 |
81 |

BirthDay

82 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

83 |
84 |
85 |
86 | 87 | 88 | 89 | 90 |
91 |
92 |

FriendShip

93 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

94 |
95 |
96 |
97 |
98 |

Valentine

99 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

100 |
101 |
102 | 103 | 104 | 105 | 106 |
107 |
108 |
109 |

Other

110 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

111 |
112 |
113 | 114 | 115 | 116 | 117 |
118 |
119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | -------------------------------------------------------------------------------- /css/piano.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Pure CSS3 Piano by Taufik Nurrohman 3 | * On: 1 December 2011 4 | * URL: http://hompimpaalaihumgambreng.blogspot.com/ 5 | * Note: This experiment is under the God Almighty License. 6 | * Please do not replace or remove the attribution above if you want to save/modify this project legally. 7 | * Good luck! 8 | */ 9 | 10 | * { 11 | margin:0px; 12 | padding:0px; 13 | list-style:none; 14 | } 15 | 16 | :focus { 17 | outline:none !important; 18 | } 19 | /* Piano Wrapper */ 20 | 21 | 22 | /* Tuts */ 23 | ul#piano { 24 | position:relative; 25 | display:block; 26 | top:-300px; 27 | left:75px; 28 | width:750px; 29 | border-top:2px solid #222; 30 | } 31 | 32 | ul#piano li { 33 | list-style:none; 34 | float:left; 35 | display:inline; 36 | background:#aaa; 37 | width:40px; 38 | position:relative; 39 | } 40 | 41 | ul#piano li a,ul#piano li div.anchor { 42 | display:block; 43 | position:relative; 44 | 45 | height:220px; 46 | background:#fff; 47 | background:-webkit-linear-gradient(-30deg,#f5f5f5,#fff); 48 | background:-moz-linear-gradient(-30deg,#f5f5f5,#fff); 49 | background:-ms-linear-gradient(-30deg,#f5f5f5,#fff); 50 | background:-o-linear-gradient(-30deg,#f5f5f5,#fff); 51 | background:linear-gradient(-30deg,#f5f5f5,#fff); 52 | border:1px solid #ccc; 53 | -webkit-box-shadow:inset 0 1px 0px #fff,inset 0 -1px 0px #fff,inset 1px 0px 0px #fff,inset -1px 0px 0px #fff,0 4px 3px rgba(0,0,0,0.7); 54 | -moz-box-shadow:inset 0 1px 0px #fff,inset 0 -1px 0px #fff,inset 1px 0px 0px #fff,inset -1px 0px 0px #fff,0 4px 3px rgba(0,0,0,0.7); 55 | box-shadow:inset 0 1px 0px #fff,inset 0 -1px 0px #fff,inset 1px 0px 0px #fff,inset -1px 0px 0px #fff,0 4px 3px rgba(0,0,0,0.7); 56 | -webkit-border-radius:0 0 3px 3px; 57 | -moz-border-radius:0 0 3px 3px; 58 | border-radius:0 0 3px 3px; 59 | } 60 | 61 | ul#piano li a:active,ul#piano li div.anchor:active { 62 | -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.4); 63 | -moz-box-shadow:0 2px 2px rgba(0,0,0,0.4); 64 | box-shadow:0 2px 2px rgba(0,0,0,0.4); 65 | position:relative; 66 | top:2px; 67 | height:216px; 68 | } 69 | 70 | ul#piano li a:active:before,ul#piano li div.anchor:active:before { 71 | content:""; 72 | width:0px; 73 | height:0px; 74 | border-width:216px 5px 0px; 75 | border-style:solid; 76 | border-color:transparent transparent transparent rgba(0,0,0,0.1); 77 | position:absolute; 78 | left:0px; 79 | top:0px; 80 | } 81 | 82 | ul#piano li a:active:after,ul#piano li div.anchor:active:after { 83 | content:""; 84 | width:0px; 85 | height:0px; 86 | border-width:216px 5px 0px; 87 | border-style:solid; 88 | border-color:transparent rgba(0,0,0,0.1) transparent transparent; 89 | position:absolute; 90 | right:0px; 91 | top:0px; 92 | } 93 | 94 | /* Black Tuts */ 95 | ul#piano li span { 96 | position:absolute; 97 | top:0px; 98 | left:-12px; 99 | width:20px; 100 | height:120px; 101 | background:#333; 102 | background:-webkit-linear-gradient(-20deg,#333,#000,#333); 103 | background:-moz-linear-gradient(-20deg,#333,#000,#333); 104 | background:-ms-linear-gradient(-20deg,#333,#000,#333); 105 | background:-o-linear-gradient(-20deg,#333,#000,#333); 106 | background:linear-gradient(-20deg,#333,#000,#333); 107 | z-index:10; 108 | border-width:1px 2px 7px; 109 | border-style:solid; 110 | border-color:#666 #222 #111 #555; 111 | -webkit-box-shadow:inset 0px -1px 2px rgba(255,255,255,0.4),0 2px 3px rgba(0,0,0,0.4); 112 | -moz-box-shadow:inset 0px -1px 2px rgba(255,255,255,0.4),0 2px 3px rgba(0,0,0,0.4); 113 | box-shadow:inset 0px -1px 2px rgba(255,255,255,0.4),0 2px 3px rgba(0,0,0,0.4); 114 | -webkit-border-radius:0 0 2px 2px; 115 | -moz-border-radius:0 0 2px 2px; 116 | border-radius:0 0 2px 2px; 117 | } 118 | 119 | ul#piano li span:active { 120 | border-bottom-width:2px; 121 | height:123px; 122 | -webkit-box-shadow:inset 0px -1px 1px rgba(255,255,255,0.4),0 1px 0px rgba(0,0,0,0.8),0 2px 2px rgba(0,0,0,0.4),0 -1px 0px #000; 123 | -moz-box-shadow:inset 0px -1px 1px rgba(255,255,255,0.4),0 1px 0px rgba(0,0,0,0.8),0 2px 2px rgba(0,0,0,0.4),0 -1px 0px #000; 124 | box-shadow:inset 0px -1px 1px rgba(255,255,255,0.4),0 1px 0px rgba(0,0,0,0.8),0 2px 2px rgba(0,0,0,0.4),0 -1px 0px #000; 125 | } 126 | 127 | /* Tooltips */ 128 | ul#piano li b { 129 | position:absolute; 130 | top:0px; 131 | margin-top:-10px; 132 | background:#111; 133 | color:#fff; 134 | font:bold 14px 'Trebuchet MS',Arial,Sans-Serif; 135 | border:2px solid #e6e6e6; 136 | -webkit-border-radius:7px; 137 | -moz-border-radius:7px; 138 | border-radius:7px; 139 | width:100px; 140 | height:30px; 141 | padding:10px; 142 | left:-40px; 143 | z-index:100; 144 | visibility:hidden; 145 | opacity:0; 146 | -webkit-box-shadow:0 2px 10px rgba(0,0,0,0.5); 147 | -moz-box-shadow:0 2px 10px rgba(0,0,0,0.5); 148 | box-shadow:0 2px 10px rgba(0,0,0,0.5); 149 | -webkit-transition:all 0.2s ease-out; 150 | -moz-transition:all 0.2s ease-out; 151 | -ms-transition:all 0.2s ease-out; 152 | -o-transition:all 0.2s ease-out; 153 | -transition:all 0.2s ease-out; 154 | } 155 | 156 | /* Tooltip Arrow */ 157 | ul#piano li b:before { 158 | content:""; 159 | display:block; 160 | position:absolute; 161 | top:100%; 162 | left:50px; 163 | border-width:8px; 164 | border-style:solid; 165 | border-color:#e6e6e6 transparent transparent transparent; 166 | } 167 | 168 | ul#piano li b:after { 169 | content:""; 170 | display:block; 171 | position:absolute; 172 | top:100%; 173 | left:53px; 174 | border-width:5px; 175 | border-style:solid; 176 | border-color:#111 transparent transparent transparent; 177 | } 178 | 179 | ul#piano li:hover b { 180 | visibility:visible; 181 | opacity:1; 182 | margin-top:10px; 183 | } 184 | 185 | /* Drop Down Menus */ 186 | 187 | .clear { 188 | clear:both; 189 | } 190 | 191 | 192 | /* Animation */ 193 | @-webkit-keyframes taufik { 194 | from {opacity:0;} 195 | to {opacity:1;} 196 | } 197 | @-moz-keyframes taufik { 198 | from {opacity:0;} 199 | to {opacity:1;} 200 | } 201 | @keyframes taufik { 202 | from {opacity:0;} 203 | to {opacity:1;} 204 | } -------------------------------------------------------------------------------- /contact.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Konefix - A Portfolio Theme 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 |
39 | 40 | 58 | 59 |
60 |
61 |

Choose
color style

62 |
    63 |
  • 64 |
  • 65 |
  • 66 |
  • 67 |
  • 68 |
69 |
70 | 71 |
72 |
73 |
74 |

Konefix / Contact

75 |
76 |
77 |
78 |
79 |

Get in touch

80 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor

81 |
82 |
83 |
84 |
85 |
86 | Konefix Ltd
87 | 4-5 Bonhill St.
88 | London EC2A 4BX
89 | P: (123) 456-7890 90 |
91 | 92 |
93 | John Konefix
94 | john.konefix@konefix.com 95 |
96 |
97 | 98 |
99 |
100 |
101 |
102 | 103 |
104 |
105 | 106 |
107 |
108 | 109 |
110 |
111 |
112 | 113 |
114 |
115 | 116 |
117 |
118 |
119 |
120 |
121 | 124 |
125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | -------------------------------------------------------------------------------- /stylesheets/stylesheet.css: -------------------------------------------------------------------------------- 1 | * { 2 | box-sizing: border-box; } 3 | 4 | body { 5 | padding: 0; 6 | margin: 0; 7 | font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; 8 | font-size: 16px; 9 | line-height: 1.5; 10 | color: #606c71; } 11 | 12 | a { 13 | color: #1e6bb8; 14 | text-decoration: none; } 15 | a:hover { 16 | text-decoration: underline; } 17 | 18 | .btn { 19 | display: inline-block; 20 | margin-bottom: 1rem; 21 | color: rgba(255, 255, 255, 0.7); 22 | background-color: rgba(255, 255, 255, 0.08); 23 | border-color: rgba(255, 255, 255, 0.2); 24 | border-style: solid; 25 | border-width: 1px; 26 | border-radius: 0.3rem; 27 | transition: color 0.2s, background-color 0.2s, border-color 0.2s; } 28 | .btn + .btn { 29 | margin-left: 1rem; } 30 | 31 | .btn:hover { 32 | color: rgba(255, 255, 255, 0.8); 33 | text-decoration: none; 34 | background-color: rgba(255, 255, 255, 0.2); 35 | border-color: rgba(255, 255, 255, 0.3); } 36 | 37 | @media screen and (min-width: 64em) { 38 | .btn { 39 | padding: 0.75rem 1rem; } } 40 | 41 | @media screen and (min-width: 42em) and (max-width: 64em) { 42 | .btn { 43 | padding: 0.6rem 0.9rem; 44 | font-size: 0.9rem; } } 45 | 46 | @media screen and (max-width: 42em) { 47 | .btn { 48 | display: block; 49 | width: 100%; 50 | padding: 0.75rem; 51 | font-size: 0.9rem; } 52 | .btn + .btn { 53 | margin-top: 1rem; 54 | margin-left: 0; } } 55 | 56 | .page-header { 57 | color: #fff; 58 | text-align: center; 59 | background-color: #159957; 60 | background-image: linear-gradient(120deg, #155799, #159957); } 61 | 62 | @media screen and (min-width: 64em) { 63 | .page-header { 64 | padding: 5rem 6rem; } } 65 | 66 | @media screen and (min-width: 42em) and (max-width: 64em) { 67 | .page-header { 68 | padding: 3rem 4rem; } } 69 | 70 | @media screen and (max-width: 42em) { 71 | .page-header { 72 | padding: 2rem 1rem; } } 73 | 74 | .project-name { 75 | margin-top: 0; 76 | margin-bottom: 0.1rem; } 77 | 78 | @media screen and (min-width: 64em) { 79 | .project-name { 80 | font-size: 3.25rem; } } 81 | 82 | @media screen and (min-width: 42em) and (max-width: 64em) { 83 | .project-name { 84 | font-size: 2.25rem; } } 85 | 86 | @media screen and (max-width: 42em) { 87 | .project-name { 88 | font-size: 1.75rem; } } 89 | 90 | .project-tagline { 91 | margin-bottom: 2rem; 92 | font-weight: normal; 93 | opacity: 0.7; } 94 | 95 | @media screen and (min-width: 64em) { 96 | .project-tagline { 97 | font-size: 1.25rem; } } 98 | 99 | @media screen and (min-width: 42em) and (max-width: 64em) { 100 | .project-tagline { 101 | font-size: 1.15rem; } } 102 | 103 | @media screen and (max-width: 42em) { 104 | .project-tagline { 105 | font-size: 1rem; } } 106 | 107 | .main-content :first-child { 108 | margin-top: 0; } 109 | .main-content img { 110 | max-width: 100%; } 111 | .main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 { 112 | margin-top: 2rem; 113 | margin-bottom: 1rem; 114 | font-weight: normal; 115 | color: #159957; } 116 | .main-content p { 117 | margin-bottom: 1em; } 118 | .main-content code { 119 | padding: 2px 4px; 120 | font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; 121 | font-size: 0.9rem; 122 | color: #383e41; 123 | background-color: #f3f6fa; 124 | border-radius: 0.3rem; } 125 | .main-content pre { 126 | padding: 0.8rem; 127 | margin-top: 0; 128 | margin-bottom: 1rem; 129 | font: 1rem Consolas, "Liberation Mono", Menlo, Courier, monospace; 130 | color: #567482; 131 | word-wrap: normal; 132 | background-color: #f3f6fa; 133 | border: solid 1px #dce6f0; 134 | border-radius: 0.3rem; } 135 | .main-content pre > code { 136 | padding: 0; 137 | margin: 0; 138 | font-size: 0.9rem; 139 | color: #567482; 140 | word-break: normal; 141 | white-space: pre; 142 | background: transparent; 143 | border: 0; } 144 | .main-content .highlight { 145 | margin-bottom: 1rem; } 146 | .main-content .highlight pre { 147 | margin-bottom: 0; 148 | word-break: normal; } 149 | .main-content .highlight pre, .main-content pre { 150 | padding: 0.8rem; 151 | overflow: auto; 152 | font-size: 0.9rem; 153 | line-height: 1.45; 154 | border-radius: 0.3rem; } 155 | .main-content pre code, .main-content pre tt { 156 | display: inline; 157 | max-width: initial; 158 | padding: 0; 159 | margin: 0; 160 | overflow: initial; 161 | line-height: inherit; 162 | word-wrap: normal; 163 | background-color: transparent; 164 | border: 0; } 165 | .main-content pre code:before, .main-content pre code:after, .main-content pre tt:before, .main-content pre tt:after { 166 | content: normal; } 167 | .main-content ul, .main-content ol { 168 | margin-top: 0; } 169 | .main-content blockquote { 170 | padding: 0 1rem; 171 | margin-left: 0; 172 | color: #819198; 173 | border-left: 0.3rem solid #dce6f0; } 174 | .main-content blockquote > :first-child { 175 | margin-top: 0; } 176 | .main-content blockquote > :last-child { 177 | margin-bottom: 0; } 178 | .main-content table { 179 | display: block; 180 | width: 100%; 181 | overflow: auto; 182 | word-break: normal; 183 | word-break: keep-all; } 184 | .main-content table th { 185 | font-weight: bold; } 186 | .main-content table th, .main-content table td { 187 | padding: 0.5rem 1rem; 188 | border: 1px solid #e9ebec; } 189 | .main-content dl { 190 | padding: 0; } 191 | .main-content dl dt { 192 | padding: 0; 193 | margin-top: 1rem; 194 | font-size: 1rem; 195 | font-weight: bold; } 196 | .main-content dl dd { 197 | padding: 0; 198 | margin-bottom: 1rem; } 199 | .main-content hr { 200 | height: 2px; 201 | padding: 0; 202 | margin: 1rem 0; 203 | background-color: #eff0f1; 204 | border: 0; } 205 | 206 | @media screen and (min-width: 64em) { 207 | .main-content { 208 | max-width: 64rem; 209 | padding: 2rem 6rem; 210 | margin: 0 auto; 211 | font-size: 1.1rem; } } 212 | 213 | @media screen and (min-width: 42em) and (max-width: 64em) { 214 | .main-content { 215 | padding: 2rem 4rem; 216 | font-size: 1.1rem; } } 217 | 218 | @media screen and (max-width: 42em) { 219 | .main-content { 220 | padding: 2rem 1rem; 221 | font-size: 1rem; } } 222 | 223 | .site-footer { 224 | padding-top: 2rem; 225 | margin-top: 2rem; 226 | border-top: solid 1px #eff0f1; } 227 | 228 | .site-footer-owner { 229 | display: block; 230 | font-weight: bold; } 231 | 232 | .site-footer-credits { 233 | color: #819198; } 234 | 235 | @media screen and (min-width: 64em) { 236 | .site-footer { 237 | font-size: 1rem; } } 238 | 239 | @media screen and (min-width: 42em) and (max-width: 64em) { 240 | .site-footer { 241 | font-size: 1rem; } } 242 | 243 | @media screen and (max-width: 42em) { 244 | .site-footer { 245 | font-size: 0.9rem; } } 246 | -------------------------------------------------------------------------------- /js/modernizr.custom.79639.js: -------------------------------------------------------------------------------- 1 | /* Modernizr 2.6.2 (Custom Build) | MIT & BSD 2 | * Build: http://modernizr.com/download/#-csstransforms3d-csstransitions-touch-shiv-cssclasses-prefixed-teststyles-testprop-testallprops-prefixes-domprefixes-load 3 | */ 4 | ;window.Modernizr=function(a,b,c){function z(a){j.cssText=a}function A(a,b){return z(m.join(a+";")+(b||""))}function B(a,b){return typeof a===b}function C(a,b){return!!~(""+a).indexOf(b)}function D(a,b){for(var d in a){var e=a[d];if(!C(e,"-")&&j[e]!==c)return b=="pfx"?e:!0}return!1}function E(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:B(f,"function")?f.bind(d||b):f}return!1}function F(a,b,c){var d=a.charAt(0).toUpperCase()+a.slice(1),e=(a+" "+o.join(d+" ")+d).split(" ");return B(b,"string")||B(b,"undefined")?D(e,b):(e=(a+" "+p.join(d+" ")+d).split(" "),E(e,b,c))}var d="2.6.2",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k,l={}.toString,m=" -webkit- -moz- -o- -ms- ".split(" "),n="Webkit Moz O ms",o=n.split(" "),p=n.toLowerCase().split(" "),q={},r={},s={},t=[],u=t.slice,v,w=function(a,c,d,e){var f,i,j,k,l=b.createElement("div"),m=b.body,n=m||b.createElement("body");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:h+(d+1),l.appendChild(j);return f=["­",'"].join(""),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background="",n.style.overflow="hidden",k=g.style.overflow,g.style.overflow="hidden",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},x={}.hasOwnProperty,y;!B(x,"undefined")&&!B(x.call,"undefined")?y=function(a,b){return x.call(a,b)}:y=function(a,b){return b in a&&B(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=u.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(u.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(u.call(arguments)))};return e}),q.touch=function(){var c;return"ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch?c=!0:w(["@media (",m.join("touch-enabled),("),h,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(a){c=a.offsetTop===9}),c},q.csstransforms3d=function(){var a=!!F("perspective");return a&&"webkitPerspective"in g.style&&w("@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}",function(b,c){a=b.offsetLeft===9&&b.offsetHeight===3}),a},q.csstransitions=function(){return F("transition")};for(var G in q)y(q,G)&&(v=G.toLowerCase(),e[v]=q[G](),t.push((e[v]?"":"no-")+v));return e.addTest=function(a,b){if(typeof a=="object")for(var d in a)y(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},z(""),i=k=null,function(a,b){function k(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x",d.insertBefore(c.lastChild,d.firstChild)}function l(){var a=r.elements;return typeof a=="string"?a.split(" "):a}function m(a){var b=i[a[g]];return b||(b={},h++,a[g]=h,i[h]=b),b}function n(a,c,f){c||(c=b);if(j)return c.createElement(a);f||(f=m(c));var g;return f.cache[a]?g=f.cache[a].cloneNode():e.test(a)?g=(f.cache[a]=f.createElem(a)).cloneNode():g=f.createElem(a),g.canHaveChildren&&!d.test(a)?f.frag.appendChild(g):g}function o(a,c){a||(a=b);if(j)return a.createDocumentFragment();c=c||m(a);var d=c.frag.cloneNode(),e=0,f=l(),g=f.length;for(;e",f="hidden"in a,j=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){f=!0,j=!0}})();var r={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,supportsUnknownElements:j,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:q,createElement:n,createDocumentFragment:o};a.html5=r,q(b)}(this,b),e._version=d,e._prefixes=m,e._domPrefixes=p,e._cssomPrefixes=o,e.testProp=function(a){return D([a])},e.testAllProps=F,e.testStyles=w,e.prefixed=function(a,b,c){return b?F(a,b,c):F(a,"pfx")},g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+t.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Expression 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 |
39 | 40 | 54 | 55 |
56 |
57 | 58 |
59 | 63 |
64 |
65 | 66 |
67 |
68 | 86 | 111 |
112 |

Hola, This is Anirudh MVSK (Maska)

113 |
114 |
115 |
116 |

Student at IIT Delhi, passionate to do something creative and something different. Developed few games in python, admin of few websites and own some android applications.I love dancing.Member of institute dance team and lead choreographer of V-Defyn. Currently Cultural Secretary of Satpura House 117 |

118 |
119 |

Stalk Me

120 |
124 | 125 | 129 | 133 | 138 | 143 | 144 | 145 |
149 |
150 |
151 | 155 |
156 |
157 | 190 | 191 |
192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | -------------------------------------------------------------------------------- /stylesheets/normalize.css: -------------------------------------------------------------------------------- 1 | /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ 2 | 3 | /** 4 | * 1. Set default font family to sans-serif. 5 | * 2. Prevent iOS text size adjust after orientation change, without disabling 6 | * user zoom. 7 | */ 8 | 9 | html { 10 | font-family: sans-serif; /* 1 */ 11 | -ms-text-size-adjust: 100%; /* 2 */ 12 | -webkit-text-size-adjust: 100%; /* 2 */ 13 | } 14 | 15 | /** 16 | * Remove default margin. 17 | */ 18 | 19 | body { 20 | margin: 0; 21 | } 22 | 23 | /* HTML5 display definitions 24 | ========================================================================== */ 25 | 26 | /** 27 | * Correct `block` display not defined for any HTML5 element in IE 8/9. 28 | * Correct `block` display not defined for `details` or `summary` in IE 10/11 29 | * and Firefox. 30 | * Correct `block` display not defined for `main` in IE 11. 31 | */ 32 | 33 | article, 34 | aside, 35 | details, 36 | figcaption, 37 | figure, 38 | footer, 39 | header, 40 | hgroup, 41 | main, 42 | menu, 43 | nav, 44 | section, 45 | summary { 46 | display: block; 47 | } 48 | 49 | /** 50 | * 1. Correct `inline-block` display not defined in IE 8/9. 51 | * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. 52 | */ 53 | 54 | audio, 55 | canvas, 56 | progress, 57 | video { 58 | display: inline-block; /* 1 */ 59 | vertical-align: baseline; /* 2 */ 60 | } 61 | 62 | /** 63 | * Prevent modern browsers from displaying `audio` without controls. 64 | * Remove excess height in iOS 5 devices. 65 | */ 66 | 67 | audio:not([controls]) { 68 | display: none; 69 | height: 0; 70 | } 71 | 72 | /** 73 | * Address `[hidden]` styling not present in IE 8/9/10. 74 | * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. 75 | */ 76 | 77 | [hidden], 78 | template { 79 | display: none; 80 | } 81 | 82 | /* Links 83 | ========================================================================== */ 84 | 85 | /** 86 | * Remove the gray background color from active links in IE 10. 87 | */ 88 | 89 | a { 90 | background-color: transparent; 91 | } 92 | 93 | /** 94 | * Improve readability when focused and also mouse hovered in all browsers. 95 | */ 96 | 97 | a:active, 98 | a:hover { 99 | outline: 0; 100 | } 101 | 102 | /* Text-level semantics 103 | ========================================================================== */ 104 | 105 | /** 106 | * Address styling not present in IE 8/9/10/11, Safari, and Chrome. 107 | */ 108 | 109 | abbr[title] { 110 | border-bottom: 1px dotted; 111 | } 112 | 113 | /** 114 | * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. 115 | */ 116 | 117 | b, 118 | strong { 119 | font-weight: bold; 120 | } 121 | 122 | /** 123 | * Address styling not present in Safari and Chrome. 124 | */ 125 | 126 | dfn { 127 | font-style: italic; 128 | } 129 | 130 | /** 131 | * Address variable `h1` font-size and margin within `section` and `article` 132 | * contexts in Firefox 4+, Safari, and Chrome. 133 | */ 134 | 135 | h1 { 136 | font-size: 2em; 137 | margin: 0.67em 0; 138 | } 139 | 140 | /** 141 | * Address styling not present in IE 8/9. 142 | */ 143 | 144 | mark { 145 | background: #ff0; 146 | color: #000; 147 | } 148 | 149 | /** 150 | * Address inconsistent and variable font size in all browsers. 151 | */ 152 | 153 | small { 154 | font-size: 80%; 155 | } 156 | 157 | /** 158 | * Prevent `sub` and `sup` affecting `line-height` in all browsers. 159 | */ 160 | 161 | sub, 162 | sup { 163 | font-size: 75%; 164 | line-height: 0; 165 | position: relative; 166 | vertical-align: baseline; 167 | } 168 | 169 | sup { 170 | top: -0.5em; 171 | } 172 | 173 | sub { 174 | bottom: -0.25em; 175 | } 176 | 177 | /* Embedded content 178 | ========================================================================== */ 179 | 180 | /** 181 | * Remove border when inside `a` element in IE 8/9/10. 182 | */ 183 | 184 | img { 185 | border: 0; 186 | } 187 | 188 | /** 189 | * Correct overflow not hidden in IE 9/10/11. 190 | */ 191 | 192 | svg:not(:root) { 193 | overflow: hidden; 194 | } 195 | 196 | /* Grouping content 197 | ========================================================================== */ 198 | 199 | /** 200 | * Address margin not present in IE 8/9 and Safari. 201 | */ 202 | 203 | figure { 204 | margin: 1em 40px; 205 | } 206 | 207 | /** 208 | * Address differences between Firefox and other browsers. 209 | */ 210 | 211 | hr { 212 | box-sizing: content-box; 213 | height: 0; 214 | } 215 | 216 | /** 217 | * Contain overflow in all browsers. 218 | */ 219 | 220 | pre { 221 | overflow: auto; 222 | } 223 | 224 | /** 225 | * Address odd `em`-unit font size rendering in all browsers. 226 | */ 227 | 228 | code, 229 | kbd, 230 | pre, 231 | samp { 232 | font-family: monospace, monospace; 233 | font-size: 1em; 234 | } 235 | 236 | /* Forms 237 | ========================================================================== */ 238 | 239 | /** 240 | * Known limitation: by default, Chrome and Safari on OS X allow very limited 241 | * styling of `select`, unless a `border` property is set. 242 | */ 243 | 244 | /** 245 | * 1. Correct color not being inherited. 246 | * Known issue: affects color of disabled elements. 247 | * 2. Correct font properties not being inherited. 248 | * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. 249 | */ 250 | 251 | button, 252 | input, 253 | optgroup, 254 | select, 255 | textarea { 256 | color: inherit; /* 1 */ 257 | font: inherit; /* 2 */ 258 | margin: 0; /* 3 */ 259 | } 260 | 261 | /** 262 | * Address `overflow` set to `hidden` in IE 8/9/10/11. 263 | */ 264 | 265 | button { 266 | overflow: visible; 267 | } 268 | 269 | /** 270 | * Address inconsistent `text-transform` inheritance for `button` and `select`. 271 | * All other form control elements do not inherit `text-transform` values. 272 | * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. 273 | * Correct `select` style inheritance in Firefox. 274 | */ 275 | 276 | button, 277 | select { 278 | text-transform: none; 279 | } 280 | 281 | /** 282 | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` 283 | * and `video` controls. 284 | * 2. Correct inability to style clickable `input` types in iOS. 285 | * 3. Improve usability and consistency of cursor style between image-type 286 | * `input` and others. 287 | */ 288 | 289 | button, 290 | html input[type="button"], /* 1 */ 291 | input[type="reset"], 292 | input[type="submit"] { 293 | -webkit-appearance: button; /* 2 */ 294 | cursor: pointer; /* 3 */ 295 | } 296 | 297 | /** 298 | * Re-set default cursor for disabled elements. 299 | */ 300 | 301 | button[disabled], 302 | html input[disabled] { 303 | cursor: default; 304 | } 305 | 306 | /** 307 | * Remove inner padding and border in Firefox 4+. 308 | */ 309 | 310 | button::-moz-focus-inner, 311 | input::-moz-focus-inner { 312 | border: 0; 313 | padding: 0; 314 | } 315 | 316 | /** 317 | * Address Firefox 4+ setting `line-height` on `input` using `!important` in 318 | * the UA stylesheet. 319 | */ 320 | 321 | input { 322 | line-height: normal; 323 | } 324 | 325 | /** 326 | * It's recommended that you don't attempt to style these elements. 327 | * Firefox's implementation doesn't respect box-sizing, padding, or width. 328 | * 329 | * 1. Address box sizing set to `content-box` in IE 8/9/10. 330 | * 2. Remove excess padding in IE 8/9/10. 331 | */ 332 | 333 | input[type="checkbox"], 334 | input[type="radio"] { 335 | box-sizing: border-box; /* 1 */ 336 | padding: 0; /* 2 */ 337 | } 338 | 339 | /** 340 | * Fix the cursor style for Chrome's increment/decrement buttons. For certain 341 | * `font-size` values of the `input`, it causes the cursor style of the 342 | * decrement button to change from `default` to `text`. 343 | */ 344 | 345 | input[type="number"]::-webkit-inner-spin-button, 346 | input[type="number"]::-webkit-outer-spin-button { 347 | height: auto; 348 | } 349 | 350 | /** 351 | * 1. Address `appearance` set to `searchfield` in Safari and Chrome. 352 | * 2. Address `box-sizing` set to `border-box` in Safari and Chrome 353 | * (include `-moz` to future-proof). 354 | */ 355 | 356 | input[type="search"] { 357 | -webkit-appearance: textfield; /* 1 */ /* 2 */ 358 | box-sizing: content-box; 359 | } 360 | 361 | /** 362 | * Remove inner padding and search cancel button in Safari and Chrome on OS X. 363 | * Safari (but not Chrome) clips the cancel button when the search input has 364 | * padding (and `textfield` appearance). 365 | */ 366 | 367 | input[type="search"]::-webkit-search-cancel-button, 368 | input[type="search"]::-webkit-search-decoration { 369 | -webkit-appearance: none; 370 | } 371 | 372 | /** 373 | * Define consistent border, margin, and padding. 374 | */ 375 | 376 | fieldset { 377 | border: 1px solid #c0c0c0; 378 | margin: 0 2px; 379 | padding: 0.35em 0.625em 0.75em; 380 | } 381 | 382 | /** 383 | * 1. Correct `color` not being inherited in IE 8/9/10/11. 384 | * 2. Remove padding so people aren't caught out if they zero out fieldsets. 385 | */ 386 | 387 | legend { 388 | border: 0; /* 1 */ 389 | padding: 0; /* 2 */ 390 | } 391 | 392 | /** 393 | * Remove default vertical scrollbar in IE 8/9/10/11. 394 | */ 395 | 396 | textarea { 397 | overflow: auto; 398 | } 399 | 400 | /** 401 | * Don't inherit the `font-weight` (applied by a rule above). 402 | * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. 403 | */ 404 | 405 | optgroup { 406 | font-weight: bold; 407 | } 408 | 409 | /* Tables 410 | ========================================================================== */ 411 | 412 | /** 413 | * Remove most spacing between table cells. 414 | */ 415 | 416 | table { 417 | border-collapse: collapse; 418 | border-spacing: 0; 419 | } 420 | 421 | td, 422 | th { 423 | padding: 0; 424 | } 425 | -------------------------------------------------------------------------------- /js/jquery.easypiechart.js: -------------------------------------------------------------------------------- 1 | /**! 2 | * easyPieChart 3 | * Lightweight plugin to render simple, animated and retina optimized pie charts 4 | * 5 | * @license 6 | * @author Robert Fleischmann (http://robert-fleischmann.de) 7 | * @version 2.1.4 8 | **/ 9 | 10 | (function(root, factory) { 11 | if(typeof exports === 'object') { 12 | module.exports = factory(require('jquery')); 13 | } 14 | else if(typeof define === 'function' && define.amd) { 15 | define(['jquery'], factory); 16 | } 17 | else { 18 | factory(root.jQuery); 19 | } 20 | }(this, function($) { 21 | /** 22 | * Renderer to render the chart on a canvas object 23 | * @param {DOMElement} el DOM element to host the canvas (root of the plugin) 24 | * @param {object} options options object of the plugin 25 | */ 26 | var CanvasRenderer = function(el, options) { 27 | var cachedBackground; 28 | var canvas = document.createElement('canvas'); 29 | 30 | el.appendChild(canvas); 31 | 32 | if (typeof(G_vmlCanvasManager) !== 'undefined') { 33 | G_vmlCanvasManager.initElement(canvas); 34 | } 35 | 36 | var ctx = canvas.getContext('2d'); 37 | 38 | canvas.width = canvas.height = options.size; 39 | 40 | // canvas on retina devices 41 | var scaleBy = 1; 42 | if (window.devicePixelRatio > 1) { 43 | scaleBy = window.devicePixelRatio; 44 | canvas.style.width = canvas.style.height = [options.size, 'px'].join(''); 45 | canvas.width = canvas.height = options.size * scaleBy; 46 | ctx.scale(scaleBy, scaleBy); 47 | } 48 | 49 | // move 0,0 coordinates to the center 50 | ctx.translate(options.size / 2, options.size / 2); 51 | 52 | // rotate canvas -90deg 53 | ctx.rotate((-1 / 2 + options.rotate / 180) * Math.PI); 54 | 55 | var radius = (options.size - options.lineWidth) / 2; 56 | if (options.scaleColor && options.scaleLength) { 57 | radius -= options.scaleLength + 2; // 2 is the distance between scale and bar 58 | } 59 | 60 | // IE polyfill for Date 61 | Date.now = Date.now || function() { 62 | return +(new Date()); 63 | }; 64 | 65 | /** 66 | * Draw a circle around the center of the canvas 67 | * @param {strong} color Valid CSS color string 68 | * @param {number} lineWidth Width of the line in px 69 | * @param {number} percent Percentage to draw (float between -1 and 1) 70 | */ 71 | var drawCircle = function(color, lineWidth, percent) { 72 | percent = Math.min(Math.max(-1, percent || 0), 1); 73 | var isNegative = percent <= 0 ? true : false; 74 | 75 | ctx.beginPath(); 76 | ctx.arc(0, 0, radius, 0, Math.PI * 2 * percent, isNegative); 77 | 78 | ctx.strokeStyle = color; 79 | ctx.lineWidth = lineWidth; 80 | 81 | ctx.stroke(); 82 | }; 83 | 84 | /** 85 | * Draw the scale of the chart 86 | */ 87 | var drawScale = function() { 88 | var offset; 89 | var length; 90 | 91 | ctx.lineWidth = 1; 92 | ctx.fillStyle = options.scaleColor; 93 | 94 | ctx.save(); 95 | for (var i = 24; i > 0; --i) { 96 | if (i % 6 === 0) { 97 | length = options.scaleLength; 98 | offset = 0; 99 | } else { 100 | length = options.scaleLength * 0.6; 101 | offset = options.scaleLength - length; 102 | } 103 | ctx.fillRect(-options.size/2 + offset, 0, length, 1); 104 | ctx.rotate(Math.PI / 12); 105 | } 106 | ctx.restore(); 107 | }; 108 | 109 | /** 110 | * Request animation frame wrapper with polyfill 111 | * @return {function} Request animation frame method or timeout fallback 112 | */ 113 | var reqAnimationFrame = (function() { 114 | return window.requestAnimationFrame || 115 | window.webkitRequestAnimationFrame || 116 | window.mozRequestAnimationFrame || 117 | function(callback) { 118 | window.setTimeout(callback, 1000 / 60); 119 | }; 120 | }()); 121 | 122 | /** 123 | * Draw the background of the plugin including the scale and the track 124 | */ 125 | var drawBackground = function() { 126 | if(options.scaleColor) drawScale(); 127 | if(options.trackColor) drawCircle(options.trackColor, options.lineWidth, 1); 128 | }; 129 | 130 | /** 131 | * Canvas accessor 132 | */ 133 | this.getCanvas = function() { 134 | return canvas; 135 | }; 136 | 137 | /** 138 | * Canvas 2D context 'ctx' accessor 139 | */ 140 | this.getCtx = function() { 141 | return ctx; 142 | }; 143 | 144 | /** 145 | * Clear the complete canvas 146 | */ 147 | this.clear = function() { 148 | ctx.clearRect(options.size / -2, options.size / -2, options.size, options.size); 149 | }; 150 | 151 | /** 152 | * Draw the complete chart 153 | * @param {number} percent Percent shown by the chart between -100 and 100 154 | */ 155 | this.draw = function(percent) { 156 | // do we need to render a background 157 | if (!!options.scaleColor || !!options.trackColor) { 158 | // getImageData and putImageData are supported 159 | if (ctx.getImageData && ctx.putImageData) { 160 | if (!cachedBackground) { 161 | drawBackground(); 162 | cachedBackground = ctx.getImageData(0, 0, options.size * scaleBy, options.size * scaleBy); 163 | } else { 164 | ctx.putImageData(cachedBackground, 0, 0); 165 | } 166 | } else { 167 | this.clear(); 168 | drawBackground(); 169 | } 170 | } else { 171 | this.clear(); 172 | } 173 | 174 | ctx.lineCap = options.lineCap; 175 | 176 | // if barcolor is a function execute it and pass the percent as a value 177 | var color; 178 | if (typeof(options.barColor) === 'function') { 179 | color = options.barColor(percent); 180 | } else { 181 | color = options.barColor; 182 | } 183 | 184 | // draw bar 185 | drawCircle(color, options.lineWidth, percent / 100); 186 | }.bind(this); 187 | 188 | /** 189 | * Animate from some percent to some other percentage 190 | * @param {number} from Starting percentage 191 | * @param {number} to Final percentage 192 | */ 193 | this.animate = function(from, to) { 194 | var startTime = Date.now(); 195 | options.onStart(from, to); 196 | var animation = function() { 197 | var process = Math.min(Date.now() - startTime, options.animate.duration); 198 | var currentValue = options.easing(this, process, from, to - from, options.animate.duration); 199 | this.draw(currentValue); 200 | options.onStep(from, to, currentValue); 201 | if (process >= options.animate.duration) { 202 | options.onStop(from, to); 203 | } else { 204 | reqAnimationFrame(animation); 205 | } 206 | }.bind(this); 207 | 208 | reqAnimationFrame(animation); 209 | }.bind(this); 210 | }; 211 | 212 | var EasyPieChart = function(el, opts) { 213 | var defaultOptions = { 214 | barColor: '#ef1e25', 215 | trackColor: '#f9f9f9', 216 | scaleColor: '#dfe0e0', 217 | scaleLength: 5, 218 | lineCap: 'round', 219 | lineWidth: 3, 220 | size: 110, 221 | rotate: 0, 222 | animate: { 223 | duration: 1000, 224 | enabled: true 225 | }, 226 | easing: function (x, t, b, c, d) { // more can be found here: http://gsgd.co.uk/sandbox/jquery/easing/ 227 | t = t / (d/2); 228 | if (t < 1) { 229 | return c / 2 * t * t + b; 230 | } 231 | return -c/2 * ((--t)*(t-2) - 1) + b; 232 | }, 233 | onStart: function(from, to) { 234 | return; 235 | }, 236 | onStep: function(from, to, currentValue) { 237 | return; 238 | }, 239 | onStop: function(from, to) { 240 | return; 241 | } 242 | }; 243 | 244 | // detect present renderer 245 | if (typeof(CanvasRenderer) !== 'undefined') { 246 | defaultOptions.renderer = CanvasRenderer; 247 | } else if (typeof(SVGRenderer) !== 'undefined') { 248 | defaultOptions.renderer = SVGRenderer; 249 | } else { 250 | throw new Error('Please load either the SVG- or the CanvasRenderer'); 251 | } 252 | 253 | var options = {}; 254 | var currentValue = 0; 255 | 256 | /** 257 | * Initialize the plugin by creating the options object and initialize rendering 258 | */ 259 | var init = function() { 260 | this.el = el; 261 | this.options = options; 262 | 263 | // merge user options into default options 264 | for (var i in defaultOptions) { 265 | if (defaultOptions.hasOwnProperty(i)) { 266 | options[i] = opts && typeof(opts[i]) !== 'undefined' ? opts[i] : defaultOptions[i]; 267 | if (typeof(options[i]) === 'function') { 268 | options[i] = options[i].bind(this); 269 | } 270 | } 271 | } 272 | 273 | // check for jQuery easing 274 | if (typeof(options.easing) === 'string' && typeof(jQuery) !== 'undefined' && jQuery.isFunction(jQuery.easing[options.easing])) { 275 | options.easing = jQuery.easing[options.easing]; 276 | } else { 277 | options.easing = defaultOptions.easing; 278 | } 279 | 280 | // process earlier animate option to avoid bc breaks 281 | if (typeof(options.animate) === 'number') { 282 | options.animate = { 283 | duration: options.animate, 284 | enabled: true 285 | }; 286 | } 287 | 288 | if (typeof(options.animate) === 'boolean' && !options.animate) { 289 | options.animate = { 290 | duration: 1000, 291 | enabled: options.animate 292 | }; 293 | } 294 | 295 | // create renderer 296 | this.renderer = new options.renderer(el, options); 297 | 298 | // initial draw 299 | this.renderer.draw(currentValue); 300 | 301 | // initial update 302 | if (el.dataset && el.dataset.percent) { 303 | this.update(parseFloat(el.dataset.percent)); 304 | } else if (el.getAttribute && el.getAttribute('data-percent')) { 305 | this.update(parseFloat(el.getAttribute('data-percent'))); 306 | } 307 | }.bind(this); 308 | 309 | /** 310 | * Update the value of the chart 311 | * @param {number} newValue Number between 0 and 100 312 | * @return {object} Instance of the plugin for method chaining 313 | */ 314 | this.update = function(newValue) { 315 | newValue = parseFloat(newValue); 316 | if (options.animate.enabled) { 317 | this.renderer.animate(currentValue, newValue); 318 | } else { 319 | this.renderer.draw(newValue); 320 | } 321 | currentValue = newValue; 322 | return this; 323 | }.bind(this); 324 | 325 | /** 326 | * Disable animation 327 | * @return {object} Instance of the plugin for method chaining 328 | */ 329 | this.disableAnimation = function() { 330 | options.animate.enabled = false; 331 | return this; 332 | }; 333 | 334 | /** 335 | * Enable animation 336 | * @return {object} Instance of the plugin for method chaining 337 | */ 338 | this.enableAnimation = function() { 339 | options.animate.enabled = true; 340 | return this; 341 | }; 342 | 343 | init(); 344 | }; 345 | 346 | $.fn.easyPieChart = function(options) { 347 | return this.each(function() { 348 | var instanceOptions; 349 | 350 | if (!$.data(this, 'easyPieChart')) { 351 | instanceOptions = $.extend({}, options, $(this).data()); 352 | $.data(this, 'easyPieChart', new EasyPieChart(this, instanceOptions)); 353 | } 354 | }); 355 | }; 356 | 357 | })); 358 | -------------------------------------------------------------------------------- /js/custom.js: -------------------------------------------------------------------------------- 1 | $(document).ready(function() { 2 | 3 | /* ========================================================================== 4 | EasyPieChart 5 | ========================================================================== */ 6 | 7 | $(function() { 8 | $('.chart').easyPieChart({ 9 | barColor: '#16a085', 10 | scaleColor: false, 11 | lineCap:'butt', 12 | size: '170', 13 | lineWidth: '10', 14 | animate: 1000 15 | }); 16 | }); 17 | 18 | /* ========================================================================== 19 | Tabs 20 | ========================================================================== */ 21 | 22 | $('#myTab a').click(function (e) { 23 | e.preventDefault() 24 | $(this).tab('show') 25 | }); 26 | 27 | /* ========================================================================== 28 | Color Switcher 29 | ========================================================================== */ 30 | 31 | /* $(document).ready(function() { 32 | 33 | var switcher = $('#switcher'); 34 | 35 | switcher.find('.switcher-btn').click(function(e) { 36 | e.preventDefault(); 37 | switcher.toggleClass('switcher-active'); 38 | }) 39 | 40 | switcher.find('.color .color-1').click(function() { 41 | $('head').find('link[href*="color-2.css"]').remove(), 42 | $('head').find('link[href*="color-3.css"]').remove(), 43 | $('head').find('link[href*="color-4.css"]').remove(), 44 | $('head').find('link[href*="color-5.css"]').remove(); 45 | $('#chart .col-sm-6').remove(); 46 | $('#chart').append('\ 47 |
\ 48 | 90\ 49 | \ 50 |

HTML/CSS

\ 51 |
\ 52 |
\ 53 | 70\ 54 | \ 55 |

WEB DEVELOPMENT

\ 56 |
\ 57 |
\ 58 | 85\ 59 | \ 60 |

WEB DESIGN

\ 61 |
\ 62 |
\ 63 | 60\ 64 | \ 65 |

GRAPHIC

\ 66 |
'); 67 | $('.chart').easyPieChart({ 68 | barColor: '#16a085', 69 | scaleColor: false, 70 | lineCap:'butt', 71 | size: '170', 72 | lineWidth: '10' 73 | }); 74 | }) 75 | switcher.find('.color .color-2').click(function() { 76 | $('head').append(''), 77 | $('#chart .col-sm-6').remove(); 78 | $('#chart').append('\ 79 |
\ 80 | 90\ 81 | \ 82 |

HTML/CSS

\ 83 |
\ 84 |
\ 85 | 70\ 86 | \ 87 |

WEB DEVELOPMENT

\ 88 |
\ 89 |
\ 90 | 85\ 91 | \ 92 |

WEB DESIGN

\ 93 |
\ 94 |
\ 95 | 60\ 96 | \ 97 |

GRAPHIC

\ 98 |
'); 99 | $('.chart').easyPieChart({ 100 | barColor: '#2980b9', 101 | scaleColor: false, 102 | lineCap:'butt', 103 | size: '170', 104 | lineWidth: '10' 105 | }); 106 | }) 107 | switcher.find('.color .color-3').click(function() { 108 | $('head').append(''), 109 | $('#chart .col-sm-6').remove(); 110 | $('#chart').append('\ 111 |
\ 112 | 90\ 113 | \ 114 |

HTML/CSS

\ 115 |
\ 116 |
\ 117 | 70\ 118 | \ 119 |

WEB DEVELOPMENT

\ 120 |
\ 121 |
\ 122 | 85\ 123 | \ 124 |

WEB DESIGN

\ 125 |
\ 126 |
\ 127 | 60\ 128 | \ 129 |

GRAPHIC

\ 130 |
'); 131 | $('.chart').easyPieChart({ 132 | barColor: '#c0392b', 133 | scaleColor: false, 134 | lineCap:'butt', 135 | size: '170', 136 | lineWidth: '10' 137 | }); 138 | }) 139 | switcher.find('.color .color-4').click(function() { 140 | $('head').append(''), 141 | $('#chart .col-sm-6').remove(); 142 | $('#chart').append('\ 143 |
\ 144 | 90\ 145 | \ 146 |

HTML/CSS

\ 147 |
\ 148 |
\ 149 | 70\ 150 | \ 151 |

WEB DEVELOPMENT

\ 152 |
\ 153 |
\ 154 | 85\ 155 | \ 156 |

WEB DESIGN

\ 157 |
\ 158 |
\ 159 | 60\ 160 | \ 161 |

GRAPHIC

\ 162 |
'); 163 | $('.chart').easyPieChart({ 164 | barColor: '#8e44ad', 165 | scaleColor: false, 166 | lineCap:'butt', 167 | size: '170', 168 | lineWidth: '10' 169 | }); 170 | }) 171 | switcher.find('.color .color-5').click(function() { 172 | $('head').append(''), 173 | $('#chart .col-sm-6').remove(); 174 | $('#chart').append('\ 175 |
\ 176 | 90\ 177 | \ 178 |

HTML/CSS

\ 179 |
\ 180 |
\ 181 | 70\ 182 | \ 183 |

WEB DEVELOPMENT

\ 184 |
\ 185 |
\ 186 | 85\ 187 | \ 188 |

WEB DESIGN

\ 189 |
\ 190 |
\ 191 | 60\ 192 | \ 193 |

GRAPHIC

\ 194 |
'); 195 | $('.chart').easyPieChart({ 196 | barColor: '#7f8c8d', 197 | scaleColor: false, 198 | lineCap:'butt', 199 | size: '170', 200 | lineWidth: '10' 201 | }); 202 | }) 203 | 204 | }); 205 | 206 | */ 207 | /* ========================================================================== 208 | * classie - class helper functions 209 | * from bonzo https://github.com/ded/bonzo 210 | * 211 | * classie.has( elem, 'my-class' ) -> true/false 212 | * classie.add( elem, 'my-new-class' ) 213 | * classie.remove( elem, 'my-unwanted-class' ) 214 | * classie.toggle( elem, 'my-class' ) 215 | ========================================================================== */ 216 | 217 | /*jshint browser: true, strict: true, undef: true */ 218 | /*global define: false */ 219 | 220 | ( function( window ) { 221 | 222 | 'use strict'; 223 | 224 | // class helper functions from bonzo https://github.com/ded/bonzo 225 | 226 | function classReg( className ) { 227 | return new RegExp("(^|\\s+)" + className + "(\\s+|$)"); 228 | } 229 | 230 | // classList support for class management 231 | // altho to be fair, the api sucks because it won't accept multiple classes at once 232 | var hasClass, addClass, removeClass; 233 | 234 | if ( 'classList' in document.documentElement ) { 235 | hasClass = function( elem, c ) { 236 | return elem.classList.contains( c ); 237 | }; 238 | addClass = function( elem, c ) { 239 | elem.classList.add( c ); 240 | }; 241 | removeClass = function( elem, c ) { 242 | elem.classList.remove( c ); 243 | }; 244 | } 245 | else { 246 | hasClass = function( elem, c ) { 247 | return classReg( c ).test( elem.className ); 248 | }; 249 | addClass = function( elem, c ) { 250 | if ( !hasClass( elem, c ) ) { 251 | elem.className = elem.className + ' ' + c; 252 | } 253 | }; 254 | removeClass = function( elem, c ) { 255 | elem.className = elem.className.replace( classReg( c ), ' ' ); 256 | }; 257 | } 258 | 259 | function toggleClass( elem, c ) { 260 | var fn = hasClass( elem, c ) ? removeClass : addClass; 261 | fn( elem, c ); 262 | } 263 | 264 | var classie = { 265 | // full names 266 | hasClass: hasClass, 267 | addClass: addClass, 268 | removeClass: removeClass, 269 | toggleClass: toggleClass, 270 | // short names 271 | has: hasClass, 272 | add: addClass, 273 | remove: removeClass, 274 | toggle: toggleClass 275 | }; 276 | 277 | // transport 278 | if ( typeof define === 'function' && define.amd ) { 279 | // AMD 280 | define( classie ); 281 | } else { 282 | // browser global 283 | window.classie = classie; 284 | } 285 | 286 | })( window ); 287 | 288 | }); -------------------------------------------------------------------------------- /blog.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Konefix - A Portfolio Theme 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 |
39 | 40 | 58 | 59 |
60 |
61 |

Choose
color style

62 |
    63 |
  • 64 |
  • 65 |
  • 66 |
  • 67 |
  • 68 |
69 |
70 | 71 |
72 |
73 |
74 |

Blog

75 |
76 |
77 | 78 |
79 |
80 |
81 |
82 |
10 February 2014/Category/2 Comments
83 |
84 |

Title Post

85 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

86 |

Read More

87 |
88 |
89 |
90 |
91 |
10 February 2014/Category/2 Comments
92 |
93 |

Title Post

94 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

95 |

Read More

96 |
97 |
98 |
99 | 100 | 101 | 175 |
176 |
177 |
178 | 185 |
186 |
187 | 190 |
191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | -------------------------------------------------------------------------------- /single-post.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Konefix - A Portfolio Theme 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 |
39 | 40 | 58 | 59 |
60 |
61 |

Choose
color style

62 |
    63 |
  • 64 |
  • 65 |
  • 66 |
  • 67 |
  • 68 |
69 |
70 | 71 |
72 |
73 |
74 |

Blog / Single Post

75 |
76 |
77 |
78 |
79 |
80 |
81 |
10 February 2014/Category/2 Comments
82 |
83 |

Title Post

84 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

85 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

86 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

87 |
88 |
89 |
90 |
91 |

2 Comments

92 |
    93 |
  • 94 |
    95 |
    96 | gravatar 97 |
    98 |
    99 |
    100 |
    101 |
    102 |

    John Doe

    103 | 10 February 2014 104 |
    105 |
    106 | 107 |
    108 |
    109 |

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

    110 |
    111 |
    • 112 |
      113 |
    • 114 |
      115 |
      116 | gravatar 117 |
      118 |
      119 |
      120 |
      121 |
      122 |

      John Doe

      123 | 10 February 2014 124 |
      125 |
      126 | 127 |
      128 |
      129 |

      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

      130 |
      131 |
      • 132 |
    133 |
  • 134 |
    135 |
    136 | gravatar 137 |
    138 |
    139 |
    140 |
    141 |
    142 |

    John Doe

    143 | 10 February 2014 144 |
    145 |
    146 | 147 |
    148 |
    149 |

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

    150 |
    151 |
    • 152 |
153 |
154 |
155 |
156 |
157 |

Leave a reply

158 |
159 |
160 | 161 |
162 | 163 |
164 |
165 |
166 | 167 |
168 | 169 |
170 |
171 |
172 | 173 |
174 | 175 |
176 |
177 |
178 | 179 |
180 |
181 |
182 |
183 |
184 |
185 |
186 |
187 | 194 |
195 |
196 | 199 |
200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | -------------------------------------------------------------------------------- /newtry.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | Expression 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 46 |
47 | 48 | 61 | 63 |
64 |
65 |

Expression

66 | 67 |
68 |
69 |
70 |

Hello

71 |
72 | 73 |
74 |
75 | 76 | 77 | 78 | 79 |
80 |
81 |

BirthDay

82 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

83 |
84 |
85 |
86 | 87 | 88 | 89 | 90 |
91 |
92 |

FriendShip

93 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

94 |
95 |
96 |
97 |
98 |

Valentine

99 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

100 |
101 |
102 | 103 | 104 | 105 | 106 |
107 |
108 |
109 |

Other

110 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

111 |
112 |
113 | 114 | 115 | 116 | 117 |
118 |
119 | 228 | 285 |
286 |
287 |

Get A Gift 288 | Please fill all the texts in the fields. 289 |

290 | 294 | 295 | 299 | 300 | 304 | 312 | 313 | 317 |
318 | 328 |
329 |
330 | 331 | 332 | 333 | 334 | 335 | 336 | 337 | 338 | 339 | 340 | 341 | 342 | 343 | 344 | -------------------------------------------------------------------------------- /css/font-awesome.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.0.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.2857142857142858em;text-align:center}.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-reply-all:before{content:"\f122"}.fa-mail-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"} --------------------------------------------------------------------------------