diff --git a/css-complete/sec2/index.html b/css-complete/sec2/index.html new file mode 100644 index 0000000..c5c2f3a --- /dev/null +++ b/css-complete/sec2/index.html @@ -0,0 +1,33 @@ + + + + + + + CSS Course + + + +

Assignment - Selectors & Properties

+
    +
  1. Style the above <h1> tag to use any color of your choice and a sans-serif font.
  2. +
  3. Style all <code> tags to use the monospace font-family and have red text.
  4. +
  5. Use a class selector to ensure that the <code> elements in the second <li> element have a different color (e.g. green).
  6. +
  7. Switch the order of the rules you created and use the dev tools of your browser to understand how specifity resolves conflicts (for the <code> elements).
  8. +
  9. Set a default font (e.g. sans-serif) for the entire content of your page and use "Inheritance" to change the font of the <li> items, too.
  10. +
  11. Use a combinator to give all <li> elements but the first one (!) a black background and white text color (don't worry if the numbers disappear).
  12. +
  13. Use another combinator to now give all <li> inside an <ol> element a black background and white text color.
  14. +
+ + + + + + + + + + + + + diff --git a/css-complete/sec2/instructions.txt b/css-complete/sec2/instructions.txt new file mode 100644 index 0000000..6cc3aae --- /dev/null +++ b/css-complete/sec2/instructions.txt @@ -0,0 +1,7 @@ +1. Style the above

tag to use any color of your choice and a sans-serif font. +2. Style all tags to use the monospace font-family and have red text. +3. Use a class selector to ensure that the elements in the second
  • element have a different color (e.g. green). +4. Switch the order of the rules you created and use the dev tools of your browser to understand how specifity resolves conflicts (for the elements). +5. Set a default font (e.g. sans-serif) for the entire content of your page and use "Inheritance" to change the font of the
  • items, too. +6. Use a combinator to give all
  • elements but the first one (!) a black background and white text color (don't worry if the numbers disappear). +7. Use another combinator to now give all
  • inside an
      element a black background and white text color. \ No newline at end of file diff --git a/css-complete/sec2/main.css b/css-complete/sec2/main.css new file mode 100644 index 0000000..d43021b --- /dev/null +++ b/css-complete/sec2/main.css @@ -0,0 +1,12 @@ +h1 { + color: blue; + font-family: sans-serif; +} +code { + color: red; + font-family: monospace; +} +li + code { + color: green; + font-family: monospace; +} \ No newline at end of file diff --git a/css-complete/sec3/favicon.png b/css-complete/sec3/favicon.png new file mode 100644 index 0000000..fc10fba Binary files /dev/null and b/css-complete/sec3/favicon.png differ diff --git a/css-complete/sec3/index.html b/css-complete/sec3/index.html new file mode 100644 index 0000000..1897ea2 --- /dev/null +++ b/css-complete/sec3/index.html @@ -0,0 +1,26 @@ + + + + + + + uHost + + + + + + + +
      +
      +

      Get the freedom you deserve.

      +
      +
      +

      Choose Your Plan

      +

      Make sure you get the most for your money!

      +
      +
      + + + \ No newline at end of file diff --git a/css-complete/sec3/main.css b/css-complete/sec3/main.css new file mode 100644 index 0000000..70498ae --- /dev/null +++ b/css-complete/sec3/main.css @@ -0,0 +1,20 @@ +body { + font-family: 'Montserrat', sans-serif; +} + +#product-overview { + background: #ff1b68; +} + +.section-title { + color: #2ddf5c; +} + +#product-overview h1 { + color: white; + font-family: 'Anton', sans-serif; +} + +/* h1 { + font-family: sans-serif; +} */ \ No newline at end of file diff --git a/php/getting-started/favicon.ico b/php/getting-started/favicon.ico new file mode 100644 index 0000000..540b33e Binary files /dev/null and b/php/getting-started/favicon.ico differ diff --git a/php/getting-started/form.php b/php/getting-started/form.php index 0a6621d..c5bed3e 100644 --- a/php/getting-started/form.php +++ b/php/getting-started/form.php @@ -45,6 +45,7 @@ if (isset($_POST['submit'])) { Document + diff --git a/react-complete-guide/react-complete-notes.md b/react-complete-guide/react-complete-notes.md index fd30f36..755abed 100644 --- a/react-complete-guide/react-complete-notes.md +++ b/react-complete-guide/react-complete-notes.md @@ -65,3 +65,11 @@ Note: JSX uses className in place of class Are how to pass data into a component +## Events and State + +### Events + +React adds its own event attribute to use in JSX elements + +Each event starts with "on" and pops in Intellisense +