Ronomad theanhdo94
This file contains hidden or 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
| <!DOCTYPE html> | |
| <head> | |
| <title>Rosca Finance</title> | |
| <link href="rosca.css" rel="stylesheet" type="text/css"> | |
| </head> | |
| <body> | |
| <div class="wrapper"> | |
| <div class="calendar"> | |
| <img src="images/calendar.png"> |
This file contains hidden or 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
| .wrapper{ | |
| width: 500px; | |
| text-align: center; | |
| } | |
| /* month & calendar */ | |
| .calendar{ | |
| width: 245px; | |
| height: 40px; | |
| text-align: left; |
theanhdo94
/ sample-multiple-blocks.html
Last active
February 3, 2017 05:14
Sample multiple blocks standard html structure.
This file contains hidden or 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="panel-unique-name" class="panel-common-name spanel-wrap"> // Div wrapper of the whole section | |
| <div class="spanel-inner"> // Div inner of the section | |
| <div class="panel-heading"> | |
| <div class="rosca_spanel-heading title-right rosca_bdcolor-gray"> | |
| <h3 class="rosca_spanel-title rosca_bgcolor-gray">MY ROSCAS</h3> // This is the title for single panel (spanel) | |
| <span class="rosca_spanel-desc">You have 12 Roscas</span> | |
| </div> <!-- .rosca_spanel-heading --> | |
| </div> <!-- .panel-heading --> | |
| <div class="panel-body"> | |
| // Your content here. |
theanhdo94
/ single-block.html
Created
February 3, 2017 04:26
Sample standard html structure for VA frontend developers.
This file contains hidden or 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="block-unique-name" class="block-common-name"> // Div wrapper of the whole section | |
| <div class="block-name-inner container-if-needed"> // Div inner of the section (on this you can use bootstrap stuff) | |
| <div class="row"> // This "row" holder is necessary if you use *bootstrap* "container" before. | |
| // Content here whatever you like. | |
| </div> | |
| </div> | |
| </div> |
theanhdo94
/ custom-cursor.html
Last active
January 21, 2017 03:26
Custom style for cursor on web UX
This file contains hidden or 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
| <!-- HTML --> | |
| <div id="follower"> | |
| <div id="circle1"></div> | |
| <div id="circle2"></div> | |
| </div> | |
| <!-- CSS --> | |
| #follower { | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; |
theanhdo94
/ vertical-fixed-social-style.scss
Created
December 29, 2016 03:20
Cool animation for social moving
theanhdo94
/ mrp-awesome-theme.scss
Last active
December 28, 2016 10:36
MyRealPage Awesome Theme Style in SCSS
This file contains hidden or 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
| /****** | |
| * MRP AWESOME STYLES; | |
| * Author: Ro - Viet Artisans Frontend Master; | |
| * MRP Version: 9.x; | |
| *****/ | |
| /** FONTS INIT **/ | |
| @font-face{font-family: 'Prox';src: url('../fonts/ProximaNova300.otf');font-weight: 300;font-style: normal;} | |
| @font-face{font-family: 'Prox';src: url('../fonts/ProximaNova100.otf');font-weight: 100;font-style: normal;} | |
| @font-face{font-family: 'ProxAlt';src: url('../fonts/ProximaNovaAlt100.otf');font-weight: 100;font-style: normal;} | |
| @font-face{font-family: 'ProxAlt';src: url('../fonts/ProximaNovaAlt300.otf');font-weight: 300;font-style: normal;} |
This file contains hidden or 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
| /** Register your custom effects **/ | |
| @-webkit-keyframes fadeEffect { | |
| from {opacity: 0;} | |
| to {opacity: 1;} | |
| } | |
| @keyframes fadeEffect { | |
| from {opacity: 0;} | |
| to {opacity: 1;} | |
| } | |
| /** Usage css **/ |
theanhdo94
/ simple-tabs.php
Created
December 8, 2016 07:20
Create simple tabs/tooltips within smooth animation using basic HTML, CSS, JS
This file contains hidden or 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
| // #Step 1: HTML structure | |
| <ul class="tab"> | |
| <li><a href="javascript:void(0)" class="tablinks" onclick="openCity(event, 'London')">London</a></li> | |
| <li><a href="javascript:void(0)" class="tablinks" onclick="openCity(event, 'Paris')">Paris</a></li> | |
| <li><a href="javascript:void(0)" class="tablinks" onclick="openCity(event, 'Tokyo')">Tokyo</a></li> | |
| </ul> | |
| <div id="London" class="tabcontent"> | |
| <h3>London</h3> | |
| <p>London is the capital city of England.</p> |