From ed39914883ea0fba32d8cb5f0c45c7a32faec394 Mon Sep 17 00:00:00 2001
From: eroselle <58203944+eroselle@users.noreply.github.com>
Date: Thu, 9 Jan 2020 13:23:29 +0800
Subject: [PATCH] Roxas,Roselle A. Forms Activity5

---
 hakdog.html | 37 +++++++++++++++++++++++++++++++++++++
 style.css   | 53 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 90 insertions(+)
 create mode 100644 hakdog.html
 create mode 100644 style.css
diff --git a/hakdog.html b/hakdog.html
new file mode 100644
index 0000000..0ee592f
--- /dev/null
+++ b/hakdog.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>A Form</title>
+</head>
+  <body>
+ 	<link rel="stylesheet" href="style.css">
+  	<section class="form">
+  		<div class="form-title">
+  		<center><h1>Login</h1></center>
+  	</div>
+
+  	<div>
+ <center><a class="FB" href="facebook.com">Facebook</a></center>
+  	</div>
+  <div>
+  	<center><a class="GM" href="gmail.com">Gmail</a></center>
+  </div>
+
+
+<center><div class="form-body">
+	<form name="contactform" action="#" method="">
+		<div>
+			<input type="text" name="TxTNameNEmail" placeholder="Your Username/Email" required>
+			<br>
+			<input type="password" name="TxTPass" placeholder="Your Password" required>
+			
+		
+		</div>
+
+<div class="btns">
+	<input type="Submit" value="Submit" name="btnSubmit">
+	<input type="reset" value="Clear" name="btnClear">
+</div></section></center>
+
+  </body>
+</html>
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..b839de1
--- /dev/null
+++ b/style.css
@@ -0,0 +1,53 @@
+h1{
+	color: white;
+}
+
+div {
+	margin: 25px;
+}
+
+.FB{
+    padding-top: 10px;
+	padding-right: 40px;
+	padding-left: 40px;
+	padding-bottom: 10px;
+	text-decoration: none;
+	background-color: #faa4bd;
+	text-align: center;
+	color: #f5e3e0 ;
+	border-radius: 5%;
+	
+}
+
+
+.GM{
+	padding-top: 10px;
+	padding-right: 51px;
+	padding-left: 51px;
+	padding-bottom: 10px;
+	text-decoration: none;
+	background-color: #f5e3e0 ;
+	text-align: center;
+	color: #faa4bd;
+	border-radius: 5%;
+	
+}
+
+.form{
+	border: #6dd6da 5px solid;
+	background-color: #ae8ca3;
+}
+
+input[type=text], input[type=password]{
+     color: black;
+     background-color: white;
+     width: 20%;
+     border: #e5ebea ;
+     order-bottom: 2px;
+     margin-top: 20px;
+     margin-bottom: 20px;
+     padding:5px;
+
+
+
+}
\ No newline at end of file
