diff --git a/css/styles.css b/css/styles.css index ce012bd..d332345 100644 --- a/css/styles.css +++ b/css/styles.css @@ -94,6 +94,7 @@ h2{ font-size: 3rem; line-height: 1.5; font-weight: bold; + text-shadow: 2px 2px grey; } h3{ font-family: 'Montserrat'; @@ -240,7 +241,7 @@ p{ .carousel-control-prev-icon, .carousel-control-next-icon { background-color: transparent; /* Remove default icon background color */ - color: #fff; /* Icon color */ + color: #f03c57; /* Icon color */ font-size: 24px; /* Adjust the icon size */ line-height: 50px; /* Vertically center the icon */ } @@ -258,16 +259,65 @@ p{ -#press{ - background-color: #ef8172; +#press { + background-color: #fff; text-align: center; padding-bottom: 2%; } -.press-logo{ - width: 15%; - margin: 20px 20px 50px; + + +#press { + background-color: #fff; + text-align: center; + padding: 2% 0; +} + +.sponsor-card { + display: inline-block; + margin: 20px; + transition: transform 0.3s; + border-radius: 20px; /* Adjust the border-radius to round the corners slightly */ + overflow: hidden; /* Hide overflowing logos */ +} + +.sponsor-card:hover { + transform: scale(1.1); +} + +.circle { + width: 150px; /* Adjust the width and height to create a circle */ + height: 150px; /* Adjust the width and height to create a circle */ + background-color: #876445; /* Background color for the circle */ + display: flex; + justify-content: center; + align-items: center; +} + +.press-logo { + width: 100px; /* Adjust the width of logos as needed */ + height: 100px; /* Adjust the height of logos as needed */ } +.overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(255, 255, 255, 0.9); + color: black; + display: flex; + justify-content: center; + align-items: center; + opacity: 0; + transition: opacity 0.3s; +} + +.sponsor-card:hover .overlay { + opacity: 1; +} + + #pricing{ padding: 100px; } @@ -364,6 +414,7 @@ p{ max-width: 900px; margin: 0 auto; padding: 0 1.5em; + text-align: center; } .cart-header { @@ -512,7 +563,7 @@ input { margin-top: 50px; } -.container { +.container1 { flex: 0 1 700px; margin: auto; padding: 10px; @@ -738,16 +789,4 @@ input { ::-webkit-scrollbar-thumb { background-color: #876445; border-radius: 10px; - - -/*Press section*/ -#press { -background-color: #ca965c; -padding-bottom: 3%; } - -.press-logo { -margin: 20px 20px 30px; -width: 15%; - -} \ No newline at end of file diff --git a/img/press/ccd.png b/img/press/ccd.png index 8faafc8..0b04f51 100644 Binary files a/img/press/ccd.png and b/img/press/ccd.png differ diff --git a/img/press/illy.png b/img/press/illy.png index cd55b0d..6beb31d 100644 Binary files a/img/press/illy.png and b/img/press/illy.png differ diff --git a/img/press/starbucks.png b/img/press/starbucks.png index 17884d8..5a275c2 100644 Binary files a/img/press/starbucks.png and b/img/press/starbucks.png differ diff --git a/index.html b/index.html index cff4709..7a2bd0e 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - Coffee Shop + Coffee-Bean @@ -363,17 +363,49 @@

CART

"A bad day with coffee is better than a good day without it."




+ - +
+
+

SPONSORS

+

At Coffee-Bean, we're grateful to our sponsors, who share our passion for coffee and community. Their support helps us bring you the finest coffee experience.

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