From 2f479fcbc4bdb9fd0f4d3ad65c4fd878cb8d3155 Mon Sep 17 00:00:00 2001 From: Jarek Stelmach Date: Wed, 14 Feb 2024 20:14:51 +0100 Subject: [PATCH 01/14] Adding styles to header section --- css/style.css | 66 +++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 59 +++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 125 insertions(+) create mode 100644 css/style.css create mode 100644 index.html diff --git a/css/style.css b/css/style.css new file mode 100644 index 00000000..0d642eca --- /dev/null +++ b/css/style.css @@ -0,0 +1,66 @@ +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +/* GENERAL */ +html { + font-size: 16px; +} + +body { + font-family: "Montserrat", sans-serif; +} + +.section { + width: 100vw; +} + +/* END OF GENERAL */ + +/* HEADER SECTION */ +.header__section { + width: 100vw; + height: 100vh; + background: radial-gradient(rgb(194, 74, 126), rgb(105, 86, 235)); + background-size: cover; +} + +.header__navbar { + width: 1150px; + height: 50px; + margin: 0 auto; + display: flex; + justify-content: space-between; + padding: 10px 30px; + padding-top: 30px; +} + +.menu__links { + display: flex; + width: 300px; + justify-content: space-around; + list-style: none; +} + +.menu__link { + text-decoration: none; +} + +.menu__link-item { + font-size: 1rem; + color: #fff; +} + +.nav-logo { + transform: scale(3); +} + +.header__hero { + width: 1150px; + margin: 0 auto; + display: flex; +} + +/* END OF HEADER SECTION */ diff --git a/index.html b/index.html new file mode 100644 index 00000000..91639f21 --- /dev/null +++ b/index.html @@ -0,0 +1,59 @@ + + + + + + + Nova + + + + + + + + + + +
+ +
+
+

Beautiful Free Nova Template

+

A top notch premium quality template for your next web project

+ +
+
+ Blueprint of a phone with some text +
+
+
+ + + + + +
+
+
+
+
+
+ + + \ No newline at end of file From dee743b3cc3fa025cbe5b70ed58a4e2b09eb4958 Mon Sep 17 00:00:00 2001 From: Jarek Stelmach Date: Wed, 14 Feb 2024 22:08:14 +0100 Subject: [PATCH 02/14] Ended styling header section --- css/style.css | 44 +++++++++++++++++++++++++++++++++++++++++--- index.html | 5 ++--- 2 files changed, 43 insertions(+), 6 deletions(-) diff --git a/css/style.css b/css/style.css index 0d642eca..ef17cb8f 100644 --- a/css/style.css +++ b/css/style.css @@ -21,8 +21,8 @@ body { /* HEADER SECTION */ .header__section { - width: 100vw; - height: 100vh; + width: 100%; + height: 110vh; background: radial-gradient(rgb(194, 74, 126), rgb(105, 86, 235)); background-size: cover; } @@ -35,6 +35,7 @@ body { justify-content: space-between; padding: 10px 30px; padding-top: 30px; + margin-bottom: 40px; } .menu__links { @@ -59,8 +60,45 @@ body { .header__hero { width: 1150px; - margin: 0 auto; + margin: 0 auto; display: flex; + margin-bottom: 40px; + color: #fff; + align-items: center; +} + +.header__hero-left { + width: 35%; +} + +.hero-left-heading { + font-size: 2.2rem; + font-weight: 700; + margin-bottom: 25px; +} + +.hero-left-paragraph { + margin-bottom: 25px; +} + +.hero-left-cta-button { + padding: 15px 50px; + color: #fff; + background-color: #25F18B; + border: none; + border-radius: 8px; +} + +.hero-right-image { + height: 400px;; + display: block; + border: 15px solid #fff; + border-radius: 15px; + transform: rotate(-5deg); + background-color: #fff; + position: relative; + top: 40px; + right: -50px; } /* END OF HEADER SECTION */ diff --git a/index.html b/index.html index 91639f21..e9e40521 100644 --- a/index.html +++ b/index.html @@ -9,6 +9,7 @@ + @@ -38,9 +39,7 @@

Beautiful Free Nova Template

A top notch premium quality template for your next web project

-
- Blueprint of a phone with some text -
+ Blueprint of a phone with some text From c4f9be48d7dce581d88128af9b93dc87d4135785 Mon Sep 17 00:00:00 2001 From: Jarek Stelmach Date: Wed, 14 Feb 2024 22:52:51 +0100 Subject: [PATCH 03/14] Made the features section --- css/style.css | 71 ++++++++++++++++++++++++++++++++++++++++++++++++--- index.html | 36 ++++++++++++++++++++++---- 2 files changed, 98 insertions(+), 9 deletions(-) diff --git a/css/style.css b/css/style.css index ef17cb8f..5ecbea3c 100644 --- a/css/style.css +++ b/css/style.css @@ -22,9 +22,9 @@ body { /* HEADER SECTION */ .header__section { width: 100%; - height: 110vh; + height: 100vh; background: radial-gradient(rgb(194, 74, 126), rgb(105, 86, 235)); - background-size: cover; + /* background-size: cover; */ } .header__navbar { @@ -84,13 +84,13 @@ body { .hero-left-cta-button { padding: 15px 50px; color: #fff; - background-color: #25F18B; + background-color: #25f18b; border: none; border-radius: 8px; } .hero-right-image { - height: 400px;; + height: 400px; display: block; border: 15px solid #fff; border-radius: 15px; @@ -102,3 +102,66 @@ body { } /* END OF HEADER SECTION */ + +/* FEATURES */ + +.features-section { + width: 100%; + height: 500px; + background-color: black; + color: #fff; + display: flex; + flex-direction: column; + align-items: center; +} + +.features__heading { + font-size: 2.2rem; + font-weight: 400; + text-transform: uppercase; + padding: 50px; +} + +.features__cards { + display: flex; + justify-content: center; + align-items: center; + margin-top: 30px; +} + +.features-cards-item { + width: 22%; + padding: 20px; + padding-bottom: 30px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.img-box { + background-color: #fff; + border-radius: 50%; + width: 30px; + height: 30px; + padding: 40px; + position: relative; + margin-bottom: 30px; +} + +.card__item-img { + position: absolute; + top: 50%; + height: 50%; + transform: translate(-50%, -50%); +} + +.card__item-heading { + margin-bottom: 20px; +} + +.card__item-paragraph { + text-align: center; +} + +/* END OF FEATURES */ diff --git a/index.html b/index.html index e9e40521..6b464f7d 100644 --- a/index.html +++ b/index.html @@ -9,7 +9,9 @@ - + @@ -36,18 +38,42 @@

Beautiful Free Nova Template

-

A top notch premium quality template for your next web project

+

A top notch premium quality template for your next web project.

Blueprint of a phone with some text
+
+

Features

+
+
+
+ Mobile phone logo +
+

Fully responsive

+

Looks amazing on any device: smartphone, tablet, laptop and desktop.

+
+
+
+ Logo tools +
+

Customizable

+

Change the colors,pictures or any of the sections to suit your needs. +

+
+
+
+ Award sign logo +
+

Slick and beautiful design

+

Trendy and fresh design, fits any website.

+
+
+
- - -
From 571bdaca31cbaa5bb188052a8a6a1bfa002dc7f5 Mon Sep 17 00:00:00 2001 From: Jaro Date: Fri, 16 Feb 2024 10:40:00 +0100 Subject: [PATCH 04/14] Added logos section --- css/style.css | 24 +++++++++++++++++++++++- index.html | 11 ++++++++++- 2 files changed, 33 insertions(+), 2 deletions(-) diff --git a/css/style.css b/css/style.css index 5ecbea3c..80ad1b2a 100644 --- a/css/style.css +++ b/css/style.css @@ -22,7 +22,7 @@ body { /* HEADER SECTION */ .header__section { width: 100%; - height: 100vh; + height: 80vh; background: radial-gradient(rgb(194, 74, 126), rgb(105, 86, 235)); /* background-size: cover; */ } @@ -165,3 +165,25 @@ body { } /* END OF FEATURES */ + +/* LOGOS SECTION */ + +.logos-section { + width: 100%; + background-color: #fff; + /* display: flex; + justify-content: center; + align-items: center; */ +} + +.logos__section-inner { + width: 1150px; + height: 100px; + margin: 0 auto; + display: flex; + justify-content: center; + align-items: center; + /* margin-bottom: 40px; */ +} + +/* END OF LOGOS SECTION */ diff --git a/index.html b/index.html index 6b464f7d..c230fc86 100644 --- a/index.html +++ b/index.html @@ -72,9 +72,18 @@

Slick and beautiful design

+
+
+ Group of logos +
+
+ + + + + -
From 9149d8ea267f5acbc13b2c6b4db37eb0affb3999 Mon Sep 17 00:00:00 2001 From: Jaro Date: Fri, 16 Feb 2024 11:16:15 +0100 Subject: [PATCH 05/14] Added mac section --- css/style.css | 44 ++++++++++++++++++++++++++++++++++++++++---- index.html | 13 ++++++++++++- 2 files changed, 52 insertions(+), 5 deletions(-) diff --git a/css/style.css b/css/style.css index 80ad1b2a..3a929ecd 100644 --- a/css/style.css +++ b/css/style.css @@ -171,9 +171,6 @@ body { .logos-section { width: 100%; background-color: #fff; - /* display: flex; - justify-content: center; - align-items: center; */ } .logos__section-inner { @@ -183,7 +180,46 @@ body { display: flex; justify-content: center; align-items: center; - /* margin-bottom: 40px; */ } /* END OF LOGOS SECTION */ + +/* MAC SECTION */ + +.mac-section { + width: 100%; + height: 600px; + background-color: #fff; + display: flex; + justify-content: space-around; +} + +.mac__left-section { + width: 45%; + display: flex; + justify-content: center; + align-items: center; +} + +.mac__left-section-img { + transform: scale(0.7); +} + +.mac__right-section { + width: 45%; +} + +.mac__right-section-heading { + font-size: 2rem; + text-transform: uppercase; + font-weight: 400; + margin-top: 50px; + margin-bottom: 50px; +} + +.mac__right-section-para { + width: 50%; + line-height: 2; +} + +/* END OF MAC SECTION */ diff --git a/index.html b/index.html index c230fc86..2377f5b9 100644 --- a/index.html +++ b/index.html @@ -78,13 +78,24 @@

Slick and beautiful design

+
+
+ Mac graphic +
+
+

Simple and Beautiful

+

Use Nova theme for your next web project. It is completely customizable + so you can change any of the sections to fit your needs. Nova Theme is Free for any kind of use, + personal or commercial. Have fun ang good luck!

+
+
+ -
From 839ed517ae2aed4cac1310e75a39651b30c7020c Mon Sep 17 00:00:00 2001 From: Jaro Date: Fri, 16 Feb 2024 11:20:20 +0100 Subject: [PATCH 06/14] Added postion changes to the mac section --- css/style.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/css/style.css b/css/style.css index 3a929ecd..301eebd0 100644 --- a/css/style.css +++ b/css/style.css @@ -191,11 +191,11 @@ body { height: 600px; background-color: #fff; display: flex; - justify-content: space-around; + justify-content: space-between; } .mac__left-section { - width: 45%; + width: 60%; display: flex; justify-content: center; align-items: center; @@ -206,7 +206,7 @@ body { } .mac__right-section { - width: 45%; + width: 40%; } .mac__right-section-heading { From 4458638391beb42045d63f9ce5b25dc8dce05240 Mon Sep 17 00:00:00 2001 From: Jaro Date: Fri, 16 Feb 2024 13:27:28 +0100 Subject: [PATCH 07/14] Added pricing section --- css/style.css | 105 +++++++++++++++++++++++++++++++++++++++++++++++++- index.html | 57 ++++++++++++++++++++++++++- 2 files changed, 159 insertions(+), 3 deletions(-) diff --git a/css/style.css b/css/style.css index 301eebd0..35bd2573 100644 --- a/css/style.css +++ b/css/style.css @@ -170,7 +170,8 @@ body { .logos-section { width: 100%; - background-color: #fff; + /* podmienić kolor tła w domu */ + background-color: rgb(219, 213, 213); } .logos__section-inner { @@ -192,6 +193,8 @@ body { background-color: #fff; display: flex; justify-content: space-between; + margin-top: 40px; + margin-bottom: 40px; } .mac__left-section { @@ -223,3 +226,103 @@ body { } /* END OF MAC SECTION */ + +/* PRICING SECTION */ + +.pricing-section { + width: 100%; + /* podmienić kolor tła w domu */ + background-color: rgb(219, 213, 213); + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.pricing__section-top { + width: 1150px; + height: 150px; + margin: 0 auto; + margin-top: 30px; + margin-bottom: 50px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.pricing__section-top-heading { + font-size: 2rem; + text-transform: uppercase; + font-weight: 400; + margin-bottom: 30px; +} + +.pricing__section-top-paragraph { + /* sprawdzić kolor czcionki w domu */ + color: rgba(255, 255, 255, 0.801); +} + +.pricing__section-bottom { + width: 1150px; + display: flex; + justify-content: center; + align-items: center; +} + +.pricing__section-bottom-card { + /* podmienić kolor tłą */ + background-color: rgb(219, 213, 213); + width: 300px; + height: 400px; + display: flex; + flex-direction: column; + align-items: center; + margin: 30px 20px; + padding-top: 40px; + padding-bottom: 60px; + border-radius: 10px; + position: relative; +} + +.highlighted { + background-color: #fff; + box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); +} + +.pricing-card-desc { + font-size: 1rem; + text-transform: uppercase; + font-weight: 400; + margin-bottom: 20px; + /* dopisać color jaśniejszy */ +} + +.pricing-card-price { + font-size: 3rem; + font-weight: 700; + margin-bottom: 10px; +} + +.pricing-card-desc2 { + font-size: 0.8rem; + margin-bottom: 30px; +} + +.offer-desc { + text-align: center; + font-weight: 700; +} + +.pricing-card-button { + position: absolute; + bottom: 10%; + padding: 15px 40px; + background-color: rgb(27, 203, 235); + color: #fff; + border: none; + border-radius: 10px; + font-size: 0.9rem; +} + +/* END OF PRICING SECTION */ diff --git a/index.html b/index.html index 2377f5b9..8cd96bf7 100644 --- a/index.html +++ b/index.html @@ -90,14 +90,67 @@

Simple and Beautiful

+
+
+

Choose your pricing plan

+

Pick any of our super affordable pricing plans

+
+
+
+

Basic

+

$15

+

per month

+
+

Up to 7 projects

+

2 additional Developers

+
+ +
+
+

Agency

+

$55

+

per month

+
+

Up to 25 projects

+

2 additional Developers

+

Unlimited Support

+
+ +
+
+

pro

+

$75

+

per month

+
+

Up to 25 projects

+

2 additional Developers

+

Unlimited Support

+

1.5GB Disk Space

+
+ +
+
+
+ +
+

The team

+
+ +
+ + + +
+ + + + -
-
From 42a91e0ec56386f3fbf504e8789b8d3e971ee688 Mon Sep 17 00:00:00 2001 From: Jaro Date: Fri, 16 Feb 2024 14:12:27 +0100 Subject: [PATCH 08/14] Aded team section --- css/style.css | 71 +++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 50 +++++++++++++++++++++++++----------- 2 files changed, 106 insertions(+), 15 deletions(-) diff --git a/css/style.css b/css/style.css index 35bd2573..f8a77ba7 100644 --- a/css/style.css +++ b/css/style.css @@ -237,6 +237,7 @@ body { flex-direction: column; justify-content: center; align-items: center; + padding-bottom: 60px; } .pricing__section-top { @@ -326,3 +327,73 @@ body { } /* END OF PRICING SECTION */ + +/* TEAM SECTION */ +.team-section { + width: 100%; + background-color: #fff; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding-bottom: 60px; +} + +.team__section-heading { + font-size: 2rem; + text-transform: uppercase; + font-weight: 400; + width: 1150px; + margin-bottom: 30px; + margin-top: 50px; + text-align: center; +} + +.team__section-cards { + width: 1150px; + display: flex; + justify-content: space-evenly; + align-items: center; +} + +.team__section-card { + background-color: #fff + width: 350px; + height: 400px; + display: flex; + flex-direction: column; + align-items: center; + margin: 30px 20px; + padding-top: 40px; + padding-bottom: 60px; + border-radius: 10px; + position: relative; +} + +.team-card-img { + margin-bottom: 30px; +} + +.team-card-heading { + font-weight: 400; + margin-bottom: 15px; +} + +.team-card-para1 { + font-weight: 700; + margin-bottom: 15px; +} + +.team-card-para2 { + margin-bottom: 15px; +} + +/* END OF TEAM SECTION */ + +/* FOOTER SECTION */ +.footer-section { + +} + + +/* END OF FOOTER SECTION */ diff --git a/index.html b/index.html index 8cd96bf7..48c7fdc9 100644 --- a/index.html +++ b/index.html @@ -135,23 +135,43 @@

$75

The team

- +
+ CTO +

CTO

+

Johnny B Good

+

The brains behind the whole operation

+
+ + +
+
+
+ CEO +

CEO

+

Roll Over Beethoven

+

The one that puts it all together

+
+ + +
+
+
+ CFO +

CFO

+

Chuck Berry

+

The guy with his hand on the wallet

+
+ + +
+
- - -
- - - - - - - - - - -
+ +
+

A free template by

+ +
\ No newline at end of file From 9041339767fa4f4323a191a7808c427c73ecb12f Mon Sep 17 00:00:00 2001 From: Jaro Date: Fri, 16 Feb 2024 14:17:17 +0100 Subject: [PATCH 09/14] Added footer section --- css/style.css | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/css/style.css b/css/style.css index f8a77ba7..bee225d5 100644 --- a/css/style.css +++ b/css/style.css @@ -52,6 +52,7 @@ body { .menu__link-item { font-size: 1rem; color: #fff; + font-weight: 700; } .nav-logo { @@ -392,7 +393,17 @@ body { /* FOOTER SECTION */ .footer-section { - + width: 100%; + height: 80px; + background-color: rgb(59, 58, 58); + display: flex; + justify-content: center; + align-items: center; +} + +.footer__section-para { + color: #fff; + margin-right: 10px; } From 0654642f4026a1deabfa223ce36f3f272326b38c Mon Sep 17 00:00:00 2001 From: Jaro Date: Fri, 16 Feb 2024 14:18:20 +0100 Subject: [PATCH 10/14] Solving one problem in css --- css/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/style.css b/css/style.css index bee225d5..5aa486b7 100644 --- a/css/style.css +++ b/css/style.css @@ -358,7 +358,7 @@ body { } .team__section-card { - background-color: #fff + background-color: #fff; width: 350px; height: 400px; display: flex; From bf48e1914f17b3f1121ec2b0b1f8199e046ac039 Mon Sep 17 00:00:00 2001 From: Jarek Stelmach Date: Sat, 17 Feb 2024 19:04:34 +0100 Subject: [PATCH 11/14] Changed backgrounds colors --- css/style.css | 15 +++++++-------- 1 file changed, 7 insertions(+), 8 deletions(-) diff --git a/css/style.css b/css/style.css index 5aa486b7..b0d4ca44 100644 --- a/css/style.css +++ b/css/style.css @@ -24,7 +24,6 @@ body { width: 100%; height: 80vh; background: radial-gradient(rgb(194, 74, 126), rgb(105, 86, 235)); - /* background-size: cover; */ } .header__navbar { @@ -171,8 +170,7 @@ body { .logos-section { width: 100%; - /* podmienić kolor tła w domu */ - background-color: rgb(219, 213, 213); + background-color: #f9fafa; } .logos__section-inner { @@ -232,8 +230,7 @@ body { .pricing-section { width: 100%; - /* podmienić kolor tła w domu */ - background-color: rgb(219, 213, 213); + background-color: #f9fafa; display: flex; flex-direction: column; justify-content: center; @@ -273,8 +270,7 @@ body { } .pricing__section-bottom-card { - /* podmienić kolor tłą */ - background-color: rgb(219, 213, 213); + background-color: #f9fafa; width: 300px; height: 400px; display: flex; @@ -389,6 +385,10 @@ body { margin-bottom: 15px; } +.team-twitter-logo { + margin-right: 15px; +} + /* END OF TEAM SECTION */ /* FOOTER SECTION */ @@ -406,5 +406,4 @@ body { margin-right: 10px; } - /* END OF FOOTER SECTION */ From 07932ef860a33adadf92fec29f928d03de044b05 Mon Sep 17 00:00:00 2001 From: Jarek Stelmach Date: Sat, 17 Feb 2024 19:14:18 +0100 Subject: [PATCH 12/14] Adding changes in features section --- css/style.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/css/style.css b/css/style.css index b0d4ca44..4fbcb628 100644 --- a/css/style.css +++ b/css/style.css @@ -22,7 +22,7 @@ body { /* HEADER SECTION */ .header__section { width: 100%; - height: 80vh; + height: 100vh; background: radial-gradient(rgb(194, 74, 126), rgb(105, 86, 235)); } @@ -130,12 +130,13 @@ body { } .features-cards-item { - width: 22%; + width: 300px; + height: 300px; padding: 20px; padding-bottom: 30px; display: flex; flex-direction: column; - justify-content: center; + /* justify-content: center; */ align-items: center; } From 645f3565458162113add4b7567f97c693b31c0df Mon Sep 17 00:00:00 2001 From: Jarek Stelmach Date: Sat, 17 Feb 2024 19:21:24 +0100 Subject: [PATCH 13/14] Added some lighter font colors --- css/style.css | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/css/style.css b/css/style.css index 4fbcb628..2eb03286 100644 --- a/css/style.css +++ b/css/style.css @@ -136,7 +136,6 @@ body { padding-bottom: 30px; display: flex; flex-direction: column; - /* justify-content: center; */ align-items: center; } @@ -221,8 +220,9 @@ body { } .mac__right-section-para { - width: 50%; + width: 80%; line-height: 2; + color: #adabab; } /* END OF MAC SECTION */ @@ -244,7 +244,7 @@ body { height: 150px; margin: 0 auto; margin-top: 30px; - margin-bottom: 50px; + margin-bottom: 20px; display: flex; flex-direction: column; justify-content: center; @@ -259,8 +259,7 @@ body { } .pricing__section-top-paragraph { - /* sprawdzić kolor czcionki w domu */ - color: rgba(255, 255, 255, 0.801); + color: #adabab; } .pricing__section-bottom { @@ -294,7 +293,7 @@ body { text-transform: uppercase; font-weight: 400; margin-bottom: 20px; - /* dopisać color jaśniejszy */ + color: #adabab; } .pricing-card-price { @@ -375,6 +374,7 @@ body { .team-card-heading { font-weight: 400; margin-bottom: 15px; + color: #adabab; } .team-card-para1 { @@ -384,6 +384,7 @@ body { .team-card-para2 { margin-bottom: 15px; + color: #adabab; } .team-twitter-logo { From 20e2d3b8632a7ca2f7fba1c612c7e2c5a02f490a Mon Sep 17 00:00:00 2001 From: Jarek Stelmach Date: Thu, 22 Feb 2024 18:43:53 +0100 Subject: [PATCH 14/14] Adding hover changes --- css/style.css | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) diff --git a/css/style.css b/css/style.css index 2eb03286..783d3fb5 100644 --- a/css/style.css +++ b/css/style.css @@ -52,10 +52,16 @@ body { font-size: 1rem; color: #fff; font-weight: 700; + transition: color 0.3s; +} + +.menu__link-item:hover { + color: #d1cbcb; } .nav-logo { transform: scale(3); + cursor: pointer; } .header__hero { @@ -87,6 +93,14 @@ body { background-color: #25f18b; border: none; border-radius: 8px; + outline: none; + cursor: pointer; + transition: background-color .3s; +} + +.hero-left-cta-button:hover { + background-color: #7dcaa4; + } .hero-right-image { @@ -321,6 +335,13 @@ body { border: none; border-radius: 10px; font-size: 0.9rem; + cursor: pointer; + transition: transform background-color .3s; +} + +.pricing-card-button:hover { + transform: scale(1.03); + background-color: rgb(25, 183, 211); } /* END OF PRICING SECTION */ @@ -389,6 +410,11 @@ body { .team-twitter-logo { margin-right: 15px; + cursor: pointer; +} + +.team-facebook-logo { + cursor: pointer; } /* END OF TEAM SECTION */