Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Change colour , font -size in the project #312

Closed
wants to merge 4 commits into from
+92 −17
Closed

Change colour , font -size in the project #312

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
f64aecf
Change colour , font -size in the project
Dipanita45 Oct 6, 2024
2113b2f
Merge branch 'main' into main
GarimaSingh0109 Oct 6, 2024
cc8b4b3
I had made neccessary changes
Dipanita45 Oct 10, 2024
004a75e
Merge branch 'main' into main
GarimaSingh0109 Oct 12, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
87 changes: 73 additions & 14 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@
/* Features Section */
.features {
padding: 60px 20px;
background-color: #f9f9f9;
background-color:rgb(255, 248, 220);
}


Expand All @@ -31,7 +31,7 @@
background-color: white;
padding : 30px;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
width: calc(25% - 30px);
text-align: center;
transition: transform 0.3s, box-shadow 0.3s, z-index 0.3s;
Expand All @@ -41,7 +41,7 @@

.features-card:hover {
transform: translateY(-10px) scale(1.1);
box-shadow: 0 4px 8px #0073b1;
box-shadow: 0 5px 8px #1077ae;
z-index: 3;
}

Expand Down Expand Up @@ -111,8 +111,8 @@
width: 60px;
height: 60px;
margin-bottom: 20px;
border-radius: 10px;
transition: transform 0.3s ease;
border-radius: 30px;
transition: transform 0.3s ease-in-out;
}

.features {
Expand Down Expand Up @@ -164,8 +164,13 @@
/* Set the width for the icon images */
height: 185px;
/* Set the height for the icon images */

margin-bottom: 20px;
border-radius: 30px;

/* margin-bottom: 20px; */
border-radius: 10px 10px 0 0;

/* Rounded corners for the images */
transition: transform 0.3s ease;
}
Expand Down Expand Up @@ -212,10 +217,9 @@
max-width: 1200px;
margin: 0 auto;
}



.features-card h3 {
color: #aca7eb;
color: #6a64b8;
margin: 15px 0;
font-size: 22px;
}
Expand All @@ -233,19 +237,30 @@
}

.features-card p {
color: #666;
color: #131212;
font-size: 16px;
}
.testimonial-cards:hover {
transform: translateY(-10px) scale(1.1);
box-shadow: 1px 5px 8px #df4108;
z-index: 4;
}
.testimonial-card:hover {
transform: translateY(-5px);
/* Slight lift effect on hover */
}



.testimonial-card img {
width: 80px;
width: 90px;
/* Profile image width */
height: 80px;
height: 90px;
/* Profile image height */
border-radius: 50%;
/* Circular shape for profile images */
margin-bottom: 20px;
transition: 0.3s ease-in;
}

.testimonial-card h3 {
Expand All @@ -265,12 +280,15 @@

/* Footer Styles */
.footer {
background-color: var(--deep-teal);
background-color: #05238e;
/* Use deep teal for footer background */
color: #ffffff;
/* White text for footer */
padding: 40px 10px;

padding: 40px 0;
padding-bottom:0;

}

.footer-content {
Expand Down Expand Up @@ -302,7 +320,7 @@
}

.testimonial-card h3 {
color: #aca7eb;
color: #281dbe;
margin: 10px 0;
font-size: 20px;
}
Expand All @@ -315,7 +333,7 @@
}

.testimonial-card p {
color: #666;
color: #0b0b0b;
font-size: 16px;
font-style: italic;
}
Expand Down Expand Up @@ -370,6 +388,47 @@
/* Underline on hover */
}

.social-icons {
margin-top: 15px;
/* Space above social icons */
}

.social-icons a {
color: #ffffff;
/* White color for social icons */
font-size: 20px;
/* Font size for social icons */
margin-right: 15px;
/* Space between social icons */
transition: color 0.3s ease;
/* Smooth transition for color change */
}

.social-icons a:hover {
color: var(#ffffff);
/* Use light grey on hover for social icons */
}

.footer-bottom {
text-align: center;
/* Center the text in the footer bottom */
padding-top: 20px;
/* Space above footer bottom */
margin-top: 20px;
/* Space above footer bottom */
border-top: 1px solid rgba(22, 21, 21, 0.1);
/* Light border for separation */
}

/* Responsive Styles */
@media (max-width: 768px) {
.navbar {
flex-direction: column;
/* Stack navbar items vertically */
align-items: flex-start;
/* Align items to the start */
}

.features h2 {
text-align: center;
color: #333;
Expand Down
22 changes: 19 additions & 3 deletions style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ section{
.heading {
text-align: center;
font-size: 4rem;
color: var(--dark-slate); /* Dark Slate color */
color: var(--off-white); /* Dark Slate color */
padding: 1rem;
margin: 2rem 0;
background: var(--deep-teal); /* Changed background to Deep Teal */
Expand Down Expand Up @@ -123,14 +123,18 @@ header .logo span {


header .navbar a {
font-size: 2rem;
font-size: 2.5rem;
padding: 15px;
color: var(--black); /* White text for better contrast */
text-decoration: none; /* Ensure no underline by default */

color: white


}

header .navbar a:hover {
color: var(--soft-gold); /* Soft Gold on hover */
color: var(#3f10ea); /* Soft Gold on hover */
text-decoration: none; /* Ensure no underline by default */
}

Expand All @@ -150,18 +154,25 @@ header .icons a {
header .navbar a:hover {
color: var(--red);
text-decoration: none;
color: #d8eb08;
text-emphasis-color: #fff;

color: #ffffff;
}

header .icons a {
font-size: 2.5rem;
color: #e0cece;

color: #ffffff;
margin-left: 1.5rem;
font-size: 2.2rem;
}

header .icons a:hover {
color: var(--purple);
color: #3708e1;

color: #ffffff;
text-decoration: none;
}
Expand Down Expand Up @@ -300,6 +311,11 @@ body {
--soft-gold: #d9c79e;
}
.footer {
background-color: #1b4bcd;
color: #fff;
padding: 40px 10px;
font-size: 14px;

width: 100%;
background-color: var(--deep-teal);
color: white;
Expand Down