diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..afc8435 Binary files /dev/null and b/.DS_Store differ diff --git a/img/Croquettes.png b/img/Croquettes.png new file mode 100644 index 0000000..f093539 Binary files /dev/null and b/img/Croquettes.png differ diff --git a/img/Croquettes2.png b/img/Croquettes2.png new file mode 100644 index 0000000..29da704 Binary files /dev/null and b/img/Croquettes2.png differ diff --git a/img/egg.png b/img/egg.png new file mode 100644 index 0000000..4d89b81 Binary files /dev/null and b/img/egg.png differ diff --git a/img/egg2.png b/img/egg2.png new file mode 100644 index 0000000..e477455 Binary files /dev/null and b/img/egg2.png differ diff --git a/img/fries.jpg b/img/fries.jpg new file mode 100644 index 0000000..a1b018d Binary files /dev/null and b/img/fries.jpg differ diff --git a/img/mash.jpg b/img/mash.jpg new file mode 100644 index 0000000..fc2b56c Binary files /dev/null and b/img/mash.jpg differ diff --git a/img/tator.jpg b/img/tator.jpg new file mode 100644 index 0000000..3e1765a Binary files /dev/null and b/img/tator.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..9bf7b05 --- /dev/null +++ b/index.html @@ -0,0 +1,108 @@ + + + + + + + Potato Buzzfeed + + + + + + + + + + + +

Only a True Potato Lover Will Get Their Perfect Match!

+
+ +
+ A picture of sweet potato fries with sweet chilimayo +

Are you trendy, adventurous, and slightly chaotic?

+

You're the kind of person who dives headfirst into new experiences, thrives in spontaneity, and has a taste for + the bold. You don’t just follow trends—you set them. Whether it's trying the latest food craze, booking a + last-minute weekend trip, or switching up your style on a whim, you bring energy and excitement wherever you go. +
+
Do you want to know more your best potato match? +

+ +
+ + + +
+ A picture of Mashed Potatoes with Brown Butter & Garlic +

Are you warm, reliable, and everyone’s favorite at the table?

+

You're the kind of person who makes everyone feel at home, offering comfort, support, and a touch of nostalgia. + You’re the steady presence in any group, always bringing warmth and a sense of belonging. Whether it's hosting + cozy gatherings, sharing words of encouragement, or simply being there when it matters most, you make life + richer for those around you. +
+
Do you want to know more your best potato match? +

+ +
+ +
+ A picture of crispy rösti with a fried egg on top +

Are you European, effortlessly cool, and slightly mysterious?

+

You have an air of sophistication that turns heads without even trying. Effortlessly stylish and always + composed, you bring a certain intrigue to every room you enter. Whether it’s your sharp wit, your refined taste, + or the way you always seem to know the best hidden spots in town, there’s something undeniably magnetic about + you. +
+
Do you want to know more your best potato match? +

+ + +
+ +
+ A picture of tater tot nachos +

Are you wild, fun-loving, and full of surprises?

+

You're the life of the party, always bringing energy, laughter, and a little bit of chaos in the best way. You + thrive on spontaneity, turning even the most ordinary moments into unforgettable adventures. Whether it's a + last-minute road trip, a dance-off in the kitchen, or a hilarious group chat that never sleeps, you're the one + who keeps things exciting. + you. +
+
Do you want to know more your best potato match? +

+ +
+ +
+ A picture of potato croquettes with melty chesse center +

Are you fancy on the outside, gooey on the inside?

+

You’ve got an effortlessly polished exterior, turning heads with your charm and sophistication. But beneath + that refined surface lies a warm, melty core—full of heart, depth, and just the right amount of indulgence. You + appreciate the finer things in life but never take yourself too seriously, making you the perfect mix of + elegance and approachability. +
+
Do you want to know more your best potato match? +

+ + +
+ +
+ + + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..da5f6aa --- /dev/null +++ b/style.css @@ -0,0 +1,77 @@ +body { + background-color: #b90000; + color: #f6eee3; + text-align: center; + font-family: "Manrope", serif; +} + +section { + display: flex; + flex-direction: column; + align-items: center; +} + +.contentContainer { + background-color: #5D0F0A; + width: 60%; + height: 30%; + margin: 20px; + padding: 30px 50px; + border-radius: 15px; + display: flex; + align-items: center; + flex-direction: column; +} + +h1 { + font-family: "Bebas Neue", serif; + font-size: 75px; + margin: 15% 20%; + letter-spacing: 3px; +} + +p { + max-width: 76%; + line-height: 27px; +} + +a { + text-decoration: none; + color: #5D0F0A; + transition: ease 0.5s; +} + +a:hover { + color: #be2626; + font-size: 105%; +} + +button { + border: none; + background-color: #f6eee3; + font-size: 30px; + margin: 20px; + padding: 10px 20px; + border-radius: 15px; + transition: ease 0.5s; +} + +button:hover { + background-color: white; +} + +img { + width: 10vw; + /* Detta betyder att den skalar bilden till 10% av sidans brädd */ + height: 10vw; + max-width: 150px; + max-height: 150px; + /* Detta betyder att den inte streachas oönskat */ + object-fit: cover; + border-radius: 50%; + margin: 20px 0px 10px 0px; +} + +footer { + margin-top: 120px; +} \ No newline at end of file