https://github.com/tansudasli/html-sandbox

html5 , bootstrap4, CSS3, material.io web components etc..
https://github.com/tansudasli/html-sandbox

bootstrap4 css-reset css3 flexbox html5-boilerplate material-design npm onepagewebsite pwa responsive-grid scss

Last synced: 26 days ago
JSON representation

html5 , bootstrap4, CSS3, material.io web components etc..

• Host: GitHub
• URL: https://github.com/tansudasli/html-sandbox
• Owner: tansudasli
• Created: 2019-04-28T17:41:17.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-09T23:21:54.000Z (almost 2 years ago)
• Last Synced: 2023-03-07T03:47:23.975Z (over 1 year ago)
• Topics: bootstrap4, css-reset, css3, flexbox, html5-boilerplate, material-design, npm, onepagewebsite, pwa, responsive-grid, scss
• Language: JavaScript
• Homepage:
• Size: 833 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 7
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# html-sandbox

This contains 4 projects for practising purposes for HTML5, CSS3 and Bootstrap4.

* **html-basics**: Just simple HTML and CSS3 basics.

* **html-bootstrap-basics**: Just bootstrap4 w/ responsive and grid basics.

* **html-bootstrap-fundamentals**: Just bootstrap4 w/ responsive and grid basics. topography, buttons placeholders (via.placeholder.com) etc.

* **html-fundamentals**: more close  version to a real 1-page HTML web site w/ custom CSS3

* **flex-core**: flexbox basics

* **flex-cardbaseio**: flexbox applied to a possible card based design 

## How to Start

* `brew cask install visual-studio-code`

* Install live server add-on on vscode

* Use *.html files

* Try w/ different screen sizes

### Briefly

1. under `` tag, define font, bootstrap.min.css and

   * Add `` tag

   * Define grid layouts:

   * At the bottom, add jquery, bootstrap.min.js and popper.min.js links