diff --git a/public/css/style.css b/public/css/style.css
index 8265d56..8b2556f 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -15,7 +15,6 @@ a:focus {
body{
background:url(../img/cover4.jpg) center center no-repeat;
background-size:cover;
- font-family: 'Open Sans', sans-serif;
font-weight:300;
}
.container{
@@ -25,6 +24,7 @@ body{
display: grid;
min-height: 100vh;
grid-template-columns: 40% 60%;
+ font-family: 'Ubuntu Condensed', sans-serif; ;
}
.header{
color:#fff;
@@ -34,6 +34,7 @@ body{
color:#cc3467;
text-align: center;
font-size: 40px;
+ font-family: 'Ubuntu Condensed', sans-serif;
}
.header h1 span{
color: yellow;
@@ -45,15 +46,100 @@ body{
.header p{
margin-top: 20px;
line-height: 3;
- font-size: 16px;
- letter-spacing:2px;
+ font-size: 18px;
+ letter-spacing:1px;
+ font-family: 'Ubuntu Condensed', sans-serif;
}
.content{
background: rgba(255,255,255, 0.9);
padding: 50px 10px 20px 10px;
+ position: relative;
}
.welcome{
+}
+.welcome{
+
+}
+.welcome .login{
+
+}
+.welcome .signup{
+
+}
+.welcome a:hover{
+ background: none;
+ border: 1px solid #cc3467;
+ padding: 10px 5px;
+ color: #cc3467;
+ font-weight: bold;
+ letter-spacing: 1px;
+ min-width: 100px;
+ max-width: 100px;
+ display: block;
+ text-align: center;
+ margin: 0 50% 0 ;
+}
+.welcome a{
+ background: #cc3467;
+ border: 1px solid #cc3467;
+ padding: 10px 5px;
+ color: #fff;
+ font-weight: bold;
+ letter-spacing: 1px;
+ min-width: 100px;
+ max-width: 100px;
+ display: block;
+ text-align: center;
+ margin: 0 50% 0 ;
+}
+.welcome span{
+ color: yellow;
+ font-size: 20px;
+}
+.signout{
+ display: none;
+}
+/* adding */
+.addSection{
+ position: absolute;
+ bottom: 0;
+ min-height: 300px;
+ display: none;
+}
+.addSection .addpost{
+ display: grid;
+ grid-template-columns: 20% 80%;
+}
+.addlable{
+ padding: 10px 5px ;
+}
+.addinput{
+ min-width:400px;
+ max-width:400px;
+ margin-bottom: 10px;
+ padding: 10px 5px ;
+}
+textarea{
+ min-width:400px;
+ max-width:400px;
+ height: 150px;
+ padding: 10px 5px ;
+}
+.addbtn{
+ background: #cc3467;
+ border: 1px solid #cc3467;
+ padding: 10px 5px;
+ color: #fff;
+ text-transform: uppercase;
+ font-weight: bold;
+ letter-spacing: 1px;
+ min-width: 150px;
+ max-width: 150px;
+ display: block;
+ text-align: center;
+ cursor: pointer;
+ margin: 5% auto 0 auto;
}
footer{
margin: 5% 0;
diff --git a/public/html/login.html b/public/html/login.html
index 7ecd142..6cd575b 100644
--- a/public/html/login.html
+++ b/public/html/login.html
@@ -6,6 +6,7 @@
+
Post your self
diff --git a/public/html/signup.html b/public/html/signup.html
index 810b2dd..f5d68f2 100644
--- a/public/html/signup.html
+++ b/public/html/signup.html
@@ -5,6 +5,7 @@
+
Post your self
@@ -14,11 +15,11 @@ Post your mind
our website is to post any thing that you want ..
diff --git a/public/index.html b/public/index.html
index f2df11c..1b69a3a 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5,6 +5,7 @@
+
Post your self
@@ -15,11 +16,15 @@ Post your mind
+
+
Did you want to leave ?
+
logout
title
+
Add New Post