-
-
Notifications
You must be signed in to change notification settings - Fork 260
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
resized card-imgs of our features section
- Loading branch information
1 parent
eeedad5
commit 3555743
Showing
1 changed file
with
18 additions
and
22 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -24,37 +24,29 @@ | |
| } | ||
|
|
||
|
|
||
| <label for="dark-mode-toggle" style="margin: 20px; display: block; text-align: center;"><label for="dark-mode-toggle"><input type="checkbox" id="dark-mode-toggle" />Toggle Dark Mode </label></label>.features-card { | ||
| /* <label for = "dark-mode-toggle" style="margin: 20px; display: block; text-align: center;"><label for="dark-mode-toggle"><input type="checkbox" id="dark-mode-toggle" />Toggle Dark Mode </label></label>.features-card { | ||
| background-color: white; | ||
| padding: 30px; | ||
| padding : 30px; | ||
| border-radius: 8px; | ||
| box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); | ||
| width: calc(25% - 30px); | ||
| text-align: center; | ||
| transition: transform 0.3s, box-shadow 0.3s, z-index 0.3s; | ||
| position: relative; | ||
| z-index: 1; | ||
| } | ||
| } */ | ||
|
|
||
| .features-card:hover { | ||
| transform: translateY(-10px) scale(1.1); | ||
| box-shadow: 0 4px 8px #0073b1; | ||
| z-index: 3; | ||
| } | ||
|
|
||
| .features-card img { | ||
| width: 60px; | ||
| height: 60px; | ||
| margin-bottom: 20px; | ||
| border-radius: 10px; | ||
| transition: transform 0.3s ease; | ||
| } | ||
|
|
||
| < !-- Features Section --><style>.features { | ||
| /* < !-- Features Section --><style>.features { | ||
| padding: 60px 20px; | ||
| background-color: #f9f9f9; | ||
| /* Consider changing this to a darker tone if needed */ | ||
| } | ||
| /* Consider changing this to a darker tone if needed | ||
| } */ | ||
|
|
||
| .features h2 { | ||
| text-align: center; | ||
|
|
@@ -76,8 +68,8 @@ | |
| .features-card { | ||
| background-color: #fff; | ||
| /* You might want to change this to a softer off-white */ | ||
| padding: 30px; | ||
| border-radius: 8px; | ||
|
|
||
| border-radius: 18px; | ||
| box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); | ||
| width: calc(25% - 30px); | ||
| text-align: center; | ||
|
|
@@ -95,12 +87,12 @@ | |
| } | ||
|
|
||
| .features-card img { | ||
| width: 60px; | ||
| width: 100%; | ||
| /* Set the width for the icon images */ | ||
| height: 60px; | ||
| height: 185px; | ||
| /* Set the height for the icon images */ | ||
| margin-bottom: 20px; | ||
| border-radius: 10px; | ||
| /* margin-bottom: 20px; */ | ||
| border-radius: 10px 10px 0 0; | ||
| /* Rounded corners for the images */ | ||
| transition: transform 0.3s ease; | ||
| } | ||
|
|
@@ -408,8 +400,10 @@ | |
| /* Remove default margin */ | ||
| background: linear-gradient(90deg, #ff6f61, #de8c3e); | ||
| /* Gradient background */ | ||
| -webkit-background-clip: text; | ||
| /* Clip background to text */ | ||
|
|
||
| background-clip: text; /* Standard property */ | ||
| -webkit-background-clip: text; /* Clip background to text */ /* For Safari and older versions of Chrome */ | ||
|
|
||
| -webkit-text-fill-color: transparent; | ||
| /* Fill color to transparent for effect */ | ||
| } | ||
|
|
@@ -541,6 +535,7 @@ | |
| margin-top: 20px; | ||
| border-top: 1px solid rgba(255, 255, 255, 0.1); | ||
| } | ||
| } | ||
|
|
||
| /* Responsive Styles */ | ||
| @media (max-width: 768px) { | ||
|
|
@@ -794,6 +789,7 @@ <h3>Connect With Us</h3> | |
| scrollToTopBtn.onclick = function () { | ||
| window.scrollTo({ top: 0, behavior: 'smooth' }); // Smooth scroll to top | ||
| }; | ||
| </script> | ||
|
|
||
| <script src="https://unpkg.com/[email protected]/dist/typed.umd.js"> | ||
| </script> | ||
|
|
||