diff --git a/Module 2 - Bootstrap/Topic 01 - Introduction/Using bootstrap.min.css/ReadMeFirst.md b/Module 2 - Bootstrap/Topic 01 - Introduction/Using bootstrap.min.css/ReadMeFirst.md new file mode 100644 index 0000000..495f02a --- /dev/null +++ b/Module 2 - Bootstrap/Topic 01 - Introduction/Using bootstrap.min.css/ReadMeFirst.md @@ -0,0 +1,8 @@ +Steps to open the folder in netbeans: +1. Open netbeans. +2. Click on file in the top menu. +3. Choose New Project option. +4. Choose HTML5/Javascript category and in Projects section, choose HTML5/JS Application with Existing Source. +5. For Site Root, browse to the folder where you have extracted these files. +6. Click on finish. +7. The folder will open in netbeans. diff --git a/Module 2 - Bootstrap/Topic 01 - Introduction/Using bootstrap.min.css/bootstrap_files_download_script.html b/Module 2 - Bootstrap/Topic 01 - Introduction/Using bootstrap.min.css/bootstrap_files_download_script.html new file mode 100644 index 0000000..83f5d86 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 01 - Introduction/Using bootstrap.min.css/bootstrap_files_download_script.html @@ -0,0 +1,22 @@ + + + + TODO supply a title + + + + + + + + + + + + +
+ TO DO Supply content. +
+ + + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 01 - Introduction/Using bootstrap.min.css/bootstrap_online_link.html b/Module 2 - Bootstrap/Topic 01 - Introduction/Using bootstrap.min.css/bootstrap_online_link.html new file mode 100644 index 0000000..f67df20 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 01 - Introduction/Using bootstrap.min.css/bootstrap_online_link.html @@ -0,0 +1,19 @@ + + + + Bootstrap Introduction + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 02 - Breakpoints/Bootstrap Predefined Classes/ReadMe.md b/Module 2 - Bootstrap/Topic 02 - Breakpoints/Bootstrap Predefined Classes/ReadMe.md new file mode 100644 index 0000000..495f02a --- /dev/null +++ b/Module 2 - Bootstrap/Topic 02 - Breakpoints/Bootstrap Predefined Classes/ReadMe.md @@ -0,0 +1,8 @@ +Steps to open the folder in netbeans: +1. Open netbeans. +2. Click on file in the top menu. +3. Choose New Project option. +4. Choose HTML5/Javascript category and in Projects section, choose HTML5/JS Application with Existing Source. +5. For Site Root, browse to the folder where you have extracted these files. +6. Click on finish. +7. The folder will open in netbeans. diff --git a/Module 2 - Bootstrap/Topic 02 - Breakpoints/Bootstrap Predefined Classes/hidden_lg_example.html b/Module 2 - Bootstrap/Topic 02 - Breakpoints/Bootstrap Predefined Classes/hidden_lg_example.html new file mode 100644 index 0000000..34d972f --- /dev/null +++ b/Module 2 - Bootstrap/Topic 02 - Breakpoints/Bootstrap Predefined Classes/hidden_lg_example.html @@ -0,0 +1,18 @@ + + + Breakpoints - hidden/visible concept + + + + + + + + + + + + +
Second Div
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 02 - Breakpoints/Bootstrap Predefined Classes/hidden_md_example.html b/Module 2 - Bootstrap/Topic 02 - Breakpoints/Bootstrap Predefined Classes/hidden_md_example.html new file mode 100644 index 0000000..9d49352 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 02 - Breakpoints/Bootstrap Predefined Classes/hidden_md_example.html @@ -0,0 +1,20 @@ + + + + Breakpoints - hidden/visible concept + + + + + + + + + + + + +
First Div
+
Second Div
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 02 - Breakpoints/Bootstrap Predefined Classes/media_query_example.html b/Module 2 - Bootstrap/Topic 02 - Breakpoints/Bootstrap Predefined Classes/media_query_example.html new file mode 100644 index 0000000..d1dd04d --- /dev/null +++ b/Module 2 - Bootstrap/Topic 02 - Breakpoints/Bootstrap Predefined Classes/media_query_example.html @@ -0,0 +1,32 @@ + + + + Breakpoints - hidden/visible concept + + + + + + + + + + + + + +
First Div
+
Second Div
+ + + + diff --git a/Module 2 - Bootstrap/Topic 02 - Breakpoints/Bootstrap Predefined Classes/visible_lg_example.html b/Module 2 - Bootstrap/Topic 02 - Breakpoints/Bootstrap Predefined Classes/visible_lg_example.html new file mode 100644 index 0000000..baccc67 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 02 - Breakpoints/Bootstrap Predefined Classes/visible_lg_example.html @@ -0,0 +1,23 @@ + + + + Breakpoints - hidden/visible concept + + + + + + + + + + + + + + + +
First Div
+
Second Div
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 02 - Breakpoints/Bootstrap Predefined Classes/visible_md_example.html b/Module 2 - Bootstrap/Topic 02 - Breakpoints/Bootstrap Predefined Classes/visible_md_example.html new file mode 100644 index 0000000..510461a --- /dev/null +++ b/Module 2 - Bootstrap/Topic 02 - Breakpoints/Bootstrap Predefined Classes/visible_md_example.html @@ -0,0 +1,23 @@ + + + + Breakpoints - hidden/visible concept + + + + + + + + + + + + + + + +
First Div
+
Second Div
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 02 - Breakpoints/Div and Pixels/ReadMe.md b/Module 2 - Bootstrap/Topic 02 - Breakpoints/Div and Pixels/ReadMe.md new file mode 100644 index 0000000..495f02a --- /dev/null +++ b/Module 2 - Bootstrap/Topic 02 - Breakpoints/Div and Pixels/ReadMe.md @@ -0,0 +1,8 @@ +Steps to open the folder in netbeans: +1. Open netbeans. +2. Click on file in the top menu. +3. Choose New Project option. +4. Choose HTML5/Javascript category and in Projects section, choose HTML5/JS Application with Existing Source. +5. For Site Root, browse to the folder where you have extracted these files. +6. Click on finish. +7. The folder will open in netbeans. diff --git a/Module 2 - Bootstrap/Topic 02 - Breakpoints/Div and Pixels/hidden_sm_example.html b/Module 2 - Bootstrap/Topic 02 - Breakpoints/Div and Pixels/hidden_sm_example.html new file mode 100644 index 0000000..70d8cad --- /dev/null +++ b/Module 2 - Bootstrap/Topic 02 - Breakpoints/Div and Pixels/hidden_sm_example.html @@ -0,0 +1,20 @@ + + + + Breakpoints - hidden/visible concept + + + + + + + + + + + + + +
Second Div
+ + diff --git a/Module 2 - Bootstrap/Topic 02 - Breakpoints/Div and Pixels/two_breakpoint_classes.html b/Module 2 - Bootstrap/Topic 02 - Breakpoints/Div and Pixels/two_breakpoint_classes.html new file mode 100644 index 0000000..4cb2551 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 02 - Breakpoints/Div and Pixels/two_breakpoint_classes.html @@ -0,0 +1,19 @@ + + + Breakpoints - hidden/visible concept + + + + + + + + + + + + + +
Second Div
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 02 - Breakpoints/Div and Pixels/visible_sm_example.html b/Module 2 - Bootstrap/Topic 02 - Breakpoints/Div and Pixels/visible_sm_example.html new file mode 100644 index 0000000..5bbc4a1 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 02 - Breakpoints/Div and Pixels/visible_sm_example.html @@ -0,0 +1,23 @@ + + + + Breakpoints - hidden/visible concept + + + + + + + + + + + + + + + +
First Div
+
Second Div
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 02 - Breakpoints/Multiple Classes/ReadMe.md b/Module 2 - Bootstrap/Topic 02 - Breakpoints/Multiple Classes/ReadMe.md new file mode 100644 index 0000000..495f02a --- /dev/null +++ b/Module 2 - Bootstrap/Topic 02 - Breakpoints/Multiple Classes/ReadMe.md @@ -0,0 +1,8 @@ +Steps to open the folder in netbeans: +1. Open netbeans. +2. Click on file in the top menu. +3. Choose New Project option. +4. Choose HTML5/Javascript category and in Projects section, choose HTML5/JS Application with Existing Source. +5. For Site Root, browse to the folder where you have extracted these files. +6. Click on finish. +7. The folder will open in netbeans. diff --git a/Module 2 - Bootstrap/Topic 02 - Breakpoints/Multiple Classes/double_classes_concept.html b/Module 2 - Bootstrap/Topic 02 - Breakpoints/Multiple Classes/double_classes_concept.html new file mode 100644 index 0000000..a8c0a34 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 02 - Breakpoints/Multiple Classes/double_classes_concept.html @@ -0,0 +1,32 @@ + + + + Partnerships of batman + + + +

The Partnerships of batman

+
Partnerships
+
+ +
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 03 - Containing elements/Containing elements/ReadMe.md b/Module 2 - Bootstrap/Topic 03 - Containing elements/Containing elements/ReadMe.md new file mode 100644 index 0000000..495f02a --- /dev/null +++ b/Module 2 - Bootstrap/Topic 03 - Containing elements/Containing elements/ReadMe.md @@ -0,0 +1,8 @@ +Steps to open the folder in netbeans: +1. Open netbeans. +2. Click on file in the top menu. +3. Choose New Project option. +4. Choose HTML5/Javascript category and in Projects section, choose HTML5/JS Application with Existing Source. +5. For Site Root, browse to the folder where you have extracted these files. +6. Click on finish. +7. The folder will open in netbeans. diff --git a/Module 2 - Bootstrap/Topic 03 - Containing elements/Containing elements/container_class.html b/Module 2 - Bootstrap/Topic 03 - Containing elements/Containing elements/container_class.html new file mode 100644 index 0000000..54cd7d7 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 03 - Containing elements/Containing elements/container_class.html @@ -0,0 +1,25 @@ + + + + Containing elements + + + + + + + + + + + + +
+

Hey I am contained in h1 heading element.

+
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 03 - Containing elements/Containing elements/container_fluid.html b/Module 2 - Bootstrap/Topic 03 - Containing elements/Containing elements/container_fluid.html new file mode 100644 index 0000000..ae2d04a --- /dev/null +++ b/Module 2 - Bootstrap/Topic 03 - Containing elements/Containing elements/container_fluid.html @@ -0,0 +1,27 @@ + + + + Containing elements + + + + + + + + + + + + + + +
+

Hey I am contained in h1 heading element.

+
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 04 - Jumbotron & Glyphicons/Glyphicons/ReadMe.md b/Module 2 - Bootstrap/Topic 04 - Jumbotron & Glyphicons/Glyphicons/ReadMe.md new file mode 100644 index 0000000..495f02a --- /dev/null +++ b/Module 2 - Bootstrap/Topic 04 - Jumbotron & Glyphicons/Glyphicons/ReadMe.md @@ -0,0 +1,8 @@ +Steps to open the folder in netbeans: +1. Open netbeans. +2. Click on file in the top menu. +3. Choose New Project option. +4. Choose HTML5/Javascript category and in Projects section, choose HTML5/JS Application with Existing Source. +5. For Site Root, browse to the folder where you have extracted these files. +6. Click on finish. +7. The folder will open in netbeans. diff --git a/Module 2 - Bootstrap/Topic 04 - Jumbotron & Glyphicons/Glyphicons/search_glyphicon.html b/Module 2 - Bootstrap/Topic 04 - Jumbotron & Glyphicons/Glyphicons/search_glyphicon.html new file mode 100644 index 0000000..1929386 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 04 - Jumbotron & Glyphicons/Glyphicons/search_glyphicon.html @@ -0,0 +1,18 @@ + + + + + + + + + + + Table + + +
+

Search

+
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 04 - Jumbotron & Glyphicons/Glyphicons/user_glyphicon.html b/Module 2 - Bootstrap/Topic 04 - Jumbotron & Glyphicons/Glyphicons/user_glyphicon.html new file mode 100644 index 0000000..022b1ff --- /dev/null +++ b/Module 2 - Bootstrap/Topic 04 - Jumbotron & Glyphicons/Glyphicons/user_glyphicon.html @@ -0,0 +1,18 @@ + + + + + + + + + + + Glyphicon + + +
+

This is user

+
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 04 - Jumbotron & Glyphicons/Jumbotron/ReadMe.md b/Module 2 - Bootstrap/Topic 04 - Jumbotron & Glyphicons/Jumbotron/ReadMe.md new file mode 100644 index 0000000..495f02a --- /dev/null +++ b/Module 2 - Bootstrap/Topic 04 - Jumbotron & Glyphicons/Jumbotron/ReadMe.md @@ -0,0 +1,8 @@ +Steps to open the folder in netbeans: +1. Open netbeans. +2. Click on file in the top menu. +3. Choose New Project option. +4. Choose HTML5/Javascript category and in Projects section, choose HTML5/JS Application with Existing Source. +5. For Site Root, browse to the folder where you have extracted these files. +6. Click on finish. +7. The folder will open in netbeans. diff --git a/Module 2 - Bootstrap/Topic 04 - Jumbotron & Glyphicons/Jumbotron/jumbotron_example.html b/Module 2 - Bootstrap/Topic 04 - Jumbotron & Glyphicons/Jumbotron/jumbotron_example.html new file mode 100644 index 0000000..bf02801 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 04 - Jumbotron & Glyphicons/Jumbotron/jumbotron_example.html @@ -0,0 +1,23 @@ + + + + Jumbotron + + + + + + + + + + + +
+ +
+

This is a jumbotron

+
+
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 05 - Tables/Bootstrap Tables/ReadMe.md b/Module 2 - Bootstrap/Topic 05 - Tables/Bootstrap Tables/ReadMe.md new file mode 100644 index 0000000..495f02a --- /dev/null +++ b/Module 2 - Bootstrap/Topic 05 - Tables/Bootstrap Tables/ReadMe.md @@ -0,0 +1,8 @@ +Steps to open the folder in netbeans: +1. Open netbeans. +2. Click on file in the top menu. +3. Choose New Project option. +4. Choose HTML5/Javascript category and in Projects section, choose HTML5/JS Application with Existing Source. +5. For Site Root, browse to the folder where you have extracted these files. +6. Click on finish. +7. The folder will open in netbeans. diff --git a/Module 2 - Bootstrap/Topic 05 - Tables/Bootstrap Tables/initial_example.html b/Module 2 - Bootstrap/Topic 05 - Tables/Bootstrap Tables/initial_example.html new file mode 100644 index 0000000..c1c3f64 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 05 - Tables/Bootstrap Tables/initial_example.html @@ -0,0 +1,19 @@ + + + + Table example + + +

Villains

+ + + + + + + + + +
NAME FIRST APPEARANCE ABILITIES
Joker Batman #1 (April 1940) Criminal mastermind, expert chemist, utilizes weaponized props and toxins
Ras'al Ghul Batman #232 (June 1971) Genius-level intellect, peak physical conditioning, superior strength and stamina, master martial artist and hand-to-hand combatant for centuries
Two face Detective Comics #66 (August 1942) Schizoid criminal mastermind obsessed with duality, extensive knowledge in law, experienced hand-to-hand combatant and detective
Bane Batman: Vengeance of Bane 1 (January 1993) Brilliant military strategist, trained mercenary, peak human physical conditioning, venom enhanced strength and durability
Black Mask Batman #386 (August 1985) Brilliant tactician and strategist, crime boss with powerful underworld connections, skilled marksman, advanced stamina and endurance
+ + diff --git a/Module 2 - Bootstrap/Topic 05 - Tables/Bootstrap Tables/table_bordered.html b/Module 2 - Bootstrap/Topic 05 - Tables/Bootstrap Tables/table_bordered.html new file mode 100644 index 0000000..ec21f2e --- /dev/null +++ b/Module 2 - Bootstrap/Topic 05 - Tables/Bootstrap Tables/table_bordered.html @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + Table + + +
+

Villains

+ + + + + + + + + +
NAME FIRST APPEARANCE ABILITIES
Joker Batman #1 (April 1940) Criminal mastermind, expert chemist, utilizes weaponized props and toxins
Ra's al Ghul Batman #232 (June 1971) Genius-level intellect, peak physical conditioning, superior strength and stamina, master martial artist and hand-to-hand combatant for centuries
Two face Detective Comics #66 (August 1942) Schizoid criminal mastermind obsessed with duality, extensive knowledge in law, experienced hand-to-hand combatant and detective
Bane Batman: Vengeance of Bane 1 (January 1993) Brilliant military strategist, trained mercenary, peak human physical conditioning, venom enhanced strength and durability
Black Mask Batman #386 (August 1985) Brilliant tactician and strategist, crime boss with powerful underworld connections, skilled marksman, advanced stamina and endurance
+
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 05 - Tables/Bootstrap Tables/table_hover.html b/Module 2 - Bootstrap/Topic 05 - Tables/Bootstrap Tables/table_hover.html new file mode 100644 index 0000000..c4e9e62 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 05 - Tables/Bootstrap Tables/table_hover.html @@ -0,0 +1,31 @@ + + + + + + + + + + + + + + + Table + + +
+ + + + + + + + + +
NAME FIRST APPEARANCE ABILITIES
Joker Batman #1 (April 1940) Criminal mastermind, expert chemist, utilizes weaponized props and toxins
Ra's al Ghul Batman #232 (June 1971) Genius-level intellect, peak physical conditioning, superior strength and stamina, master martial artist and hand-to-hand combatant for centuries
Two face Detective Comics #66 (August 1942) Schizoid criminal mastermind obsessed with duality, extensive knowledge in law, experienced hand-to-hand combatant and detective
Bane Batman: Vengeance of Bane 1 (January 1993) Brilliant military strategist, trained mercenary, peak human physical conditioning, venom enhanced strength and durability
Black Mask Batman #386 (August 1985) Brilliant tactician and strategist, crime boss with powerful underworld connections, skilled marksman, advanced stamina and endurance
+
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 05 - Tables/Bootstrap Tables/table_responsive.html b/Module 2 - Bootstrap/Topic 05 - Tables/Bootstrap Tables/table_responsive.html new file mode 100644 index 0000000..22199ec --- /dev/null +++ b/Module 2 - Bootstrap/Topic 05 - Tables/Bootstrap Tables/table_responsive.html @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + Table + + +
+
+ + + + + + + + + +
NAME FIRST APPEARANCE ABILITIES
Joker Batman #1 (April 1940) Criminal mastermind, expert chemist, utilizes weaponized props and toxins
Ra's al Ghul Batman #232 (June 1971) Genius-level intellect, peak physical conditioning, superior strength and stamina, master martial artist and hand-to-hand combatant for centuries
Two face Detective Comics #66 (August 1942) Schizoid criminal mastermind obsessed with duality, extensive knowledge in law, experienced hand-to-hand combatant and detective
Bane Batman: Vengeance of Bane 1 (January 1993) Brilliant military strategist, trained mercenary, peak human physical conditioning, venom enhanced strength and durability
Black Mask Batman #386 (August 1985) Brilliant tactician and strategist, crime boss with powerful underworld connections, skilled marksman, advanced stamina and endurance
+
+
+ + diff --git a/Module 2 - Bootstrap/Topic 05 - Tables/Bootstrap Tables/table_stripped.html b/Module 2 - Bootstrap/Topic 05 - Tables/Bootstrap Tables/table_stripped.html new file mode 100644 index 0000000..36816c1 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 05 - Tables/Bootstrap Tables/table_stripped.html @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + Table + + +
+ +

Villains

+ + + + + + + + +
NAME FIRST APPEARANCE ABILITIES
Joker Batman #1 (April 1940) Criminal mastermind, expert chemist, utilizes weaponized props and toxins
Ra's al Ghul Batman #232 (June 1971) Genius-level intellect, peak physical conditioning, superior strength and stamina, master martial artist and hand-to-hand combatant for centuries
Two face Detective Comics #66 (August 1942) Schizoid criminal mastermind obsessed with duality, extensive knowledge in law, experienced hand-to-hand combatant and detective
Bane Batman: Vengeance of Bane 1 (January 1993) Brilliant military strategist, trained mercenary, peak human physical conditioning, venom enhanced strength and durability
Black Mask Batman #386 (August 1985) Brilliant tactician and strategist, crime boss with powerful underworld connections, skilled marksman, advanced stamina and endurance
+
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 06 - Column _Rows/Bootstrap Creating Layouts/12_columns.html b/Module 2 - Bootstrap/Topic 06 - Column _Rows/Bootstrap Creating Layouts/12_columns.html new file mode 100644 index 0000000..92c0f2c --- /dev/null +++ b/Module 2 - Bootstrap/Topic 06 - Column _Rows/Bootstrap Creating Layouts/12_columns.html @@ -0,0 +1,62 @@ + + + + + + + + + + + + + + Columns in Bootstrap + + + +
+

12 Columns

+
+ Column1 +
+
+ Column2 +
+
+ Column3 +
+
+ Column4 +
+
+ Column5 +
+
+ Column6 +
+
+ Column7 +
+
+ Column8 +
+
+ Column9 +
+
+ Column10 +
+
+ Column11 +
+
+ Column12 +
+
+ + diff --git a/Module 2 - Bootstrap/Topic 06 - Column _Rows/Bootstrap Creating Layouts/ReadMe.md b/Module 2 - Bootstrap/Topic 06 - Column _Rows/Bootstrap Creating Layouts/ReadMe.md new file mode 100644 index 0000000..495f02a --- /dev/null +++ b/Module 2 - Bootstrap/Topic 06 - Column _Rows/Bootstrap Creating Layouts/ReadMe.md @@ -0,0 +1,8 @@ +Steps to open the folder in netbeans: +1. Open netbeans. +2. Click on file in the top menu. +3. Choose New Project option. +4. Choose HTML5/Javascript category and in Projects section, choose HTML5/JS Application with Existing Source. +5. For Site Root, browse to the folder where you have extracted these files. +6. Click on finish. +7. The folder will open in netbeans. diff --git a/Module 2 - Bootstrap/Topic 06 - Column _Rows/Bootstrap Creating Layouts/columns_for_lg_md.html b/Module 2 - Bootstrap/Topic 06 - Column _Rows/Bootstrap Creating Layouts/columns_for_lg_md.html new file mode 100644 index 0000000..cb562b6 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 06 - Column _Rows/Bootstrap Creating Layouts/columns_for_lg_md.html @@ -0,0 +1,29 @@ + + + + + + + + + + + Columns in Bootstrap + + + +
+

2 Columns

+
+ Column1 +
+
+ Column2 +
+
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 06 - Column _Rows/Bootstrap Creating Layouts/two_columns.html b/Module 2 - Bootstrap/Topic 06 - Column _Rows/Bootstrap Creating Layouts/two_columns.html new file mode 100644 index 0000000..f3e226f --- /dev/null +++ b/Module 2 - Bootstrap/Topic 06 - Column _Rows/Bootstrap Creating Layouts/two_columns.html @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + Columns in Bootstrap + + + +
+

2 Columns

+
+ Column1 +
+
+ Column2 +
+
+ + diff --git a/Module 2 - Bootstrap/Topic 06 - Column _Rows/Bootstrap Offset - I/ReadMe.md b/Module 2 - Bootstrap/Topic 06 - Column _Rows/Bootstrap Offset - I/ReadMe.md new file mode 100644 index 0000000..495f02a --- /dev/null +++ b/Module 2 - Bootstrap/Topic 06 - Column _Rows/Bootstrap Offset - I/ReadMe.md @@ -0,0 +1,8 @@ +Steps to open the folder in netbeans: +1. Open netbeans. +2. Click on file in the top menu. +3. Choose New Project option. +4. Choose HTML5/Javascript category and in Projects section, choose HTML5/JS Application with Existing Source. +5. For Site Root, browse to the folder where you have extracted these files. +6. Click on finish. +7. The folder will open in netbeans. diff --git a/Module 2 - Bootstrap/Topic 06 - Column _Rows/Bootstrap Offset - I/offset_for_first_div.html b/Module 2 - Bootstrap/Topic 06 - Column _Rows/Bootstrap Offset - I/offset_for_first_div.html new file mode 100644 index 0000000..0a9b324 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 06 - Column _Rows/Bootstrap Offset - I/offset_for_first_div.html @@ -0,0 +1,30 @@ + + + + + + + + + + + + Rows in Bootstrap + + + +
+

2 Columns

+
+ Column1 +
+
+ Column2 +
+
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 06 - Column _Rows/Bootstrap Offset - I/offset_for_second_div.html b/Module 2 - Bootstrap/Topic 06 - Column _Rows/Bootstrap Offset - I/offset_for_second_div.html new file mode 100644 index 0000000..c431c74 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 06 - Column _Rows/Bootstrap Offset - I/offset_for_second_div.html @@ -0,0 +1,30 @@ + + + + + + + + + + + + Rows in Bootstrap + + + +
+

2 Columns

+
+ Column1 +
+
+ Column2 +
+
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 06 - Column _Rows/Bootstrap Offset - II/ReadMe.md b/Module 2 - Bootstrap/Topic 06 - Column _Rows/Bootstrap Offset - II/ReadMe.md new file mode 100644 index 0000000..495f02a --- /dev/null +++ b/Module 2 - Bootstrap/Topic 06 - Column _Rows/Bootstrap Offset - II/ReadMe.md @@ -0,0 +1,8 @@ +Steps to open the folder in netbeans: +1. Open netbeans. +2. Click on file in the top menu. +3. Choose New Project option. +4. Choose HTML5/Javascript category and in Projects section, choose HTML5/JS Application with Existing Source. +5. For Site Root, browse to the folder where you have extracted these files. +6. Click on finish. +7. The folder will open in netbeans. diff --git a/Module 2 - Bootstrap/Topic 06 - Column _Rows/Bootstrap Offset - II/row.html b/Module 2 - Bootstrap/Topic 06 - Column _Rows/Bootstrap Offset - II/row.html new file mode 100644 index 0000000..06f1490 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 06 - Column _Rows/Bootstrap Offset - II/row.html @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + Rows in Bootstrap + + + +

Rows

+
+
+
+ Column1 +
+
+ Column2 +
+
+
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 06 - Column _Rows/Webpage Columns/ReadMe.md b/Module 2 - Bootstrap/Topic 06 - Column _Rows/Webpage Columns/ReadMe.md new file mode 100644 index 0000000..495f02a --- /dev/null +++ b/Module 2 - Bootstrap/Topic 06 - Column _Rows/Webpage Columns/ReadMe.md @@ -0,0 +1,8 @@ +Steps to open the folder in netbeans: +1. Open netbeans. +2. Click on file in the top menu. +3. Choose New Project option. +4. Choose HTML5/Javascript category and in Projects section, choose HTML5/JS Application with Existing Source. +5. For Site Root, browse to the folder where you have extracted these files. +6. Click on finish. +7. The folder will open in netbeans. diff --git a/Module 2 - Bootstrap/Topic 06 - Column _Rows/Webpage Columns/columns_for_all_screen_size.html b/Module 2 - Bootstrap/Topic 06 - Column _Rows/Webpage Columns/columns_for_all_screen_size.html new file mode 100644 index 0000000..2e61322 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 06 - Column _Rows/Webpage Columns/columns_for_all_screen_size.html @@ -0,0 +1,30 @@ + + + + + + + + + + + + Columns in Bootstrap + + + +
+

2 Columns

+
+ Column1 +
+
+ Column2 +
+
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 07 - Navbar/Creating Navbar Using Bootstrap/ReadMe.md b/Module 2 - Bootstrap/Topic 07 - Navbar/Creating Navbar Using Bootstrap/ReadMe.md new file mode 100644 index 0000000..495f02a --- /dev/null +++ b/Module 2 - Bootstrap/Topic 07 - Navbar/Creating Navbar Using Bootstrap/ReadMe.md @@ -0,0 +1,8 @@ +Steps to open the folder in netbeans: +1. Open netbeans. +2. Click on file in the top menu. +3. Choose New Project option. +4. Choose HTML5/Javascript category and in Projects section, choose HTML5/JS Application with Existing Source. +5. For Site Root, browse to the folder where you have extracted these files. +6. Click on finish. +7. The folder will open in netbeans. diff --git a/Module 2 - Bootstrap/Topic 07 - Navbar/Creating Navbar Using Bootstrap/navbar-default.html b/Module 2 - Bootstrap/Topic 07 - Navbar/Creating Navbar Using Bootstrap/navbar-default.html new file mode 100644 index 0000000..303ef20 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 07 - Navbar/Creating Navbar Using Bootstrap/navbar-default.html @@ -0,0 +1,29 @@ + + + + + + + + + + + + Navbar in Bootstrap + + + + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 07 - Navbar/Creating Navbar Using Bootstrap/navbar_left_and_right_links.html b/Module 2 - Bootstrap/Topic 07 - Navbar/Creating Navbar Using Bootstrap/navbar_left_and_right_links.html new file mode 100644 index 0000000..adc05f7 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 07 - Navbar/Creating Navbar Using Bootstrap/navbar_left_and_right_links.html @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + Navbar in Bootstrap + + + + + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 07 - Navbar/Creating Navbar Using Bootstrap/navbar_right_links.html b/Module 2 - Bootstrap/Topic 07 - Navbar/Creating Navbar Using Bootstrap/navbar_right_links.html new file mode 100644 index 0000000..c214fb2 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 07 - Navbar/Creating Navbar Using Bootstrap/navbar_right_links.html @@ -0,0 +1,31 @@ + + + + + + + + + + + + + + Navbar in Bootstrap + + + + + diff --git a/Module 2 - Bootstrap/Topic 07 - Navbar/Creating Navbar Using Bootstrap/navbar_with_glyphicons.html b/Module 2 - Bootstrap/Topic 07 - Navbar/Creating Navbar Using Bootstrap/navbar_with_glyphicons.html new file mode 100644 index 0000000..e1f085a --- /dev/null +++ b/Module 2 - Bootstrap/Topic 07 - Navbar/Creating Navbar Using Bootstrap/navbar_with_glyphicons.html @@ -0,0 +1,29 @@ + + + + + + + + + + + + Navbar in Bootstrap + + + + + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 07 - Navbar/Creating Navbar Using Bootstrap/responsive_and_fixed_navbar.html b/Module 2 - Bootstrap/Topic 07 - Navbar/Creating Navbar Using Bootstrap/responsive_and_fixed_navbar.html new file mode 100644 index 0000000..908440a --- /dev/null +++ b/Module 2 - Bootstrap/Topic 07 - Navbar/Creating Navbar Using Bootstrap/responsive_and_fixed_navbar.html @@ -0,0 +1,34 @@ + + + + + + + + + + + + Navbar in Bootstrap + + + + + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 08 - Images/Bootstrap Images/ReadMe.md b/Module 2 - Bootstrap/Topic 08 - Images/Bootstrap Images/ReadMe.md new file mode 100644 index 0000000..495f02a --- /dev/null +++ b/Module 2 - Bootstrap/Topic 08 - Images/Bootstrap Images/ReadMe.md @@ -0,0 +1,8 @@ +Steps to open the folder in netbeans: +1. Open netbeans. +2. Click on file in the top menu. +3. Choose New Project option. +4. Choose HTML5/Javascript category and in Projects section, choose HTML5/JS Application with Existing Source. +5. For Site Root, browse to the folder where you have extracted these files. +6. Click on finish. +7. The folder will open in netbeans. diff --git a/Module 2 - Bootstrap/Topic 08 - Images/Bootstrap Images/img_responsive_and_circle.html b/Module 2 - Bootstrap/Topic 08 - Images/Bootstrap Images/img_responsive_and_circle.html new file mode 100644 index 0000000..33a4fc0 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 08 - Images/Bootstrap Images/img_responsive_and_circle.html @@ -0,0 +1,24 @@ + + + + + + + + + + + + Images in Bootstrap + + +
+
+
+

Image

+ Responsive image +
+
+
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 08 - Images/Bootstrap Images/img_responsive_and_rounded.html b/Module 2 - Bootstrap/Topic 08 - Images/Bootstrap Images/img_responsive_and_rounded.html new file mode 100644 index 0000000..22bd187 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 08 - Images/Bootstrap Images/img_responsive_and_rounded.html @@ -0,0 +1,24 @@ + + + + + + + + + + + + Images in Bootstrap + + +
+
+
+

Image

+ Responsive image +
+
+
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 09 - Thumbnails/Bootstrap Thumbnails/ReadMe.md b/Module 2 - Bootstrap/Topic 09 - Thumbnails/Bootstrap Thumbnails/ReadMe.md new file mode 100644 index 0000000..495f02a --- /dev/null +++ b/Module 2 - Bootstrap/Topic 09 - Thumbnails/Bootstrap Thumbnails/ReadMe.md @@ -0,0 +1,8 @@ +Steps to open the folder in netbeans: +1. Open netbeans. +2. Click on file in the top menu. +3. Choose New Project option. +4. Choose HTML5/Javascript category and in Projects section, choose HTML5/JS Application with Existing Source. +5. For Site Root, browse to the folder where you have extracted these files. +6. Click on finish. +7. The folder will open in netbeans. diff --git a/Module 2 - Bootstrap/Topic 09 - Thumbnails/Bootstrap Thumbnails/thumbnail_as_link.html b/Module 2 - Bootstrap/Topic 09 - Thumbnails/Bootstrap Thumbnails/thumbnail_as_link.html new file mode 100644 index 0000000..654e637 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 09 - Thumbnails/Bootstrap Thumbnails/thumbnail_as_link.html @@ -0,0 +1,31 @@ + + + + + + + + + + + + + Images in Bootstrap + + +
+

Thumbnails

+
+
+ Responsive image +
+
+ Responsive image +
+
+ Responsive image +
+
+
+ + diff --git a/Module 2 - Bootstrap/Topic 09 - Thumbnails/Bootstrap Thumbnails/thumbnail_with_caption.html b/Module 2 - Bootstrap/Topic 09 - Thumbnails/Bootstrap Thumbnails/thumbnail_with_caption.html new file mode 100644 index 0000000..4da1c7d --- /dev/null +++ b/Module 2 - Bootstrap/Topic 09 - Thumbnails/Bootstrap Thumbnails/thumbnail_with_caption.html @@ -0,0 +1,53 @@ + + + + + + + + + + + + Thumbnails in Bootstrap + + +
+

Thumbnails

+
+
+
+ +
+

Cameras

+

Choose among the best available in the world.

+
+
+ +
+ +
+
+ +
+

Watches

+

Original watches from the best brands.

+
+
+ +
+ +
+
+ +
+

Shirts

+

Our exquisite collection of shirts.

+
+
+ +
+
+
+ + diff --git a/Module 2 - Bootstrap/Topic 09 - Thumbnails/Bootstrap Thumbnails/thumbnail_without_link.html b/Module 2 - Bootstrap/Topic 09 - Thumbnails/Bootstrap Thumbnails/thumbnail_without_link.html new file mode 100644 index 0000000..15294a0 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 09 - Thumbnails/Bootstrap Thumbnails/thumbnail_without_link.html @@ -0,0 +1,33 @@ + + + + + + + + + + + + Images in Bootstrap + + +
+

Thumbnails

+
+
+
+ Responsive image
+
+
+
+ Responsive image
+
+
+
+ Responsive image
+
+
+
+ + diff --git a/Module 2 - Bootstrap/Topic 10 - Forms/Bootstrap Form Styling/ReadMe.md b/Module 2 - Bootstrap/Topic 10 - Forms/Bootstrap Form Styling/ReadMe.md new file mode 100644 index 0000000..495f02a --- /dev/null +++ b/Module 2 - Bootstrap/Topic 10 - Forms/Bootstrap Form Styling/ReadMe.md @@ -0,0 +1,8 @@ +Steps to open the folder in netbeans: +1. Open netbeans. +2. Click on file in the top menu. +3. Choose New Project option. +4. Choose HTML5/Javascript category and in Projects section, choose HTML5/JS Application with Existing Source. +5. For Site Root, browse to the folder where you have extracted these files. +6. Click on finish. +7. The folder will open in netbeans. diff --git a/Module 2 - Bootstrap/Topic 10 - Forms/Bootstrap Form Styling/initial_text_input_fields.html b/Module 2 - Bootstrap/Topic 10 - Forms/Bootstrap Form Styling/initial_text_input_fields.html new file mode 100644 index 0000000..5381299 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 10 - Forms/Bootstrap Form Styling/initial_text_input_fields.html @@ -0,0 +1,25 @@ + + + + + + + + + + Images in Bootstrap + + +
+
+
+

Styling forms

+
+ First name:

+ Last name:

+
+
+
+
+ + diff --git a/Module 2 - Bootstrap/Topic 10 - Forms/Bootstrap Form Styling/inline_forms.html b/Module 2 - Bootstrap/Topic 10 - Forms/Bootstrap Form Styling/inline_forms.html new file mode 100644 index 0000000..51a1e89 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 10 - Forms/Bootstrap Form Styling/inline_forms.html @@ -0,0 +1,31 @@ + + + + + + + + + + Forms in Bootstrap + + +
+
+
+

Styling forms

+
+
+ + +
+
+ + +
+
+
+
+
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 10 - Forms/Bootstrap Form Styling/input_with_disabled_attribute.html b/Module 2 - Bootstrap/Topic 10 - Forms/Bootstrap Form Styling/input_with_disabled_attribute.html new file mode 100644 index 0000000..b3e5ad3 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 10 - Forms/Bootstrap Form Styling/input_with_disabled_attribute.html @@ -0,0 +1,32 @@ + + + + + + + + + + + + + Forms in Bootstrap + + +
+
+
+

Styling forms

+
+
+ +
+
+ +
+
+
+
+
+ + diff --git a/Module 2 - Bootstrap/Topic 10 - Forms/Bootstrap Form Styling/input_with_form-control_class.html b/Module 2 - Bootstrap/Topic 10 - Forms/Bootstrap Form Styling/input_with_form-control_class.html new file mode 100644 index 0000000..bbee265 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 10 - Forms/Bootstrap Form Styling/input_with_form-control_class.html @@ -0,0 +1,25 @@ + + + + + + + + + + Images in Bootstrap + + +
+
+
+

Styling forms

+
+ First name:

+ Last name:

+
+
+
+
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 10 - Forms/Bootstrap Form Styling/input_with_form_group_class.html b/Module 2 - Bootstrap/Topic 10 - Forms/Bootstrap Form Styling/input_with_form_group_class.html new file mode 100644 index 0000000..58a4e5a --- /dev/null +++ b/Module 2 - Bootstrap/Topic 10 - Forms/Bootstrap Form Styling/input_with_form_group_class.html @@ -0,0 +1,30 @@ + + + + + + + + + + + Forms in Bootstrap + + +
+
+
+

Styling forms

+
+
+ +
+
+ +
+
+
+
+
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 10 - Forms/Bootstrap Form Styling/input_with_input-lg_class.html b/Module 2 - Bootstrap/Topic 10 - Forms/Bootstrap Form Styling/input_with_input-lg_class.html new file mode 100644 index 0000000..c639f56 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 10 - Forms/Bootstrap Form Styling/input_with_input-lg_class.html @@ -0,0 +1,31 @@ + + + + + + + + + + Forms in Bootstrap + + +
+
+
+

Styling forms

+
+
+ + +
+
+ + +
+
+
+
+
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 10 - Forms/Bootstrap Form Styling/input_with_label.html b/Module 2 - Bootstrap/Topic 10 - Forms/Bootstrap Form Styling/input_with_label.html new file mode 100644 index 0000000..9520e9d --- /dev/null +++ b/Module 2 - Bootstrap/Topic 10 - Forms/Bootstrap Form Styling/input_with_label.html @@ -0,0 +1,31 @@ + + + + + + + + + + Forms in Bootstrap + + +
+
+
+

Styling forms

+
+
+ + +
+
+ + +
+
+
+
+
+ + diff --git a/Module 2 - Bootstrap/Topic 10 - Forms/Styling Checkboxes and Radio Buttons/ReadMe.md b/Module 2 - Bootstrap/Topic 10 - Forms/Styling Checkboxes and Radio Buttons/ReadMe.md new file mode 100644 index 0000000..495f02a --- /dev/null +++ b/Module 2 - Bootstrap/Topic 10 - Forms/Styling Checkboxes and Radio Buttons/ReadMe.md @@ -0,0 +1,8 @@ +Steps to open the folder in netbeans: +1. Open netbeans. +2. Click on file in the top menu. +3. Choose New Project option. +4. Choose HTML5/Javascript category and in Projects section, choose HTML5/JS Application with Existing Source. +5. For Site Root, browse to the folder where you have extracted these files. +6. Click on finish. +7. The folder will open in netbeans. diff --git a/Module 2 - Bootstrap/Topic 10 - Forms/Styling Checkboxes and Radio Buttons/checkbox.html b/Module 2 - Bootstrap/Topic 10 - Forms/Styling Checkboxes and Radio Buttons/checkbox.html new file mode 100644 index 0000000..b68a4d0 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 10 - Forms/Styling Checkboxes and Radio Buttons/checkbox.html @@ -0,0 +1,40 @@ + + + + + + + + + + Forms in Bootstrap + + +
+
+
+

Styling forms

+
+
+ + +
+
+ + +
+
+ I want to order: + + +
+
+
+
+
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 10 - Forms/Styling Checkboxes and Radio Buttons/radio_buttons.html b/Module 2 - Bootstrap/Topic 10 - Forms/Styling Checkboxes and Radio Buttons/radio_buttons.html new file mode 100644 index 0000000..7f207bd --- /dev/null +++ b/Module 2 - Bootstrap/Topic 10 - Forms/Styling Checkboxes and Radio Buttons/radio_buttons.html @@ -0,0 +1,52 @@ + + + + + + + + + + Forms in Bootstrap + + +
+
+
+

Styling forms

+
+
+ + +
+
+ + +
+ +
+ + + +
+
+ I want to order: + + +
+
+
+
+
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 10 - Forms/Styling Checkboxes and Radio Buttons/select_box.html b/Module 2 - Bootstrap/Topic 10 - Forms/Styling Checkboxes and Radio Buttons/select_box.html new file mode 100644 index 0000000..0437763 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 10 - Forms/Styling Checkboxes and Radio Buttons/select_box.html @@ -0,0 +1,61 @@ + + + + + + + + + + Forms in Bootstrap + + +
+
+
+

Styling forms

+
+
+ + +
+
+ + +
+ +
+ + + +
+
+ I want to order: + + +
+
+ Quantity + +
+
+
+
+
+ + + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 10 - Forms/Styling Submit Button Using Bootstrap/ReadMe.md b/Module 2 - Bootstrap/Topic 10 - Forms/Styling Submit Button Using Bootstrap/ReadMe.md new file mode 100644 index 0000000..495f02a --- /dev/null +++ b/Module 2 - Bootstrap/Topic 10 - Forms/Styling Submit Button Using Bootstrap/ReadMe.md @@ -0,0 +1,8 @@ +Steps to open the folder in netbeans: +1. Open netbeans. +2. Click on file in the top menu. +3. Choose New Project option. +4. Choose HTML5/Javascript category and in Projects section, choose HTML5/JS Application with Existing Source. +5. For Site Root, browse to the folder where you have extracted these files. +6. Click on finish. +7. The folder will open in netbeans. diff --git a/Module 2 - Bootstrap/Topic 10 - Forms/Styling Submit Button Using Bootstrap/btn-primary_and _btn-block.html b/Module 2 - Bootstrap/Topic 10 - Forms/Styling Submit Button Using Bootstrap/btn-primary_and _btn-block.html new file mode 100644 index 0000000..d00d4f8 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 10 - Forms/Styling Submit Button Using Bootstrap/btn-primary_and _btn-block.html @@ -0,0 +1,64 @@ + + + + + + + + + + + + Forms in Bootstrap + + +
+
+
+

Styling forms

+
+
+ + +
+
+ + +
+ +
+ + + +
+
+ I want to order: + + +
+ Quantity +
+ Quantity + +
+ +
+
+
+
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 10 - Forms/Styling Submit Button Using Bootstrap/btn_default.html b/Module 2 - Bootstrap/Topic 10 - Forms/Styling Submit Button Using Bootstrap/btn_default.html new file mode 100644 index 0000000..6624112 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 10 - Forms/Styling Submit Button Using Bootstrap/btn_default.html @@ -0,0 +1,63 @@ + + + + + + + + + + Forms in Bootstrap + + +
+
+
+

Styling forms

+ + +
+
+ + +
+
+ + +
+ +
+ + + +
+
+ I want to order: + + +
+
+ Quantity + +
+ +
+
+
+
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 10 - Forms/Styling Submit Button Using Bootstrap/button_tag_for_submit.html b/Module 2 - Bootstrap/Topic 10 - Forms/Styling Submit Button Using Bootstrap/button_tag_for_submit.html new file mode 100644 index 0000000..e4ab15d --- /dev/null +++ b/Module 2 - Bootstrap/Topic 10 - Forms/Styling Submit Button Using Bootstrap/button_tag_for_submit.html @@ -0,0 +1,64 @@ + + + + + + + + + + + + Forms in Bootstrap + + +
+
+
+

Styling forms

+
+
+ + +
+
+ + +
+ +
+ + + +
+
+ I want to order: + + +
+ Quantity +
+ Quantity + +
+ +
+
+
+
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 11 - Panels/Bootstrap Panel/ReadMe.md b/Module 2 - Bootstrap/Topic 11 - Panels/Bootstrap Panel/ReadMe.md new file mode 100644 index 0000000..495f02a --- /dev/null +++ b/Module 2 - Bootstrap/Topic 11 - Panels/Bootstrap Panel/ReadMe.md @@ -0,0 +1,8 @@ +Steps to open the folder in netbeans: +1. Open netbeans. +2. Click on file in the top menu. +3. Choose New Project option. +4. Choose HTML5/Javascript category and in Projects section, choose HTML5/JS Application with Existing Source. +5. For Site Root, browse to the folder where you have extracted these files. +6. Click on finish. +7. The folder will open in netbeans. diff --git a/Module 2 - Bootstrap/Topic 11 - Panels/Bootstrap Panel/panel_default.html b/Module 2 - Bootstrap/Topic 11 - Panels/Bootstrap Panel/panel_default.html new file mode 100644 index 0000000..6087d80 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 11 - Panels/Bootstrap Panel/panel_default.html @@ -0,0 +1,31 @@ + + + + + + + + + + Panels in Bootstrap + + + +
+
+
+
+
+

Basic panel example

+ +
+
+
+
+
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 11 - Panels/Bootstrap Panel/panel_primary.html b/Module 2 - Bootstrap/Topic 11 - Panels/Bootstrap Panel/panel_primary.html new file mode 100644 index 0000000..142d25d --- /dev/null +++ b/Module 2 - Bootstrap/Topic 11 - Panels/Bootstrap Panel/panel_primary.html @@ -0,0 +1,35 @@ + + + + + + + + + + Panels in Bootstrap + + + +
+
+
+
+
+

Panel Heading

+
+
+

Basic panel example

+ +
+
Panel footer
+
+
+
+
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 11 - Panels/Bootstrap Panel/panel_with_heading_and_footer.html b/Module 2 - Bootstrap/Topic 11 - Panels/Bootstrap Panel/panel_with_heading_and_footer.html new file mode 100644 index 0000000..cb68d76 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 11 - Panels/Bootstrap Panel/panel_with_heading_and_footer.html @@ -0,0 +1,35 @@ + + + + + + + + + + Panels in Bootstrap + + + +
+
+
+
+
+

Panel Heading

+
+
+

Basic panel example

+ +
+
Panel footer
+
+
+
+
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 11 - Panels/Creating External Stylesheet/ReadMe.md b/Module 2 - Bootstrap/Topic 11 - Panels/Creating External Stylesheet/ReadMe.md new file mode 100644 index 0000000..495f02a --- /dev/null +++ b/Module 2 - Bootstrap/Topic 11 - Panels/Creating External Stylesheet/ReadMe.md @@ -0,0 +1,8 @@ +Steps to open the folder in netbeans: +1. Open netbeans. +2. Click on file in the top menu. +3. Choose New Project option. +4. Choose HTML5/Javascript category and in Projects section, choose HTML5/JS Application with Existing Source. +5. For Site Root, browse to the folder where you have extracted these files. +6. Click on finish. +7. The folder will open in netbeans. diff --git a/Module 2 - Bootstrap/Topic 11 - Panels/Creating External Stylesheet/link_to_external_css.html b/Module 2 - Bootstrap/Topic 11 - Panels/Creating External Stylesheet/link_to_external_css.html new file mode 100644 index 0000000..6bd9cfa --- /dev/null +++ b/Module 2 - Bootstrap/Topic 11 - Panels/Creating External Stylesheet/link_to_external_css.html @@ -0,0 +1,31 @@ + + + + + + + + + + Panels in Bootstrap + + + +
+
+
+
+
+

Panel Heading

+
+
+

Basic panel example

+ +
+
Panel footer
+
+
+
+
+ + \ No newline at end of file diff --git a/Module 2 - Bootstrap/Topic 11 - Panels/Creating External Stylesheet/style.css b/Module 2 - Bootstrap/Topic 11 - Panels/Creating External Stylesheet/style.css new file mode 100644 index 0000000..747a366 --- /dev/null +++ b/Module 2 - Bootstrap/Topic 11 - Panels/Creating External Stylesheet/style.css @@ -0,0 +1,6 @@ +.row_style{ + margin-top:10px; +} +.btn-primary{ + font-size: 25px; +} \ No newline at end of file