lazycipher · pfistersimon · Oct 9, 2018
diff --git a/pfistersimon/._index.html b/pfistersimon/._index.html
diff --git a/pfistersimon/._style.css b/pfistersimon/._style.css
diff --git a/pfistersimon/index.html b/pfistersimon/index.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="EN">
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width-device-width, initial-scale=1.0">
+	<title>Buttons</title>
+	<link rel="stylesheet" href="style.css">
+</head>
+
+
+<body>
+	<div class="container">
+		<h1>HTML Buttons</h1>
+
+		<br>
+
+		<button type="submit" id="btn-01" name="user_submit01">Button1</button>
+		<br>
+
+		<button type="submit" id="btn-02" name="user_submit02">Button2</button>
+		<br>
+
+		<button type="submit" id="btn-03" name="user_submit03">Button3</button>
+
+
+
+	</div>
+</body>
+</html>
diff --git a/pfistersimon/style.css b/pfistersimon/style.css
@@ -0,0 +1,78 @@
+/* Baisic Layout */
+
+* {
+	box-sizing: border-box;
+	margin: 0 auto;
+	padding: 0;
+}
+
+/* Layout Style */
+
+body {
+	background-color: #ffbc7a;
+	text-align: center;
+}
+
+h1 {
+	margin: 20px 0 50px;
+}
+
+#btn-01 {
+	margin-bottom: 50px;
+	width: 50px;
+	height: 50px;
+	background-color: #00ffbb;
+	border-radius: 3px;
+
+
+}
+
+#btn-01:hover {
+	background-color: #ff0044;
+	font-weight: bold;
+}
+
+#btn-02 {
+	margin-bottom: 50px;
+	width: 100px;
+	height: 40px;
+	background-color: #000;
+	color: #fff;
+	font-weight: bold;
+ 	box-shadow: 3px 3px 3px 2px #fff; 
+}
+
+#btn-02:active {
+	box-shadow: 3px 3px 3px 2px #f9f761;
+
+}
+
+#btn-03 {
+
+	width: 80px;
+	height: 80px;
+	border-radius: 50%;
+	background-color: blue;
+	color: #fff;
+}
+
+
+#btn-03:hover {
+	width: 50px;
+	height: 50px;
+	border-radius: 25%;
+	background-color: lightblue;
+
+}
+
+
+
+
+
+
+
+
+
+
+
+