diff --git a/README.md b/README.md index a357acc..aa21cf5 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,5 @@ -# 🍦 **Arctic Delights** 🍨 +

🍦 Arctic Delights 🍨

+ Welcome to **Arctic Delights**! A visually stunning, beginner-friendly ice cream website designed to showcase the art of web development through a fun and delicious medium. Whether you're exploring flavors or admiring the responsive layout, this project is a sweet introduction to HTML, CSS, and JavaScript.
@@ -54,7 +55,9 @@ Welcome to **Arctic Delights**! A visually stunning, beginner-friendly ice cream
-## đź“š Table of Contents + +
+

đź“š Table of Contents:

 1. [Features](#-features) 2. [Technologies Used](#-technologies-used) @@ -68,6 +71,10 @@ Welcome to **Arctic Delights**! A visually stunning, beginner-friendly ice cream 10. [Website Preview](#website-preview) 11. [Code of Conduct](#code-of-conduct) +
+ +
+ ## ✨ **Features** - 🍧 **Beautiful Design**: A minimalistic yet attractive user interface that invites visitors to explore a wide range of delectable ice cream flavors, complete with vibrant imagery. @@ -145,4 +152,13 @@ We are committed to fostering a welcoming and inclusive environment for everyone Please read and follow our [Code of Conduct](Code_of_Conduct.md) to foster an inclusive community. If anyone violates these standards, they may be banned from the community. -# Thanks for reading!!! \ No newline at end of file +
+

Support

+
+ +
+ Don't forget to leave a star for this project! +

+ + + diff --git a/about_css_s.css b/about_css_s.css index 461c2a5..33ae7c5 100644 --- a/about_css_s.css +++ b/about_css_s.css @@ -10144,4 +10144,130 @@ border-right: none !important; } } - \ No newline at end of file + + .container-fluid { + background-color: #f3e5f5; + padding: 3rem 0; + overflow: hidden; +} + +.section-title { + font-size: 2.5rem; + color: #8e24aa; + font-weight: 700; + animation: popIn 1.2s ease-in-out; + position: relative; +} + +.section-title::after { + content: ""; + width: 80px; + height: 4px; + background-color: #d81b60; + position: absolute; + bottom: -10px; + left: 50%; + transform: translateX(-50%); + animation: underlineGlow 2s ease forwards; +} + +@keyframes popIn { + 0% { opacity: 0; transform: scale(0.7); } + 80% { opacity: 1; transform: scale(1.1); } + 100% { transform: scale(1); } +} + +@keyframes underlineGlow { + 0% { width: 0; opacity: 0; } + 50% { opacity: 1; } + 100% { width: 80px; } +} + +h4 { + font-size: 1.8rem; + color: #d81b60; + font-weight: 700; + animation: slideInLeft 1.2s cubic-bezier(0.68, -0.55, 0.27, 1.55); +} + +h5 { + font-size: 1.2rem; + color: #8e24aa; + font-weight: 400; + animation: bounceInRight 1.3s cubic-bezier(0.68, -0.55, 0.27, 1.55); +} + +@keyframes slideInLeft { + 0% { opacity: 0; transform: translateX(-100px); } + 100% { opacity: 1; transform: translateX(0); } +} + +@keyframes bounceInRight { + 0% { opacity: 0; transform: translateX(100px); } + 70% { transform: translateX(-10px); } + 100% { opacity: 1; transform: translateX(0); } +} + +.position-relative img { + border-radius: 20px; + transition: transform 0.6s ease, box-shadow 0.6s ease; + animation: floatUp 1.5s ease infinite alternate; +} + +@keyframes floatUp { + 0% { transform: translateY(0px) scale(1.05); box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); } + 100% { transform: translateY(-10px) scale(1.1); box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.2); } +} + +.position-relative img:hover { + transform: scale(1.15) rotate(-2deg); + box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.3); +} + +.col-lg-4 p { + font-size: 1rem; + line-height: 1.8; + color: #5e35b1; + animation: fadeSlideUp 1.5s ease; +} + +@keyframes fadeSlideUp { + 0% { opacity: 0; transform: translateY(30px); } + 100% { opacity: 1; transform: translateY(0); } +} + +.text-muted i { + color: #d81b60; + transition: color 0.3s ease, transform 0.3s ease; +} + +.text-muted i:hover { + color: #ff4081; + transform: scale(1.3); +} + +.text-muted:hover { + color: #ff80ab; +} + +.text-muted { + position: relative; + animation: shimmer 1.5s linear infinite; +} + +@keyframes shimmer { + 0% { background-position: -200px 0; } + 100% { background-position: 200px 0; } +} + +.text-muted::before { + content: ""; + background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%); + position: absolute; + top: 0; left: 0; + width: 100%; + height: 100%; + background-size: 200px 100%; + pointer-events: none; + animation: shimmer 2s infinite; +} diff --git a/about_us_page.html b/about_us_page.html index 04f182d..fb2dfd8 100644 --- a/about_us_page.html +++ b/about_us_page.html @@ -57,7 +57,7 @@

Traditional & Delic

Our Story

At Arctic Delights, we believe that ice cream is more than just a dessert—it’s an experience.
-

rom our humble beginnings in a small town, we’ve grown into a beloved brand that combines premium ingredients, innovative flavors, and a passion for crafting the perfect scoop. Whether it’s a classic favorite or a daring new creation, our ice cream reflects the love and dedication we put into each batch.

+

From our humble beginnings in a small town, we’ve grown into a beloved brand that combines premium ingredients, innovative flavors, and a passion for crafting the perfect scoop. Whether it’s a classic favorite or a daring new creation, our ice cream reflects the love and dedication we put into each batch.

@@ -81,70 +81,74 @@
Artis -
+
-

Experienced & Most Famous Ice Cream Chefs

+

Experienced & Most Famous Ice Cream Chefs

+
-
- +
+
-
-

Chilly Charlie

+
+

Chilly Charlie

Master Ice Cream Artisan
- - - + + +
+
-
- +
+
-
-

Frosty Fiona

+
+

Frosty Fiona

Frozen Dessert Connoisseur
- - - + + +
+
-
- +
+
-
-

Coolhand Caleb

+
+

Coolhand Caleb

Chief Ice Cream Curator
- - - + + +
+
-
- +
+
-
-

Churner Chuck

+
+

Churner Chuck

Frozen Delights Designer
- - - + + +
@@ -153,6 +157,85 @@
Frozen Delights Designer
+ + + + + @@ -160,38 +243,129 @@
Frozen Delights Designer
+
-

ArcticDelights

+

ArcticDelights
-
- - - - + + +
-
-
Get In Touch
-

123 Street, Delhi, India

-

+012 345 67890

+
+
Get In Touch
+

123 Street, Delhi, India

+

+012 345 67890

-
-
Opening Hours
-

Mon – Sat, 8AM – 5PM

-

Sunday: Closed

+
+
Opening Hours
+

Mon – Sat, 8AM – 5PM

+

Sunday: Closed

+
-

© Domain. All Rights Reserved Arctic Delights -

+

© Domain. All Rights Reserved Arctic Delights

+ + + diff --git a/cart.css b/cart.css new file mode 100644 index 0000000..f45d865 --- /dev/null +++ b/cart.css @@ -0,0 +1,156 @@ + +* { + box-sizing: border-box; +} + +html, +body { + width: 100%; + height: 100%; + margin: 0; + background-color: #FFDEE9; +background-image: linear-gradient(0deg, #FFDEE9 0%, #B5FFFC 100%); + + font-family: 'Roboto', sans-serif; +} + + +.shopping-cart { + min-width:725px; + max-width: max-content; + margin: 80px auto; + background-color: #FFDEE9; + + box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.10); + border-radius: 6px; + height: max-content; + display: flex; + flex-direction: column; + padding:10px; +} + +.title { + height: 60px; + border-bottom: 1px solid #f3a2ca; + padding: 20px 30px; + color: #E90074; + font-size: 18px; + font-weight: bold; +} + + + + /* Item container */ + .item { + display: flex; + justify-content: space-between; + align-items: center; + padding: 10px; + border-bottom: 1px solid #ddd; + + } + + .item:last-child { + border-bottom: none; + } + + /* Buttons for quantity adjustment */ + button { + padding: 5px 10px; + font-size: 16px; + border: none; + border-radius: 5px; + cursor: pointer; + background-color: #FF4191; + color: #fff; + transition: background-color 0.3s; + } + + button:hover { + background-color: #920faf; + } + + /* Quantity span */ + span { + margin: 0 10px; + font-size: 18px; + } + + /* Empty cart message */ + #cart-items-container p { + text-align: center; + color: #777; + padding: 20px 0; + font-size: 18px; + } + + /* Total price section */ + .total-price { + margin-top: 20px; + text-align: right; + font-size: 20px; + font-weight: bold; + color: #333; + } + + .total-price span { + color: #E90074; + } + + /* Responsive adjustments */ + @media (max-width: 768px) { + .shopping-cart { + width: 95%; + } + + .item { + flex-direction: column; + align-items: flex-start; + } + + button { + margin-top: 5px; + } + } + + .item-image { + width: 80px; + height: 80px; + object-fit: cover; + margin-right: 10px; + border-radius: 5px; +} +.cart-table { + width: 100%; + border-collapse: collapse; + margin-top: 20px; + } + + .cart-table th, .cart-table td { + + padding: 10px; + text-align: center; + } + + .cart-table th { + color:#8E3E63; + font-weight: bold; + font-size: medium; + } + + .item-image { + width: 50px; + height: 50px; + object-fit: cover; + } + + .cart-row button { + margin: 0 5px; + } + .removebtn{ + font-size: small; + padding-block: 8px; + padding-inline: 16px;; + + } + \ No newline at end of file diff --git a/cart.html b/cart.html new file mode 100644 index 0000000..2bba020 --- /dev/null +++ b/cart.html @@ -0,0 +1,119 @@ + + + + + + Shopping Cart + + + + + +
+
Shopping Bag
+ + +
Your cart is empty.
+ + +
+ Total: $0.00 + +
+
+ +
+
+ + + diff --git a/contact.html b/contact.html index e82e055..ad7f2a3 100644 --- a/contact.html +++ b/contact.html @@ -3,10 +3,9 @@ - + Contact Us - Responsive Ice Cream Website - @@ -20,57 +19,40 @@ .circle { height: 24px; width: 24px; - border-radius: 24px; + border-radius: 50%; /* Using 50% for a perfect circle */ background-color: black; position: fixed; top: 0; left: 0; pointer-events: none; z-index: 99999999; - /* Stays on top of all elements */ } - -
-
-
-
-
-
-
-
-
+ +
+
+
+
+
+
+
+
+
+
-
+ -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+ +
-
- -
+
+ +
-
+
+ + @@ -125,8 +109,7 @@ }); }); }); - - + // Handle form submission + document.getElementById('emailForm').addEventListener('submit', function(event) { + event.preventDefault(); + + const email = document.getElementById('email').value; + if (email) { + showToast(`Thank you! A 20% discount code has been sent to ${email}`); + document.getElementById('popup').style.display = 'none'; + } + }); + + // Handle "No thanks" link + document.querySelector('.no-thanks').addEventListener('click', function(event) { + event.preventDefault(); + document.getElementById('popup').style.display = 'none'; + }); + + -
-

- about us -

-
-
- ice cream -
-
-

What Makes Our Ice Cream Special?

-

- At Arctic Delights, we believe that every scoop of ice cream should be a masterpiece. We handpick the finest, sustainably sourced ingredients to craft flavors that not only cool you down but also take your taste buds on an unforgettable journey. Whether you crave something classic or adventurous, we offer a wide range of flavors designed to surprise and delight. -

-

- Customize your perfect treat with our signature toppings, sauces, and add-ons to create a unique dessert experience tailored just for you. At Arctic Delights, we’re not just about ice cream—we’re about crafting moments of joy in every bite! -

- + +
+

+ about us +

+ +
+
+ ice cream +
+ +
+

What Makes Our Ice Cream Special?

+

+ At Arctic Delights, we believe that every scoop of ice cream should be a masterpiece. We handpick the finest, sustainably sourced ingredients to craft flavors that not only cool you down but also take your taste buds on an unforgettable journey. Whether you crave something classic or adventurous, we offer a wide range of flavors designed to surprise and delight. +

+

+ Customize your perfect treat with our signature toppings, sauces, and add-ons to create a unique dessert experience tailored just for you. At Arctic Delights, we’re not just about ice cream—we’re about crafting moments of joy in every bite! +

+ + + + + Learn More - -
-
-
+ +
+
+
+ @@ -716,18 +840,27 @@

Sign Up

Filter Ice Creams

- + + + + + + +
+ + +
+
- -
@@ -735,15 +868,20 @@

Nutty Butterscotch

A delightful blend of crunchy nuts and rich butterscotch, creating a sweet and savory treat that melts in your mouth!
$15.99 20.99
-
+
1
- - - + + +
@@ -757,14 +895,14 @@

Berry Pops

$18.99 20.99
-
+
1
- - + +
@@ -780,14 +918,14 @@

Cherry Sherbet Pops

$18.99 20.99
-
+
1
- - + +
@@ -807,14 +945,14 @@

Dripping Vanilla

$15.99 20.99
-
+
1
- - + +
Very Berry Strawberry
$16.99 20.99
-
+
1
- - + +
Rainbow Classic Cone

$18.99 20.99
-
+
1
- - + +
Rainbow Classic Cone

Orange Pops

-
Refreshing frozen delights bursting with zesty orange flavor, offering a sunny, sweet, and tangy treat that’s perfect for cooling off on a hot day!
+
Refreshing frozen delights bursting with zesty orange flavor, offering a sunny, sweet, and tangy treat that's perfect for cooling off on a hot day!
$12.99 20.99
-
+
1
- - + + @@ -899,14 +1037,14 @@

Choco-Hazel Pops

$18.99 20.99
-
+
1
- - + + @@ -921,14 +1059,14 @@

Very Very Peachy

$15.99 20.99
-
+
1
- - + + @@ -940,17 +1078,17 @@

Very Very Peachy

Orange Pops

-
Refreshing frozen delights bursting with zesty orange flavor, offering a sunny, sweet, and tangy treat that’s perfect for cooling off on a hot day!
+
Refreshing frozen delights bursting with zesty orange flavor, offering a sunny, sweet, and tangy treat that's perfect for cooling off on a hot day!
$12.99 20.99
-
+
1
- - + + @@ -966,14 +1104,14 @@

Choco-Hazel Pops

$18.99 20.99
-
+
1
- - + + @@ -990,14 +1128,14 @@

Very Very Peachy

$15.99 20.99
-
+
1
- - + + @@ -1013,6 +1151,113 @@

Very Very Peachy

+ + + + + + + + + +
+

Our Blogs

+
+ +
+ Blog Post 1 +

The Journey of Artic Delights

+

Discover how our ice cream shop began its journey with a passion for creating unique flavors that delight the taste buds. From humble beginnings to a beloved local favorite, read about our story and what makes us special.

+ Read More +
+ +
+ +

The Art of Perfect Ice Cream Scoops

+

Learn the craft behind creating the perfect scoop of ice cream. Explore the process from churning to serving, and discover the science that makes each scoop smooth and creamy.

+ Read More +
+ +
+ +

Chilling Adventures with Exotic Flavors

+

Step into a world of cool treats with our adventurous range of exotic ice cream flavors. From tropical fruits to rare spices, explore how we push the boundaries of ice cream craftsmanship.

+ Read More +
+ +
+ Blog Post 2 +

Crafting the Perfect Scoop

+

Learn about our meticulous process of crafting the perfect ice cream scoop. We source only the finest ingredients and use artisanal methods to ensure every bite is a delicious experience.

+ Read More +
+ +
+ Blog Post 3 +

Behind the Scenes at Artic Delights

+

Get a sneak peek behind the scenes at our shop! Meet our passionate team and see how we create our delicious ice cream flavors daily.

+ Read More +
+ +
+
+ + +