diff --git a/assets/facebook_icon.svg b/assets/facebook_icon.svg new file mode 100644 index 000000000..0eeeda4d5 --- /dev/null +++ b/assets/facebook_icon.svg @@ -0,0 +1 @@ + diff --git a/assets/insta_icon.svg b/assets/insta_icon.svg new file mode 100644 index 000000000..63b7e9b36 --- /dev/null +++ b/assets/insta_icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/twitter_icon.svg b/assets/twitter_icon.svg new file mode 100644 index 000000000..b0d6f4f60 --- /dev/null +++ b/assets/twitter_icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/pages/facts.html b/pages/facts.html index b4ae215c4..e62b339b3 100644 --- a/pages/facts.html +++ b/pages/facts.html @@ -1,12 +1,110 @@ + - Document + Facts + + + - +
+

Berried Treasures

+ +
+ +
+

The History of the Chocolate Covered Strawberries

+

+ Despite the fact that chocolate has been around since 1100 BC and strawberry has been found growing wild in Italy + as early as 234 BC. It was not until a woman by the name of Lorraine Lorusso combined the two in the 1960's in her + little shop called the Stop N' Shop in Chicago. She took a tempered version of the gourmet chocolate served in Her + store dipped it with the freshest strawberries she could find into the mixture and allowed the chocolate to harden + and then displayed it for her customers. As you know it was an instant success. Since then fruit and chocolate + have been the perfect pair! +

+ +
+ +

Gloria's Chocolate Covered Strawberries Recipe

+
+
+

Ingredients

+
    +
  • 1 cup Belgium chocolate
    • +
  • 1 pound fresh strawberries with leaves
    • +
  • Optional toppings
    • +
+
+ +
+
    +
  1. + Cupcake ipsum dolor sit amet cookie. Croissant soufflé macaroon cake cupcake gummi bears chocolate cake. +
    2. + +
  2. + Powder brownie sweet cheesecake wafer muffin. Halvah chocolate bar gummies shortbread cookie. +
    3. + +
  3. + Apple pie gummies dessert chocolate cake jelly gummi bears. Gummi bears sweet oat cake apple pie halvah. +
    4. + +
  4. + Lollipop sugar plum cake marshmallow candy canes. Powder tiramisu cake bonbon shortbread gingerbread cookie. +
    5. +
+
+
+ +
+ +

Tips for Adies-approved Chocolate Covered Strawberries

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, + sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +

+
+ + + \ No newline at end of file diff --git a/pages/gallery.html b/pages/gallery.html index b4ae215c4..b602d8c9b 100644 --- a/pages/gallery.html +++ b/pages/gallery.html @@ -1,12 +1,146 @@ - - - - - Document - - - - - \ No newline at end of file + + + + + + Gallery + + + + + + +
+

Berried Treasures

+ + +
+ +
+
+

🍓 Dark Chocolate 🍓

+ dark chocolate covered strawberry +

Shortbread pudding cotton candy bonbon apple pie bear claw marzipan fruitcake icing. Brownie carrot cake chocolate ice cream gummies. Macaroon sesame snaps croissant jelly-o icing jujubes sesame snaps candy.

+
+ +
+

🍓 Milk Chocolate 🍓

+ milk chocolate covered strawberry +

Macaroon tiramisu jelly-o gummies jelly bear claw. Jelly beans jujubes lemon drops muffin lemon drops chocolate cake biscuit donut. Shortbread chocolate toffee bonbon sweet tootsie roll danish cake candy.

+
+ +
+

🍓 White Chocolate 🍓

+ white chocolate covered strawberries +

Danish cookie tiramisu chocolate bar apple pie. Cheesecake jelly-o candy canes sweet roll chocolate cake powder gummi bears marzipan bonbon. Cookie jelly-o candy canes chocolate macaroon gummies cake cupcake. Soufflé sweet roll danish toffee sweet.

+
+ +
+

🍓 Sprinkles 🍓

+ chocolate covered strawberries with sprinkles +

Chocolate toffee dragée muffin lollipop candy canes pie pie. Bonbon ice cream ice cream tiramisu pudding halvah cheesecake gingerbread. Cookie apple pie jelly beans jelly-o jelly-o.

+
+ +
+

🍓 Gold Dusted 🍓

+ gold dusted chocolate covered strawberries +

Pudding sweet roll icing chocolate topping. Croissant halvah jelly-o pudding toffee sweet biscuit sweet roll sugar plum. Marshmallow cookie halvah liquorice pudding shortbread bear claw cheesecake chupa chups. Dessert brownie cupcake macaroon lemon drops icing muffin.

+
+ +
+

🍓 Toasted Coconut Flakes 🍓

+ coconut chocolate covered strawberries +

Gummies muffin cookie croissant toffee. Cookie jujubes donut donut tart tootsie roll liquorice topping chocolate bar. Halvah danish muffin toffee icing apple pie cotton candy dragée.

+
+ +
+

🍓 Hazlenut 🍓

+ hazlenut chocolate covered strawberries topped with nuts +

Shortbread chocolate bonbon candy candy canes cake halvah icing cotton candy. Jelly beans cookie tiramisu muffin caramels wafer cotton candy. Chocolate croissant chocolate muffin croissant sweet roll cake chocolate cupcake.

+
+ +
+

🍓 Cookie Crumb 🍓

+ cookie crumb chocolate covered strawberries +

Chupa chups carrot cake sweet roll shortbread wafer lollipop bonbon. Shortbread danish icing sweet roll cookie lollipop pudding gingerbread carrot cake. Lollipop cake pastry lemon drops caramels. Pastry chocolate icing sugar plum chocolate chocolate bar tart pastry pastry.

+
+ +
+

🍓 Tuxedo 🍓

+ tuxedo chocolate covered strawberries +

Brownie brownie donut dragée wafer tootsie roll lemon drops gingerbread oat cake. Croissant cake powder bonbon pudding lemon drops icing gummi bears. Macaroon fruitcake soufflé brownie chocolate bar.

+
+ +
+

🍓 Sports Themed 🍓

+ chocolate covered strawberries with sports theme +

Fruitcake cookie tootsie roll bonbon jelly. Chupa chups gummies powder danish brownie jelly marzipan. Gingerbread pastry cheesecake gingerbread bear claw. Donut croissant topping tart cotton candy.

+
+ +
+

🍓 Marbled 🍓

+ covered strawberries with marbled design +

Bear claw biscuit jelly beans sesame snaps marshmallow croissant jelly wafer. Jelly-o jelly beans shortbread pudding tiramisu. Cotton candy jujubes candy canes toffee apple pie chupa chups brownie apple pie gummi bears. Marshmallow dessert cake apple pie tiramisu.

+
+ +
+

🍓 Rainbow 🍓

+ covered strawberries with rainbow design +

Cake tootsie roll bear claw halvah chocolate cake fruitcake. Candy croissant lemon drops macaroon lemon drops marzipan shortbread biscuit. Apple pie brownie pie gingerbread carrot cake cake caramels.

+
+ + + + + + + + + + +
+ + + diff --git a/pages/index.html b/pages/index.html index b4ae215c4..49b127a90 100644 --- a/pages/index.html +++ b/pages/index.html @@ -4,9 +4,88 @@ - Document + + + Group 6 Fansite +
+

Berried Treasures

+ +
+
+
+ Spend $5,000 and get free delivery on your order! +
+ +
+

+ For all the Chocolate Strawberry Lovers +

+

+ The strawberry and chocolate specialist bringing you the best of all worlds from the good, the sweet, and the red. Deliciously smooth belgian chocolate covering the delicately sweet and freshness of a fruit. +

+

+ Eat more fruit: It's better for your health! +

+
+ +
+ +

+ Coming Soon! +

+ Patriot Holiday Strawberries Coming Soon + + +

+ Order Forms (TBD) +

+ Order Form coming soon + + +

+ Give Us Your Feedback! +

+ Feedback Request + +
+
+ + \ No newline at end of file diff --git a/pages/styles/facts.css b/pages/styles/facts.css new file mode 100644 index 000000000..2079879c9 --- /dev/null +++ b/pages/styles/facts.css @@ -0,0 +1,43 @@ +main { + font-size: large; +} + +.flex-container { + display: flex; + flex-direction: row; + flex-wrap: wrap; + margin: auto; + gap: 50px; + justify-content: center; + line-height: 35px; +} + +.flex-container h4 { + text-align: center; +} + +#flex-item-1 { + flex: 25; + background-color: #292119; + color: white; +} + +#flex-item-2 { + flex: 65; + background-color: wheat; +} + +.flex-item li::marker { + color: red; +} + +.flex-item { + border: 2px double #b11a21; + border-radius: 5px; +} + +p { + text-align: justify; + text-justify: inter-word; + font-size: large; +} \ No newline at end of file diff --git a/pages/styles/gallery.css b/pages/styles/gallery.css new file mode 100644 index 000000000..810539458 --- /dev/null +++ b/pages/styles/gallery.css @@ -0,0 +1,88 @@ +body { + background-color:#26060a; + +} + +nav ul li a { + text-decoration: none; + color: #a28089; +} + +nav ul li:hover { + cursor: pointer; +} + +nav a:hover { + color: rgb(195, 5, 56); +} + +footer { + color:#FB2943; +} + +#gallery-link{ + /* background-color:#2D5A27; */ + color: rgb(195, 5, 56); + +} + +.gallery-container{ + display: grid; + grid-template-columns: repeat(3, 1fr); + text-align: center; + padding: 15px; + margin:20px; +} + +.image-container { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content:center; + align-items:center; + border:#a5617e; + border: 15px; + border:solid; + border-radius: 15px; + background-color:#FB2943; + margin: 20px; + padding: 10px; + gap: 1em; +} + +section img { + height: 350px; + width: 300px; + border-radius: 50%; +} + +h3 { + font-size: 25px; + margin: 15px; + padding:5px; + background-color: white; + color: #26060a; + +} + +p { + font-size: 16px; + font-weight: bold; + line-height: 150%; + background-color: white; + color: #2D5A27; + text-align: left; + padding:5px; +} + +footer img{ + text-align: center; + padding-top: 100px; + display: inline-block; + list-style: none; + padding: 0 30px 0; + position: relative; + height: 75px; + width:75px; + border-radius:0% +} diff --git a/pages/styles/index.css b/pages/styles/index.css new file mode 100644 index 000000000..cbe19ce06 --- /dev/null +++ b/pages/styles/index.css @@ -0,0 +1,62 @@ +.slogan { + text-align: center; + +} + +#mission { + font-style: italic; +} + +#slogan-heading { + font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + margin-bottom: 10px; + text-align: center; +} + +section a img { + display: flex; + flex-direction: row; + flex-wrap: wrap; + + height: 150x; + width: 200px; + border-radius: 20%; +} + +.deals { + padding-top: 10px; + padding-bottom: 10px; + font-weight: 400; + font-size:large; + font-style: oblique; + word-spacing: 10px; + background-color: burlywood; + color: white; + text-align: center; + border-style: double; + border-radius: 8px; + border-bottom: 1rem sienna; + border-spacing: 10px; + border-width: thick; +} + +#homepage-main { + padding: 0px 0px; +} + +.interaction-images { + display: grid; + grid-template-columns: repeat(3,1fr); + flex-direction: row; + flex-wrap: wrap; + justify-content: center; + padding: 20px; + margin: 20px; + + font-style: bold; + font-weight: 600; + color: tan; + font-family: Georgia, 'Times New Roman', Times, serif; + font-size: larger; +} + diff --git a/pages/styles/styles.css b/pages/styles/styles.css new file mode 100644 index 000000000..93f066d09 --- /dev/null +++ b/pages/styles/styles.css @@ -0,0 +1,97 @@ +body { + background-color: #fbe8ec; +} + +main { + padding: 50px 100px; +} + +h1 { + font-family: cursive; + font-size: 4em; + text-align: center; + /* text-shadow: pink 2px 5px 20px; */ + text-shadow: rgb(183, 110, 121) 2px 5px 10px; + color: #b11a21; + word-spacing: 30px; + letter-spacing: 15px; + bottom: 10px; + padding: 0px; + margin-block-start: 0.8em; + margin-block-end: .3em; +} + +nav { + font-family: Cambria; + letter-spacing: .1em; + font-size: 2em; + font-style: bold; + font-weight: bolder; + inline-size: auto; + text-align: center; + border-top: .25em dotted rgb(196, 149, 149); + border-bottom: .25em dotted rgb(196, 149, 149); + vertical-align: middle; + /* background-color: rgb(249, 246, 238); */ + background-color: rgb(255, 245, 238); +} + +nav ul, +footer ul { + margin: 0; + padding: 12px; + text-align: center; + list-style-type: none; + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: center; + align-items: center; + gap: 50px; +} + +nav ul li a { + text-decoration: none; + color: rgb(138, 108, 111); + padding: 12px 25px; + /* color: rgb(184,144,148); */ + /* color: rgb(92, 3, 40); */ +} + +nav ul li a:hover { + color: whitesmoke; + /* background-color: rgb(138, 108, 111); */ + background:radial-gradient(ellipse at 50% 50%, rgb(129, 19, 25) 3%, rgba(255, 245, 238, 1) 75%); + text-decoration: none; + cursor: pointer; +} + +footer { + text-align: center; + font-size: 18px; + background-color: #bf5962; + color: white; + font-family: Verdana, Geneva, Tahoma, sans-serif; +} + +footer ul li a { + text-decoration: none; + color: white; +} + +footer h4 { + padding-top: 25px; +} + +footer ul { + padding-top: 5px; +} + +.social-media-icons:hover { + cursor: pointer; + -ms-transform: scale(1.5); + /* IE 9 */ + -webkit-transform: scale(1.5); + /* Safari 3-8 */ + transform: scale(1.5); +} \ No newline at end of file