diff --git a/css/style.css b/css/style.css index b515e97c..679e6b61 100644 --- a/css/style.css +++ b/css/style.css @@ -20,8 +20,6 @@ body a{ /*-----start-header----*/ .header{ background: #134E5E; /* fallback for old browsers */ - background: -webkit-linear-gradient(to right, #71B280, #134E5E); /* Chrome 10-25, Safari 5.1-6 */ - background: linear-gradient(to right, #71B280, #134E5E); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ position: fixed; z-index: 5; width: 100%; @@ -55,7 +53,7 @@ body a{ color:#2ABF5E; } .top-nav ul li.active a{ - color:#d7ff0f; + color:#64e081; } .logo_img{ @@ -106,6 +104,7 @@ nav a#pull { margin-right: 2%; box-shadow: 10px 15px 5px #E5F0E7; color: #fff; + border-radius: 24px; } .about_tile h3{ @@ -154,7 +153,8 @@ nav a#pull { .Feature-content h2{ display: inline; padding: 3% 5%; - border: 3px solid #fff; + border: 2.5px solid #fff; + border-radius: 14px; } .team-tile{ background: #80CBC4; @@ -166,6 +166,7 @@ nav a#pull { flex-flow: row nowrap; color: #fff; margin: 2% 0 2% 0; + border-radius: 20px; } .team-tile div{ @@ -188,6 +189,7 @@ nav a#pull { .join-btn{ font-weight: 700; border: none; + border-radius: 20px; } .design{ @@ -254,41 +256,53 @@ nav a#pull { } /*----- banner -----*/ .banner{ - background:url(../images/bg.jpg) no-repeat 0px 0px; + background:url(https://i.pinimg.com/736x/d1/db/83/d1db836002d1d3c0c348a1f635dc8405.jpg) no-repeat 0px 0px; background-size:cover; - min-height: 595px; + min-height: 100vh; position:relative; } + +.banner .container { + width: 100%; + height: 100vh; + display: flex; + justify-content: start; + align-items: center; +} + .banner h1{ font-family: 'Open Sans', sans-serif; color:#FFF; - font-size:3em; - line-height: 1.5em; + font-size:12em; font-weight:400; width:100%; + margin-left: 50%; } .banner p{ font-family: 'Open Sans', sans-serif; color:#FFF; - font-size:1.9em; - line-height: 1.7em; + font-size:4em; font-weight:100; width:100%; + margin-left: 60%; } .banner-text { margin-top: 7em; } .banner-info{ - position: absolute; - top: 4%; - left: -2%; - width: 73%; + display: flex; + justify-content: start; + align-items: center; } .appp { - text-align: right; + display: flex; + justify-content: center; + align-items: center; + margin-top: 50px; + margin-left: 20%; } .appp img { - width: 71%; + width: 150%; } /*--about--*/ .about{ @@ -325,10 +339,9 @@ nav a#pull { } /******************/ #feature { - background: #1D976C; /* fallback for old browsers */ - background: -webkit-linear-gradient(to right, #93F9B9, #1D976C); /* Chrome 10-25, Safari 5.1-6 */ - background: linear-gradient(to right, #93F9B9, #1D976C); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ + background: #0b8198; /* fallback for old browsers */ padding:3em 0 0em 0em; + border-radius: 40px; } .test-monials h3{ text-align: center; @@ -657,11 +670,15 @@ div#demo { /*--contact--*/ .contact{ padding: 3.3em 0 4em 0; - background: #134E5E; /* fallback for old browsers */ - background: -webkit-linear-gradient(to right, #71B280, #134E5E); /* Chrome 10-25, Safari 5.1-6 */ - background: linear-gradient(to right, #71B280, #134E5E); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ + background: #134E5E; + background: linear-gradient(to right, rgb(23, 56, 78), #134E5E); } + +.textbox { + border-radius: 14px; +} + .contact h3{ text-align: center; font-size: 2.7em; @@ -711,11 +728,11 @@ p.comment-form-author { resize: none; height: 200px; font-family: 'Open Sans', sans-serif; + border-radius: 16px; } .contact-form input[type="submit"]{ padding: 0.6em 2em; text-decoration: none; - border: 2px solid #1E494C; margin-top: 1em; display: inline-block; font-family: 'Open Sans', sans-serif; @@ -728,13 +745,15 @@ p.comment-form-author { -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; - border-radius: 0.4em; + border-radius: 14px; -moz-border-radius: 0.4em; -o-border-radius: 0.4em; - background: #ffffff; + background: #398D95; font-weight: 700; width:37%; outline: none; + color: white; + border: white; } .contact-form input[type="submit"]:hover{ background: none; @@ -796,9 +815,10 @@ p.comment-form-author { .top-nav ul li a {padding: 0px 0.2em;color:#ffffff;} .logo {margin-top: 1.2em;} .banner { - background: url(../images/bg.jpg) no-repeat 0px 0px; + background: url(https://i.pinimg.com/1200x/0c/c8/cc/0cc8cc910f55994bb077b3ab0774a2d2.jpg) no-repeat 0px 0px; background-size: cover; min-height: 594px; + background-position: center; } .gallery-head p { margin: 0.9em auto; diff --git a/images/bg.jpg b/images/bg.jpg deleted file mode 100644 index d1074c01..00000000 Binary files a/images/bg.jpg and /dev/null differ diff --git a/index.html b/index.html index d7be7e04..9b1b5304 100644 --- a/index.html +++ b/index.html @@ -636,7 +636,7 @@