added php, css

btn15001 · Feb 1, 2017 · 8068ee2 · 8068ee2
1 parent 2d98ced
commit 8068ee2
Show file tree

Hide file tree

Showing 2 changed files with 79 additions and 0 deletions.
diff --git a/css/main.css b/css/main.css
@@ -94,7 +94,37 @@ textarea {
 /* ==========================================================================
    Author's custom styles
    ========================================================================== */
+.header {
+    width: 300px;
+    height: 25px;
+    background-color: #5A68A5;
+    border-radius: 10px;
+}
+
+img {
+    width: 200px;
+    float: right;
+}
+
+h1 {
+    font-family: Verdana, sans-serif;
+    font-size: 18px;
+    text-align: center;
+    color: #ffffff;
+}
 
+p {
+    font-family: Tahoma, sans-serif;
+}
+
+li {
+    font-family: Tahoma, sans-serif;
+    list-style-type: square;
+}
+
+input {
+    width: 280px;
+}
 
 
 

diff --git a/index.php b/index.php
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link type='text/css' rel='stylesheet' href='css/main.css'/>
+    <title>PHP! Intro</title>
+  </head>
+  	<body>
+		<img src="http://i1061.photobucket.com/albums/t480/ericqweinstein/php-logo_zps408c82d7.png"/>
+		<div class="header"><h1>
+
+		<?php
+		$welcome = "let's get started with PHP!";
+		echo $welcome;
+		?>
+	</h1></div>
+	<p><strong>Generate a list:</strong>
+		<?php
+		for ($number = 1; $number <= 10; $number++) {
+			if ($number <= 9) {
+				echo $number . ", ";
+			} else {
+				echo $number . "!";
+			}
+		}; ?>
+	</p>
+	<p><strong>Things you can do:</strong>
+		<?php
+			$things = array("Talk to databases",
+			"Send Cookies", "Evaluate fomr data", "Build dynamic webpages");
+			foreach ($things as $thing) {
+				echo "<li>$thing</li>";
+			}
+			unset($thing);
+		?>
+	</p>
+	<p><strong>This jumbled sentence will change every time you click Submit!</strong></p>
+	<p>
+		<?php
+			$words = array("the ", "quick ", "brown ", "fox ", "jumped ", "over ", "the ", "lazy ", "dog ");
+			shuffle($words);
+			foreach ($words as $word) {
+				echo $word;
+			};
+
+			unset($word);
+		?>
+		</p>
+    </body>
+</html>