├── css ├── class 7 │ ├── practice │ │ ├── practice.css │ │ └── practice.html │ ├── fonts │ │ ├── demo.otf │ │ └── Readme.txt │ ├── images │ │ ├── icon.png │ │ ├── download.jpg │ │ ├── left-arrow.png │ │ └── img_avatar3.png │ ├── index.html │ ├── css │ │ └── style.css │ ├── about │ │ └── about.html │ ├── gallary │ │ └── gallary.html │ └── contact │ │ └── contact.html ├── class 4 │ ├── fonts │ │ ├── demo.otf │ │ └── Readme.txt │ ├── images │ │ ├── download.jpg │ │ ├── left-arrow.png │ │ └── img_avatar3.png │ ├── css │ │ └── style.css │ ├── practice │ │ ├── practice.css │ │ └── practice.html │ ├── about │ │ └── about.html │ ├── gallary │ │ └── gallary.html │ ├── index.html │ └── contact │ │ └── contact.html ├── class 5 │ ├── fonts │ │ ├── demo.otf │ │ └── Readme.txt │ ├── images │ │ ├── icon.png │ │ ├── download.jpg │ │ ├── left-arrow.png │ │ └── img_avatar3.png │ ├── practice │ │ ├── practice.css │ │ └── practice.html │ ├── css │ │ └── style.css │ ├── about │ │ └── about.html │ ├── index.html │ ├── gallary │ │ └── gallary.html │ └── contact │ │ └── contact.html ├── class 6 │ ├── fonts │ │ ├── demo.otf │ │ └── Readme.txt │ ├── images │ │ ├── icon.png │ │ ├── download.jpg │ │ ├── left-arrow.png │ │ └── img_avatar3.png │ ├── practice │ │ ├── practice.css │ │ └── practice.html │ ├── css │ │ └── style.css │ ├── about │ │ └── about.html │ ├── gallary │ │ └── gallary.html │ ├── contact │ │ └── contact.html │ └── index.html ├── class 2 │ ├── images │ │ ├── download.jpg │ │ ├── left-arrow.png │ │ └── img_avatar3.png │ ├── css │ │ └── style.css │ ├── practice │ │ ├── practice.css │ │ └── practice.html │ ├── index.html │ ├── about │ │ └── about.html │ ├── gallary │ │ └── gallary.html │ └── contact │ │ └── contact.html └── class 3 │ ├── images │ ├── download.jpg │ ├── left-arrow.png │ └── img_avatar3.png │ ├── css │ └── style.css │ ├── practice │ ├── practice.css │ └── practice.html │ ├── about │ └── about.html │ ├── gallary │ └── gallary.html │ ├── index.html │ └── contact │ └── contact.html ├── bootstrap ├── style.css ├── bootstrap │ └── css │ │ ├── bootstrap-reboot.min.css │ │ ├── bootstrap-reboot.css │ │ ├── bootstrap-reboot.min.css.map │ │ └── bootstrap-grid.min.css └── index.html ├── Structure ├── css │ └── style.css ├── images │ ├── download.jpg │ ├── img_avatar3.png │ └── left-arrow.png ├── about │ └── about.html ├── gallary │ └── gallary.html ├── index.html └── contact │ └── contact.html └── javascript ├── A Smarter Way to Learn JavaScript.pdf ├── class-3-4 ├── array │ ├── index.html │ └── app.js └── if-statement │ ├── index.html │ └── app.js ├── class-2 ├── index.html └── app.js ├── class-5 ├── index.html └── app.js ├── class-6 ├── index.html └── app.js └── class-1 └── index.html /css/class 7/practice/practice.css: -------------------------------------------------------------------------------- 1 | @import url("../css/style.css"); 2 | a { 3 | color: black; 4 | } -------------------------------------------------------------------------------- /bootstrap/style.css: -------------------------------------------------------------------------------- 1 | /* .twentyPer { 2 | width: 50% !important; 3 | } 4 | 5 | .small{ 6 | width: 25%; 7 | } */ -------------------------------------------------------------------------------- /css/class 4/fonts/demo.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-majid-ashrafi/BMJ-batch1-MWF/master/css/class 4/fonts/demo.otf -------------------------------------------------------------------------------- /css/class 5/fonts/demo.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-majid-ashrafi/BMJ-batch1-MWF/master/css/class 5/fonts/demo.otf -------------------------------------------------------------------------------- /css/class 5/images/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-majid-ashrafi/BMJ-batch1-MWF/master/css/class 5/images/icon.png -------------------------------------------------------------------------------- /css/class 6/fonts/demo.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-majid-ashrafi/BMJ-batch1-MWF/master/css/class 6/fonts/demo.otf -------------------------------------------------------------------------------- /css/class 6/images/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-majid-ashrafi/BMJ-batch1-MWF/master/css/class 6/images/icon.png -------------------------------------------------------------------------------- /css/class 7/fonts/demo.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-majid-ashrafi/BMJ-batch1-MWF/master/css/class 7/fonts/demo.otf -------------------------------------------------------------------------------- /css/class 7/images/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-majid-ashrafi/BMJ-batch1-MWF/master/css/class 7/images/icon.png -------------------------------------------------------------------------------- /Structure/css/style.css: -------------------------------------------------------------------------------- 1 | .paragraph{ 2 | background-color: brown; 3 | color: chartreuse; 4 | padding: 10px; 5 | } 6 | 7 | -------------------------------------------------------------------------------- /Structure/images/download.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-majid-ashrafi/BMJ-batch1-MWF/master/Structure/images/download.jpg -------------------------------------------------------------------------------- /Structure/images/img_avatar3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-majid-ashrafi/BMJ-batch1-MWF/master/Structure/images/img_avatar3.png -------------------------------------------------------------------------------- /Structure/images/left-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-majid-ashrafi/BMJ-batch1-MWF/master/Structure/images/left-arrow.png -------------------------------------------------------------------------------- /css/class 2/images/download.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-majid-ashrafi/BMJ-batch1-MWF/master/css/class 2/images/download.jpg -------------------------------------------------------------------------------- /css/class 2/images/left-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-majid-ashrafi/BMJ-batch1-MWF/master/css/class 2/images/left-arrow.png -------------------------------------------------------------------------------- /css/class 3/images/download.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-majid-ashrafi/BMJ-batch1-MWF/master/css/class 3/images/download.jpg -------------------------------------------------------------------------------- /css/class 3/images/left-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-majid-ashrafi/BMJ-batch1-MWF/master/css/class 3/images/left-arrow.png -------------------------------------------------------------------------------- /css/class 4/images/download.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-majid-ashrafi/BMJ-batch1-MWF/master/css/class 4/images/download.jpg -------------------------------------------------------------------------------- /css/class 4/images/left-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-majid-ashrafi/BMJ-batch1-MWF/master/css/class 4/images/left-arrow.png -------------------------------------------------------------------------------- /css/class 5/images/download.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-majid-ashrafi/BMJ-batch1-MWF/master/css/class 5/images/download.jpg -------------------------------------------------------------------------------- /css/class 5/images/left-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-majid-ashrafi/BMJ-batch1-MWF/master/css/class 5/images/left-arrow.png -------------------------------------------------------------------------------- /css/class 6/images/download.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-majid-ashrafi/BMJ-batch1-MWF/master/css/class 6/images/download.jpg -------------------------------------------------------------------------------- /css/class 6/images/left-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-majid-ashrafi/BMJ-batch1-MWF/master/css/class 6/images/left-arrow.png -------------------------------------------------------------------------------- /css/class 7/images/download.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-majid-ashrafi/BMJ-batch1-MWF/master/css/class 7/images/download.jpg -------------------------------------------------------------------------------- /css/class 7/images/left-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-majid-ashrafi/BMJ-batch1-MWF/master/css/class 7/images/left-arrow.png -------------------------------------------------------------------------------- /css/class 2/images/img_avatar3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-majid-ashrafi/BMJ-batch1-MWF/master/css/class 2/images/img_avatar3.png -------------------------------------------------------------------------------- /css/class 3/images/img_avatar3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-majid-ashrafi/BMJ-batch1-MWF/master/css/class 3/images/img_avatar3.png -------------------------------------------------------------------------------- /css/class 4/images/img_avatar3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-majid-ashrafi/BMJ-batch1-MWF/master/css/class 4/images/img_avatar3.png -------------------------------------------------------------------------------- /css/class 5/images/img_avatar3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-majid-ashrafi/BMJ-batch1-MWF/master/css/class 5/images/img_avatar3.png -------------------------------------------------------------------------------- /css/class 6/images/img_avatar3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-majid-ashrafi/BMJ-batch1-MWF/master/css/class 6/images/img_avatar3.png -------------------------------------------------------------------------------- /css/class 7/images/img_avatar3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-majid-ashrafi/BMJ-batch1-MWF/master/css/class 7/images/img_avatar3.png -------------------------------------------------------------------------------- /javascript/A Smarter Way to Learn JavaScript.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-majid-ashrafi/BMJ-batch1-MWF/master/javascript/A Smarter Way to Learn JavaScript.pdf -------------------------------------------------------------------------------- /javascript/class-3-4/array/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Arrays 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /javascript/class-2/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /javascript/class-5/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /javascript/class-6/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /javascript/class-3-4/if-statement/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IF ELSE & ELSE IF STATEMENTS | TESTING SET OF CONDITIONS | 6 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /css/class 7/practice/practice.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Boxes 6 | 7 | 8 | 9 | 10 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /css/class 7/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Boxes 6 | 7 | 8 | 9 | 10 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /css/class 5/practice/practice.css: -------------------------------------------------------------------------------- 1 | /* .gChild{ 2 | list-style-type: upper-latin; 3 | } */ 4 | 5 | body { 6 | text-align: center; 7 | } 8 | 9 | .gChild { 10 | list-style-image: url("../images/icon.png"); 11 | } 12 | 13 | li { 14 | /* margin: 10px 0px 0px 0px; */ 15 | list-style-position: inside; 16 | } 17 | 18 | /* 19 | 20 | 21 | */ 22 | 23 | #container { 24 | width: 200px; 25 | margin: 0 auto; 26 | } 27 | img { 28 | width: 200px; 29 | } 30 | div{ 31 | width: 200px; 32 | box-shadow: 2px 2px 3px 5px gray; 33 | } -------------------------------------------------------------------------------- /css/class 6/practice/practice.css: -------------------------------------------------------------------------------- 1 | /* .gChild{ 2 | list-style-type: upper-latin; 3 | } */ 4 | 5 | body { 6 | text-align: center; 7 | } 8 | 9 | .gChild { 10 | list-style-image: url("../images/icon.png"); 11 | } 12 | 13 | li { 14 | /* margin: 10px 0px 0px 0px; */ 15 | list-style-position: inside; 16 | } 17 | 18 | /* 19 | 20 | 21 | */ 22 | 23 | #container { 24 | width: 200px; 25 | margin: 0 auto; 26 | } 27 | img { 28 | width: 200px; 29 | } 30 | div{ 31 | width: 200px; 32 | box-shadow: 2px 2px 3px 5px gray; 33 | } -------------------------------------------------------------------------------- /css/class 2/css/style.css: -------------------------------------------------------------------------------- 1 | /* universal */ 2 | /* *{ 3 | border: 2px solid red; 4 | } */ 5 | 6 | body{ 7 | background-color: burlywood; 8 | /* color: greenyellow; */ 9 | opacity: 0.2; 10 | } 11 | table{ 12 | background-color: rgba(205, 0, 0,0.6); 13 | /* background-color: #9e9e9e; */ 14 | } 15 | h1{ 16 | /* foreground color */ 17 | /* color: darkcyan; */ 18 | /* background-color: rgb(0, 0, 0) ; */ 19 | /* background-color: black ; */ 20 | /* background-color: #000000 ; */ 21 | font-family: Georgia, 'Times New Roman', Times, serif; 22 | background-color: #960000; 23 | } -------------------------------------------------------------------------------- /css/class 3/css/style.css: -------------------------------------------------------------------------------- 1 | /* universal */ 2 | /* *{ 3 | border: 2px solid red; 4 | } */ 5 | 6 | body{ 7 | background-color: burlywood; 8 | /* color: greenyellow; */ 9 | /* opacity: 0.2; */ 10 | } 11 | table{ 12 | background-color: rgba(205, 0, 0,0.6); 13 | /* background-color: #9e9e9e; */ 14 | } 15 | h1{ 16 | /* foreground color */ 17 | /* color: darkcyan; */ 18 | /* background-color: rgb(0, 0, 0) ; */ 19 | /* background-color: black ; */ 20 | /* background-color: #000000 ; */ 21 | font-family: Georgia, 'Times New Roman', Times, serif; 22 | background-color: #960000; 23 | } -------------------------------------------------------------------------------- /css/class 4/css/style.css: -------------------------------------------------------------------------------- 1 | /* universal */ 2 | /* *{ 3 | border: 2px solid red; 4 | } */ 5 | 6 | body{ 7 | background-color: burlywood; 8 | /* color: greenyellow; */ 9 | /* opacity: 0.2; */ 10 | } 11 | table{ 12 | background-color: rgba(205, 0, 0,0.6); 13 | /* background-color: #9e9e9e; */ 14 | } 15 | h1{ 16 | /* foreground color */ 17 | /* color: darkcyan; */ 18 | /* background-color: rgb(0, 0, 0) ; */ 19 | /* background-color: black ; */ 20 | /* background-color: #000000 ; */ 21 | font-family: Georgia, 'Times New Roman', Times, serif; 22 | background-color: #960000; 23 | } -------------------------------------------------------------------------------- /css/class 4/fonts/Readme.txt: -------------------------------------------------------------------------------- 1 | Hello, 2 | 3 | Thank for downloading Creattion 4 | 5 | NOTE: This font is FREE 100% FOR PERSONAL USE ONLY! But any donation are very appreciated. 6 | 7 | Paypal account for donation : https://www.paypal.me/dimasardhi 8 | 9 | Please follow our instagram for update : @glyphstyle 10 | 11 | Contact us : styleglyph@gmail.com 12 | 13 | 14 | 15 | 16 | How to Enable OpenType Features in Word, Photoshop and Illustrator 17 | 18 | https://medialoot.com/blog/how-to-enable-opentype-features-in-word-photoshop-and-illustrator/ 19 | 20 | How to Using Special Characters 21 | 22 | https://helpx.adobe.com/illustrator/using/special-characters.html 23 | 24 | Thanks, 25 | 26 | 27 | GlyphStyle -------------------------------------------------------------------------------- /css/class 5/fonts/Readme.txt: -------------------------------------------------------------------------------- 1 | Hello, 2 | 3 | Thank for downloading Creattion 4 | 5 | NOTE: This font is FREE 100% FOR PERSONAL USE ONLY! But any donation are very appreciated. 6 | 7 | Paypal account for donation : https://www.paypal.me/dimasardhi 8 | 9 | Please follow our instagram for update : @glyphstyle 10 | 11 | Contact us : styleglyph@gmail.com 12 | 13 | 14 | 15 | 16 | How to Enable OpenType Features in Word, Photoshop and Illustrator 17 | 18 | https://medialoot.com/blog/how-to-enable-opentype-features-in-word-photoshop-and-illustrator/ 19 | 20 | How to Using Special Characters 21 | 22 | https://helpx.adobe.com/illustrator/using/special-characters.html 23 | 24 | Thanks, 25 | 26 | 27 | GlyphStyle -------------------------------------------------------------------------------- /css/class 6/css/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | /* width: 750px; */ 3 | font-family: Arial, Verdana, sans-serif; 4 | color: #665544; 5 | } 6 | 7 | h1 { 8 | background-color: #efefef; 9 | padding: 10px; 10 | } 11 | 12 | p { 13 | width: 30%; 14 | /* position: relative; */ 15 | /* top: 20px; */ 16 | } 17 | 18 | /* .second { 19 | position: absolute; 20 | background-color: antiquewhite; 21 | } */ 22 | 23 | h1 { 24 | margin: 0; 25 | width: 95%; 26 | position: fixed; 27 | top: 0; 28 | z-index: 1; 29 | } 30 | p { 31 | border: 2px red solid; 32 | margin: 5px; 33 | padding: 5px; 34 | float: left; 35 | } 36 | 37 | .floatClear { 38 | clear: both; 39 | } -------------------------------------------------------------------------------- /css/class 6/fonts/Readme.txt: -------------------------------------------------------------------------------- 1 | Hello, 2 | 3 | Thank for downloading Creattion 4 | 5 | NOTE: This font is FREE 100% FOR PERSONAL USE ONLY! But any donation are very appreciated. 6 | 7 | Paypal account for donation : https://www.paypal.me/dimasardhi 8 | 9 | Please follow our instagram for update : @glyphstyle 10 | 11 | Contact us : styleglyph@gmail.com 12 | 13 | 14 | 15 | 16 | How to Enable OpenType Features in Word, Photoshop and Illustrator 17 | 18 | https://medialoot.com/blog/how-to-enable-opentype-features-in-word-photoshop-and-illustrator/ 19 | 20 | How to Using Special Characters 21 | 22 | https://helpx.adobe.com/illustrator/using/special-characters.html 23 | 24 | Thanks, 25 | 26 | 27 | GlyphStyle -------------------------------------------------------------------------------- /css/class 7/fonts/Readme.txt: -------------------------------------------------------------------------------- 1 | Hello, 2 | 3 | Thank for downloading Creattion 4 | 5 | NOTE: This font is FREE 100% FOR PERSONAL USE ONLY! But any donation are very appreciated. 6 | 7 | Paypal account for donation : https://www.paypal.me/dimasardhi 8 | 9 | Please follow our instagram for update : @glyphstyle 10 | 11 | Contact us : styleglyph@gmail.com 12 | 13 | 14 | 15 | 16 | How to Enable OpenType Features in Word, Photoshop and Illustrator 17 | 18 | https://medialoot.com/blog/how-to-enable-opentype-features-in-word-photoshop-and-illustrator/ 19 | 20 | How to Using Special Characters 21 | 22 | https://helpx.adobe.com/illustrator/using/special-characters.html 23 | 24 | Thanks, 25 | 26 | 27 | GlyphStyle -------------------------------------------------------------------------------- /css/class 2/practice/practice.css: -------------------------------------------------------------------------------- 1 | /* direct child */ 2 | 3 | /* ul > a{ 4 | color: red; 5 | } */ 6 | 7 | /* all child 8 | ul .child{ 9 | color: red; 10 | } */ 11 | 12 | /* h2+p{ 13 | color: burlywood; 14 | } */ 15 | 16 | /* ========================= */ 17 | 18 | /* * { 19 | font-family: Arial, Verdana, sans-serif;} 20 | h1 { 21 | font-family: "Courier New", monospace;} 22 | i { 23 | color: green;} 24 | i { 25 | color: red;} 26 | b { 27 | color: pink;} 28 | p b { 29 | color: blue !important;} 30 | p b { 31 | color: violet;} 32 | p#intro { 33 | font-size: 100%;} 34 | p { 35 | font-size: 75%;} */ 36 | 37 | /* ====================== */ 38 | -------------------------------------------------------------------------------- /css/class 5/css/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: #232323; 3 | color: cyan; 4 | } 5 | 6 | #container { 7 | width: 80%; 8 | margin: 0 auto; 9 | text-align: center; 10 | } 11 | 12 | #header>img { 13 | width: 200px; 14 | } 15 | 16 | li { 17 | display: inline; 18 | margin: 15px; 19 | } 20 | 21 | a { 22 | color: cyan; 23 | font-size: 20px; 24 | font-weight: bold; 25 | text-decoration: none; 26 | } 27 | 28 | .wallImage { 29 | width: 300px; 30 | height: 200px; 31 | box-shadow: 1px 1px 1px 2px; 32 | border: outset 10px transparent; 33 | margin: 10px; 34 | border-radius: 20px; 35 | } 36 | 37 | img:hover { 38 | box-shadow: 2px 2px 25px 2px white; 39 | } 40 | 41 | a:hover { 42 | text-decoration: underline; 43 | } 44 | -------------------------------------------------------------------------------- /css/class 3/practice/practice.css: -------------------------------------------------------------------------------- 1 | 2 | body { 3 | /* font-family: fantasy; */ 4 | /* color: #fff; */ 5 | /* padding: 10px; */ 6 | /* font-weight: bold; */ 7 | font-size: 16px; 8 | } 9 | b{ 10 | font-size: 50%; 11 | } 12 | .page { 13 | /* font-weight: normal; 14 | font-style: oblique; 15 | font-size: 75%; */ 16 | /* border: 1px solid #665544; */ 17 | /* background-color: rgba(255, 87, 34,0.5); */ 18 | /* opacity: 0.5; */ 19 | /* background-color: hsl(360, 96%, 23%); */ 20 | /* padding: inherit; */ 21 | background-color: burlywood; 22 | } 23 | .header{ 24 | border-top:2px solid ; 25 | background-color: hsl(34, 50%, 60%); 26 | padding: 0; 27 | } 28 | .details{ 29 | padding: 10px; 30 | 31 | /* border:2px solid ; */ 32 | background-color: burlywood; 33 | } -------------------------------------------------------------------------------- /css/class 2/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Website 6 | 7 | 8 | 9 | 10 | 11 |

My Website

12 | 13 | 14 | 15 |
16 | smily face 17 | 23 |
24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /css/class 7/css/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | /* background: antiquewhite url('../images/img_avatar3.png') no-repeat center top; */ 3 | /* background-image: url('../images/img_avatar3.png'); */ 4 | /* background-repeat: no-repeat; */ 5 | /* background-position: right center; */ 6 | /* background-image: url("https://image.freepik.com/free-vector/abstract-geometric-lines-seamless-pattern_144290-8.jpg"); */ 7 | color: azure; 8 | text-align: center; 9 | /* fallback color */ 10 | background-color: #66cccc; 11 | /* fallback image */ 12 | background-image: url(images/fallback-image.png); 13 | /* Firefox 3.6+ */ 14 | background-image: -moz-linear-gradient(#336666, #66cccc); 15 | /* Safari 4+, Chrome 1+ */ 16 | background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#66cccc), to(#336666)); 17 | /* Safari 5.1+, Chrome 10+ */ 18 | background-image: -webkit-linear-gradient(#336666, #66cccc); 19 | /* Opera 11.10+ */ 20 | background-image: -o-linear-gradient(#336666, #66cccc); 21 | /* height: 150px; */ 22 | /* width: 300px; */ 23 | } 24 | 25 | li { 26 | display: inline; 27 | margin: 38px; 28 | } -------------------------------------------------------------------------------- /css/class 3/practice/practice.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 7 | 8 | 9 | 10 |

color, font family, font size

11 | 12 | 13 |

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sapiente quod explicabo quas officia molestiae vitae, 14 | distinctio, autem similique vel ullam maiores beatae praesentium laudantium. Quod magni autem a provident. Amet. 15 |

16 |
17 |
18 |

Resume

19 |

There are dozens of different potato 20 | varieties.

21 |

They are usually described as early, second 22 | early and maincrop potatoes.

23 | 24 |
25 |
26 |

Skills

27 | 33 |
34 |
35 | 36 | 37 | -------------------------------------------------------------------------------- /css/class 5/practice/practice.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Boxes 6 | 7 | 8 | 9 | 10 | 31 | 32 |
33 |
34 | 35 |

fhndslkfhsdfkhfhfdskfhdskjfdhsjfhdslfkdhsfkdhsfdkjshfkjh

36 |
37 |
38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /css/class 6/practice/practice.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Boxes 6 | 7 | 8 | 9 | 10 | 31 | 32 |
33 |
34 | 35 |

fhndslkfhsdfkhfhfdskfhdskjfdhsjfhdslfkdhsfkdhsfdkjshfkjh

36 |
37 |
38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /javascript/class-2/app.js: -------------------------------------------------------------------------------- 1 | // var username = "Haider"; 2 | // var greeting = "Khushamdeed"; 3 | // var message = username + " " + greeting; 4 | // alert(message) 5 | 6 | // var num1 = 4; 7 | // var num2 = "4"; 8 | // alert(num1 + num2); 9 | 10 | // var num1 = 4; 11 | // num1 = num1 + 1; 12 | // alert(num1) 13 | // num1 = num1 + 1; 14 | // alert(num1) 15 | // num1 = num1 + 1; 16 | // alert(num1) 17 | // 18 | 19 | 20 | // var num1 = 4; 21 | // num1 = num1 + 1; 22 | // ++num1; // pre 23 | // num1++; //post 24 | // alert(++num1)// pre 25 | // alert(num1++)// post 26 | // alert(num1)// post 27 | 28 | 29 | // var totalCost = 1 + 3 * 4; 30 | // var totalCost = 1 + (3 * 4); 31 | // var totalCost = (2 * 4) * (4 + 2); 32 | 33 | // var a = 2; 34 | // var b = 1; 35 | // var result = --a - --b + ++b + b--; 36 | 37 | 38 | 39 | // var username = prompt("What's your name?","Ali") 40 | // alert("Hello " + username) 41 | // var number = +prompt("What's your cellnumber", 10) // string 42 | // alert(10 * number) 43 | // 2 x 1 = 2 44 | 45 | // var table = +prompt("Enter a number"); 46 | // var count = 0; 47 | // // 2 x 1 = 2 48 | // document.write(table + " x " + ++count + " = " + table * count + "
") 49 | // document.write(table + " x " + ++count + " = " + table * count + "
") 50 | 51 | var num1 = +prompt("Enter Fisrt Number"); 52 | var operator = prompt("Enter operator"); 53 | var num2 = +prompt("Enter second Number"); 54 | console.log(num1 + operator + num2) 55 | if (operator === "+") { 56 | document.write(num1 + num2) 57 | } 58 | if (operator === "*") { 59 | document.write(num1 * num2) 60 | } -------------------------------------------------------------------------------- /css/class 4/practice/practice.css: -------------------------------------------------------------------------------- 1 | /* table { 2 | color: azure; 3 | background-color: hsl(360, 90%, 63%); 4 | border-collapse: collapse; 5 | width: 100%; 6 | } 7 | td:nth-child(even){ 8 | background-color: hsl(350, 90%, 63%); 9 | } 10 | tr td { 11 | border-bottom: 1px solid; 12 | } */ 13 | 14 | /* ======================================== */ 15 | 16 | /* @font-face { 17 | font-family: 'paragraphFont'; 18 | src: url('../fonts/demo.otf');} 19 | p{ 20 | font-family: paragraphFont; 21 | } */ 22 | 23 | body { 24 | background-color: hsl(360, 90%, 63%); 25 | color: white; 26 | } 27 | 28 | a { 29 | text-transform: lowercase; 30 | text-decoration: none; 31 | color: white; 32 | font-size: 18px; 33 | } 34 | 35 | li:hover { 36 | border-bottom: 2px double; 37 | } 38 | 39 | ul { 40 | text-align: center; 41 | } 42 | 43 | .abc { 44 | visibility: visible; 45 | } 46 | 47 | li { 48 | display: inline; 49 | margin: 10px; 50 | } 51 | 52 | p { 53 | text-transform: capitalize; 54 | background-color: hsl(360, 76%, 50%); 55 | /* text-decoration: line-through; */ 56 | line-height: 18px; 57 | word-spacing: 3px; 58 | text-indent: 10px; 59 | text-shadow: 2px 2px 3px cyan; 60 | min-width: 50%; 61 | /* height: 100px; */ 62 | /* overflow: scroll; */ 63 | /* margin: 20px; */ 64 | padding: 10px; 65 | border-top: 5px inset; 66 | border-left: 5px inset; 67 | box-shadow: 5px 5px 2px cyan; 68 | border-radius: 1em 4em 1em 4em / 2em 1em 2em 1em; 69 | } 70 | 71 | /* pseudo-elements */ 72 | 73 | p::first-letter { 74 | color: cyan; 75 | font-size: 24px; 76 | } 77 | 78 | p:hover { 79 | color: yellowgreen; 80 | } -------------------------------------------------------------------------------- /css/class 2/practice/practice.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Website 6 | 7 | 8 | 9 | 10 | 11 | 42 | 43 | 44 | 45 | 46 | 51 | 52 | 53 | -------------------------------------------------------------------------------- /Structure/about/about.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Website 6 | 7 | 8 | 9 | go back 10 |
11 |

About My Self.

12 |
13 | 14 | < h1> Hello </h1> 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 |
AvaterNameFather NameQualificationNumberDOB
Majid AshrafLorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid at molestiae earum dicta quod 30 | exercitationem, sed necessitatibus praesentium enim consequuntur mollitia repellendus, excepturi 31 | reiciendis ratione architecto nobis ea, maxime hic!0308-123456781992/02/14
Majid KhanInter0308-123456781992/02/14
44 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /javascript/class-1/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | -------------------------------------------------------------------------------- /css/class 2/about/about.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Website 6 | 7 | 8 | 9 | 10 | go back 11 |
12 |

About My Self.

13 |
14 | 15 | < h1> Hello </h1> 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 |
AvaterNameFather NameQualificationNumberDOB
Majid AshrafLorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid at molestiae earum dicta quod 31 | exercitationem, sed necessitatibus praesentium enim consequuntur mollitia repellendus, excepturi 32 | reiciendis ratione architecto nobis ea, maxime hic!0308-123456781992/02/14
Majid KhanInter0308-123456781992/02/14
45 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /css/class 3/about/about.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Website 6 | 7 | 8 | 9 | 10 | go back 11 |
12 |

About My Self.

13 |
14 | 15 | < h1> Hello </h1> 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 |
AvaterNameFather NameQualificationNumberDOB
Majid AshrafLorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid at molestiae earum dicta quod 31 | exercitationem, sed necessitatibus praesentium enim consequuntur mollitia repellendus, excepturi 32 | reiciendis ratione architecto nobis ea, maxime hic!0308-123456781992/02/14
Majid KhanInter0308-123456781992/02/14
45 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /css/class 4/about/about.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Website 6 | 7 | 8 | 9 | 10 | go back 11 |
12 |

About My Self.

13 |
14 | 15 | < h1> Hello </h1> 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 |
AvaterNameFather NameQualificationNumberDOB
Majid AshrafLorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid at molestiae earum dicta quod 31 | exercitationem, sed necessitatibus praesentium enim consequuntur mollitia repellendus, excepturi 32 | reiciendis ratione architecto nobis ea, maxime hic!0308-123456781992/02/14
Majid KhanInter0308-123456781992/02/14
45 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /css/class 5/about/about.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Website 6 | 7 | 8 | 9 | 10 | go back 11 |
12 |

About My Self.

13 |
14 | 15 | < h1> Hello </h1> 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 |
AvaterNameFather NameQualificationNumberDOB
Majid AshrafLorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid at molestiae earum dicta quod 31 | exercitationem, sed necessitatibus praesentium enim consequuntur mollitia repellendus, excepturi 32 | reiciendis ratione architecto nobis ea, maxime hic!0308-123456781992/02/14
Majid KhanInter0308-123456781992/02/14
45 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /css/class 6/about/about.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Website 6 | 7 | 8 | 9 | 10 | go back 11 |
12 |

About My Self.

13 |
14 | 15 | < h1> Hello </h1> 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 |
AvaterNameFather NameQualificationNumberDOB
Majid AshrafLorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid at molestiae earum dicta quod 31 | exercitationem, sed necessitatibus praesentium enim consequuntur mollitia repellendus, excepturi 32 | reiciendis ratione architecto nobis ea, maxime hic!0308-123456781992/02/14
Majid KhanInter0308-123456781992/02/14
45 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /css/class 7/about/about.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Website 6 | 7 | 8 | 9 | 10 | go back 11 |
12 |

About My Self.

13 |
14 | 15 | < h1> Hello </h1> 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 |
AvaterNameFather NameQualificationNumberDOB
Majid AshrafLorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid at molestiae earum dicta quod 31 | exercitationem, sed necessitatibus praesentium enim consequuntur mollitia repellendus, excepturi 32 | reiciendis ratione architecto nobis ea, maxime hic!0308-123456781992/02/14
Majid KhanInter0308-123456781992/02/14
45 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /Structure/gallary/gallary.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Website 6 | 7 | 8 | 9 | go back 10 |
11 |

This is gallary page

12 |
13 | running car image 14 | 15 |
16 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero repudiandae ipsum eos, reprehenderit 17 | vitae exercitationem libero.

18 |
19 |
20 |
21 |
22 | running car image 23 | running car image 24 | running car image 25 |
26 | running car image 27 | running car image 28 | running car image 29 |
30 | running car image 31 | running car image 32 | running car image 33 |
34 |
35 | footer image 36 | 37 | 38 | -------------------------------------------------------------------------------- /css/class 5/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Boxes 6 | 7 | 8 | 9 | 10 |
11 | 12 | 15 | 16 |
17 | 24 |
25 |
26 | 28 | 30 | 32 |

There is a little-known filter that can be added to :nth-child according to the CSS Selectors 33 | specification: The ability to select the :nth-child of a subset of elements, using the of 34 | format. Suppose you have a list of mixed content: Some have the class .video, some have the class 35 | .picture, and you want to select the first 3 pictures. You could do so with the "of" filter like so: 36 |

37 |
38 |
39 | 40 | 41 | -------------------------------------------------------------------------------- /css/class 2/gallary/gallary.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Website 6 | 7 | 8 | 9 | 10 | go back 11 |
12 |

This is gallary page

13 |
14 | running car image 15 | 16 |
17 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero repudiandae ipsum eos, reprehenderit 18 | vitae exercitationem libero.

19 |
20 |
21 |
22 |
23 | running car image 24 | running car image 25 | running car image 26 |
27 | running car image 28 | running car image 29 | running car image 30 |
31 | running car image 32 | running car image 33 | running car image 34 |
35 |
36 | footer image 37 | 38 | 39 | -------------------------------------------------------------------------------- /css/class 3/gallary/gallary.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Website 6 | 7 | 8 | 9 | 10 | go back 11 |
12 |

This is gallary page

13 |
14 | running car image 15 | 16 |
17 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero repudiandae ipsum eos, reprehenderit 18 | vitae exercitationem libero.

19 |
20 |
21 |
22 |
23 | running car image 24 | running car image 25 | running car image 26 |
27 | running car image 28 | running car image 29 | running car image 30 |
31 | running car image 32 | running car image 33 | running car image 34 |
35 |
36 | footer image 37 | 38 | 39 | -------------------------------------------------------------------------------- /css/class 4/gallary/gallary.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Website 6 | 7 | 8 | 9 | 10 | go back 11 |
12 |

This is gallary page

13 |
14 | running car image 15 | 16 |
17 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero repudiandae ipsum eos, reprehenderit 18 | vitae exercitationem libero.

19 |
20 |
21 |
22 |
23 | running car image 24 | running car image 25 | running car image 26 |
27 | running car image 28 | running car image 29 | running car image 30 |
31 | running car image 32 | running car image 33 | running car image 34 |
35 |
36 | footer image 37 | 38 | 39 | -------------------------------------------------------------------------------- /css/class 5/gallary/gallary.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Website 6 | 7 | 8 | 9 | 10 | go back 11 |
12 |

This is gallary page

13 |
14 | running car image 15 | 16 |
17 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero repudiandae ipsum eos, reprehenderit 18 | vitae exercitationem libero.

19 |
20 |
21 |
22 |
23 | running car image 24 | running car image 25 | running car image 26 |
27 | running car image 28 | running car image 29 | running car image 30 |
31 | running car image 32 | running car image 33 | running car image 34 |
35 |
36 | footer image 37 | 38 | 39 | -------------------------------------------------------------------------------- /css/class 6/gallary/gallary.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Website 6 | 7 | 8 | 9 | 10 | go back 11 |
12 |

This is gallary page

13 |
14 | running car image 15 | 16 |
17 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero repudiandae ipsum eos, reprehenderit 18 | vitae exercitationem libero.

19 |
20 |
21 |
22 |
23 | running car image 24 | running car image 25 | running car image 26 |
27 | running car image 28 | running car image 29 | running car image 30 |
31 | running car image 32 | running car image 33 | running car image 34 |
35 |
36 | footer image 37 | 38 | 39 | -------------------------------------------------------------------------------- /css/class 7/gallary/gallary.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Website 6 | 7 | 8 | 9 | 10 | go back 11 |
12 |

This is gallary page

13 |
14 | running car image 15 | 16 |
17 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero repudiandae ipsum eos, reprehenderit 18 | vitae exercitationem libero.

19 |
20 |
21 |
22 |
23 | running car image 24 | running car image 25 | running car image 26 |
27 | running car image 28 | running car image 29 | running car image 30 |
31 | running car image 32 | running car image 33 | running car image 34 |
35 |
36 | footer image 37 | 38 | 39 | -------------------------------------------------------------------------------- /css/class 3/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Website 6 | 7 | 8 | 9 | 10 | 11 |

My Website

12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | smily face 20 | 26 |
27 | 28 | 29 | 45 | 47 | 48 | 49 | 50 | -------------------------------------------------------------------------------- /css/class 4/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Website 6 | 7 | 8 | 9 | 10 | 11 |

My Website

12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | smily face 20 | 26 |
27 | 28 | 29 | 45 | 47 | 48 | 49 | 50 | -------------------------------------------------------------------------------- /Structure/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Website 6 | 7 | 8 | 9 | 16 | 17 | 18 | 19 |
20 | smily face 21 | 26 |
27 | 28 | 29 |
30 | 31 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui distinctio sequi magnam 32 | aliquam velit nemo 33 | illo. Dolor sunt excepturi, quisquam nostrum accusantium commodi explicabo assumenda odit delectus hic 34 | itaque molestiae!

35 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui distinctio sequi 36 | magnam 37 | aliquam velit nemo 38 | illo. Dolor sunt excepturi, quisquam nostrum accusantium commodi explicabo assumenda odit delectus hic 39 | itaque molestiae!

40 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui distinctio sequi magnam 41 | aliquam velit nemo 42 | illo. Dolor sunt excepturi, quisquam nostrum accusantium commodi explicabo assumenda odit delectus hic 43 | itaque molestiae!

44 |
45 | 47 |

My Website

48 | 49 | 50 | 51 | -------------------------------------------------------------------------------- /Structure/contact/contact.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Website 6 | 7 | 8 | 9 | go back 10 |
11 |

Contact Informition

12 |
13 | 14 |
15 |
16 |
17 | 18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
56 |
57 | 58 |
59 | 60 | 61 | -------------------------------------------------------------------------------- /css/class 2/contact/contact.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Website 6 | 7 | 8 | 9 | 10 | go back 11 |
12 |

Contact Informition

13 |
14 | 15 |
16 |
17 |
18 | 19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
57 |
58 | 59 |
60 | 61 | 62 | -------------------------------------------------------------------------------- /css/class 3/contact/contact.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Website 6 | 7 | 8 | 9 | 10 | go back 11 |
12 |

Contact Informition

13 |
14 | 15 |
16 |
17 |
18 | 19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
57 |
58 | 59 |
60 | 61 | 62 | -------------------------------------------------------------------------------- /css/class 4/contact/contact.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Website 6 | 7 | 8 | 9 | 10 | go back 11 |
12 |

Contact Informition

13 |
14 | 15 |
16 |
17 |
18 | 19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
57 |
58 | 59 |
60 | 61 | 62 | -------------------------------------------------------------------------------- /css/class 5/contact/contact.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Website 6 | 7 | 8 | 9 | 10 | go back 11 |
12 |

Contact Informition

13 |
14 | 15 |
16 |
17 |
18 | 19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
57 |
58 | 59 |
60 | 61 | 62 | -------------------------------------------------------------------------------- /css/class 6/contact/contact.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Website 6 | 7 | 8 | 9 | 10 | go back 11 |
12 |

Contact Informition

13 |
14 | 15 |
16 |
17 |
18 | 19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
57 |
58 | 59 |
60 | 61 | 62 | -------------------------------------------------------------------------------- /css/class 7/contact/contact.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | My Website 6 | 7 | 8 | 9 | 10 | go back 11 |
12 |

Contact Informition

13 |
14 | 15 |
16 |
17 |
18 | 19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
57 |
58 | 59 |
60 | 61 | 62 | -------------------------------------------------------------------------------- /javascript/class-3-4/if-statement/app.js: -------------------------------------------------------------------------------- 1 | // if statements 2 | // var ans = prompt("Where was Quaid-e-Azam died?"); 3 | // if (ans === "Karachi") { 4 | // alert("yes you'r correct"); 5 | // } 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | /** Logical operators **/ 37 | 38 | // AND - && 39 | // OR - || 40 | // NOT - ! 41 | 42 | // true && true = true 43 | // false && true = false 44 | // false && false = false 45 | // true && false = false 46 | 47 | //true || true = true 48 | //false || true = true 49 | //false || false = false 50 | //true || false = true 51 | 52 | 53 | 54 | // /** Testing multiple conditions in one statement **/ 55 | 56 | // var test = "JS"; 57 | // var score = 65; 58 | 59 | // if (test === "CSS" && score > 60) { 60 | // alert("You have passed CSS test"); 61 | // } 62 | // if (test === "JS" && score > 70) { 63 | // alert("You have passed JS test"); 64 | // } 65 | 66 | 67 | 68 | // var age = 23; 69 | // var residence = "UK"; 70 | // var IELTSScore = 8.2; 71 | 72 | // if(age > 20 || residence == "US"){ 73 | // alert("You can proceed"); 74 | // } 75 | 76 | // if(age > 20 || (residence == "US" && IELTSScore > 8.0)){ 77 | // alert("You can proceed"); 78 | // } 79 | 80 | 81 | 82 | 83 | // var time = parseInt(prompt("Enter time in 24 hour format E.g. 1300 for 1pm", "1300")); 84 | // if (time >= 0000 && time < 1200) { 85 | // message = "Good morning!"; 86 | // } else if (time >= 1200 && time < 1700) { 87 | // message = "Good afternoon!"; 88 | // } else if (time >= 1700 && time < 2100) { 89 | // message = "Good evening!"; 90 | // } else if (time >= 2100 && time <= 2359) { 91 | // message = "Good night!"; 92 | // } 93 | // alert(message); 94 | 95 | /** Ternary Operator **/ 96 | 97 | 98 | // var isConfirmed = true; 99 | // var status; 100 | // if (isConfirmed == true) { 101 | // status = "Confirmed"; 102 | // } 103 | // else { 104 | // status = "Pending"; 105 | // } 106 | // alert(status) 107 | // status = isConfirmed == true ? "Confirmed" : "Pending"; 108 | // alert(status) -------------------------------------------------------------------------------- /javascript/class-6/app.js: -------------------------------------------------------------------------------- 1 | // var arr = [["A", "B"], ["C", "D"]] 2 | // document.write(arr[1][0]) // C 3 | 4 | 5 | // var arr = [[], [], [], []]; 6 | // for (let i = 0; i < 3; i++) { 7 | // for (let j = 0; j < 4; j++) { 8 | // document.write(arr[i][j] = j * i) 9 | // } 10 | // document.write("
") 11 | // } 12 | 13 | 14 | 15 | 16 | // var userInputValue = prompt("What do you want to order?", "Chips"); 17 | // var arr = ["Cake", "Cookie", "Chips"]; 18 | 19 | // var gotIndex = arr.indexOf(userInputValue); 20 | 21 | // if (gotIndex !== -1) { // mean we found a index 22 | // document.write(userInputValue + " Is available at index " + gotIndex + " in our bkry") 23 | // } else { 24 | // document.write("Sorry. " + userInputValue + " not found") 25 | // } 26 | 27 | 28 | 29 | 30 | // Write a program to print multiples of 5 ranging 1 to 100. 31 | 32 | // for (let i = 1; i <= 100; i++) { 33 | // if (i % 5 === 0){ 34 | // document.write(i , "
") 35 | // } 36 | // } 37 | 38 | 39 | // join 40 | // reverse 41 | // contact 42 | // includes 43 | 44 | // var array = ["A", "B", "C", "D", "E"]; 45 | // var nums = [100, 200, 300, 400]; 46 | // // for (let index = 0; index < array.length; index++) { 47 | // // document.write(array[index] + " * ") 48 | 49 | // // } 50 | // var abc = array.concat(nums); 51 | 52 | // document.write(array.includes("B")) 53 | // // document.write(array.join(" * ")) 54 | // // document.write(array.reverse()) 55 | // // document.write(array.reverse()) 56 | // // document.write(array) 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | // var userInputValue = "kArAchi"; 67 | // var cleanestCities = ["karachi", "santa fe", "tucson", "honolulu"]; 68 | // for (let i = 0; i < cleanestCities.length; i++) { 69 | // if (userInputValue.toUpperCase() === cleanestCities[i]) { 70 | // alert("It's one of the cleanest cities"); 71 | // } 72 | // } 73 | 74 | 75 | 76 | 77 | 78 | 79 | // var userInputValue = "kArAchi"; 80 | // var firstChar = userInputValue.slice(0, 1).toUpperCase(); 81 | // var otherChars = userInputValue.slice(1).toLowerCase(); 82 | // alert(firstChar + otherChars) 83 | 84 | 85 | 86 | // var month = "May"; 87 | // var extractMonth; 88 | // if (month.length > 3) { 89 | // extractMonth = month.slice(0, 3)// copy to fisrt 3 ltrs 90 | // } else { 91 | // extractMonth = month; 92 | // } 93 | // document.write(extractMonth); 94 | 95 | 96 | 97 | 98 | var str = prompt("write something", " Hello") 99 | for (let i = 0; i < str.length; i++) { 100 | if (str.slice(i, i + 2) === " ") { 101 | alert("do space nhi dena!"); 102 | break; 103 | } 104 | } -------------------------------------------------------------------------------- /bootstrap/bootstrap/css/bootstrap-reboot.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Reboot v4.4.1 (https://getbootstrap.com/) 3 | * Copyright 2011-2019 The Bootstrap Authors 4 | * Copyright 2011-2019 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 6 | * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) 7 | */*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]){color:inherit;text-decoration:none}a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important} 8 | /*# sourceMappingURL=bootstrap-reboot.min.css.map */ -------------------------------------------------------------------------------- /css/class 6/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Boxes 6 | 7 | 8 | 9 | 10 |

The Evolution of the Bicycle

11 |

In normal flow, each block-level 12 | element sits on top of the next 13 | one. Since this is the default 14 | way in which browsers treat 15 | HTML elements, you do not 16 | need a CSS property to indicate 17 | that elements should appear 18 | in normal flow, but the syntax 19 | would be: 20 | position: static; 21 | I have not specified a width 22 | property for the heading 23 | element, so you can see how it 24 | stretches the width of the entire 25 | browser window by default. 26 | The paragraphs are restricted 27 | to 450 pixels wide. This shows 28 | how the elements in normal flow 29 | start on a new line even if they 30 | do not take up the full width of 31 | the browser window.

32 |

In normal flow, each block-level 33 | element sits on top of the next 34 | one. Since this is the default 35 | way in which browsers treat 36 | HTML elements, you do not 37 | need a CSS property to indicate 38 | that elements should appear 39 | in normal flow, but the syntax 40 | would be: 41 | position: static; 42 | I have not specified a width 43 | property for the heading 44 | element, so you can see how it 45 | stretches the width of the entire 46 | browser window by default. 47 | The paragraphs are restricted 48 | to 450 pixels wide. This shows 49 | how the elements in normal flow 50 | start on a new line even if they 51 | do not take up the full width of 52 | the browser window.

53 |

In normal flow, each block-level 54 | element sits on top of the next 55 | one. Since this is the default 56 | way in which browsers treat 57 | HTML elements, you do not 58 | need a CSS property to indicate 59 | that elements should appear 60 | in normal flow, but the syntax 61 | would be: 62 | position: static; 63 | I have not specified a width 64 | property for the heading 65 | element, so you can see how it 66 | stretches the width of the entire 67 | browser window by default. 68 | The paragraphs are restricted 69 | to 450 pixels wide. This shows 70 | how the elements in normal flow 71 | start on a new line even if they 72 | do not take up the full width of 73 | the browser window.

74 |

In normal flow, each block-level 75 | element sits on top of the next 76 | one. Since this is the default 77 | way in which browsers treat 78 | HTML elements, you do not 79 | need a CSS property to indicate 80 | that elements should appear 81 | in normal flow, but the syntax 82 | would be: 83 | position: static; 84 | I have not specified a width 85 | property for the heading 86 | element, so you can see how it 87 | stretches the width of the entire 88 | browser window by default. 89 | The paragraphs are restricted 90 | to 450 pixels wide. This shows 91 | how the elements in normal flow 92 | start on a new line even if they 93 | do not take up the full width of 94 | the browser window.

95 |

In normal flow, each block-level 96 | element sits on top of the next 97 | one. Since this is the default 98 | way in which browsers treat 99 | HTML elements, you do not 100 | need a CSS property to indicate 101 | that elements should appear 102 | in normal flow, but the syntax 103 | would be: 104 | position: static; 105 | I have not specified a width 106 | property for the heading 107 | element, so you can see how it 108 | stretches the width of the entire 109 | browser window by default. 110 | The paragraphs are restricted 111 | to 450 pixels wide. This shows 112 | how the elements in normal flow 113 | start on a new line even if they 114 | do not take up the full width of 115 | the browser window.

116 |
117 |

fklhdsfkhfkjdshfdkjs

118 |

fklhdsfkhfkjdshfdkjs

119 | 120 | 121 | -------------------------------------------------------------------------------- /javascript/class-5/app.js: -------------------------------------------------------------------------------- 1 | /** without for loop **/ 2 | 3 | // document.write("Hello World
"); 4 | // document.write("Hello World
"); 5 | // document.write("Hello World
"); 6 | // document.write("Hello World
"); 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | /** For Loops **/ 26 | 27 | /* 28 | for (initializer ; condition ; incrementer/decrementer) 29 | { 30 | } 31 | */ 32 | 33 | /** structure **/ 34 | 35 | // for ( ; ; ) 36 | // { 37 | // 38 | // } 39 | 40 | 41 | /** for loop **/ 42 | 43 | // for (var count = 1; count <= 5; count++) { 44 | // document.write("Hello World
"); 45 | // } 46 | 47 | 48 | /** for loop **/ 49 | 50 | // for (var num = 0; num <= 10; num++) { 51 | // document.write(num + "
"); 52 | // } 53 | 54 | 55 | 56 | /** for loop table **/ 57 | // var length = +prompt("Let me know length", 10); 58 | // var table = +prompt("table ", 2); 59 | // for (var num = 1; num <= length; num++) { 60 | // document.write(table + " x " + num + " = " + table * num + "
"); 61 | // } 62 | 63 | // var names = ["Majid", "Ashraf", "Haider", "Ali"] 64 | // names[2] 65 | 66 | // var cityName = "Tucson"; 67 | 68 | // var cleanestCities = ["Jelly", "Santa Fe", "Tucson", "Honolulu", "Karachi"]; 69 | // document.write("

Cleanest Cities List

"); 70 | // for (var i = 0; i < 1000; i++) { 71 | // console.log(i) 72 | // if (cleanestCities[i] === cityName) { 73 | // document.write(cleanestCities[i] + " at index " + i); 74 | // document.write("
"); 75 | // } 76 | // } 77 | 78 | 79 | /** for loop - optional statements **/ 80 | 81 | // var num = 0; 82 | // for (; num <= 10; num++) { 83 | // document.write(num + "
"); 84 | // } 85 | 86 | 87 | /** for loop - optional statements **/ 88 | 89 | // for (var num = 0; ; num++) { 90 | // if (num <= 10) { 91 | // document.write(num + "
"); 92 | // } 93 | // else { 94 | // break; 95 | // } 96 | // } 97 | 98 | 99 | /** for loop - optional statements **/ 100 | 101 | // for (var num = 0; num <= 10;) { 102 | // document.write(num + "
"); 103 | // num++; 104 | // } 105 | 106 | 107 | 108 | 109 | /** Example - without for loop **/ 110 | // var cleanestCities = ["Jelly", "Santa Fe", "Great Falls", "Honolulu"]; 111 | // var cityToCheck = prompt("Enter city name"); 112 | // if (cityToCheck === cleanestCities[0]) { 113 | // alert("It's one of the cleanest cities"); 114 | // } 115 | // else if (cityToCheck === cleanestCities[1]) { 116 | // alert("It's one of the cleanest cities"); 117 | // } 118 | // else if (cityToCheck === cleanestCities[2]) { 119 | // alert("It's one of the cleanest cities"); 120 | // } 121 | // else if (cityToCheck === cleanestCities[3]) { 122 | // alert("It's one of the cleanest cities"); 123 | // } 124 | // else if (cityToCheck === cleanestCities[3]) { 125 | // alert("It's one of the cleanest cities"); 126 | // } 127 | 128 | 129 | 130 | /** Example - with for loop **/ 131 | // var cleanestCities = ["Jelly", "Santa Fe", "Great Falls", "Honolulu"]; 132 | // var cityToCheck = prompt("Enter city name"); 133 | // for (var i = 0; i < cleanestCities.length; i++) { 134 | // if (cityToCheck === cleanestCities[i]) { 135 | // alert("It's one of the cleanest cities"); 136 | // } 137 | // } 138 | 139 | // length of cleanestCities = 5 140 | // index range = 0 to 4 141 | 142 | 143 | /** problem - without break **/ 144 | // var cityToCheck = prompt("Enter city name"); 145 | // var cleanestCities = ["Jelly", "Santa Fe", "Great Falls", "Honolulu"]; 146 | 147 | // for (var i = 0; i < cleanestCities.length; i++) { 148 | // if (cityToCheck === cleanestCities[i]) { 149 | // alert("It's one of the cleanest cities " + i); 150 | // } else { 151 | // alert("city not matched" + i); 152 | // } 153 | // } 154 | 155 | 156 | 157 | // /** nested for loops **/ 158 | // var firstNames = ["Ali", "Sami", "Bilal"]; 159 | // var lastNames = ["Khan", "Baig"]; 160 | 161 | // for (var i = 0; i < firstNames.length; i++) { 162 | // for (var j = 0; j < lastNames.length; j++) { 163 | // document.write("
" + firstNames[i] + " " + lastNames[j]) 164 | // } 165 | // } 166 | 167 | // document.write("

abdul-majid-ashrafi

"); 168 | 169 | 170 | // for (var i = 0; i < 4; i++) { 171 | // for (var t = 1; t <= 3; t++){ 172 | // alert("child Loop " + t) 173 | // } 174 | // } 175 | 176 | // 4 * 3 = 12 times 177 | 178 | 179 | 180 | 181 | /** when no curly braces are used, first immediate statement is considered as it's in the body of the statement **/ 182 | // var myArray = [2, 5, 2, 4]; 183 | // for (var i = 0; i < myArray.length; i++) 184 | // console.log(myArray[i]); 185 | // alert("done!"); 186 | 187 | 188 | 189 | 190 | // var cityToCheck = "Santa Fe"; 191 | // var cleanestCities = ["Jelly", "Santa Fe", "Great Falls", "Honolulu"]; 192 | 193 | // var gotCleanestCity = ""; 194 | // for (var i = 0; i < cleanestCities.length; i++) { 195 | // if (cityToCheck === cleanestCities[i]) { 196 | // gotCleanestCity = i; 197 | // } 198 | // } 199 | // if (gotCleanestCity) { 200 | // alert("Match With " + gotCleanestCity) 201 | // } -------------------------------------------------------------------------------- /bootstrap/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Get Start Bootstrap 6 | 7 | 8 | 9 | 10 | 11 | 47 | 48 | 72 | 73 | 74 | 97 | 98 | 99 | 100 | 103 | 106 | 109 | 110 | -------------------------------------------------------------------------------- /bootstrap/bootstrap/css/bootstrap-reboot.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Reboot v4.4.1 (https://getbootstrap.com/) 3 | * Copyright 2011-2019 The Bootstrap Authors 4 | * Copyright 2011-2019 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 6 | * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) 7 | */ 8 | *, 9 | *::before, 10 | *::after { 11 | box-sizing: border-box; 12 | } 13 | 14 | html { 15 | font-family: sans-serif; 16 | line-height: 1.15; 17 | -webkit-text-size-adjust: 100%; 18 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 19 | } 20 | 21 | article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { 22 | display: block; 23 | } 24 | 25 | body { 26 | margin: 0; 27 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 28 | font-size: 1rem; 29 | font-weight: 400; 30 | line-height: 1.5; 31 | color: #212529; 32 | text-align: left; 33 | background-color: #fff; 34 | } 35 | 36 | [tabindex="-1"]:focus:not(:focus-visible) { 37 | outline: 0 !important; 38 | } 39 | 40 | hr { 41 | box-sizing: content-box; 42 | height: 0; 43 | overflow: visible; 44 | } 45 | 46 | h1, h2, h3, h4, h5, h6 { 47 | margin-top: 0; 48 | margin-bottom: 0.5rem; 49 | } 50 | 51 | p { 52 | margin-top: 0; 53 | margin-bottom: 1rem; 54 | } 55 | 56 | abbr[title], 57 | abbr[data-original-title] { 58 | text-decoration: underline; 59 | -webkit-text-decoration: underline dotted; 60 | text-decoration: underline dotted; 61 | cursor: help; 62 | border-bottom: 0; 63 | -webkit-text-decoration-skip-ink: none; 64 | text-decoration-skip-ink: none; 65 | } 66 | 67 | address { 68 | margin-bottom: 1rem; 69 | font-style: normal; 70 | line-height: inherit; 71 | } 72 | 73 | ol, 74 | ul, 75 | dl { 76 | margin-top: 0; 77 | margin-bottom: 1rem; 78 | } 79 | 80 | ol ol, 81 | ul ul, 82 | ol ul, 83 | ul ol { 84 | margin-bottom: 0; 85 | } 86 | 87 | dt { 88 | font-weight: 700; 89 | } 90 | 91 | dd { 92 | margin-bottom: .5rem; 93 | margin-left: 0; 94 | } 95 | 96 | blockquote { 97 | margin: 0 0 1rem; 98 | } 99 | 100 | b, 101 | strong { 102 | font-weight: bolder; 103 | } 104 | 105 | small { 106 | font-size: 80%; 107 | } 108 | 109 | sub, 110 | sup { 111 | position: relative; 112 | font-size: 75%; 113 | line-height: 0; 114 | vertical-align: baseline; 115 | } 116 | 117 | sub { 118 | bottom: -.25em; 119 | } 120 | 121 | sup { 122 | top: -.5em; 123 | } 124 | 125 | a { 126 | color: #007bff; 127 | text-decoration: none; 128 | background-color: transparent; 129 | } 130 | 131 | a:hover { 132 | color: #0056b3; 133 | text-decoration: underline; 134 | } 135 | 136 | a:not([href]) { 137 | color: inherit; 138 | text-decoration: none; 139 | } 140 | 141 | a:not([href]):hover { 142 | color: inherit; 143 | text-decoration: none; 144 | } 145 | 146 | pre, 147 | code, 148 | kbd, 149 | samp { 150 | font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 151 | font-size: 1em; 152 | } 153 | 154 | pre { 155 | margin-top: 0; 156 | margin-bottom: 1rem; 157 | overflow: auto; 158 | } 159 | 160 | figure { 161 | margin: 0 0 1rem; 162 | } 163 | 164 | img { 165 | vertical-align: middle; 166 | border-style: none; 167 | } 168 | 169 | svg { 170 | overflow: hidden; 171 | vertical-align: middle; 172 | } 173 | 174 | table { 175 | border-collapse: collapse; 176 | } 177 | 178 | caption { 179 | padding-top: 0.75rem; 180 | padding-bottom: 0.75rem; 181 | color: #6c757d; 182 | text-align: left; 183 | caption-side: bottom; 184 | } 185 | 186 | th { 187 | text-align: inherit; 188 | } 189 | 190 | label { 191 | display: inline-block; 192 | margin-bottom: 0.5rem; 193 | } 194 | 195 | button { 196 | border-radius: 0; 197 | } 198 | 199 | button:focus { 200 | outline: 1px dotted; 201 | outline: 5px auto -webkit-focus-ring-color; 202 | } 203 | 204 | input, 205 | button, 206 | select, 207 | optgroup, 208 | textarea { 209 | margin: 0; 210 | font-family: inherit; 211 | font-size: inherit; 212 | line-height: inherit; 213 | } 214 | 215 | button, 216 | input { 217 | overflow: visible; 218 | } 219 | 220 | button, 221 | select { 222 | text-transform: none; 223 | } 224 | 225 | select { 226 | word-wrap: normal; 227 | } 228 | 229 | button, 230 | [type="button"], 231 | [type="reset"], 232 | [type="submit"] { 233 | -webkit-appearance: button; 234 | } 235 | 236 | button:not(:disabled), 237 | [type="button"]:not(:disabled), 238 | [type="reset"]:not(:disabled), 239 | [type="submit"]:not(:disabled) { 240 | cursor: pointer; 241 | } 242 | 243 | button::-moz-focus-inner, 244 | [type="button"]::-moz-focus-inner, 245 | [type="reset"]::-moz-focus-inner, 246 | [type="submit"]::-moz-focus-inner { 247 | padding: 0; 248 | border-style: none; 249 | } 250 | 251 | input[type="radio"], 252 | input[type="checkbox"] { 253 | box-sizing: border-box; 254 | padding: 0; 255 | } 256 | 257 | input[type="date"], 258 | input[type="time"], 259 | input[type="datetime-local"], 260 | input[type="month"] { 261 | -webkit-appearance: listbox; 262 | } 263 | 264 | textarea { 265 | overflow: auto; 266 | resize: vertical; 267 | } 268 | 269 | fieldset { 270 | min-width: 0; 271 | padding: 0; 272 | margin: 0; 273 | border: 0; 274 | } 275 | 276 | legend { 277 | display: block; 278 | width: 100%; 279 | max-width: 100%; 280 | padding: 0; 281 | margin-bottom: .5rem; 282 | font-size: 1.5rem; 283 | line-height: inherit; 284 | color: inherit; 285 | white-space: normal; 286 | } 287 | 288 | progress { 289 | vertical-align: baseline; 290 | } 291 | 292 | [type="number"]::-webkit-inner-spin-button, 293 | [type="number"]::-webkit-outer-spin-button { 294 | height: auto; 295 | } 296 | 297 | [type="search"] { 298 | outline-offset: -2px; 299 | -webkit-appearance: none; 300 | } 301 | 302 | [type="search"]::-webkit-search-decoration { 303 | -webkit-appearance: none; 304 | } 305 | 306 | ::-webkit-file-upload-button { 307 | font: inherit; 308 | -webkit-appearance: button; 309 | } 310 | 311 | output { 312 | display: inline-block; 313 | } 314 | 315 | summary { 316 | display: list-item; 317 | cursor: pointer; 318 | } 319 | 320 | template { 321 | display: none; 322 | } 323 | 324 | [hidden] { 325 | display: none !important; 326 | } 327 | /*# sourceMappingURL=bootstrap-reboot.css.map */ -------------------------------------------------------------------------------- /css/class 4/practice/practice.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 7 | 8 | 9 | 10 | 11 | 56 | 57 | 58 | 59 |
60 | 66 |
67 | 68 |
69 |

70 | line-height , word-spacing , text-indent , text-shadow ,padding 71 | , box-shadow 72 | li { 73 | display: inline; 74 | margin: 10px; 75 | } 76 | li:hover { 77 | border-bottom: 2px double; 78 | } 79 | p::first-letter { 80 | color: cyan; 81 | font-size: 24px; 82 | } 83 |

84 |

85 | Setting font size in pixels is the 86 | best way to ensure that the type 87 | appears at the size you intended 88 | (because percentages and ems 89 | are more likely to vary if a user 90 | has changed the default size of 91 | text in their browser). 92 | Pixels are relative to the 93 | resolution of the screen, so the 94 | same type size will look larger 95 | when a screen has a resolution 96 | of 800x600 than it would when 97 | it is 1280x800. 98 | You can also use pt for point 99 | sizes instead of px for pixels, but 100 | you should only do this when 101 | creating style sheets for printerfriendly versions of pages 102 |

103 |

104 | Setting font size in pixels is the 105 | best way to ensure that the type 106 | appears at the size you intended 107 | (because percentages and ems 108 | are more likely to vary if a user 109 | has changed the default size of 110 | text in their browser). 111 | Pixels are relative to the 112 | resolution of the screen, so the 113 | same type size will look larger 114 | when a screen has a resolution 115 | of 800x600 than it would when 116 | it is 1280x800. 117 | You can also use pt for point 118 | sizes instead of px for pixels, but 119 | you should only do this when 120 | creating style sheets for printerfriendly versions of pages 121 |

122 |

123 | Setting font size in pixels is the 124 | best way to ensure that the type 125 | appears at the size you intended 126 | (because percentages and ems 127 | are more likely to vary if a user 128 | has changed the default size of 129 | text in their browser). 130 | Pixels are relative to the 131 | resolution of the screen, so the 132 | same type size will look larger 133 | when a screen has a resolution 134 | of 800x600 than it would when 135 | it is 1280x800. 136 | You can also use pt for point 137 | sizes instead of px for pixels, but 138 | you should only do this when 139 | creating style sheets for printerfriendly versions of pages 140 |

141 |

142 | Setting font size in pixels is the 143 | best way to ensure that the type 144 | appears at the size you intended 145 | (because percentages and ems 146 | are more likely to vary if a user 147 | has changed the default size of 148 | text in their browser). 149 | Pixels are relative to the 150 | resolution of the screen, so the 151 | same type size will look larger 152 | when a screen has a resolution 153 | of 800x600 than it would when 154 | it is 1280x800. 155 | You can also use pt for point 156 | sizes instead of px for pixels, but 157 | you should only do this when 158 | creating style sheets for printerfriendly versions of pages 159 |

160 |

161 | Setting font size in pixels is the 162 | best way to ensure that the type 163 | appears at the size you intended 164 | (because percentages and ems 165 | are more likely to vary if a user 166 | has changed the default size of 167 | text in their browser). 168 | Pixels are relative to the 169 | resolution of the screen, so the 170 | same type size will look larger 171 | when a screen has a resolution 172 | of 800x600 than it would when 173 | it is 1280x800. 174 | You can also use pt for point 175 | sizes instead of px for pixels, but 176 | you should only do this when 177 | creating style sheets for printerfriendly versions of pages 178 |

179 |

180 | Setting font size in pixels is the 181 | best way to ensure that the type 182 | appears at the size you intended 183 | (because percentages and ems 184 | are more likely to vary if a user 185 | has changed the default size of 186 | text in their browser). 187 | Pixels are relative to the 188 | resolution of the screen, so the 189 | same type size will look larger 190 | when a screen has a resolution 191 | of 800x600 than it would when 192 | it is 1280x800. 193 | You can also use pt for point 194 | sizes instead of px for pixels, but 195 | you should only do this when 196 | creating style sheets for printerfriendly versions of pages 197 |

198 |
199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | -------------------------------------------------------------------------------- /javascript/class-3-4/array/app.js: -------------------------------------------------------------------------------- 1 | // Let's assign some string values to some variables. 2 | 3 | // The variable names are all the same except they end in different numbers 4 | var city0 = "Karachi"; 5 | var city1 = "Lahore"; 6 | var city2 = "Islamabad"; 7 | var city3 = "Murree"; 8 | var city4 = "Pakpattan"; 9 | var city5 = "Faisalabad"; 10 | 11 | // alert("Welcome to " + city3); 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | // Array 29 | // I'm going to show you another type of variable, Called Array 30 | // In JavaScript, array is a single variable that is used to store different elements. 31 | // It is often used when we want to store list of elements and access them 32 | // by a single variable. 33 | 34 | var cities = ["Karachi", "Lahore", "Islamabad", "Murree", "Pakpattan", "Faisalabad"]; 35 | // alert("Welcome to " + cities[0]);// karachi 36 | 37 | // you can control to each element by writing the array name 38 | // "cities" in this case—followed by a number enclosed in square brackets. cities[0] is "Karachi" 39 | // cities[1] is "Lahore", and so on. 40 | // Because JavaScript automatically numbers array elements, you have no say in the 41 | // numbering. The first element in the list always has an index of 0, the second element an index 42 | // of 1, and so on. 43 | 44 | 45 | 46 | // Mix values 47 | // An array can be assigned any type of value that you can assign to ordinary variables. You 48 | // can even mix the different types in the same array. 49 | 50 | var mixedArray = [123, "Muheeb", "Developer", true]; 51 | // alert(mixedArray[1]) // muheeb 52 | 53 | // In the example above, mixedArray[0] has a numerical value of 123, mixedArray[1] has a 54 | // string value of "Muheeb", and so on. 55 | 56 | // Things to keep in mind: 57 | // -> The first item always has an index of 0, not 1. This means that if the last item in the list 58 | // has an index of 9, there are 10 items in the list. 59 | // -> The same naming rules you learned for ordinary variables apply.Only letters, numbers, $ 60 | // and _ are legal.The first character can't be a number. No spaces. 61 | // -> Coders often prefer to make array names plural—cities instead of city, for example— 62 | // since an array is a list of things. 63 | // -> Like an ordinary variable, you declare an array only once.If you assign new values to an 64 | // array that has already been declared, you drop the var. 65 | 66 | 67 | 68 | // you can declare an empty variable, one that doesn't 69 | // have a value.Then you can assign it a value whenever you like.And you can change its value 70 | // at will.You can do all these things with an array, as well. 71 | // This is how you declare an empty array. 72 | 73 | // var fruits = []; 74 | // // Array fruits has already been declared.This is how you assign values to 75 | // // it. 76 | // fruits[0] = "Mango"; 77 | // fruits[1] = "Peach"; 78 | // fruits[2] = "Banana"; 79 | // // Now, if you refer to fruits[0], you'll get "Mango". If you refer to fruits[2], you'll get 80 | // // "Banana".But if you refer fruits[4], fruits[5] you'll get undefined. 81 | // alert(fruits[0]) // Mango 82 | // alert(fruits[1]) // Peach 83 | // alert(fruits[6]) // undefiend 84 | 85 | 86 | 87 | 88 | 89 | 90 | // =========================================================================== 91 | // Array methods 92 | // Adding and removing elements 93 | // Removing, inserting, and extracting elements 94 | 95 | 96 | // push = Add an element to end of an array 97 | // pop = Removes last element of an array 98 | // unshift = Add an element to start of an array 99 | // shift = Removes first element of an array 100 | // splice = Add/Remove array elements at/from any position 101 | // slice = copy an array 102 | // indexOf = find index or position of a specific element 103 | 104 | 105 | 106 | // /** push **/ 107 | // Using the keyword, push, you can add one or more elements to the end of an array 108 | // var fruits = ["Mango", "Peach", "Banana"]; 109 | // document.write("

push

"); 110 | // document.write("
Fruits: " + fruits); 111 | 112 | // fruits.push("Apple"); 113 | // document.write("
Fruits: " + fruits); 114 | 115 | // fruits.push("Water Melon", "Grapes", "Melon"); 116 | // document.write("
Fruits: " + fruits); 117 | 118 | // fruits.push("Grapes"); 119 | // document.write("
Fruits: " + fruits); 120 | // document.write("
Total fruits " + fruits.length); 121 | 122 | 123 | 124 | 125 | // /** an alternate way to push in an array **/ 126 | // var fruits = ["Apple", "Orange"]; 127 | // document.write("
Fruits: " + fruits); 128 | 129 | // fruits[fruits.length] = "Mango"; 130 | // fruits[fruits.length] = "Banana"; 131 | // document.write("
Fruits: " + fruits); 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | // /** pop **/ 140 | // Use the pop method to remove an element from the end of the array. 141 | // var fruits = ["Mango", "Peach", "Banana", "Apple", "Grapes", "Melon"]; 142 | // document.write("

pop

"); 143 | // document.write("
Fruits: " + fruits); 144 | 145 | // fruits.pop(); 146 | // document.write("
Fruits: " + fruits); 147 | 148 | // fruits.pop(); 149 | // fruits.pop(); 150 | // document.write("
Fruits: " + fruits); 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | // /** unshift **/ 160 | // Using the keyword, unshift, you can add one or more elements to the beginning of an array 161 | // var fruits = ["Mango", "Peach", "Banana"]; 162 | // document.write("

unshift

"); 163 | // document.write("
Fruits: " + fruits); 164 | 165 | // fruits.unshift("Apple"); 166 | // document.write("
Fruits: " + fruits); 167 | 168 | // fruits.unshift("Water Melon", "Grapes", "Melon"); 169 | // document.write("
Fruits: " + fruits); 170 | 171 | // fruits.unshift("Grapes"); 172 | // document.write("
Fruits: " + fruits); 173 | // document.write("
Total fruits " + fruits.length); 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | // /** shift **/ 183 | // Use the shift method to remove an element from the beginning of an array. 184 | // var fruits = ["Mango", "Peach", "Banana", "Apple", "Grapes", "Melon"]; 185 | // document.write("

shift

"); 186 | // document.write("
Fruits: " + fruits); 187 | 188 | // fruits.shift(); 189 | // document.write("
Fruits: " + fruits); 190 | 191 | // fruits.shift(); 192 | // fruits.shift(); 193 | // document.write("
Fruits: " + fruits); 194 | // console.log(fruits); 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | // /** splice **/ 205 | // The splice method to insert and remove one or more elements anywhere in an array 206 | // /* 207 | // fruits.splice(index, noOfElementsToRemove, elementsToAdd); 208 | // */ 209 | // var fruits = ["Mango", "Grapes", "Peach", "Banana"]; 210 | // document.write("

splice

"); 211 | // document.write("
Fruits: " + fruits); 212 | 213 | // fruits.splice(2, 1); 214 | // document.write("
Remove Fruit(s): " + fruits); 215 | 216 | // var fruits = ["Mango", "Grapes", "Peach", "Banana"]; 217 | // fruits.splice(2, 0, "Apple"); 218 | // document.write("
Add Fruit(s): " + fruits); 219 | 220 | // var fruits = ["Mango", "Grapes", "Peach", "Banana"]; 221 | // fruits.splice(2, 0, "Apple", "Orange", "Melon"); 222 | // document.write("
Add Multiple Fruits: " + fruits); 223 | 224 | // var fruits = ["Mango", "Grapes", "Peach", "Banana"]; 225 | // fruits.splice(2, 1, "Apple"); 226 | // document.write("
Add & Remove Fruit(s): " + fruits); 227 | 228 | 229 | 230 | 231 | 232 | 233 | 234 | 235 | 236 | 237 | // /** slice **/ 238 | // The slice method to copy one or more consecutive elements in any position and put 239 | // them into a new array 240 | // /* 241 | // fruits.slice(startIndex, endIndex+1); 242 | // */ 243 | // var fruits = ["Mango", "Grapes", "Peach", "Banana", "Orange"]; 244 | // document.write("

slice

"); 245 | // document.write("
Fruits: " + fruits); 246 | 247 | // var copyFruits = fruits.slice(0, 2); 248 | // document.write("
Copy Fruit(s): " + copyFruits); 249 | 250 | 251 | 252 | 253 | 254 | 255 | 256 | // /** indexOf **/ 257 | // var fruits = ["orange", "banana", "apple"]; 258 | // alert(fruits.indexOf("banana")); // 1 259 | // alert(fruits.indexOf("apple")); // 2 260 | // alert(fruits.indexOf("peach")); // -1 261 | 262 | 263 | 264 | 265 | 266 | 267 | 268 | 269 | // /** multidimensional array **/ 270 | // var multi = [[], [], []]; 271 | // alert(multi.length); //3 272 | // var multi = [[1, 2], [3, 4], [5, 6]]; 273 | // alert(multi.length); // 3 274 | // alert(multi[0]); // 1,2 275 | // alert(multi[1]); // 3,4 276 | // alert(multi[2]); // 5,6 277 | // alert(multi[0].length); // 2 278 | // alert(multi[0][0]); // 1 279 | // alert(multi[0][1]); // 2 280 | // alert(multi[1][0]); // 3 281 | // alert(multi[1][1]); // 4 282 | // alert(multi[2][0]); // 5 283 | // alert(multi[2][1]); // 6 -------------------------------------------------------------------------------- /bootstrap/bootstrap/css/bootstrap-reboot.min.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["../../scss/bootstrap-reboot.scss","../../scss/_reboot.scss","dist/css/bootstrap-reboot.css","../../scss/vendor/_rfs.scss","bootstrap-reboot.css","../../scss/mixins/_hover.scss"],"names":[],"mappings":"AAAA;;;;;;ACkBA,ECTA,QADA,SDaE,WAAA,WAGF,KACE,YAAA,WACA,YAAA,KACA,yBAAA,KACA,4BAAA,YAMF,QAAA,MAAA,WAAA,OAAA,OAAA,OAAA,OAAA,KAAA,IAAA,QACE,QAAA,MAUF,KACE,OAAA,EACA,YAAA,aAAA,CAAA,kBAAA,CAAA,UAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,KAAA,CAAA,WAAA,CAAA,UAAA,CAAA,mBAAA,CAAA,gBAAA,CAAA,iBAAA,CAAA,mBEgFI,UAAA,KF9EJ,YAAA,IACA,YAAA,IACA,MAAA,QACA,WAAA,KACA,iBAAA,KGlBF,0CH+BE,QAAA,YASF,GACE,WAAA,YACA,OAAA,EACA,SAAA,QAaF,GAAA,GAAA,GAAA,GAAA,GAAA,GACE,WAAA,EACA,cAAA,MAOF,EACE,WAAA,EACA,cAAA,KC9CF,0BDyDA,YAEE,gBAAA,UACA,wBAAA,UAAA,OAAA,gBAAA,UAAA,OACA,OAAA,KACA,cAAA,EACA,iCAAA,KAAA,yBAAA,KAGF,QACE,cAAA,KACA,WAAA,OACA,YAAA,QCnDF,GDsDA,GCvDA,GD0DE,WAAA,EACA,cAAA,KAGF,MCtDA,MACA,MAFA,MD2DE,cAAA,EAGF,GACE,YAAA,IAGF,GACE,cAAA,MACA,YAAA,EAGF,WACE,OAAA,EAAA,EAAA,KAGF,ECvDA,ODyDE,YAAA,OAGF,MExFI,UAAA,IFiGJ,IC5DA,ID8DE,SAAA,SEnGE,UAAA,IFqGF,YAAA,EACA,eAAA,SAGF,IAAM,OAAA,OACN,IAAM,IAAA,MAON,EACE,MAAA,QACA,gBAAA,KACA,iBAAA,YIhLA,QJmLE,MAAA,QACA,gBAAA,UASJ,cACE,MAAA,QACA,gBAAA,KI/LA,oBJkME,MAAA,QACA,gBAAA,KC7DJ,KACA,IDqEA,ICpEA,KDwEE,YAAA,cAAA,CAAA,KAAA,CAAA,MAAA,CAAA,QAAA,CAAA,iBAAA,CAAA,aAAA,CAAA,UEpJE,UAAA,IFwJJ,IAEE,WAAA,EAEA,cAAA,KAEA,SAAA,KAQF,OAEE,OAAA,EAAA,EAAA,KAQF,IACE,eAAA,OACA,aAAA,KAGF,IAGE,SAAA,OACA,eAAA,OAQF,MACE,gBAAA,SAGF,QACE,YAAA,OACA,eAAA,OACA,MAAA,QACA,WAAA,KACA,aAAA,OAGF,GAGE,WAAA,QAQF,MAEE,QAAA,aACA,cAAA,MAMF,OAEE,cAAA,EAOF,aACE,QAAA,IAAA,OACA,QAAA,IAAA,KAAA,yBCxGF,OD2GA,MCzGA,SADA,OAEA,SD6GE,OAAA,EACA,YAAA,QErPE,UAAA,QFuPF,YAAA,QAGF,OC3GA,MD6GE,SAAA,QAGF,OC3GA,OD6GE,eAAA,KAMF,OACE,UAAA,OC3GF,cACA,aACA,cDgHA,OAIE,mBAAA,OC/GF,6BACA,4BACA,6BDkHE,sBAKI,OAAA,QClHN,gCACA,+BACA,gCDsHA,yBAIE,QAAA,EACA,aAAA,KCrHF,qBDwHA,kBAEE,WAAA,WACA,QAAA,EAIF,iBCxHA,2BACA,kBAFA,iBDkIE,mBAAA,QAGF,SACE,SAAA,KAEA,OAAA,SAGF,SAME,UAAA,EAEA,QAAA,EACA,OAAA,EACA,OAAA,EAKF,OACE,QAAA,MACA,MAAA,KACA,UAAA,KACA,QAAA,EACA,cAAA,MEjSI,UAAA,OFmSJ,YAAA,QACA,MAAA,QACA,YAAA,OAGF,SACE,eAAA,SGvIF,yCFGA,yCD0IE,OAAA,KGxIF,cHgJE,eAAA,KACA,mBAAA,KG5IF,yCHoJE,mBAAA,KAQF,6BACE,KAAA,QACA,mBAAA,OAOF,OACE,QAAA,aAGF,QACE,QAAA,UACA,OAAA,QAGF,SACE,QAAA,KGzJF,SH+JE,QAAA","sourcesContent":["/*!\n * Bootstrap Reboot v4.4.1 (https://getbootstrap.com/)\n * Copyright 2011-2019 The Bootstrap Authors\n * Copyright 2011-2019 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)\n */\n\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"reboot\";\n","// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n box-sizing: border-box; // 1\n}\n\nhtml {\n font-family: sans-serif; // 2\n line-height: 1.15; // 3\n -webkit-text-size-adjust: 100%; // 4\n -webkit-tap-highlight-color: rgba($black, 0); // 5\n}\n\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\n// TODO: remove in v5\n// stylelint-disable-next-line selector-list-comma-newline-after\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use\n// the `inherit` value on things like `` elements.\n\nbody {\n margin: 0; // 1\n font-family: $font-family-base;\n @include font-size($font-size-base);\n font-weight: $font-weight-base;\n line-height: $line-height-base;\n color: $body-color;\n text-align: left; // 3\n background-color: $body-bg; // 2\n}\n\n// Future-proof rule: in browsers that support :focus-visible, suppress the focus outline\n// on elements that programmatically receive focus but wouldn't normally show a visible\n// focus outline. In general, this would mean that the outline is only applied if the\n// interaction that led to the element receiving programmatic focus was a keyboard interaction,\n// or the browser has somehow determined that the user is primarily a keyboard user and/or\n// wants focus outlines to always be presented.\n//\n// See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible\n// and https://developer.paciellogroup.com/blog/2018/03/focus-visible-and-backwards-compatibility/\n[tabindex=\"-1\"]:focus:not(:focus-visible) {\n outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n box-sizing: content-box; // 1\n height: 0; // 1\n overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, `

`-`

` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable-next-line selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: $headings-margin-bottom;\n}\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on `

`s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Remove the bottom border in Firefox 39-.\n// 5. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-original-title] { // 1\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n border-bottom: 0; // 4\n text-decoration-skip-ink: none; // 5\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // Undo browser default\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n\nsmall {\n @include font-size(80%); // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n position: relative;\n @include font-size(75%);\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n background-color: transparent; // Remove the gray background on active links in IE 10.\n\n @include hover() {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]) {\n color: inherit;\n text-decoration: none;\n\n @include hover() {\n color: inherit;\n text-decoration: none;\n }\n}\n\n\n//\n// Code\n//\n\npre,\ncode,\nkbd,\nsamp {\n font-family: $font-family-monospace;\n @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\npre {\n // Remove browser default top margin\n margin-top: 0;\n // Reset browser default of `1em` to use `rem`s\n margin-bottom: 1rem;\n // Don't allow content to break outside\n overflow: auto;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n // Apply a consistent margin strategy (matches our type styles).\n margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n vertical-align: middle;\n border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg {\n // Workaround for the SVG overflow bug in IE10/11 is still required.\n // See https://github.com/twbs/bootstrap/issues/26878\n overflow: hidden;\n vertical-align: middle;\n}\n\n\n//\n// Tables\n//\n\ntable {\n border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n padding-top: $table-cell-padding;\n padding-bottom: $table-cell-padding;\n color: $table-caption-color;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n // Matches default `` alignment by inheriting from the ``, or the\n // closest parent with a set `text-align`.\n text-align: inherit;\n}\n\n\n//\n// Forms\n//\n\nlabel {\n // Allow labels to use `margin` for spacing.\n display: inline-block;\n margin-bottom: $label-margin-bottom;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n // stylelint-disable-next-line property-blacklist\n border-radius: 0;\n}\n\n// Work around a Firefox/IE bug where the transparent `button` background\n// results in a loss of the default `button` focus styles.\n//\n// Credit: https://github.com/suitcss/base/\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // Remove the margin in Firefox and Safari\n font-family: inherit;\n @include font-size(inherit);\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// Remove the inheritance of word-wrap in Safari.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24990\nselect {\n word-wrap: normal;\n}\n\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n// controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\n[type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; // 2\n}\n\n// Opinionated: add \"hand\" cursor to non-disabled button elements.\n@if $enable-pointer-cursor-for-buttons {\n button,\n [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"] {\n &:not(:disabled) {\n cursor: pointer;\n }\n }\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n // Remove the default appearance of temporal inputs to avoid a Mobile Safari\n // bug where setting a custom line-height prevents text from being vertically\n // centered within the input.\n // See https://bugs.webkit.org/show_bug.cgi?id=139848\n // and https://github.com/twbs/bootstrap/issues/11266\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto; // Remove the default vertical scrollbar in IE.\n // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n resize: vertical;\n}\n\nfieldset {\n // Browsers set a default `min-width: min-content;` on fieldsets,\n // unlike e.g. `

`s, which have `min-width: 0;` by default.\n // So we reset that to ensure fieldsets behave more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359\n // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n min-width: 0;\n // Reset the default outline behavior of fieldsets so they don't affect page layout.\n padding: 0;\n margin: 0;\n border: 0;\n}\n\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n display: block;\n width: 100%;\n max-width: 100%; // 1\n padding: 0;\n margin-bottom: .5rem;\n @include font-size(1.5rem);\n line-height: inherit;\n color: inherit; // 2\n white-space: normal; // 1\n}\n\nprogress {\n vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n // This overrides the extra rounded corners on search inputs in iOS so that our\n // `.form-control` class can properly style them. Note that this cannot simply\n // be added to `.form-control` as it's not specific enough. For details, see\n // https://github.com/twbs/bootstrap/issues/11586.\n outline-offset: -2px; // 2. Correct the outline style in Safari.\n -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n font: inherit; // 2\n -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item; // Add the correct display in all browsers\n cursor: pointer;\n}\n\ntemplate {\n display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n display: none !important;\n}\n","/*!\n * Bootstrap Reboot v4.4.1 (https://getbootstrap.com/)\n * Copyright 2011-2019 The Bootstrap Authors\n * Copyright 2011-2019 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)\n */\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n\nbody {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #212529;\n text-align: left;\n background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus:not(:focus-visible) {\n outline: 0 !important;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: 0.5rem;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nabbr[title],\nabbr[data-original-title] {\n text-decoration: underline;\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n cursor: help;\n border-bottom: 0;\n -webkit-text-decoration-skip-ink: none;\n text-decoration-skip-ink: none;\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\na {\n color: #007bff;\n text-decoration: none;\n background-color: transparent;\n}\n\na:hover {\n color: #0056b3;\n text-decoration: underline;\n}\n\na:not([href]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):hover {\n color: inherit;\n text-decoration: none;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n font-size: 1em;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n}\n\nfigure {\n margin: 0 0 1rem;\n}\n\nimg {\n vertical-align: middle;\n border-style: none;\n}\n\nsvg {\n overflow: hidden;\n vertical-align: middle;\n}\n\ntable {\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n color: #6c757d;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n text-align: inherit;\n}\n\nlabel {\n display: inline-block;\n margin-bottom: 0.5rem;\n}\n\nbutton {\n border-radius: 0;\n}\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton:not(:disabled),\n[type=\"button\"]:not(:disabled),\n[type=\"reset\"]:not(:disabled),\n[type=\"submit\"]:not(:disabled) {\n cursor: pointer;\n}\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit;\n white-space: normal;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n outline-offset: -2px;\n -webkit-appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n -webkit-appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n/*# sourceMappingURL=bootstrap-reboot.css.map */","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n // Cache $fs unit\n $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n // Add !important suffix if needed\n $rfs-suffix: if($important, \" !important\", \"\");\n\n // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n font-size: #{$fs}#{$rfs-suffix};\n }\n @else {\n // Variables for storing static and fluid rescaling\n $rfs-static: null;\n $rfs-fluid: null;\n\n // Remove px-unit from $fs for calculations\n @if $fs-unit == \"px\" {\n $fs: $fs / ($fs * 0 + 1);\n }\n @else if $fs-unit == \"rem\" {\n $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n }\n\n // Set default font-size\n @if $rfs-font-size-unit == rem {\n $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n }\n @else if $rfs-font-size-unit == px {\n $rfs-static: #{$fs}px#{$rfs-suffix};\n }\n @else {\n @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n }\n\n // Only add media query if font-size is bigger as the minimum font-size\n // If $rfs-factor == 1, no rescaling will take place\n @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n $min-width: null;\n $variable-unit: null;\n\n // Calculate minimum font-size for given font-size\n $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n // Calculate difference between given font-size and minimum font-size for given font-size\n $fs-diff: $fs - $fs-min;\n\n // Base font-size formatting\n // No need to check if the unit is valid, because we did that before\n $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n // If two-dimensional, use smallest of screen width and height\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n // Set the calculated font-size.\n $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n }\n\n // Rendering\n @if $rfs-fluid == null {\n // Only render static font-size if no fluid font-size is available\n font-size: $rfs-static;\n }\n @else {\n $mq-value: null;\n\n // RFS breakpoint formatting\n @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n }\n @else if $rfs-breakpoint-unit == px {\n $mq-value: #{$rfs-breakpoint}px;\n }\n @else {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n }\n\n @if $rfs-class == \"disable\" {\n // Adding an extra class increases specificity,\n // which prevents the media query to override the font size\n &,\n .disable-responsive-font-size &,\n &.disable-responsive-font-size {\n font-size: $rfs-static;\n }\n }\n @else {\n font-size: $rfs-static;\n }\n\n @if $rfs-two-dimensional {\n @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n @else {\n @media (max-width: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n }\n }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n","/*!\n * Bootstrap Reboot v4.4.1 (https://getbootstrap.com/)\n * Copyright 2011-2019 The Bootstrap Authors\n * Copyright 2011-2019 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)\n */\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n\nbody {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n color: #212529;\n text-align: left;\n background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus:not(:focus-visible) {\n outline: 0 !important;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: 0.5rem;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nabbr[title],\nabbr[data-original-title] {\n text-decoration: underline;\n text-decoration: underline dotted;\n cursor: help;\n border-bottom: 0;\n text-decoration-skip-ink: none;\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\na {\n color: #007bff;\n text-decoration: none;\n background-color: transparent;\n}\n\na:hover {\n color: #0056b3;\n text-decoration: underline;\n}\n\na:not([href]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):hover {\n color: inherit;\n text-decoration: none;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n font-size: 1em;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n}\n\nfigure {\n margin: 0 0 1rem;\n}\n\nimg {\n vertical-align: middle;\n border-style: none;\n}\n\nsvg {\n overflow: hidden;\n vertical-align: middle;\n}\n\ntable {\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n color: #6c757d;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n text-align: inherit;\n}\n\nlabel {\n display: inline-block;\n margin-bottom: 0.5rem;\n}\n\nbutton {\n border-radius: 0;\n}\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton:not(:disabled),\n[type=\"button\"]:not(:disabled),\n[type=\"reset\"]:not(:disabled),\n[type=\"submit\"]:not(:disabled) {\n cursor: pointer;\n}\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit;\n white-space: normal;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n outline-offset: -2px;\n -webkit-appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n -webkit-appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n\n/*# sourceMappingURL=bootstrap-reboot.css.map */","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover() {\n &:hover { @content; }\n}\n\n@mixin hover-focus() {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus() {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active() {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n"]} -------------------------------------------------------------------------------- /bootstrap/bootstrap/css/bootstrap-grid.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Grid v4.4.1 (https://getbootstrap.com/) 3 | * Copyright 2011-2019 The Bootstrap Authors 4 | * Copyright 2011-2019 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 6 | */html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-sm-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-md-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-md-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-md-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-md-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-md-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-lg-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}} 7 | /*# sourceMappingURL=bootstrap-grid.min.css.map */ --------------------------------------------------------------------------------