Swati Kothari swati16
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="u-wideWrapper u-paddingHm u-paddingTl" ng-app="myApp" ng-controller="MainController"> | |
| <header class="u-marginBl u-textCenter"> | |
| <div> | |
| <svg class="u-inlineBlock" width="58px" height="58px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 54"><g><path fill="#4CAF50" d="M3.1,27.9c0,0,10.2-24.1,11.6-27.2c0.2-0.5,0.6-0.8,1.2-0.6c0.5,0.1,0.8,0.7,1.5,2.2c1.3,2.9,18,37.2,18.7,38.6c0.8,1.6,1,2.6,0.7,3.4c-0.3,0.6-1,1.1-1.8,1.4c-2.3,0.9-20.3,7.8-21.5,8.3c-0.7,0.3-0.8-0.4-1.4-1.7C11.6,51,3.7,32.1,3.1,30.7C2.5,29.3,3.1,27.9,3.1,27.9z"/><path fill="#2196F3" d="M50.9,17.3c-0.3-0.3-0.4-0.4-0.7-0.2c-0.3,0.1-11.5,8.6-16.8,12.5c2.7,5.5,4.7,9.7,5,10.2c0.4,0.8,0.8,1.7,1,2.6c0.1-0.2,0.2-0.3,0.3-0.5c0.9-1.8,11.3-23.4,11.5-23.8C51.3,17.7,51.2,17.7,50.9,17.3z"/></g></svg> | |
| <h2 class="u-marginTs">vAccordion</h2> | |
| </div> | |
| <h5 class="u-marginBl">AngularJS multi-level accordion component.</h5> |
kentarofujiy
/ History|28a8d735|wpxC.json
Last active
April 10, 2022 19:43
Google Translate Custom Styling
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "editor.suggestSelection": "first", | |
| "remote.SSH.remotePlatform": { | |
| "165.227.100.91": "linux", | |
| "192.168.15.18": "linux", | |
| "seminovos-kentaro": "linux", | |
| "142.93.108.210": "linux", | |
| "servidor-home": "linux", | |
| "sotreq-novosite-rails": "linux", | |
| "sotreq-novosite-vue": "linux", |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="ct" id="t1"> | |
| <div class="ct" id="t2"> | |
| <div class="ct" id="t3"> | |
| <div class="ct" id="t4"> | |
| <div class="ct" id="t5"> | |
| <ul id="menu"> | |
| <a href="#t1"><li class="icon fa fa-bolt" id="uno"></li></a> | |
| <a href="#t2"><li class="icon fa fa-keyboard-o" id="dos"></li></a> | |
| <a href="#t3"><li class="icon fa fa-rocket" id="tres"></li></a> | |
| <a href="#t4"><li class="icon fa fa-dribbble" id="cuatro"></li></a> |
devluis
/ horizontal-responsive-multilevel-menu.html
Last active
June 9, 2021 14:38
Responsive Multilevel Horizontal Menu only with CSS
alexrchies
/ index.html
Created
August 19, 2013 08:22
A CodePen by Shaw. Absolute Centering - Perfect horizontal AND vertical centering in CSS, at any width or height! Works with percentage based width/height, min-/max- width, images, position: fixed and even variable content heights. *Updated Aug 13: Added a comparison table, an explanation, more documentation, and a Modernizr test for variable he…
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="Modal-Background toggle-Modal"> | |
| <div class="Center-Block Absolute-Center is-Fixed is-Variable Modal" id="Fixed-Modal"> | |
| <div class="Center-Content"> | |
| <h4 class="Title">Absolute Center.</h4> | |
| <p>This box is absolutely centered within the viewport, horizontally and vertically, using only CSS.</p> | |
| <p><a href="#" class="Shaw-Button trigger-Resize">Resize Me!</a></p> | |
| <p><a href="#" class="Shaw-Button toggle-Modal">Close Modal</a></p> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="google_translate_element"></div> | |
| <script type="text/javascript"> | |
| function googleTranslateElementInit() { | |
| new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element'); | |
| } | |
| </script> | |
| <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> |
fstfwd
/ index.html
Created
November 23, 2012 04:18
A CodePen by BottomlineInteractive. Cut and Paste CSS Effects
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body> | |
| <div class="header">Image Hover Effects - <a href="http://designshack.net/?p=36895">Return to Design Shack</a></div> | |
| <div class="grow pic"> | |
| <img src="http://lorempixel.com/400/400/people/9" alt="girl"> | |
| </div> | |
| <div class="shrink pic"> | |
| <img src="http://lorempixel.com/400/400/nightlife/4" alt="city"> |