Ridho Febriansa ridhof
ridhof
/ framework7-card-layout.html
Created
February 25, 2019 13:27
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="card demo-card-header-pic"> | |
| <div style="background-image:url(https://your-image-url.com/your-image.jpg)" class="card-header align-items-flex-end">Card Title</div> | |
| <div class="card-content card-content-padding"> | |
| <p class="date">Posted on Month Day, Year</p> | |
| <p>Card Description</p> | |
| </div> | |
| <div class="card-footer"><a href="#" class="link">Like</a><a href="#" class="link">Read more</a></div> | |
| </div> |
ridhof
/ my-app-new-page.js
Created
February 25, 2019 13:20
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
| var app = new Framework7({ | |
| // App root element | |
| root: '#app', | |
| // App Name | |
| name: 'My App', | |
| // App id | |
| id: 'com.myapp.test', | |
| // Enable swipe panel | |
| panel: { | |
| swipe: 'left', |
ridhof
/ framework7-new-page.html
Last active
February 25, 2019 13:30
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 data-name="products" class="page"> | |
| <div class="navbar"> | |
| <div class="navbar-inner"> | |
| <div class="left"> | |
| <a href="#" class="back link icon-only"> | |
| <i class="icon icon-back"></i> | |
| </a> | |
| </div> | |
| <div class="title">Products</div> | |
| </div> |
ridhof
/ framework7-card-layout-page.html
Last active
February 25, 2019 13:36
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 data-name="products" class="page"> | |
| <div class="navbar"> | |
| <div class="navbar-inner"> | |
| <div class="left"> | |
| <a href="#" class="back link icon-only"> | |
| <i class="icon icon-back"></i> | |
| </a> | |
| </div> | |
| <div class="title">Products</div> | |
| </div> |
ridhof
/ framework7-side-panel.html
Created
February 25, 2019 13:03
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
| <!-- Left Panel --> | |
| <div class="panel panel-left panel-reveal"> | |
| <div class="block"> | |
| <p><h2>List of Contents</h2></p> | |
| <p><a href="/products/" class="panel-close">Products</a></p> | |
| <p><a href="#" class="panel-close">Exit</a></p> | |
| </div> | |
| </div> |
ridhof
/ framework7-navbar-open-panel.html
Created
February 25, 2019 12:47
ridhof
/ framework7-my-app-ios.js
Created
February 24, 2019 08:20
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
| var app = new Framework7({ | |
| // App root element | |
| root: '#app', | |
| // App Name | |
| name: 'My App', | |
| // App id | |
| id: 'com.myapp.test', | |
| // Enable swipe panel | |
| panel: { | |
| swipe: 'left', |
ridhof
/ framework7-icons.html
Created
February 24, 2019 07:34
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
| @font-face { | |
| font-family: 'Framework7 Icons'; | |
| font-style: normal; | |
| font-weight: 400; | |
| src: url("../fonts/Framework7Icons-Regular.eot"); | |
| src: url("../fonts/Framework7Icons-Regular.woff2") format("woff2"), | |
| url("../fonts/Framework7Icons-Regular.woff") format("woff"), | |
| url("../fonts/Framework7Icons-Regular.ttf") format("truetype"); | |
| } |
ridhof
/ framework7-button.html
Created
February 24, 2019 06:47
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
| var app = new Framework7({ | |
| // App root element | |
| root: '#app', | |
| // App Name | |
| name: 'My App', | |
| // App id | |
| id: 'com.myapp.test', | |
| // Enable swipe panel | |
| panel: { | |
| swipe: 'left', |