Add files via upload

shreyuchawhan · Mar 1, 2019 · 052b4ae · 052b4ae
1 parent 6db1ad5
commit 052b4ae
Show file tree

Hide file tree

Showing 76 changed files with 1,925 additions and 0 deletions.
diff --git a/...le 2 - Bootstrap/Topic 01 - Introduction/Using bootstrap.min.css/ReadMeFirst.md b/...le 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/...trap/Topic 01 - Introduction/Using bootstrap.min.css/bootstrap_files_download_script.html b/...trap/Topic 01 - Introduction/Using bootstrap.min.css/bootstrap_files_download_script.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>TODO supply a title</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <!-- Latest compiled and minified CSS -->
+        <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" type=" text/css">
+        <!-- jQuery library -->
+        <script src="bootstrap/js/jquery.min.js"></script>
+        <!-- Latest compiled and minified JavaScript -->
+        <script src="bootstrap/js/bootstrap.min.js"></script>
+
+
+    </head>
+    <body>
+        <div>
+            TO DO Supply content.
+        </div>
+
+    </body>
+</html>
diff --git a/... 2 - Bootstrap/Topic 01 - Introduction/Using bootstrap.min.css/bootstrap_online_link.html b/... 2 - Bootstrap/Topic 01 - Introduction/Using bootstrap.min.css/bootstrap_online_link.html
@@ -0,0 +1,19 @@
+<!DOCTYPE HTML>
+<html>
+    <head>
+        <title>Bootstrap Introduction</title>
+
+
+        <!-- Latest compiled and minified CSS -->
+        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >
+
+        <!-- jQuery library -->
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
+
+
+        <!-- Latest compiled and minified JavaScript -->
+        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+    </head>
+    <body>
+    </body>
+</html>
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
@@ -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/... 2 - Bootstrap/Topic 02 - Breakpoints/Bootstrap Predefined Classes/hidden_lg_example.html b/... 2 - Bootstrap/Topic 02 - Breakpoints/Bootstrap Predefined Classes/hidden_lg_example.html
@@ -0,0 +1,18 @@
+<html>
+    <head>
+        <title>Breakpoints - hidden/visible concept</title>
+        <!-- Latest compiled and minified CSS -->
+        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >
+
+        <!-- jQuery library -->
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
+
+        <!-- Latest compiled and minified JavaScript -->
+        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+    </head>
+    <body>
+        <div class="hidden-lg">First Div </div>  
+        <div class="second">Second Div </div>
+    </body>
+</html>
diff --git a/... 2 - Bootstrap/Topic 02 - Breakpoints/Bootstrap Predefined Classes/hidden_md_example.html b/... 2 - Bootstrap/Topic 02 - Breakpoints/Bootstrap Predefined Classes/hidden_md_example.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Breakpoints - hidden/visible concept</title>
+        <!-- Latest compiled and minified CSS -->
+        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >
+
+        <!-- jQuery library -->
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
+
+        <!-- Latest compiled and minified JavaScript -->
+        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+    </head>
+    <body>
+        <div class="hidden-md">First Div </div>  
+        <div class="second">Second Div </div>
+    </body>
+</html>
diff --git a/... - Bootstrap/Topic 02 - Breakpoints/Bootstrap Predefined Classes/media_query_example.html b/... - Bootstrap/Topic 02 - Breakpoints/Bootstrap Predefined Classes/media_query_example.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Breakpoints - hidden/visible concept</title>
+        <!-- Latest compiled and minified CSS -->
+        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >
+
+        <!-- jQuery library -->
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
+
+        <!-- Latest compiled and minified JavaScript -->
+        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <style>
+            .first{
+                display:none;
+            }
+            @media (min-width : 1200px){
+                .first{
+                    display:block;
+                }   
+            }
+        </style>
+
+    </head>
+    <body>
+        <div class="first">First Div </div>  
+        <div class="second">Second Div </div>
+    </body>
+</html>
+
+
diff --git a/...2 - Bootstrap/Topic 02 - Breakpoints/Bootstrap Predefined Classes/visible_lg_example.html b/...2 - Bootstrap/Topic 02 - Breakpoints/Bootstrap Predefined Classes/visible_lg_example.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Breakpoints - hidden/visible concept</title>
+        <!-- Latest compiled and minified CSS -->
+        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >
+
+
+        <!-- jQuery library -->
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
+
+
+        <!-- Latest compiled and minified JavaScript -->
+        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+
+    </head>
+    <body>
+        <div class="visible-lg">First Div </div>  
+        <div class="second">Second Div </div>
+    </body>
+</html> 
diff --git a/...2 - Bootstrap/Topic 02 - Breakpoints/Bootstrap Predefined Classes/visible_md_example.html b/...2 - Bootstrap/Topic 02 - Breakpoints/Bootstrap Predefined Classes/visible_md_example.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Breakpoints - hidden/visible concept</title>
+        <!-- Latest compiled and minified CSS -->
+        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >
+
+
+        <!-- jQuery library -->
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
+
+
+        <!-- Latest compiled and minified JavaScript -->
+        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
+
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+    </head>
+    <body>
+        <div class="visible-md">First Div </div>  
+        <div class="second">Second Div </div>
+    </body>
+</html>
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
@@ -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
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Breakpoints - hidden/visible concept</title>
+        <!-- Latest compiled and minified CSS -->
+        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >
+
+        <!-- jQuery library -->
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
+
+        <!-- Latest compiled and minified JavaScript -->
+        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+    </head>
+    <body>
+        <div class="hidden-sm">First Div </div>  
+        <div class="second">Second Div </div>
+    </body>
+</html>
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
@@ -0,0 +1,19 @@
+<html>
+    <head>
+        <title>Breakpoints - hidden/visible concept</title>
+        <!-- Latest compiled and minified CSS -->
+        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >
+
+        <!-- jQuery library -->
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
+
+        <!-- Latest compiled and minified JavaScript -->
+        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+    </head>
+    <body>
+        <div class="hidden-lg hidden-md">First Div </div>  
+        <div class="second">Second Div </div>
+    </body>
+</html>
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
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Breakpoints - hidden/visible concept</title>
+        <!-- Latest compiled and minified CSS -->
+        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >
+
+
+        <!-- jQuery library -->
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
+
+
+        <!-- Latest compiled and minified JavaScript -->
+        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
+
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+    </head>
+    <body>
+        <div class="visible-sm">First Div </div>  
+        <div class="second">Second Div </div>
+    </body>
+</html>
diff --git a/Module 2 - Bootstrap/Topic 02 - Breakpoints/Multiple Classes/ReadMe.md 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
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title> Partnerships of batman </title>
+        <style>
+            .wrapper{
+                font-size:14px;
+                font-family: sans-serif;
+                margin-left:10px;
+            }
+            .important_text{
+                font-size: 16px;
+               font-weight: bold;
+            }
+        </style>
+    </head>
+    <body>
+        <h2>The Partnerships of batman</h2>
+        <div class="wrapper important_text">Partnerships</div>
+        <div class="wrapper">
+            <ul>
+                <li>Robin</li>
+                <li>Batgirl</li>
+                <li>James "Jim" Gordon</li>
+                <li>Green Arrow</li>
+                <li>Catwoman</li>
+                <li>Superman</li>
+                <li>Wonder Woman</li>
+            </ul>
+        </div>
+    </body>
+</html>
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
@@ -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
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html>
+    <head>
+        <title>Containing elements</title>
+<!--        Latest compiled and minified CSS -->
+        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >
+
+        <!--jQuery library--> 
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
+
+        <!--Latest compiled and minified JavaScript--> 
+        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <style>
+            .container_decor{
+                background-color: #ffff00;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="container container_decor">
+            <h1>Hey I am contained in h1 heading element. </h1>
+        </div>
+    </body>
+</html>
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
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML>
+<html>
+    <head>
+        <title>Containing elements</title>
+<!--        Latest compiled and minified CSS -->
+        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >
+
+
+        <!--jQuery library--> 
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
+
+
+        <!--Latest compiled and minified JavaScript--> 
+        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <style>
+            .container_decor{
+                background-color: #ffff00;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="container-fluid container_decor">
+            <h1>Hey I am contained in h1 heading element. </h1>
+        </div>
+    </body>
+</html>
diff --git a/Module 2 - Bootstrap/Topic 04 - Jumbotron & Glyphicons/Glyphicons/ReadMe.md 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.