From 8daf11f00bc76bc1a1f8faffe82c75c7a0c5b6b8 Mon Sep 17 00:00:00 2001 From: Kenji Greene Date: Wed, 15 Jan 2020 11:59:07 -0500 Subject: [PATCH 01/12] half way through formatting html --- great-idea-website/css/index.css | 2 +- great-idea-website/index.html | 55 +++++++++++++++++--------------- 2 files changed, 30 insertions(+), 27 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 7766e7f18..8eb088f1b 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -63,4 +63,4 @@ h1, h2, h3, h4, h5 { margin-bottom: 15px; } -/* Your code starts here! */ \ No newline at end of file +/* Your code starts here! */ diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 92beabd65..2e0bc77a9 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -15,49 +15,52 @@ - - Services - Product - Vision - Features - About - Contact - + - Innovation - On - Demand +

Innovation

+

On

+

Demand

- Get Started +

Get Started

Image of a code snippet. - Features +

Features

Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis. - About +

About

Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis. Image of code snippets across the screen - Services +

Services

Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis. - Product +

Product

Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis. - Vision +

Vision

Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis. - - Contact - 123 Way 456 Street - Somewhere, USA - 1 (888) 888-8888 - sales@greatidea.io - - Copyright Great Idea! 2018 - +
+

Contact

+
Way 456 Street + Somewhere, USA

+
(888) 888-8888

+
sales@greatidea.io
+
+ \ No newline at end of file From f16548ea2ad0852bd64eed1b70b95288a3747a03 Mon Sep 17 00:00:00 2001 From: Kenji Greene Date: Wed, 15 Jan 2020 14:16:38 -0500 Subject: [PATCH 02/12] finished base html format --- design-files/desktop.jpg | Bin 309462 -> 326114 bytes great-idea-website/css/index.css | 12 +++++ great-idea-website/index.html | 87 +++++++++++++++++-------------- 3 files changed, 59 insertions(+), 40 deletions(-) diff --git a/design-files/desktop.jpg b/design-files/desktop.jpg index 1362654514633b47bd1ebec2b05a47bcff8c3f8c..ff21f08c726c27604ecb1b6e37c18ad3551a31fe 100644 GIT binary patch delta 12923 zcmciJ&1(}u6aetq58Jf0QmWp9ghDN-wAp@9LTxFw1%;w`upl0+O^QL<)HcxEawu4j zhVBj+V-JGpeVt9RyR*CVcIRuGkmSwVx9>M^a%!NT{|x{7d%kXe zwSSN{yB8AQY&vEw6=z>;7kVfpaG=g=rUeB z(uR@Y)Zr)6EHD3Dn{3AyaLwDJGBVpWDD&YYi+XYHEM5=X!*3{ig5NT&#^|QmdNumm zsIQlIij{-?+?~gjY9+T)ELSUgIV(S&AGh*(%Nn<4r{<;+Th(NKGGEAB1#2c}O%-P5 z3e(egoBkd$pZqO25q`8@jy`a9^2TUnFX~gr%?&NvxIL>6_BWnw8-x9Qjekof{^)DX zYKPi2rhSYoI5+e)zv;(yCz_wwD{d8*OZ%I9<=twzvg2IuB=0V-;>G+#tx((E-7Zx( z@G7V9QHOddRbT}4p<4v#J6%ejDMPpV}!dnJ|hXKS6;v$mI(w zTz(2l)OQiC`J-(TGOhxbsqm8(6~2tZ?x&-Kd;(E%{-N&fl2F`K^i$erQlhS#Ve};x zSBriI{L~cE4I%-bER&3b3fxT2XI12Ud4#3ibg+^!$N|00pSVX(69m5%Lu( zG5)D2Fd}sRz&Nl1+kzKFu_t5pCWBmDCNz2J20D9Zd;1>PK|FQ{<($`zX5K{)59 zHHyt8jiSa+Qs6D}_~HtWpN10gJ%nfeNSCC9r@(~@dEVu(`J) z6)zbHWPLUz!g>idUsmzBNI?4ODFhorNS~;Z4MPgtPReIiqtzlN`Q;!r`Z)gnb|3m_OVkaqTN` zsl3mk$op~%tDlw<@B@ha`3HLYi-6*%!;z%VsDxF2&E!ifz88)NKSjk?!wBK~Mbc4N zfg8&B?23%9LP_@1Rk}U}kvV^0DvAPB;t)8-4aGJ=DwrXk&M i{&mEA7^bG5>FLejt80h0d1RX!e(CsSyt7U7OY1+KDXHE7 delta 223 zcmaF#S@_yVA;JGQ{y$`paIMHpV_@*~)MDV6%qpnB#9T8uT1aNHv!EHH!sKefTp;;c z(2-GLvw=`EqoQL6GF!{dllwbuL{i2jK zE0@&b6 z2eybI - - -

Innovation

-

On

-

Demand

- -

Get Started

- - Image of a code snippet. - -

Features

- Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis. - - -

About

- Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis. - - Image of code snippets across the screen - -

Services

- Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis. - - -

Product

- Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis. +
+ +
+ +
+

Innovation

+

On

+

Demand

+
+

Get Started

-

Vision

- Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis. -
-

Contact

-
Way 456 Street + Image of a code snippet. +
+
+

Features

+

Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.

+
+
+
+

About

+

Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.

+
+ Image of code snippets across the screen +
+

Services

+

Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.

+
+
+

Product

+

Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.

+
+
+

Vision

+

Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.

+
+
+

Contact

+
Way 456 Street Somewhere, USA

-
(888) 888-8888

-
sales@greatidea.io
-
+
(888) 888-8888

+
sales@greatidea.io
+

Copyright Great Idea! 2018

From c43ff4823f455f32a38b036531660b75eb31c969 Mon Sep 17 00:00:00 2001 From: Kenji Greene Date: Wed, 15 Jan 2020 16:39:42 -0500 Subject: [PATCH 03/12] styled header and changed sections --- great-idea-website/css/index.css | 25 +++++++++++++++++++++++-- great-idea-website/index.html | 32 +++++++++++++++----------------- 2 files changed, 38 insertions(+), 19 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 69b66f210..6c0bb6cd8 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -64,15 +64,36 @@ h1, h2, h3, h4, h5 { } /* Your code starts here! */ +/*Header Styling*/ +header nav{ + display: inline-block; + margin-top: 25px; + margin-bottom: 20px; +} +header nav a{ + margin: 0 30px; + color: grey; + text-decoration: none; + font-size: 14px; +} +.logo{ + display: inline-block; + margin-left: 40px; + margin-top: 30px; +} body{ margin: auto; width: 876px; border: 1px solid black; } -.fa div{ +div.feat{ + display: inline-block; + width: 50%; +} +div.abt{ display: inline-block; width: 50%; } title{ display: inline-block; -} \ No newline at end of file +} diff --git a/great-idea-website/index.html b/great-idea-website/index.html index fc7da98cb..c3e735f1e 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -16,44 +16,44 @@
+
-
+ +

Innovation

On

Demand

-

Get Started

Image of a code snippet. -
+ +
+

Features

Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.

-
-
+

About

Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.

+
Image of code snippets across the screen +

Services

Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.

-
-

Product

Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.

-
-

Vision

Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.

@@ -63,9 +63,7 @@

Contact

Somewhere, USA
(888) 888-8888

sales@greatidea.io
-
-

Copyright Great Idea! 2018

From a8060178db6ac099b1f4894b6d46180a37441f04 Mon Sep 17 00:00:00 2001 From: Kenji Greene Date: Wed, 15 Jan 2020 17:11:12 -0500 Subject: [PATCH 04/12] started title styling --- great-idea-website/css/index.css | 20 ++++++++++++++++---- great-idea-website/index.html | 17 +++++++++-------- 2 files changed, 25 insertions(+), 12 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 6c0bb6cd8..4f0dc166c 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -67,8 +67,8 @@ h1, h2, h3, h4, h5 { /*Header Styling*/ header nav{ display: inline-block; - margin-top: 25px; - margin-bottom: 20px; + margin: 25px 30px 0px; + width: 65%; } header nav a{ margin: 0 30px; @@ -78,12 +78,24 @@ header nav a{ } .logo{ display: inline-block; - margin-left: 40px; margin-top: 30px; } +/*title styling*/ +h1{ + font-size: 80px; +} +div.title{ + text-align: center; + width: 50%; + display: inline-block; +} +.code{ + display: inline-block; + width: 50%; +} body{ margin: auto; - width: 876px; + width: 1000px; border: 1px solid black; } div.feat{ diff --git a/great-idea-website/index.html b/great-idea-website/index.html index c3e735f1e..b19aeddf1 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -28,14 +28,15 @@ -
-

Innovation

-

On

-

Demand

-

Get Started

- - Image of a code snippet. -
+
+
+

Innovation

+

On

+

Demand

+

Get Started

+
+ Image of a code snippet. +
From 3b0645b6fd0f8c678b90d79a0998598513065496 Mon Sep 17 00:00:00 2001 From: Kenji Greene Date: Wed, 15 Jan 2020 17:45:05 -0500 Subject: [PATCH 05/12] started main section styling --- great-idea-website/css/index.css | 20 +++++++++++--------- great-idea-website/index.html | 2 +- 2 files changed, 12 insertions(+), 10 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 4f0dc166c..02322bfed 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -64,6 +64,11 @@ h1, h2, h3, h4, h5 { } /* Your code starts here! */ +body{ + margin: auto; + width: 1000px; + border: 1px solid black; +} /*Header Styling*/ header nav{ display: inline-block; @@ -86,25 +91,22 @@ h1{ } div.title{ text-align: center; - width: 50%; + width: 49%; display: inline-block; } .code{ display: inline-block; - width: 50%; -} -body{ - margin: auto; - width: 1000px; - border: 1px solid black; + width: 49%; + padding: 50px; } +/*main section styling*/ div.feat{ display: inline-block; - width: 50%; + width: 49%; } div.abt{ display: inline-block; - width: 50%; + width: 49%; } title{ display: inline-block; diff --git a/great-idea-website/index.html b/great-idea-website/index.html index b19aeddf1..ad5fbe520 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -33,7 +33,7 @@

Innovation

On

Demand

-

Get Started

+
Image of a code snippet.
From 3634f260fd1e004a018c0260d43564bdd78f2f64 Mon Sep 17 00:00:00 2001 From: Kenji Greene Date: Wed, 15 Jan 2020 18:11:41 -0500 Subject: [PATCH 06/12] half way through main section styling --- great-idea-website/css/index.css | 18 +++++++++++++----- great-idea-website/index.html | 4 ++-- 2 files changed, 15 insertions(+), 7 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 02322bfed..ebcc08512 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -100,14 +100,22 @@ div.title{ padding: 50px; } /*main section styling*/ +hr { + width:90%; + height:3px; + background:black; +} div.feat{ display: inline-block; - width: 49%; + width: 40%; + margin: 30px 10px 30px 45px; } div.abt{ display: inline-block; - width: 49%; -} -title{ - display: inline-block; + width: 40%; + margin: 30px 10px 30px 45px; } +.middle-img{ + width: 90%; + margin: 0px 49px 0px; +} \ No newline at end of file diff --git a/great-idea-website/index.html b/great-idea-website/index.html index ad5fbe520..77920067c 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -38,15 +38,14 @@

Demand

Image of a code snippet.
+
-

Features

Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.

About

Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.

-
Image of code snippets across the screen
@@ -57,6 +56,7 @@

Product

Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.

Vision

Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.

+

Contact

From 8e50c38f4eef738da8ee9622ab4e8f739385bafa Mon Sep 17 00:00:00 2001 From: Kenji Greene Date: Wed, 15 Jan 2020 18:42:24 -0500 Subject: [PATCH 07/12] finished middle section --- great-idea-website/css/index.css | 13 +++++++++++++ great-idea-website/index.html | 8 ++++++-- 2 files changed, 19 insertions(+), 2 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index ebcc08512..67ff3e84e 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -118,4 +118,17 @@ div.abt{ .middle-img{ width: 90%; margin: 0px 49px 0px; +} +div.service{ + display: inline-block; + width: 29%; + margin: 30px 10px 30px 45px; +} +div.product{ + display: inline-block; + width: 29%; +} +div.vision{ + display: inline-block; + width:29%; } \ No newline at end of file diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 77920067c..d19adb934 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -49,15 +49,19 @@

About

Image of code snippets across the screen -
+

Services

Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.

+
+

Product

Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.

+
+

Vision

Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.

+
-

Contact

Way 456 Street From e3a00b1c20b98aff68e5e290a252fafb26327fea Mon Sep 17 00:00:00 2001 From: Kenji Greene Date: Thu, 16 Jan 2020 01:43:01 -0500 Subject: [PATCH 08/12] finished contact and footer --- great-idea-website/css/index.css | 14 ++++++++++++-- great-idea-website/index.html | 4 ++-- 2 files changed, 14 insertions(+), 4 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 67ff3e84e..f6429948e 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -67,7 +67,6 @@ h1, h2, h3, h4, h5 { body{ margin: auto; width: 1000px; - border: 1px solid black; } /*Header Styling*/ header nav{ @@ -91,7 +90,7 @@ h1{ } div.title{ text-align: center; - width: 49%; + width: 50%; display: inline-block; } .code{ @@ -131,4 +130,15 @@ div.product{ div.vision{ display: inline-block; width:29%; +} +/*contact info/footer*/ +div.contact{ + width: 16%; + display: inline-block; + margin-left: 45px; + margin-top: 30px; +} +footer{ + text-align: center; + margin: 50px 0px; } \ No newline at end of file diff --git a/great-idea-website/index.html b/great-idea-website/index.html index d19adb934..82a1434b8 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -62,15 +62,15 @@

Vision

Aliquam elementum magna eros, ac posuere elvit tempus et. Suspendisse vel tempus odio, in interdutm nisi. Suspendisse eu ornare nisl. Nullam convallis augue justo, at imperdiet metus scelerisque quis.

-
+

Contact

Way 456 Street Somewhere, USA

(888) 888-8888

sales@greatidea.io
+

Copyright Great Idea! 2018

-
\ No newline at end of file From 8b7490566732da6732f2c1b06dcc13f9bc6c71ea Mon Sep 17 00:00:00 2001 From: Kenji Greene Date: Thu, 16 Jan 2020 01:57:05 -0500 Subject: [PATCH 09/12] started work on nav bar --- great-idea-website/css/index.css | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index f6429948e..33509af8d 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -80,6 +80,10 @@ header nav a{ text-decoration: none; font-size: 14px; } +/*nav bar*/ +header{ + background-color: rgb(0, 0, 92); +} .logo{ display: inline-block; margin-top: 30px; @@ -90,8 +94,14 @@ h1{ } div.title{ text-align: center; - width: 50%; + width: 49%; display: inline-block; + padding: 50px; +} +button{ + width: 150px; + height: 30px; + border: 1px solid black; } .code{ display: inline-block; From f955d11029c68976f5bdaafee72ae869e04f95a0 Mon Sep 17 00:00:00 2001 From: Kenji Greene Date: Thu, 16 Jan 2020 02:15:39 -0500 Subject: [PATCH 10/12] finished nav bar --- great-idea-website/css/index.css | 25 +++++++++++++++++++------ great-idea-website/index.html | 4 +++- 2 files changed, 22 insertions(+), 7 deletions(-) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index 33509af8d..c416b03d1 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -71,8 +71,8 @@ body{ /*Header Styling*/ header nav{ display: inline-block; - margin: 25px 30px 0px; - width: 65%; + margin: 25px 0px 10px 15px; + width: 75%; } header nav a{ margin: 0 30px; @@ -81,12 +81,22 @@ header nav a{ font-size: 14px; } /*nav bar*/ -header{ +.navbar { + overflow: hidden; + position: fixed; + top: 0; + width: 49%; background-color: rgb(0, 0, 92); -} + } +.navbar a { + float: left; + display: inline-block; + text-align: center; + text-decoration: none; + } .logo{ display: inline-block; - margin-top: 30px; + padding: 25px 15px 0px 0px; } /*title styling*/ h1{ @@ -106,7 +116,10 @@ button{ .code{ display: inline-block; width: 49%; - padding: 50px; + padding: 0px 50px; +} +div.fix{ + margin-top: 100px; } /*main section styling*/ hr { diff --git a/great-idea-website/index.html b/great-idea-website/index.html index 82a1434b8..516dba15c 100644 --- a/great-idea-website/index.html +++ b/great-idea-website/index.html @@ -17,6 +17,7 @@
+
+
-
+

Innovation

On

From 1df40dd4672ae5274f5061c59b5d0aebf903fcd3 Mon Sep 17 00:00:00 2001 From: Kenji Greene Date: Thu, 16 Jan 2020 02:19:53 -0500 Subject: [PATCH 11/12] finished nav bar hover --- great-idea-website/css/index.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index c416b03d1..d40093240 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -88,6 +88,12 @@ header nav a{ width: 49%; background-color: rgb(0, 0, 92); } +.navbar:hover{ + background-color: rgb(0, 110, 255); +} +.navbar a:hover{ + color: rgb(0, 0, 92); +} .navbar a { float: left; display: inline-block; From 406f5bc9842b9670d16e7479fa14702bdf7dbe95 Mon Sep 17 00:00:00 2001 From: Kenji Greene Date: Thu, 16 Jan 2020 02:25:02 -0500 Subject: [PATCH 12/12] finished animations on button and nav bar --- great-idea-website/css/index.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/great-idea-website/css/index.css b/great-idea-website/css/index.css index d40093240..29a478a55 100644 --- a/great-idea-website/css/index.css +++ b/great-idea-website/css/index.css @@ -93,6 +93,7 @@ header nav a{ } .navbar a:hover{ color: rgb(0, 0, 92); + animation: Highlight 2s; } .navbar a { float: left; @@ -119,6 +120,23 @@ button{ height: 30px; border: 1px solid black; } +button:hover{ + animation: Highlight 10s; +} +@keyframes Highlight { + 0%{ + transform: scale(1); + } + 20%{ + transform: scale(1.2) + } + 60%{ + transform: scale(1.2) + } + 100%{ + transform: scale(1.2) + } + } .code{ display: inline-block; width: 49%;