diff --git a/README.md b/README.md index 97c1217..d063d54 100644 --- a/README.md +++ b/README.md @@ -1,2 +1 @@ -# melange -This is my first attempt at the creative Tim start up landing page challenge +# udemy-nuk \ No newline at end of file diff --git a/img/2.jpg b/img/2.jpg new file mode 100644 index 0000000..3242b03 Binary files /dev/null and b/img/2.jpg differ diff --git a/img/Melange logo.jpg b/img/Melange logo.jpg new file mode 100644 index 0000000..65a98c6 Binary files /dev/null and b/img/Melange logo.jpg differ diff --git a/img/bg0.jpg b/img/bg0.jpg new file mode 100644 index 0000000..18ec1bf Binary files /dev/null and b/img/bg0.jpg differ diff --git a/img/bg1.jpg b/img/bg1.jpg new file mode 100644 index 0000000..412b91e Binary files /dev/null and b/img/bg1.jpg differ diff --git a/img/bg2.jpg b/img/bg2.jpg new file mode 100644 index 0000000..5d8fa72 Binary files /dev/null and b/img/bg2.jpg differ diff --git a/img/bg3.jpg b/img/bg3.jpg new file mode 100644 index 0000000..c8ad09b Binary files /dev/null and b/img/bg3.jpg differ diff --git a/img/cocktail-1.jpg b/img/cocktail-1.jpg new file mode 100644 index 0000000..547d90e Binary files /dev/null and b/img/cocktail-1.jpg differ diff --git a/img/cocktail-3.jpg b/img/cocktail-3.jpg new file mode 100644 index 0000000..66343eb Binary files /dev/null and b/img/cocktail-3.jpg differ diff --git a/img/cocktail-5.jpg b/img/cocktail-5.jpg new file mode 100644 index 0000000..5dd93a1 Binary files /dev/null and b/img/cocktail-5.jpg differ diff --git a/img/cocktail-6.jpg b/img/cocktail-6.jpg new file mode 100644 index 0000000..e94f337 Binary files /dev/null and b/img/cocktail-6.jpg differ diff --git a/img/daiquiri-img.jpg b/img/daiquiri-img.jpg new file mode 100644 index 0000000..cb0d121 Binary files /dev/null and b/img/daiquiri-img.jpg differ diff --git a/img/margarita-img.jpg b/img/margarita-img.jpg new file mode 100644 index 0000000..e637e08 Binary files /dev/null and b/img/margarita-img.jpg differ diff --git a/img/martini-img.jpg b/img/martini-img.jpg new file mode 100644 index 0000000..ccbd3b6 Binary files /dev/null and b/img/martini-img.jpg differ diff --git a/img/mojito-img.jpg b/img/mojito-img.jpg new file mode 100644 index 0000000..7d12ef4 Binary files /dev/null and b/img/mojito-img.jpg differ diff --git a/img/negroni-img.jpg b/img/negroni-img.jpg new file mode 100644 index 0000000..6cc5ace Binary files /dev/null and b/img/negroni-img.jpg differ diff --git a/img/sotb-img.jpg b/img/sotb-img.jpg new file mode 100644 index 0000000..8cffa01 Binary files /dev/null and b/img/sotb-img.jpg differ diff --git a/img/tequila-sunrise-img.jpg b/img/tequila-sunrise-img.jpg new file mode 100644 index 0000000..3c2e17b Binary files /dev/null and b/img/tequila-sunrise-img.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..192607c --- /dev/null +++ b/index.html @@ -0,0 +1,237 @@ + + + + + + + + + Melange + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+
+

Mélange

+

Create your very own cocktail or try one of our famous recipes

+
+
+
+
+
+
+

+ Ready to try something new? +

+
+ +
+
+
+ mojito image +

Pine woods Mojito

+

Try our refreshing pine woods mojito from world renowned mixologist Jeane Piere.

+ Get Recipe +
+
+
+
+ margarita image +

Mamacita Margarita

+

Say hola to our novelty margarita by Don Juan Pablo himself

+ Get Recipe +
+
+
+
+ mojito image +

007

+

Enter the infamous Bond martini. Shaken! not stirred.

+ Get Recipe +
+
+
+
+ mojito image +

Nightwalker Negroni

+

For the night crawlers and goth lovers, here's a negroni that'll leave you bloody.

+ Get Recipe +
+
+
+
+ mojito image +

Demon Time Daiquiri

+

Infused with spanish fly and your friendly neighbourhood MJ this blend is a recipe for a wild night.Drink at your own risk.

+ Get Recipe +
+
+
+
+ mojito image +

Sangria Sunrise

+

You've had Sangria and you've had a tequila sunrise. We give you our love child.

+ Get Recipe +
+
+ +
+
+

Customer Original Cocktails

+ +
+ +
+
+ +
+ + + + + + + + + + + + + + + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..8edcf9f --- /dev/null +++ b/style.css @@ -0,0 +1,28 @@ + +.grid-container{ + display: grid; + gap:10px; + padding: 20px; + border: 1px solid black; +} + +.card{ + width:20rem; + display: flex; +} + +.collapse.navbar-collapse::before{ + background: #000; +/* background: linear-gradient(#e3e3e3, #000, 80%);*/ +} + +.carousel-container{ + max-width: 1000px; + margin: 20px auto; + justify-content: center; +} + +.carousel-container img { + height: 540px; + content: fit; +} \ No newline at end of file