+
+
+ PHP is an acronym for PHP Hypertext Processor. PHP files can contain HTML, CSS, and Javascript, which are run on a web server and sent to the browser as HTML.
+
+PHP files end in the .php file extension.
+
+
What is PHP?
+
+ PHP is an acronym for "PHP: Hypertext Preprocessor"
+ PHP is a widely-used, open source scripting language
+ PHP scripts are executed on the server
+ PHP is free to download and use
+
+
+
+
+
+ A PHP script can be placed anywhere in the document.
+
+ A PHP script starts with <?php and ends with ?>
+
+ A simple PHP script
+ <?php
+echo "Hello World!";
+?>
+
+
+
+ A variable starts with the $ followed by the name of the variable
+
+ Example
+ $firtName = "Baxter";
+
+ Rules for PHP Variables:
+
+
+ A variable starts with the $ sign, followed by the name of the variable
+ A variable name must start with a letter or the underscore character
+ A variable name cannot start with a number
+ A variable name can only contain alpha-numeric characters and underscores (A-z, 0-9, and _ )
+ Variable names are case-sensitive ($age and $AGE are two different variables)
+
+
+ PHP Conditional Statements
+ In PHP we have the following conditional statements.
+
+ if statement - executes some code if one condition is trueif...else statement - executes some code if a condition is true and another code if that condition is falseif...elseif...else statement - executes different codes for more than two conditionsswitch statement - selects one of many blocks of code to be executed
+
+
+ In PHP we have the following loop types
+
+ while - loops through a block of code as long as the specified condition is truedo...while - loops through a block of code once, and then repeats the loop as long as the specified condition is truefor - loops through a block of code a specified number of timesforeach - loops through a block of code for each element in an array
+
+
+
+
+ The content from this page is from the w3schools PHP Tutorial
+
+
+
+
+
\ No newline at end of file
diff --git a/freecodcamp/build-a-doc-page/styles.css b/freecodcamp/build-a-doc-page/styles.css
new file mode 100644
index 0000000..ff82427
--- /dev/null
+++ b/freecodcamp/build-a-doc-page/styles.css
@@ -0,0 +1,95 @@
+html {
+ box-sizing: border-box;
+ font-size: 16px;
+ }
+
+ body {
+ margin: 0;
+ height: auto;
+ width: 100%;
+ background-color: #eee;
+ }
+
+ main {
+ margin-left: 24px;
+ position: relative;
+ width: 80%;
+ top: 12px;
+ left: 20%;
+ }
+
+ section {
+ padding-bottom: 16px;
+ margin-bottom: 16px;
+ border-bottom: 1px solid #bbb;
+ }
+
+ section:last-of-type {
+ border-bottom: none;
+ }
+
+ section:last-of-type header {
+ margin-bottom: 12px;
+ }
+
+ ul {
+ margin: 0;
+ }
+
+ header {
+ font-size: 1.25rem;
+ font-weight: bold;
+ }
+
+ #navbar {
+ height: 100%;
+ margin-right: 8px;
+ border-right: 1px solid #000;
+ position: fixed;
+ top: 0;
+ width: auto;
+ overflow: scroll;
+ }
+
+ #navbar header {
+ padding: 12px;
+ border-bottom: 1px solid #000;
+ }
+
+ #navbar div {
+ text-align: center;
+ padding: 8px;
+ border-bottom: 1px solid #000;
+ }
+
+ .nav-link {
+ color: #000;
+ text-decoration: none;
+ }
+
+ .nav-link:hover {
+ text-decoration: underline;
+ }
+
+ code {
+ background-color: #ddd;
+ padding: 2px;
+ }
+
+ @media(max-width: 1024px) {
+ #navbar {
+ position: relative;
+ width: auto;
+ height: 175px;
+ }
+
+ #navbar header {
+ position: sticky;
+ top: 0;
+ background-color: #eee;
+ }
+
+ main {
+ position: static;
+ }
+ }
\ No newline at end of file
diff --git a/freecodcamp/build-a-portfolio-page/index.html b/freecodcamp/build-a-portfolio-page/index.html
new file mode 100644
index 0000000..aa56dd2
--- /dev/null
+++ b/freecodcamp/build-a-portfolio-page/index.html
@@ -0,0 +1,43 @@
+
+
+
+
+ Welcome to my online portfolio
+ I am an aspiring web developer looking to solve puzzles and express my creativity through writing code. I hope to help others learn as I continue to learn as well, so that we can grow together.
+
+
+ Please feel free to take a look at my projects below to get a better understanding of my work
+ Feel free to get in touch if you have a question about anything I've worked on, I've listed two contact methods below
+ 👋 have a great day!
+
+
+ A tribute to the domestic cat
+
+
+ A male tabby cat By Alvesgaspar - Own work , CC BY-SA 3.0 , Link
+
+
+
+ Interesting facts about cats
+
+ Domestication of the cat occurred in the Far East around 7500 BC
+ Female domestic cats often have litters of 2 to 5 kittens
+ Cats have a wide range of social communication including meows, purrs, trills, and body language
+ A cat is capable of landing on all four paws from heights of 90cm to 3m
+ Feral cats may form social colonies, but they are purely solitary hunters
+ The domestic cat was the second most popular pet in the United States in 2017
+
+
+
+
+
\ No newline at end of file
diff --git a/freecodcamp/build-a-tribute-page/styles.css b/freecodcamp/build-a-tribute-page/styles.css
new file mode 100644
index 0000000..a13d5f2
--- /dev/null
+++ b/freecodcamp/build-a-tribute-page/styles.css
@@ -0,0 +1,65 @@
+* {
+ box-sizing: border-box;
+ }
+
+ html {
+ font-size: 16px;
+ }
+
+ body {
+ font-family: verdana, sans-serif;
+ margin: 0;
+ width: 100%;
+ height: 100vh;
+ background-color: #555758;
+ }
+
+ li, p, #img-caption {
+ font-size: 1.1rem;
+ }
+
+ #title {
+ text-align: center;
+ }
+
+ #img-div, #tribute-info, footer {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
+
+ #img-div {
+ background-color:#445c7c;
+ margin: auto;
+ width: 100%;
+ padding-bottom: 18px;
+ }
+
+ #image {
+ display: block;
+ margin-top: 36px;
+ width: 75%;
+ max-width: 100%;
+ height: auto;
+ border-radius: 10px;
+ }
+
+ #img-caption {
+ padding-top: 12px;
+ }
+
+ #title, #img-caption, a, p, h2, li{
+ color: #c6ccca;
+ }
+
+ a:hover {
+ color: #9ea0a3;
+ }
+
+ ul {
+ list-style-type: none;
+ }
+
+ li {
+ padding-bottom: 12px;
+ }
\ No newline at end of file
diff --git a/index.html b/index.html
index 733d189..918f68f 100644
--- a/index.html
+++ b/index.html
@@ -20,7 +20,7 @@
and are practical and technical in nature, encouraging growth through completing challenging projects
+ 
+ 
+