gSchool · ekwok1 · Aug 6, 2015
diff --git a/.DS_Store b/.DS_Store
diff --git a/Kwok_Eugene/.DS_Store b/Kwok_Eugene/.DS_Store
diff --git a/Kwok_Eugene/mockup1/index.html b/Kwok_Eugene/mockup1/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<title>My Webpage</title>
+		<link rel="stylesheet" href="style.css">
+	</head>
+
+	<body>
+		<div>Galvanize Contact Information</div>
+		<ul>
+			<li>Zubair: zubair.desai@galvanize.com</li>
+			<li>Elie: elie@galvanize.com</li>
+			<li>Matt: matt@galvanize.com</li>
+		</ul>
+	</body>
+</html>
diff --git a/Kwok_Eugene/mockup1/style.css b/Kwok_Eugene/mockup1/style.css
@@ -0,0 +1,11 @@
+html,
+div {
+	font-size: 1.2em;
+	margin-top: 20px;
+	margin-left: 12px;
+}
+
+ul {
+	list-style: none;
+	margin-top: 0px;
+}
diff --git a/Kwok_Eugene/mockup2/.DS_Store b/Kwok_Eugene/mockup2/.DS_Store
diff --git a/Kwok_Eugene/mockup2/Screen Shot 2015-08-06 at 2.32.08 AM.png b/Kwok_Eugene/mockup2/Screen Shot 2015-08-06 at 2.32.08 AM.png
diff --git a/Kwok_Eugene/mockup2/index.html b/Kwok_Eugene/mockup2/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<title>My Webpage</title>
+		<link rel="stylesheet" href="style.css">
+	</head>
+
+	<body>
+		<h1>Galvanize Profile Page</h1>
+		<img src="Screen Shot 2015-08-06 at 2.32.08 AM.png">
+		<div>(Photo Caption)</div>
+	</body>
+</html>
diff --git a/Kwok_Eugene/mockup2/style.css b/Kwok_Eugene/mockup2/style.css
@@ -0,0 +1,14 @@
+h1 {
+	margin-top: 30px;
+	margin-left: 18px;
+	margin-bottom: 50px;
+}
+
+img {
+	margin-left: 140px;
+}
+
+div {
+	margin-left: 150px;
+	font-size: 130%;
+}
diff --git a/Kwok_Eugene/mockup3/index.html b/Kwok_Eugene/mockup3/index.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<title>My Webpage</title>
+		<link rel="stylesheet" href="style.css">
+	</head>
+
+	<body>
+		<h1>Details:</h1>
+		<ul id="pets">
+			<li>Pets:</li><li>Puppies</li><li>Cats</li><li>Kittens</li><li>Dogs</li>
+			<li>Capybaras</li><li>Giraffes</li><li></li>
+		</ul>
+
+		<ul id="cities">
+			<li>Cities:</li><li>San Francisco</li><li>New York</li><li>San Jose</li>
+			<li>Patterson</li><li>Los Angeles</li><li>Palo Alto</li><li>Sausalito</li>
+		</ul>
+
+		<br></br>
+		<div id="last">View Additional Details</div>
+
+	</body>
+</html>
diff --git a/Kwok_Eugene/mockup3/style.css b/Kwok_Eugene/mockup3/style.css
@@ -0,0 +1,40 @@
+h1 {
+	margin-top: 30px;
+	margin-left: 18px;
+	margin-bottom: 0px;
+}
+
+ul {
+	display: inline-block;
+	list-style: none;
+	margin-bottom: 0px;
+	border-style: solid;
+	padding-left: 0px;
+}
+
+#last {
+	border-style: solid;
+	margin-left: 50px;
+	margin-right: 1045px;
+}
+
+#pets {
+	margin-left: 40px;
+	margin-top: 0px;
+	padding-bottom: 0px;
+}
+
+#cities {
+	margin-left: 20px;
+}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Kwok_Eugene/mockup4/index.html b/Kwok_Eugene/mockup4/index.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<title>My Webpage</title>
+		<link rel="stylesheet" href="style.css">
+	</head>
+
+	<body>
+		<h2>Your Information</h2>
+		<form action="index2.html">
+			<p>
+				<label for="name">Name: </label>
+				<input type="text" id="name" name="name"></input>
+			</p>
+			<p>
+				<label for="email">Email: </label>
+				<input type="text" id="email" name="email"></input>
+			</p>
+			<p>
+				<label for="phone">Phone: </label>
+				<input type="text" id="phone" name="phone"></input>
+			</p>
+			<p id="checkbox">
+				<label for "cb1">From San Francisco</label>
+				<input type="checkbox" id="cb1" name="SF" value="YES">
+			</p>
+			<p id="checkbox">
+				<label for "cb2">Not From San Francisco</label>
+				<input type="checkbox" id="cb2" name="NOT_SF" value="YES">
+			</p>
+			<p>
+				<input type="submit" id="submit"></input>
+			</p>
+		</form>
+	</body>
+</html>
diff --git a/Kwok_Eugene/mockup4/index2.html b/Kwok_Eugene/mockup4/index2.html
diff --git a/Kwok_Eugene/mockup4/style.css b/Kwok_Eugene/mockup4/style.css
@@ -0,0 +1,14 @@
+html {
+	margin-left: 50px;
+	margin-top: 50px;
+}
+
+#checkbox {
+	margin-top: 0px;
+	display: inline-block;
+}
+
+#cb1,
+#cb2 {
+	float: left
+}
diff --git a/Kwok_Eugene/mockup5/index.html b/Kwok_Eugene/mockup5/index.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+	<html>
+	<head>
+		<meta charset="UTF-8">
+		<title>My Webpage</title>
+		<link rel="stylesheet" href="style.css">
+	</head>
+
+	<body>
+		<h1>My Awesome Table</h1>
+		<table>
+			<thead id="color">
+				<th>Firstname</th>
+				<th>Lastname</th>
+				<th>Petname</th>
+				<th>City</th>
+			</thead>
+			<tbody>
+				<tr id="color2">
+					<td>John</td>
+					<td>Doe</td>
+					<td>Fifi</td>
+					<td>Denver</td>
+				</tr>
+				<tr>
+					<td>Jane</td>
+					<td>Doe</td>
+					<td>Fido</td>
+					<td>Santa Fe</td>
+				</tr>
+				<tr id="color2">
+					<td>Jennifer</td>
+					<td>Smith</td>
+					<td>Pikachu</td>
+					<td>Los Angeles</td>
+				</tr>
+				<tr>
+					<td>Stephen</td>
+					<td>Hawking</td>
+					<td>Furby</td>
+					<td>New York</td>
+				</tr>
+				<tr id="color2">
+					<td></td>
+					<td></td>
+					<td></td>
+					<td></td>
+				</tr>
+				<tr>
+					<td></td>
+					<td></td>
+					<td></td>
+					<td></td>
+				</tr>
+				<tr id="color2">
+					<td></td>
+					<td></td>
+					<td></td>
+					<td></td>
+				</tr>
+			</tbody>
+		</table>
+	</body>
+</html>
diff --git a/Kwok_Eugene/mockup5/style.css b/Kwok_Eugene/mockup5/style.css
@@ -0,0 +1,23 @@
+html {
+	margin-left: 50px;
+	margin-top: 15px;
+}
+table, th {
+	font-size: 115%;
+	border: 1px solid black;
+	border-collapse: collapse;
+}
+
+td {
+	border-left: 1px solid black;
+	border-right: 1px solid black;
+	height: 25px;
+}
+
+#color {
+	background-color: grey;
+}
+
+#color2 {
+	background-color: #E0DDE2;
+}
diff --git a/mockup3.jpg b/mockup3.jpg