diff --git a/awards.png b/awards.png new file mode 100644 index 0000000..6ca18f6 Binary files /dev/null and b/awards.png differ diff --git a/banner2.jpg b/banner2.jpg new file mode 100644 index 0000000..49c8389 Binary files /dev/null and b/banner2.jpg differ diff --git a/career.png b/career.png new file mode 100644 index 0000000..3d9ed65 Binary files /dev/null and b/career.png differ diff --git a/catering.jpg b/catering.jpg new file mode 100644 index 0000000..5dcc449 Binary files /dev/null and b/catering.jpg differ diff --git a/cream-stone-icecream1.jpg b/cream-stone-icecream1.jpg new file mode 100644 index 0000000..0820841 Binary files /dev/null and b/cream-stone-icecream1.jpg differ diff --git a/cream-stone-icecream2.jpg b/cream-stone-icecream2.jpg new file mode 100644 index 0000000..4680ec2 Binary files /dev/null and b/cream-stone-icecream2.jpg differ diff --git a/cream-stone-logo.png b/cream-stone-logo.png new file mode 100644 index 0000000..a3869e7 Binary files /dev/null and b/cream-stone-logo.png differ diff --git a/cream-stone.png b/cream-stone.png new file mode 100644 index 0000000..cbb153b Binary files /dev/null and b/cream-stone.png differ diff --git a/ice-cream-parlor.jpg b/ice-cream-parlor.jpg new file mode 100644 index 0000000..346b330 Binary files /dev/null and b/ice-cream-parlor.jpg differ diff --git a/icon-collection.jpg b/icon-collection.jpg new file mode 100644 index 0000000..e66cbf5 Binary files /dev/null and b/icon-collection.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..fb46a56 --- /dev/null +++ b/index.html @@ -0,0 +1,177 @@ + + + + + Cream Stone + + + + + +
+ + +
+ +
+ + + + + + + +
+ +
+
+
+ +

Press

+
+ +
+ +

Career

+
+ +
+ +

Awards

+
+ +
+ +

Order Now

+
+ + +
+
+ +
+

About us

+
+
+

Over a thousand years ago, Marco Polo returned to Italy from the Far East with a recipe that + closely resembled what is now called sherbet. Historians estimate that this recipe evolved + into ice cream sometime in the 16th century, Since then there is no looking back, ice cream + has been enjoyed through the ages across the world and in India.

+

Cream Stone was launched at Hyderabad in 2009, and it was so loved and enjoyed and grew so + popular that its stores soon started to open across India. Backed by Ice cream expertise and + its worldwide research and development capabilities, in just 7 short years it expanded its + operations in Andhra Pradesh, Telangana, Karnataka, Maharashtra, Kerala and Tamil Nadu.

+

Cream stone owes its success to its research and development team for its innovating flavors, + and its quality control for bringing the best of ingredients and making magic on the stone. +

+
+ +
+

We take pride in serving the highest quality premium ice cream blends, homemade waffle bowls + & cones, innovative recipes, a wide range of mix-ins and its undying dedication to enhance + the customer experience at every stage.

+

An upscale and world class experience in the premium ice-cream mix-in category, Cream Stone + offers a luxurious atmosphere where customers can enjoy our carefully mixed creations or + customize their own. Cream Stone is the ideal environment in which to enjoy such pleasures, + where cool contemporary styling and casual comfort complete a thoroughly dreamy all-round + ice cream experience.

+ +

Our Mission

+ +

To offer our customers, the best ice cream experience they can have, with the finest + ingredients with the most creative and innovative flavors.

+
+ +
+ +
+ +
+
+ +
+
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+
+ + + + + diff --git a/laughter-text.jpg b/laughter-text.jpg new file mode 100644 index 0000000..77b9cb6 Binary files /dev/null and b/laughter-text.jpg differ diff --git a/order-online.png b/order-online.png new file mode 100644 index 0000000..eacac5c Binary files /dev/null and b/order-online.png differ diff --git a/press.png b/press.png new file mode 100644 index 0000000..3f37de3 Binary files /dev/null and b/press.png differ diff --git a/stone-celebrities.jpg b/stone-celebrities.jpg new file mode 100644 index 0000000..8dec0d5 Binary files /dev/null and b/stone-celebrities.jpg differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..43bb433 --- /dev/null +++ b/style.css @@ -0,0 +1,213 @@ +body{ + margin: 0; +} +#header { + width: 100%; + height: px; + position: relative; + z-index: 996; + background: #541100; + display: block; +} + +.container { + position: relative; + margin-right: auto; + margin-left: auto; + padding-left: 15px; + padding-right: 15px; + display: flex; + +} +.nav-1{ + width: 100%; + height: 145px; + display: flex; + justify-content: space-around; + align-items: center; +} +.nav-1,i{ + color: #f38ab4; + padding: 0px 10px; + font-size: larger; +} +.socialLeft{ + width: 350px; + height: 45px; + display: flex; + justify-content: left; + align-items: center; + background-color: #774133; + border-top-right-radius:20px ; + border-bottom-right-radius:20px ; +} +.socialMid{ + height: 80px; + width: 250px; +} +.socialMid img{ + width: 250pxpx; + height: 80px; +} +.socialRight{ + width: 350px; + height: 45px; + display: flex; + justify-content: right; + align-items: center; + background-color: #774133; + border-top-left-radius:20px ; + border-bottom-left-radius:20px ; +} +.nav-2{ + height: 55px; + width: 100%; + display: flex; + justify-content: center; +} +#topLinks{ + width:70%; + list-style-type: none; + display: flex; + justify-content: space-around; + align-items: center; +} +#topLinks li{ + font-size:larger; + font-weight: 800; + color: #af9183; + padding-bottom:10px; + border-bottom:3px solid transparent ; + transition: outline-color 0.3s; + +} +#topLinks li:hover{ + + border-bottom: 3px solid #af9183; +} +.nav-3{ + background-color: #f9d7e3; + font-size: larger; + font-weight: 600; + display: flex; + justify-content: center; +} +.nav-3 ul{ + display: flex; + justify-content:space-around; + align-items: center; + list-style-type: none; + color: #541100; + height: 20px; + width: 60%; +} +.nav-3 ul li{ + padding-bottom:10px; + border-bottom:3px solid transparent ; + transition: outline-color 0.3s; +} +.nav-3 ul li:hover{ + border-color:#541100; +} +.caret { + display: inline-block; + width: 0; + height: 0; + vertical-align: middle; + border-top: 4px solid; + border-right: 4px solid transparent; + border-left: 4px solid transparent; +} +.bannerContainer{ + position: relative; +} +.bannerContainer i{ + color: #fff; +} + +.bb{ + + background-color: #000; + font-size: x-large; + width: 40px; + height: 40px; + display: flex; + justify-content:center; + align-items: center; + transition-duration: 1; +} +.bb:hover{ + width: 50px; +} +#bPrev{ + position:absolute; + left: 0; + top: 45%; + +} +#bNext{ + position:absolute; + right: 0; + top: 45%; + +} +.page{ + background-color: #fbe1eb; + padding-bottom: 40px; +} +.row{ + width: 100%; + margin: 20px 0; + display: flex; + justify-content: space-evenly; +} +.titlePink{ + color: #ef6da1; + letter-spacing: 1px; + font-size: 2.5rem; + font-family: 'coconregular', sans-serif; + margin: 20px auto; +} +.ContentWrap{ + margin: 4% 10%; +} +.about{ + width:30%; +} +.about img{ + width: 350px; + height: auto; +} +.img1{ + width: 485px; + height: 360px; +} +.img2{ + width: 160px; + height:180px ; + margin: 0 10px; +} +.img3{ + width: 250px; + height: 150px; +} +.img1 img,.img2 img,.img3 img{ + width: inherit; + height: inherit; +} +.logo-bottom{ + display: flex; + justify-content: center; + align-items: center; +} +footer{ + height: 50px; + background-color: #541100; +} +footer .container{ + height: inherit; + display: flex; + justify-content:left; + align-items: center; + margin-left: 20%; +} \ No newline at end of file