├── .gitignore ├── Day_30 └── js │ ├── Script.js │ ├── arrays.js │ ├── dynamic.js │ ├── ex2.js │ ├── index.html │ └── object.js ├── assests ├── audio │ └── music-track-01.mp3 ├── icon │ └── icon.png ├── img │ ├── background-image.jpg │ ├── cartoon1.png │ ├── cartoon2.png │ ├── cartoon3.png │ ├── cartoon4.png │ ├── cartoon5.png │ ├── cartoon6.png │ ├── cartoon7.png │ ├── cartoon8.png │ ├── food.jpeg │ └── html.png └── video │ └── burgerEatVideo.mp4 ├── css ├── lesson-css-base.css ├── lesson-css-borders.css ├── lesson-css-margins.css ├── lesson-css-selectors.css ├── lesson-css-specificity.css ├── lesson-css-units.css └── lesson-pseudo.css ├── day23 ├── Css │ └── media.css ├── Ex │ ├── ex1.html │ └── ex2.html ├── bootsrap.html ├── lesson-bootstrap-grid.html └── media.html ├── day9 ├── Css-grid.html ├── Ex-2.html ├── Ex-3.html ├── Grid-Layout.html ├── Lesson-Css-position.html ├── flex-box.html └── position-ex1.html ├── exercises ├── css │ ├── exercise-01.css │ └── exercise-04.css └── pages │ ├── exercise-01.html │ ├── exercise-02.html │ ├── exercise-03.html │ └── exercise-04.html ├── index.html └── pages ├── lesson-css-background.html ├── lesson-css-base.html ├── lesson-css-borders.html ├── lesson-css-box-model.html ├── lesson-css-float.html ├── lesson-css-important.html ├── lesson-css-margins.html ├── lesson-css-position.html ├── lesson-css-selectors.html ├── lesson-css-specificity.html ├── lesson-css-text.html ├── lesson-css-units.html ├── lesson-html-forms.html ├── lesson-html-semantics.html ├── lesson-html-tables.html ├── lesson-list.html ├── lesson-multimedia.html ├── lesson-pseudo.html ├── lesson-structural.html └── styled-form.html /.gitignore: -------------------------------------------------------------------------------- 1 | .vscode -------------------------------------------------------------------------------- /Day_30/js/Script.js: -------------------------------------------------------------------------------- 1 | console.log("Hello World"); -------------------------------------------------------------------------------- /Day_30/js/arrays.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/Day_30/js/arrays.js -------------------------------------------------------------------------------- /Day_30/js/dynamic.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/Day_30/js/dynamic.js -------------------------------------------------------------------------------- /Day_30/js/ex2.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/Day_30/js/ex2.js -------------------------------------------------------------------------------- /Day_30/js/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/Day_30/js/index.html -------------------------------------------------------------------------------- /Day_30/js/object.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/Day_30/js/object.js -------------------------------------------------------------------------------- /assests/audio/music-track-01.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/assests/audio/music-track-01.mp3 -------------------------------------------------------------------------------- /assests/icon/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/assests/icon/icon.png -------------------------------------------------------------------------------- /assests/img/background-image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/assests/img/background-image.jpg -------------------------------------------------------------------------------- /assests/img/cartoon1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/assests/img/cartoon1.png -------------------------------------------------------------------------------- /assests/img/cartoon2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/assests/img/cartoon2.png -------------------------------------------------------------------------------- /assests/img/cartoon3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/assests/img/cartoon3.png -------------------------------------------------------------------------------- /assests/img/cartoon4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/assests/img/cartoon4.png -------------------------------------------------------------------------------- /assests/img/cartoon5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/assests/img/cartoon5.png -------------------------------------------------------------------------------- /assests/img/cartoon6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/assests/img/cartoon6.png -------------------------------------------------------------------------------- /assests/img/cartoon7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/assests/img/cartoon7.png -------------------------------------------------------------------------------- /assests/img/cartoon8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/assests/img/cartoon8.png -------------------------------------------------------------------------------- /assests/img/food.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/assests/img/food.jpeg -------------------------------------------------------------------------------- /assests/img/html.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/assests/img/html.png -------------------------------------------------------------------------------- /assests/video/burgerEatVideo.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/assests/video/burgerEatVideo.mp4 -------------------------------------------------------------------------------- /css/lesson-css-base.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/css/lesson-css-base.css -------------------------------------------------------------------------------- /css/lesson-css-borders.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/css/lesson-css-borders.css -------------------------------------------------------------------------------- /css/lesson-css-margins.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/css/lesson-css-margins.css -------------------------------------------------------------------------------- /css/lesson-css-selectors.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/css/lesson-css-selectors.css -------------------------------------------------------------------------------- /css/lesson-css-specificity.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/css/lesson-css-specificity.css -------------------------------------------------------------------------------- /css/lesson-css-units.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/css/lesson-css-units.css -------------------------------------------------------------------------------- /css/lesson-pseudo.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/css/lesson-pseudo.css -------------------------------------------------------------------------------- /day23/Css/media.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/day23/Css/media.css -------------------------------------------------------------------------------- /day23/Ex/ex1.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/day23/Ex/ex1.html -------------------------------------------------------------------------------- /day23/Ex/ex2.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/day23/Ex/ex2.html -------------------------------------------------------------------------------- /day23/bootsrap.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/day23/bootsrap.html -------------------------------------------------------------------------------- /day23/lesson-bootstrap-grid.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/day23/lesson-bootstrap-grid.html -------------------------------------------------------------------------------- /day23/media.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/day23/media.html -------------------------------------------------------------------------------- /day9/Css-grid.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/day9/Css-grid.html -------------------------------------------------------------------------------- /day9/Ex-2.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/day9/Ex-2.html -------------------------------------------------------------------------------- /day9/Ex-3.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/day9/Ex-3.html -------------------------------------------------------------------------------- /day9/Grid-Layout.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/day9/Grid-Layout.html -------------------------------------------------------------------------------- /day9/Lesson-Css-position.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/day9/Lesson-Css-position.html -------------------------------------------------------------------------------- /day9/flex-box.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/day9/flex-box.html -------------------------------------------------------------------------------- /day9/position-ex1.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/day9/position-ex1.html -------------------------------------------------------------------------------- /exercises/css/exercise-01.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/exercises/css/exercise-01.css -------------------------------------------------------------------------------- /exercises/css/exercise-04.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/exercises/css/exercise-04.css -------------------------------------------------------------------------------- /exercises/pages/exercise-01.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/exercises/pages/exercise-01.html -------------------------------------------------------------------------------- /exercises/pages/exercise-02.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/exercises/pages/exercise-02.html -------------------------------------------------------------------------------- /exercises/pages/exercise-03.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/exercises/pages/exercise-03.html -------------------------------------------------------------------------------- /exercises/pages/exercise-04.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/exercises/pages/exercise-04.html -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/index.html -------------------------------------------------------------------------------- /pages/lesson-css-background.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/pages/lesson-css-background.html -------------------------------------------------------------------------------- /pages/lesson-css-base.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/pages/lesson-css-base.html -------------------------------------------------------------------------------- /pages/lesson-css-borders.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/pages/lesson-css-borders.html -------------------------------------------------------------------------------- /pages/lesson-css-box-model.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/pages/lesson-css-box-model.html -------------------------------------------------------------------------------- /pages/lesson-css-float.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/pages/lesson-css-float.html -------------------------------------------------------------------------------- /pages/lesson-css-important.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/pages/lesson-css-important.html -------------------------------------------------------------------------------- /pages/lesson-css-margins.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/pages/lesson-css-margins.html -------------------------------------------------------------------------------- /pages/lesson-css-position.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/pages/lesson-css-position.html -------------------------------------------------------------------------------- /pages/lesson-css-selectors.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/pages/lesson-css-selectors.html -------------------------------------------------------------------------------- /pages/lesson-css-specificity.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/pages/lesson-css-specificity.html -------------------------------------------------------------------------------- /pages/lesson-css-text.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/pages/lesson-css-text.html -------------------------------------------------------------------------------- /pages/lesson-css-units.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/pages/lesson-css-units.html -------------------------------------------------------------------------------- /pages/lesson-html-forms.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/pages/lesson-html-forms.html -------------------------------------------------------------------------------- /pages/lesson-html-semantics.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/pages/lesson-html-semantics.html -------------------------------------------------------------------------------- /pages/lesson-html-tables.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/pages/lesson-html-tables.html -------------------------------------------------------------------------------- /pages/lesson-list.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/pages/lesson-list.html -------------------------------------------------------------------------------- /pages/lesson-multimedia.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/pages/lesson-multimedia.html -------------------------------------------------------------------------------- /pages/lesson-pseudo.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/pages/lesson-pseudo.html -------------------------------------------------------------------------------- /pages/lesson-structural.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/pages/lesson-structural.html -------------------------------------------------------------------------------- /pages/styled-form.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/amliyanage/HTML_Lesson/HEAD/pages/styled-form.html --------------------------------------------------------------------------------