diff --git a/README.md b/README.md
index 0e2b12d..e35dd8f 100644
--- a/README.md
+++ b/README.md
@@ -1,13 +1,5 @@
-HTML5-CSS3-Layout
+HTML5-CSS3-Layout/Template
=================
-My challenge build out photoshop file into a responsive demo-webpage for 3-4 hours.
+My challenge build out photoshop file into a responsive demo-webpage for 4 hours.
-#TODO
-
- - fixed header menu: position, hover effect.
- - testing/fix to old versions browsers(IE)
- - rename custom tags(if needed)
- - add JS/html slowdown effect to scroll by the anchor menu(if needed)
- - add Icon(if needed)
-
diff --git a/README.md~ b/README.md~
deleted file mode 100644
index 12805f2..0000000
--- a/README.md~
+++ /dev/null
@@ -1,13 +0,0 @@
-HTML5-CSS3-Layout
-=================
-
-My build out photoshop file into a responsive demo-webpage
-
-TODO
-
- - fixed header menu: position, hover effect.
- - testing/fix to old versions browsers(IE)
- - rename custom tags(if needed)
- - add JS/html slowdown effect to scroll by the anchor menu(if needed)
- - add Icon(if needed)
-
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
index a453950..b00c3ca 100644
--- a/css/style.css
+++ b/css/style.css
@@ -90,37 +90,37 @@ hero {
height: 470px;
}
- .hero-h2 {
- white-space:pre-line;
- display: inline-block;
- color: rgb(255, 255, 255);
- font: 55px/45px Georgia, sans-serif;
- line-height: 1.5;
- margin: 0;
- padding: 0;
- left: 202px;
- width: 712px;
- height: 195px;
- }
+.hero-h2 {
+ white-space:pre-line;
+ display: inline-block;
+ color: rgb(255, 255, 255);
+ font: 55px/45px Georgia, sans-serif;
+ line-height: 1.5;
+ margin: 0;
+ padding: 0;
+ left: 202px;
+ width: 712px;
+ height: 195px;
+}
- .button-hero {
- font-size: 24px;
- font-family: Georgia;
- color: rgb(255, 255, 255);
- background-color: rgb(0, 0, 0);
- line-height: 3.5;
- width: 215px;
- height: 80px;
- position: absolute;
- bottom: 0;
- margin: 0px auto;
- }
- .button-hero:hover{
- background-color: rgb(87, 255, 202);
- -webkit-transition: 2s;
- -moz-transition: 2s;
- transition: 2s;
- }
+.button-hero {
+ font-size: 24px;
+ font-family: Georgia;
+ color: rgb(255, 255, 255);
+ background-color: rgb(0, 0, 0);
+ line-height: 3.5;
+ width: 215px;
+ height: 80px;
+ position: absolute;
+ bottom: 0;
+ margin: 0px auto;
+}
+.button-hero:hover{
+ background-color: rgb(87, 255, 202);
+ -webkit-transition: 2s;
+ -moz-transition: 2s;
+ transition: 2s;
+}
ourprojects {
height: 595px;
@@ -129,67 +129,67 @@ ourprojects {
overflow: hidden;
}
- .tittle-projects-h6 {
- font: 14px/14px Lato;
- font-weight: normal;
- color: rgb(102, 102, 102);
- text-transform: uppercase;
- text-align: center;
- padding: 15px;
- }
+.tittle-projects-h6 {
+ font: 14px/14px Lato;
+ font-weight: normal;
+ color: rgb(102, 102, 102);
+ text-transform: uppercase;
+ text-align: center;
+ padding: 15px;
+}
- .our-projects ul li {
- display: inline-block;
- }
- .our-projects ul li img {
- border-radius: 50%;
- }
+.our-projects ul li {
+ display: inline-block;
+}
+.our-projects ul li img {
+ border-radius: 50%;
+}
- .our-projects ul li .our-projects-h4 {
- font: 21px/21px Lato;
- color: rgb(102, 102, 102);
- text-transform: uppercase;
- line-height: 1;
- text-align: center;
- }
- .our-projects ul li .our-projects-h5 {
- font: 13px/13px Georgia;
- color: rgb(102, 102, 102);
- line-height: 1.615;
- white-space:pre-line;
- margin-top: -30px;
- }
- .our-projects ul li .our-projects-h4,.our-projects-h5,img {
- margin-right: 20px;
- width:300px;
- }
+.our-projects ul li .our-projects-h4 {
+ font: 21px/21px Lato;
+ color: rgb(102, 102, 102);
+ text-transform: uppercase;
+ line-height: 1;
+ text-align: center;
+}
+.our-projects ul li .our-projects-h5 {
+ font: 13px/13px Georgia;
+ color: rgb(102, 102, 102);
+ line-height: 1.615;
+ white-space:pre-line;
+ margin-top: -30px;
+}
+.our-projects ul li .our-projects-h4,.our-projects-h5,img {
+ margin-right: 20px;
+ width:300px;
+}
- aboutus {
- background-color: rgb(87, 255, 202);
- opacity: 0.6;
- position: absolute;
- top: 1133px;
- height: 560px;
- text-align: center;
- }
- aboutus .tittle-projects-h6{
- color: #000000;
- }
+aboutus {
+ background-color: rgb(87, 255, 202);
+ opacity: 0.6;
+ position: absolute;
+ top: 1133px;
+ height: 560px;
+ text-align: center;
+}
+aboutus .tittle-projects-h6{
+ color: #000000;
+}
- .aboutus-h3{
- font: 42px/42px Lato;
- font-weight: normal;
- white-space:pre-line;
- color: #000000;
- text-transform: uppercase;
- line-height: 1;
- margin-top: -70px;
- }
+.aboutus-h3{
+ font: 42px/42px Lato;
+ font-weight: normal;
+ white-space:pre-line;
+ color: #000000;
+ text-transform: uppercase;
+ line-height: 1;
+ margin-top: -70px;
+}
- aboutus p {
- font: 18px/18px Georgia sans-serif;
- color: #000000;;
- }
+aboutus p {
+ font: 18px/18px Georgia sans-serif;
+ color: #000000;;
+}
footer{
background-color: rgb(102, 102, 102);
@@ -214,4 +214,4 @@ footer a {
}
.copyright a {
color: rgb(255, 255, 255);
-}
\ No newline at end of file
+}