diff --git a/omnifood/Omnifood Contents/1.jpg b/omnifood/Omnifood Contents/1.jpg new file mode 100644 index 00000000..ba56fb7f Binary files /dev/null and b/omnifood/Omnifood Contents/1.jpg differ diff --git a/omnifood/Omnifood Contents/2.jpg b/omnifood/Omnifood Contents/2.jpg new file mode 100644 index 00000000..06f6e3f5 Binary files /dev/null and b/omnifood/Omnifood Contents/2.jpg differ diff --git a/omnifood/Omnifood Contents/3.jpg b/omnifood/Omnifood Contents/3.jpg new file mode 100644 index 00000000..47fc1df2 Binary files /dev/null and b/omnifood/Omnifood Contents/3.jpg differ diff --git a/omnifood/Omnifood Contents/4.jpg b/omnifood/Omnifood Contents/4.jpg new file mode 100644 index 00000000..1b2d4023 Binary files /dev/null and b/omnifood/Omnifood Contents/4.jpg differ diff --git a/omnifood/Omnifood Contents/5.jpg b/omnifood/Omnifood Contents/5.jpg new file mode 100644 index 00000000..11d4790b Binary files /dev/null and b/omnifood/Omnifood Contents/5.jpg differ diff --git a/omnifood/Omnifood Contents/6.jpg b/omnifood/Omnifood Contents/6.jpg new file mode 100644 index 00000000..44d7b084 Binary files /dev/null and b/omnifood/Omnifood Contents/6.jpg differ diff --git a/omnifood/Omnifood Contents/7.jpg b/omnifood/Omnifood Contents/7.jpg new file mode 100644 index 00000000..1988b247 Binary files /dev/null and b/omnifood/Omnifood Contents/7.jpg differ diff --git a/omnifood/Omnifood Contents/8.jpg b/omnifood/Omnifood Contents/8.jpg new file mode 100644 index 00000000..96e517b4 Binary files /dev/null and b/omnifood/Omnifood Contents/8.jpg differ diff --git a/omnifood/Omnifood Contents/app-iPhone.png b/omnifood/Omnifood Contents/app-iPhone.png new file mode 100644 index 00000000..3ddf251a Binary files /dev/null and b/omnifood/Omnifood Contents/app-iPhone.png differ diff --git a/omnifood/Omnifood Contents/back-customers.jpg b/omnifood/Omnifood Contents/back-customers.jpg new file mode 100644 index 00000000..cd7231f7 Binary files /dev/null and b/omnifood/Omnifood Contents/back-customers.jpg differ diff --git a/omnifood/Omnifood Contents/berlin.jpg b/omnifood/Omnifood Contents/berlin.jpg new file mode 100644 index 00000000..c93f759b Binary files /dev/null and b/omnifood/Omnifood Contents/berlin.jpg differ diff --git a/omnifood/Omnifood Contents/customer-1.jpg b/omnifood/Omnifood Contents/customer-1.jpg new file mode 100644 index 00000000..9cf27d60 Binary files /dev/null and b/omnifood/Omnifood Contents/customer-1.jpg differ diff --git a/omnifood/Omnifood Contents/customer-2.jpg b/omnifood/Omnifood Contents/customer-2.jpg new file mode 100644 index 00000000..e3438fe3 Binary files /dev/null and b/omnifood/Omnifood Contents/customer-2.jpg differ diff --git a/omnifood/Omnifood Contents/customer-3.jpg b/omnifood/Omnifood Contents/customer-3.jpg new file mode 100644 index 00000000..79319398 Binary files /dev/null and b/omnifood/Omnifood Contents/customer-3.jpg differ diff --git a/omnifood/Omnifood Contents/download-app-android.png b/omnifood/Omnifood Contents/download-app-android.png new file mode 100644 index 00000000..9a50affd Binary files /dev/null and b/omnifood/Omnifood Contents/download-app-android.png differ diff --git a/omnifood/Omnifood Contents/download-app.svg b/omnifood/Omnifood Contents/download-app.svg new file mode 100644 index 00000000..ac111e59 --- /dev/null +++ b/omnifood/Omnifood Contents/download-app.svg @@ -0,0 +1,129 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/omnifood/Omnifood Contents/hero.jpg b/omnifood/Omnifood Contents/hero.jpg new file mode 100644 index 00000000..2ba3e03f Binary files /dev/null and b/omnifood/Omnifood Contents/hero.jpg differ diff --git a/omnifood/Omnifood Contents/lisbon-3.jpg b/omnifood/Omnifood Contents/lisbon-3.jpg new file mode 100644 index 00000000..28d3c8a6 Binary files /dev/null and b/omnifood/Omnifood Contents/lisbon-3.jpg differ diff --git a/omnifood/Omnifood Contents/logo-white.png b/omnifood/Omnifood Contents/logo-white.png new file mode 100644 index 00000000..5d28e519 Binary files /dev/null and b/omnifood/Omnifood Contents/logo-white.png differ diff --git a/omnifood/Omnifood Contents/logo.png b/omnifood/Omnifood Contents/logo.png new file mode 100644 index 00000000..f78803f6 Binary files /dev/null and b/omnifood/Omnifood Contents/logo.png differ diff --git a/omnifood/Omnifood Contents/london.jpg b/omnifood/Omnifood Contents/london.jpg new file mode 100644 index 00000000..10adde11 Binary files /dev/null and b/omnifood/Omnifood Contents/london.jpg differ diff --git a/omnifood/Omnifood Contents/omnifood-content.docx b/omnifood/Omnifood Contents/omnifood-content.docx new file mode 100644 index 00000000..e5ace2c8 Binary files /dev/null and b/omnifood/Omnifood Contents/omnifood-content.docx differ diff --git a/omnifood/Omnifood Contents/omnifood-content.pages b/omnifood/Omnifood Contents/omnifood-content.pages new file mode 100644 index 00000000..0e857e16 Binary files /dev/null and b/omnifood/Omnifood Contents/omnifood-content.pages differ diff --git a/omnifood/Omnifood Contents/omnifood-content.rtf b/omnifood/Omnifood Contents/omnifood-content.rtf new file mode 100644 index 00000000..b0cf34d2 --- /dev/null +++ b/omnifood/Omnifood Contents/omnifood-content.rtf @@ -0,0 +1,315 @@ +{\rtf1\ansi\ansicpg1252\cocoartf1344\cocoasubrtf720 +{\fonttbl\f0\froman\fcharset0 Times-Roman;\f1\fswiss\fcharset0 ArialMT;} +{\colortbl;\red255\green255\blue255;} +{\*\listtable{\list\listtemplateid1\listhybrid{\listlevel\levelnfc0\levelnfcn0\leveljc0\leveljcn0\levelfollow0\levelstartat1\levelspace360\levelindent0{\*\levelmarker \{decimal\}.}{\leveltext\leveltemplateid1\'02\'00.;}{\levelnumbers\'01;}\fi-360\li720\lin720 }{\listname ;}\listid1} +{\list\listtemplateid2\listhybrid{\listlevel\levelnfc0\levelnfcn0\leveljc0\leveljcn0\levelfollow0\levelstartat1\levelspace360\levelindent0{\*\levelmarker \{decimal\}.}{\leveltext\leveltemplateid101\'02\'00.;}{\levelnumbers\'01;}\fi-360\li720\lin720 }{\listname ;}\listid2}} +{\*\listoverridetable{\listoverride\listid1\listoverridecount0\ls1}{\listoverride\listid2\listoverridecount0\ls2}} +\paperw11900\paperh16840\margl1440\margr1440\vieww10800\viewh8400\viewkind0 +\deftab720 +\pard\pardeftab720 + +\f0\b\fs24 \cf0 \expnd0\expndtw0\kerning0 +Main Navigation: +\b0 \expnd0\expndtw0\kerning0 +\ +1. Food delivery (Section 1)\ +2. How it works (Section 3)\ +3. Our cities (Section 4)\ +4. Sign up (Section 6)\ + +\b \expnd0\expndtw0\kerning0 +\ +Section 0: Header with hero image and navigation +\b0 \expnd0\expndtw0\kerning0 +\ + +\b \expnd0\expndtw0\kerning0 +Title: None +\b0 \expnd0\expndtw0\kerning0 +\ +\ +Goodbye junk food. Hello super healthy meals.\ +\pard\pardeftab720\ri-340 + +\f1 \cf0 \kerning1\expnd0\expndtw0 Button 1:\'a0I\'92m hungry (go down to sign up section)\ +Button 2: Show me more (go down to next section)\ +\pard\pardeftab720 + +\f0 \cf0 \expnd0\expndtw0\kerning0 +\ +\ + +\b \expnd0\expndtw0\kerning0 +Section 1: Features +\b0 \expnd0\expndtw0\kerning0 +\ + +\b \expnd0\expndtw0\kerning0 +Title: Get food fast \'97 not fast food. +\b0 \expnd0\expndtw0\kerning0 +\ +\ +Hello, we\'92re Omnifood, your new premium food delivery service.\'a0We know you\'92re always busy. No time for cooking. So let us take care of that, we\'92re really good at it, we promise!\ +\ + +\b \expnd0\expndtw0\kerning0 +Up to 365 days/year +\b0 \expnd0\expndtw0\kerning0 +\ +Never cook again! We really mean that. Our subscription plans include up to 365 days/year coverage. You can also choose to order more flexibly if that's your style.\ +\ + +\b \expnd0\expndtw0\kerning0 +Ready in 20 minutes +\b0 \expnd0\expndtw0\kerning0 +\ +You're only twenty minutes away from your delicious and super healthy meals delivered right to your home. We work with the best chefs in each town to ensure that you're 100% happy.\ +\ + +\b \expnd0\expndtw0\kerning0 +100% organic +\b0 \expnd0\expndtw0\kerning0 +\ +All our vegetables are fresh, organic and local. Animals are raised without added hormones or antibiotics. Good for your health, the environment, and it also tastes better!\ +\ + +\b \expnd0\expndtw0\kerning0 +Order anything +\b0 \expnd0\expndtw0\kerning0 +\ +We don't limit your creativity, which means you can order whatever you feel like. You can also choose from our menu containing over 100 delicious meals. It's up to you!\ +\ +\ + +\b \expnd0\expndtw0\kerning0 +Section 2:\'a0Favourite meals +\b0 \expnd0\expndtw0\kerning0 +\ + +\b \expnd0\expndtw0\kerning0 +Title: None +\b0 \expnd0\expndtw0\kerning0 +\ +\ +\pard\tx220\tx720\pardeftab720\li720\fi-720 +\ls1\ilvl0\cf0 \kerning1\expnd0\expndtw0 {\listtext 1. }\expnd0\expndtw0\kerning0 +Korean bibimbap\'a0with egg and vegetables\ +\ls1\ilvl0\kerning1\expnd0\expndtw0 {\listtext 2. }\expnd0\expndtw0\kerning0 +Simple italian pizza with cherry tomatoes\ +\ls1\ilvl0\kerning1\expnd0\expndtw0 {\listtext 3. }\expnd0\expndtw0\kerning0 +Chicken breast steak with vegetables\'a0\ +\ls1\ilvl0\kerning1\expnd0\expndtw0 {\listtext 4. }\expnd0\expndtw0\kerning0 +Autumn pumpkin soup\ +\ls1\ilvl0\kerning1\expnd0\expndtw0 {\listtext 5. }\expnd0\expndtw0\kerning0 +Paleo beef steak with vegetables\ +\ls1\ilvl0\kerning1\expnd0\expndtw0 {\listtext 6. }\expnd0\expndtw0\kerning0 +Healthy baguette with egg and vegetables\ +\ls1\ilvl0\kerning1\expnd0\expndtw0 {\listtext 7. }\expnd0\expndtw0\kerning0 +Burger with cheddar and bacon\ +\ls1\ilvl0\kerning1\expnd0\expndtw0 {\listtext 8. }\expnd0\expndtw0\kerning0 +Granola with cherries and strawberries\ +\pard\pardeftab720 +\cf0 \expnd0\expndtw0\kerning0 +\ +(see image\'a0numbers\'a0in the assets folder)\ +\ + +\b \expnd0\expndtw0\kerning0 +Section 3: How it works +\b0 \expnd0\expndtw0\kerning0 +\ + +\b \expnd0\expndtw0\kerning0 +Title: +\b0 \expnd0\expndtw0\kerning0 + +\b \expnd0\expndtw0\kerning0 +How it works - Simple as 1, 2, 3 +\b0 \expnd0\expndtw0\kerning0 +\ +\ +\pard\tx220\tx720\pardeftab720\li720\fi-720 +\ls2\ilvl0\cf0 \kerning1\expnd0\expndtw0 {\listtext 1. }\expnd0\expndtw0\kerning0 +Choose the subscription plan that best fits your needs and sign up today.\ +\ls2\ilvl0\kerning1\expnd0\expndtw0 {\listtext 2. }\expnd0\expndtw0\kerning0 +Order your delicious meal using our mobile app or website. Or you can even call us!\ +\ls2\ilvl0\kerning1\expnd0\expndtw0 {\listtext 3. }\expnd0\expndtw0\kerning0 +Enjoy your meal after less than 20 minutes. See you the next time!\ +\pard\pardeftab720 +\cf0 \expnd0\expndtw0\kerning0 +\ +\ +\ + +\b \expnd0\expndtw0\kerning0 +Section 4: Cities +\b0 \expnd0\expndtw0\kerning0 +\ + +\b \expnd0\expndtw0\kerning0 +Title: We're currently in these cities\ + +\b0 \expnd0\expndtw0\kerning0 +\ + +\b \expnd0\expndtw0\kerning0 +Lisbon +\b0 \expnd0\expndtw0\kerning0 +\ +1600+ happy eaters\ +60+ top chefs\ +@omnifood_lx\ +\ + +\b \expnd0\expndtw0\kerning0 +San Francisco +\b0 \expnd0\expndtw0\kerning0 +\ +3700+ happy eaters\ +160+ top chefs\ +@omnifood_sf\ +\ + +\b \expnd0\expndtw0\kerning0 +Berlin +\b0 \expnd0\expndtw0\kerning0 +\ +2300+ happy eaters\ +110+ top chefs\ +@omnifood_berlin\ +\ + +\b \expnd0\expndtw0\kerning0 +London +\b0 \expnd0\expndtw0\kerning0 +\ +1200+ happy eaters\ +50+ top chefs\ +@omnifood_london\ +\ +\ + +\b \expnd0\expndtw0\kerning0 +Section 5: Customer testimonials +\b0 \expnd0\expndtw0\kerning0 +\ + +\b \expnd0\expndtw0\kerning0 +Title: +\b0 \expnd0\expndtw0\kerning0 + +\b \expnd0\expndtw0\kerning0 +Our customers can't live without us +\b0 \expnd0\expndtw0\kerning0 +\ + +\b \expnd0\expndtw0\kerning0 +\ + +\b0 \expnd0\expndtw0\kerning0 +Omnifood is just awesome! I just launched a startup which leaves me with no time for cooking, so Omnifood is a life-saver. Now that I got used to it, I couldn't live without my daily meals!\ +(Alberto Duncan)\ +\ +Inexpensive, healthy and great-tasting meals, delivered right to my home. We have lots of food delivery here in Lisbon, but no one comes even close to Omifood. Me and my family are so in love!\ +(Joana Silva)\ +\ +I was looking for a quick and easy food delivery service in San Franciso. I tried a lot of them and ended up with Omnifood. Best food delivery service in the Bay Area. Keep up the great work!\ +(Milton Chapman)\ +\ +\ + +\b \expnd0\expndtw0\kerning0 +Section 6: Sign up and pricing plans +\b0 \expnd0\expndtw0\kerning0 +\ + +\b \expnd0\expndtw0\kerning0 +Title: Start\'a0eating\'a0healthy today +\b0 \expnd0\expndtw0\kerning0 +\ + +\b \expnd0\expndtw0\kerning0 +\ +Plan 1: Premium +\b0 \expnd0\expndtw0\kerning0 +\ +399$ per month\ +That\'92s only 13.30$ per meal\ +1 meal every day\ +Order 24/7\ +Access to newest creations\ +Free delivery\ +\ +\ + +\b \expnd0\expndtw0\kerning0 +Plan 2: Pro +\b0 \expnd0\expndtw0\kerning0 +\ +149$ per month\ +That\'92s only 14.90$ per meal\ +1 meal 10 days/month\ +Order 24/7\ +Access to newest creations\ +Free delivery\ +\ +\ + +\b \expnd0\expndtw0\kerning0 +Plan 3: Starter +\b0 \expnd0\expndtw0\kerning0 +\ +19$ per meal\ +1 meal\ +Order from 8 am to 12 pm\ +Free delivery\ +\ + +\b \expnd0\expndtw0\kerning0 +Section 7: Contact form +\b0 \expnd0\expndtw0\kerning0 +\ + +\b \expnd0\expndtw0\kerning0 +Title: We're happy to hear from you +\b0 \expnd0\expndtw0\kerning0 +\ +\ +\pard\pardeftab720 + +\i \cf0 \expnd0\expndtw0\kerning0 +Fields\'a0to include: +\i0 \expnd0\expndtw0\kerning0 +\ +Name\ +Email\ +How did you find us?\ +Newsletter\ +Drop us a line\ +\ +\pard\pardeftab720 + +\b \cf0 \expnd0\expndtw0\kerning0 +Section 8: Footer +\b0 \expnd0\expndtw0\kerning0 +\ + +\b \expnd0\expndtw0\kerning0 +Title: None +\b0 \expnd0\expndtw0\kerning0 +\ +\ +\pard\pardeftab720 + +\i \cf0 \expnd0\expndtw0\kerning0 +Navigation: +\i0 \expnd0\expndtw0\kerning0 +\ +1. About us\ +2. Blog\ +3. Press\ +4. iOS App\ +5.\'a0Android App\ +\ +Also include links to facebook, twitter, google+ and Instagram accounts.\ +} \ No newline at end of file diff --git a/omnifood/Omnifood Contents/san-francisco.jpg b/omnifood/Omnifood Contents/san-francisco.jpg new file mode 100644 index 00000000..59bf83de Binary files /dev/null and b/omnifood/Omnifood Contents/san-francisco.jpg differ diff --git a/omnifood/index.html b/omnifood/index.html new file mode 100644 index 00000000..e898a833 --- /dev/null +++ b/omnifood/index.html @@ -0,0 +1,345 @@ + + + + + + + + + + + + OmniFood + + + +
+ +
+

GoodBye Junk food!
Hello SuperHealthy Meals

+ I'm Hungry + Show me more +
+
+ +
+
+

GET FOOD FAST — NOT FAST FOOD

+

Hello, we're Omnifood, your new premium food delivery service. We know you're always busy. No time for cooking. So let us take care of that, we're really good at it, we promise!

+
+
+ +

UP TO 365 DAYS/YEAR

+

Never cook again! We really mean that. Our subscription plans include up to 365 days/year coverage. You can also choose to order more flexibly if that's your style.

+
+
+ +

READY IN 20 MINUTES

+

You're only twenty minutes away from your delicious and super healthy meals delivered right to your home. We work with the best chefs in each town to ensure that you're 100% happy.

+
+
+ +

100% ORGANIC

+

All our vegetables are fresh, organic and local. Animals are raised without added hormones or antibiotics. Good for your health, the environment, and it also tastes better!

+
+
+ +

ORDER ANYTHING

+

We don't limit your creativity, which means you can order whatever you feel like. You can also choose from our menu containing over 100 delicious meals. It's up to you!

+
+
+
+
+ +
+ + +
+ +
+
+

How it works — simple as 1, 2, 3

+
+
+
+ iphone image +
+
+
+
1
+

Choose the subscription plan that best fits your needs and sign up today.

+
+
+
2
+

Order your delicious meal using our mobile app or website. Or you can even call us!

+
+
+
3
+

Enjoy your meal after less than 20 minutes. See you the next time!

+
+ + +
+
+
+ +
+
+

WE'RE CURRENTLY IN THESE CITIES

+
+
+
+ lisbon +

Lisbon

+
+ + 1600+ happy eaters +
+
+ + 60+ top chefs +
+
+ + @omnifood_lx +
+
+ +
+ lisbon +

SAN FRANCISCO

+
+ + 3700+ happy eaters +
+
+ + 160+ top chefs +
+
+ + @omnifood_sf +
+
+ +
+ lisbon +

BERLIN

+
+ + 2300+ happy eaters +
+
+ + 110+ top chefs +
+
+ + @omnifood_berlin +
+
+ +
+ lisbon +

LONDON

+
+ + 1200+ happy eaters +
+
+ + 50+ top chefs +
+
+ + @omnifood_london +
+
+
+ +
+ +
+
+

OUR CUSTOMERS CAN'T LIVE WITHOUT US

+
+
+
+
Omnifood is just awesome! I just launched a startup + which leaves me with no time for cooking, so Omnifood is a life-saver. + Now that I got used to it, I couldn't live without my daily meals! + Alberto Duncan +
+
+ +
+
Omnifood is just awesome! I just launched a startup + which leaves me with no time for cooking, so Omnifood is a life-saver. + Now that I got used to it, I couldn't live without my daily meals! + Joana Silva +
+
+ +
+
Omnifood is just awesome! I just launched a startup + which leaves me with no time for cooking, so Omnifood is a life-saver. + Now that I got used to it, I couldn't live without my daily meals! + Milton Chapman +
+
+
+ +
+ +
+
+

START EATING HEALTHY TODAY

+
+
+ +
+
+
+

premium

+

$399 / month

+

That's only 13.30$ per meal

+
+
+
    +
  • 1 meal every day
    • +
  • Order 24/7
    • +
  • Access to newest creations
    • +
  • Free delivery
    • +
+
+
+ SIGN UP NOW +
+
+
+ +
+
+
+

PRO

+

$149 / month

+

That's only 14.90$ per meal

+
+
+
    +
  • 1 meal 10 days/month
    • +
  • Order 24/7
    • +
  • Access to newest creations
    • +
  • Free delivery
    • +
+
+
+ SIGN UP NOW +
+
+
+ +
+
+
+

STARTER

+

19$ / meal

+

That's only 13.30$ per meal

+
+
+
    +
  • 1 meal
    • +
  • Order from 8 am to 12 pm/7
    • +
    • +
  • Free delivery
    • +
+
+
+ SIGN UP NOW +
+
+
+ +
+
+ + + + + + diff --git a/omnifood/resources/css/img/back-customers.jpg b/omnifood/resources/css/img/back-customers.jpg new file mode 100644 index 00000000..cd7231f7 Binary files /dev/null and b/omnifood/resources/css/img/back-customers.jpg differ diff --git a/omnifood/resources/css/img/hero.jpg b/omnifood/resources/css/img/hero.jpg new file mode 100644 index 00000000..2ba3e03f Binary files /dev/null and b/omnifood/resources/css/img/hero.jpg differ diff --git a/omnifood/resources/css/queries.css b/omnifood/resources/css/queries.css new file mode 100644 index 00000000..f12c3dca --- /dev/null +++ b/omnifood/resources/css/queries.css @@ -0,0 +1,33 @@ +/*desktops 1024px to 1200px */ /*above 1200px everything is bydefault as we made it*/ +@media only screen and (max-width: 1200px){ + .hero-text-box{ + width:100%; + padding:0 2%; + } + + .row{padding: 0 2%;} + +} + +/* big tablets to laptops 768px to 1023px */ +@media only screen and (max-width: 1023px){ + body{font-size: 18px;} + section{padding: 60px 0;} + + .long-copy{ + width:80%; + margin-left:10%; + } +} + +/* big phones to small tablet 481px to 767px */ +@media only screen and (max-width: 767px){ + +} + + +/* small phones 0 to 480px */ +@media only screen and (max-width: 480px){ + + +} diff --git a/omnifood/resources/css/style.css b/omnifood/resources/css/style.css new file mode 100644 index 00000000..266bf298 --- /dev/null +++ b/omnifood/resources/css/style.css @@ -0,0 +1,449 @@ +/*---------------------------*/ +/* BASIC SETUP */ +/*---------------------------*/ + +*{ + margin:0; + padding:0; + box-sizing: border-box; +} + +html{ + background-color: #fff; + color:#555; + font-family: 'Lato','Arial',sans-serif; + font-weight: 300; + font-size: 20px; + text-rendering:optimizeLegibility; +} + + + +/*---------------------------*/ +/* REUSABLE COMPONENTS */ +/*---------------------------*/ + +.row{ + width:1140px; + margin:0 auto; +} + +section{ + padding:80px 0; +} + +.box{ + padding:1%; +} + +/*--------HEADINGS--------*/ +h1,h2,h3{ + font-weight: 300; + text-transform: uppercase; + + +} + +h1{ + margin:0; + margin-bottom: 20px; + color:#fff; + font-size:240%; + word-spacing: 4px; + letter-spacing: 1px; +} + +h2{ + font-size:180%; + word-spacing:2px; + text-align:center; + margin-bottom: 30px; + letter-spacing: 1px; +} + +h2:after{ + display: block; + height:2px; + background-color: #e67e22; + content:" "; + width:100px; + margin:0 auto; + margin-top:30px; +} + +h3{ + font-size:110%; + margin-bottom:15px; + +} + +/*--------PARAGRAPHS--------*/ +.long-copy{ + + line-height:145%; + width:70%; + margin-left:15%; +} + +.box p{ + font-size:90%; + line-height: 145%; +} + +/*--------ICONS--------*/ +.icon-big{ + font-size: 250%; + display: block; + color:#e67e22; + margin-bottom: 15px; +} + +.icon-small{ + display: inline-block; + width:30px; + text-align:center; + color:#e67e22; +} + +/*--------LINKS--------*/ +a:link, +a:active{ + color:#e67e22; + text-decoration:none; + border-bottom:1px solid #e67e22; +} +a:hover, +a:active{ + color:#e67e22; + border-bottom:1px solid transparent; +} + +/*--------BUTTONS--------*/ +.btn:link, +.btn:visited{ + display: inline-block; + font-weight: 300; + padding:10px 30px; + /*border:1px solid yellow;*/ + text-decoration: none; + border-radius:200px; + transition: background-color 0.2s, color 0.2s, color 0.2s; +} + +.btn-full:link, +.btn-full:visited{ + color:#fff; + background-color: #e67e22; + border:1px solid #e67e22; + margin-right: 15px; +} + +.btn-ghost:link, +.btn-ghost:visited{ + border:1px solid #e67e22; + color:#e67e22; +} + +.btn:hover, +.btn:active{ + background-color: #cf6d17; + color:#fff; + +} + +.btn-full:hover, +.btn-full:active{ + + border:1px solid #e67e22; +} + +.btn-ghost:hover, +.btn-ghost:active{ + border:1px solid #cf6d17; + color:#fff; +} + + +/*---------------------------*/ +/* HEADER */ +/*---------------------------*/ + +header{ + background-image:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)), url('img/hero.jpg'); + background-attachment: fixed; + background-size: cover; + background-position: center; + height:100vh; +} + +.hero-text-box{ + position: absolute; + width:1140px; + top:50%; + left:50%; + transform:translate(-50%,-50%); +} + +.logo{ + height:100px; + width:auto; + float:left; + margin-top: 20px; +} + +.main-nav{ + float:right; + list-style: none; + margin-top:20px; +} + +.main-nav li{ + display: inline-block; + margin-left:40px; + +} + +.main-nav li a:link, +.main-nav li a:visited{ + padding: 8px 0; + color:#fff; + text-decoration: none; + text-transform: uppercase; + font-size: 90%; + border-bottom: 2px solid transparent; + transition: border-bottom 0.2s; +} + +.main-nav li a:hover, +.main-nav li a:active{ + border-bottom: 2px solid #e67e22; +} +/*---------------------------*/ +/* FEATURES */ +/*---------------------------*/ +.section-features .long-copy{ + padding: 30px; +} + +/*---------------------------*/ +/* MEALS */ +/*---------------------------*/ +.section-meals{ + padding: 0; +} +.meals-showcase{ + list-style: none; + width:100%; + height: 75%; +} + +.meals-showcase li{ + display: block; + float:left; + width:25%; +} + +.meals-photo{ + width: 100%; + margin:0; + overflow: hidden; + background-color: #000; +} + +.meals-photo img{ + opacity:0.7; + width:100%; + height:auto; + transform:scale(1.15); + transition: transform 0.5s, opacity 0.5s; + +} +.meals-photo img:hover{ + transform:scale(1.03); + opacity: 1; +} + +/*---------------------------*/ +/* HOW IT WORKS */ +/*---------------------------*/ +.section-steps{ + background-color: #f4f4f4; +} +.steps-box{ + margin-top:30px; +} + +.steps-box:first-child{ + text-align:center; + padding-right:3%; +} + +.steps-box:last-child{ + padding-left:3%; + margin-top:70px; +} +.app-screen{ + width:40%; +} + +.works-step{ + margin-bottom:50px; +} + +.works-step div { + color:#e67e22; + border: 2px solid #e67e22; + display: inline-block; + border-radius:50%; + height: 50px; + width:50px; + text-align:center; + padding:5px; + float:left; + font-size:150%; + margin-right:25px; +} + +.btn-app img { + height: 50px; + width:auto; + margin-right:10px; +} + +/*---------------------------*/ +/* CITIES */ +/*---------------------------*/ +.box img{ + width:100%; + height: auto; + margin-bottom: 15px; +} + +.city-features{ + margin-bottom:5px; +} + +/*---------------------------*/ +/* TESTIMONIALS */ +/*---------------------------*/ +.section-testimonials{ + background-image:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)), url('img/back-customers.jpg'); + background-size: cover; + color:#fff; + background-attachment: fixed; +} + +blockquote{ + padding:2%; + font-family:italic; + line-height: 145%; +} +blockquote::before{ + content: "\201c"; + font-size: 380%; + display: block; +} + +cite{ + font-size:90%; + margin-top:25px; + display: block; +} +cite img{ + height: 50px; + border-radius: 50%; + margin-right: 10px; + vertical-align: middle; +} + +/*---------------------------*/ +/* SIGN UP */ +/*---------------------------*/ +.section-plans{ + background-color:#f4f4f4; +} +.plan-box{ + background-color: #fff; + border-radius:5px; + width:90%; + margin-left:5%; + box-shadow:10px 10px 2px #efefef; +} +.plan-box div{ + padding:15px; + border-bottom:1px solid #e8e8e8; +} +.plan-box div:first-child{ + background-color:#fcfcfc; +} +.plan-box div:last-child{ + text-align: center; + border:0; +} +.plan-price{ + font-size: 300%; + margin-bottom:10px; + font-weight:100; + color:#e67e22; +} +.plan-price span{ + font-size: 30%; + font-weight: 300; +} +.plan-price meak{ + font-size: 80%; +} +.plan-box ul{ + list-style: none; +} +.plan-box ul li{ + padiing:5px 0; +} + +/*---------------------------*/ +/* FOOTER */ +/*---------------------------*/ +footer{ + background-color:#333; +} + +.footer-nav{ + list-style:none; + float:left; +} +.social-links{ + list-style:none; + float:right; +} +.footer-nav li, +.social-links li{ + display: inline-block; + margin-right: 20px; +} +.footer-nav li a:link, +.footer-nav li a:visited, +.social-links li a:link, +.social-links li a:visited{ + text-decoration:none; + border:0; + color:#888; + transition:color 0.2s; +} +.footer-nav li a:hover, +.footer-nav li a:active{ + color:#e67e22; +} +.social-links li a:link, +.social-links li a:visited{ + font-size:180%; +} +.social-links li a:hover, +.social-links li a:active{ + color:#fff; +} +footer p{ + text-align:center; + color:#888; + margin:1rem; + font-size:90%; +} diff --git a/omnifood/resources/img/1.jpg b/omnifood/resources/img/1.jpg new file mode 100644 index 00000000..ba56fb7f Binary files /dev/null and b/omnifood/resources/img/1.jpg differ diff --git a/omnifood/resources/img/2.jpg b/omnifood/resources/img/2.jpg new file mode 100644 index 00000000..06f6e3f5 Binary files /dev/null and b/omnifood/resources/img/2.jpg differ diff --git a/omnifood/resources/img/3.jpg b/omnifood/resources/img/3.jpg new file mode 100644 index 00000000..47fc1df2 Binary files /dev/null and b/omnifood/resources/img/3.jpg differ diff --git a/omnifood/resources/img/4.jpg b/omnifood/resources/img/4.jpg new file mode 100644 index 00000000..1b2d4023 Binary files /dev/null and b/omnifood/resources/img/4.jpg differ diff --git a/omnifood/resources/img/5.jpg b/omnifood/resources/img/5.jpg new file mode 100644 index 00000000..11d4790b Binary files /dev/null and b/omnifood/resources/img/5.jpg differ diff --git a/omnifood/resources/img/6.jpg b/omnifood/resources/img/6.jpg new file mode 100644 index 00000000..44d7b084 Binary files /dev/null and b/omnifood/resources/img/6.jpg differ diff --git a/omnifood/resources/img/7.jpg b/omnifood/resources/img/7.jpg new file mode 100644 index 00000000..1988b247 Binary files /dev/null and b/omnifood/resources/img/7.jpg differ diff --git a/omnifood/resources/img/8.jpg b/omnifood/resources/img/8.jpg new file mode 100644 index 00000000..96e517b4 Binary files /dev/null and b/omnifood/resources/img/8.jpg differ diff --git a/omnifood/resources/img/app-iPhone.png b/omnifood/resources/img/app-iPhone.png new file mode 100644 index 00000000..3ddf251a Binary files /dev/null and b/omnifood/resources/img/app-iPhone.png differ diff --git a/omnifood/resources/img/back-customers.jpg b/omnifood/resources/img/back-customers.jpg new file mode 100644 index 00000000..cd7231f7 Binary files /dev/null and b/omnifood/resources/img/back-customers.jpg differ diff --git a/omnifood/resources/img/berlin.jpg b/omnifood/resources/img/berlin.jpg new file mode 100644 index 00000000..c93f759b Binary files /dev/null and b/omnifood/resources/img/berlin.jpg differ diff --git a/omnifood/resources/img/customer-1.jpg b/omnifood/resources/img/customer-1.jpg new file mode 100644 index 00000000..9cf27d60 Binary files /dev/null and b/omnifood/resources/img/customer-1.jpg differ diff --git a/omnifood/resources/img/customer-2.jpg b/omnifood/resources/img/customer-2.jpg new file mode 100644 index 00000000..e3438fe3 Binary files /dev/null and b/omnifood/resources/img/customer-2.jpg differ diff --git a/omnifood/resources/img/customer-3.jpg b/omnifood/resources/img/customer-3.jpg new file mode 100644 index 00000000..79319398 Binary files /dev/null and b/omnifood/resources/img/customer-3.jpg differ diff --git a/omnifood/resources/img/download-app-android.png b/omnifood/resources/img/download-app-android.png new file mode 100644 index 00000000..9a50affd Binary files /dev/null and b/omnifood/resources/img/download-app-android.png differ diff --git a/omnifood/resources/img/download-app.svg b/omnifood/resources/img/download-app.svg new file mode 100644 index 00000000..ac111e59 --- /dev/null +++ b/omnifood/resources/img/download-app.svg @@ -0,0 +1,129 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/omnifood/resources/img/hero.jpg b/omnifood/resources/img/hero.jpg new file mode 100644 index 00000000..2ba3e03f Binary files /dev/null and b/omnifood/resources/img/hero.jpg differ diff --git a/omnifood/resources/img/lisbon-3.jpg b/omnifood/resources/img/lisbon-3.jpg new file mode 100644 index 00000000..28d3c8a6 Binary files /dev/null and b/omnifood/resources/img/lisbon-3.jpg differ diff --git a/omnifood/resources/img/logo-white.png b/omnifood/resources/img/logo-white.png new file mode 100644 index 00000000..5d28e519 Binary files /dev/null and b/omnifood/resources/img/logo-white.png differ diff --git a/omnifood/resources/img/logo.png b/omnifood/resources/img/logo.png new file mode 100644 index 00000000..f78803f6 Binary files /dev/null and b/omnifood/resources/img/logo.png differ diff --git a/omnifood/resources/img/london.jpg b/omnifood/resources/img/london.jpg new file mode 100644 index 00000000..10adde11 Binary files /dev/null and b/omnifood/resources/img/london.jpg differ diff --git a/omnifood/resources/img/san-francisco.jpg b/omnifood/resources/img/san-francisco.jpg new file mode 100644 index 00000000..59bf83de Binary files /dev/null and b/omnifood/resources/img/san-francisco.jpg differ diff --git a/omnifood/vendors/css/grid.css b/omnifood/vendors/css/grid.css new file mode 100644 index 00000000..7b721e60 --- /dev/null +++ b/omnifood/vendors/css/grid.css @@ -0,0 +1,689 @@ + +/* SECTIONS ============================================================================= */ + +.section { + clear: both; + padding: 0px; + margin: 0px; +} + +/* GROUPING ============================================================================= */ + +.row { + zoom: 1; /* For IE 6/7 (trigger hasLayout) */ +} + +.row:before, +.row:after { + content:""; + display:table; +} +.row:after { + clear:both; +} + +/* GRID COLUMN SETUP ==================================================================== */ + +.col { + display: block; + float:left; + margin: 1% 0 1% 1.6%; +} + +.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */ + + +/* REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */ + +@media only screen and (max-width: 480px) { + .col { + /*margin: 1% 0 1% 0%;*/ + margin: 0; + } +} + + +/* GRID OF TWO ============================================================================= */ + + +.span-2-of-2 { + width: 100%; +} + +.span-1-of-2 { + width: 49.2%; +} + +/* GO FULL WIDTH AT LESS THAN 480 PIXELS */ + +@media only screen and (max-width: 480px) { + .span-2-of-2 { + width: 100%; + } + .span-1-of-2 { + width: 100%; + } +} + + +/* GRID OF THREE ============================================================================= */ + + +.span-3-of-3 { + width: 100%; +} + +.span-2-of-3 { + width: 66.13%; +} + +.span-1-of-3 { + width: 32.26%; +} + + +/* GO FULL WIDTH AT LESS THAN 480 PIXELS */ + +@media only screen and (max-width: 480px) { + .span-3-of-3 { + width: 100%; + } + .span-2-of-3 { + width: 100%; + } + .span-1-of-3 { + width: 100%; + } +} + +/* GRID OF FOUR ============================================================================= */ + + +.span-4-of-4 { + width: 100%; +} + +.span-3-of-4 { + width: 74.6%; +} + +.span-2-of-4 { + width: 49.2%; +} + +.span-1-of-4 { + width: 23.8%; +} + + +/* GO FULL WIDTH AT LESS THAN 480 PIXELS */ + +@media only screen and (max-width: 480px) { + .span-4-of-4 { + width: 100%; + } + .span-3-of-4 { + width: 100%; + } + .span-2-of-4 { + width: 100%; + } + .span-1-of-4 { + width: 100%; + } +} + + +/* GRID OF FIVE ============================================================================= */ + + +.span-5-of-5 { + width: 100%; +} + +.span-4-of-5 { + width: 79.68%; +} + +.span-3-of-5 { + width: 59.36%; +} + +.span-2-of-5 { + width: 39.04%; +} + +.span-1-of-5 { + width: 18.72%; +} + + +/* GO FULL WIDTH AT LESS THAN 480 PIXELS */ + +@media only screen and (max-width: 480px) { + .span-5-of-5 { + width: 100%; + } + .span-4-of-5 { + width: 100%; + } + .span-3-of-5 { + width: 100%; + } + .span-2-of-5 { + width: 100%; + } + .span-1-of-5 { + width: 100%; + } +} + + +/* GRID OF SIX ============================================================================= */ + + +.span-6-of-6 { + width: 100%; +} + +.span-5-of-6 { + width: 83.06%; +} + +.span-4-of-6 { + width: 66.13%; +} + +.span-3-of-6 { + width: 49.2%; +} + +.span-2-of-6 { + width: 32.26%; +} + +.span-1-of-6 { + width: 15.33%; +} + + +/* GO FULL WIDTH AT LESS THAN 480 PIXELS */ + +@media only screen and (max-width: 480px) { + .span-6-of-6 { + width: 100%; + } + .span-5-of-6 { + width: 100%; + } + .span-4-of-6 { + width: 100%; + } + .span-3-of-6 { + width: 100%; + } + .span-2-of-6 { + width: 100%; + } + .span-1-of-6 { + width: 100%; + } +} + + + +/* GRID OF SEVEN ============================================================================= */ + + +.span-7-of-7 { + width: 100%; +} + +.span-6-of-7 { + width: 85.48%; +} + +.span-5-of-7 { + width: 70.97%; +} + +.span-4-of-7 { + width: 56.45%; +} + +.span-3-of-7 { + width: 41.94%; +} + +.span-2-of-7 { + width: 27.42%; +} + +.span-1-of-7 { + width: 12.91%; +} + + +/* GO FULL WIDTH AT LESS THAN 480 PIXELS */ + +@media only screen and (max-width: 480px) { + .span-7-of-7 { + width: 100%; + } + .span-6-of-7 { + width: 100%; + } + .span-5-of-7 { + width: 100%; + } + .span-4-of-7 { + width: 100%; + } + .span-3-of-7 { + width: 100%; + } + .span-2-of-7 { + width: 100%; + } + .span-1-of-7 { + width: 100%; + } +} + + +/* GRID OF EIGHT ============================================================================= */ + + +.span-8-of-8 { + width: 100%; +} + +.span-7-of-8 { + width: 87.3%; +} + +.span-6-of-8 { + width: 74.6%; +} + +.span-5-of-8 { + width: 61.9%; +} + +.span-4-of-8 { + width: 49.2%; +} + +.span-3-of-8 { + width: 36.5%; +} + +.span-2-of-8 { + width: 23.8%; +} + +.span-1-of-8 { + width: 11.1%; +} + + +/* GO FULL WIDTH AT LESS THAN 480 PIXELS */ + +@media only screen and (max-width: 480px) { + .span-8-of-8 { + width: 100%; + } + .span-7-of-8 { + width: 100%; + } + .span-6-of-8 { + width: 100%; + } + .span-5-of-8 { + width: 100%; + } + .span-4-of-8 { + width: 100%; + } + .span-3-of-8 { + width: 100%; + } + .span-2-of-8 { + width: 100%; + } + .span-1-of-8 { + width: 100%; + } +} + + +/* GRID OF NINE ============================================================================= */ + + +.span-9-of-9 { + width: 100%; +} + +.span-8-of-9 { + width: 88.71%; +} + +.span-7-of-9 { + width: 77.42%; +} + +.span-6-of-9 { + width: 66.13%; +} + +.span-5-of-9 { + width: 54.84%; +} + +.span-4-of-9 { + width: 43.55%; +} + +.span-3-of-9 { + width: 32.26%; +} + +.span-2-of-9 { + width: 20.97%; +} + +.span-1-of-9 { + width: 9.68%; +} + + +/* GO FULL WIDTH AT LESS THAN 480 PIXELS */ + +@media only screen and (max-width: 480px) { + .span-9-of-9 { + width: 100%; + } + .span-8-of-9 { + width: 100%; + } + .span-7-of-9 { + width: 100%; + } + .span-6-of-9 { + width: 100%; + } + .span-5-of-9 { + width: 100%; + } + .span-4-of-9 { + width: 100%; + } + .span-3-of-9 { + width: 100%; + } + .span-2-of-9 { + width: 100%; + } + .span-1-of-9 { + width: 100%; + } +} + + +/* GRID OF TEN ============================================================================= */ + + +.span-10-of-10 { + width: 100%; +} + +.span-9-of-10 { + width: 89.84%; +} + +.span-8-of-10 { + width: 79.68%; +} + +.span-7-of-10 { + width: 69.52%; +} + +.span-6-of-10 { + width: 59.36%; +} + +.span-5-of-10 { + width: 49.2%; +} + +.span-4-of-10 { + width: 39.04%; +} + +.span-3-of-10 { + width: 28.88%; +} + +.span-2-of-10 { + width: 18.72%; +} + +.span-1-of-10 { + width: 8.56%; +} + + +/* GO FULL WIDTH AT LESS THAN 480 PIXELS */ + +@media only screen and (max-width: 480px) { + .span-10-of-10 { + width: 100%; + } + .span-9-of-10 { + width: 100%; + } + .span-8-of-10 { + width: 100%; + } + .span-7-of-10 { + width: 100%; + } + .span-6-of-10 { + width: 100%; + } + .span-5-of-10 { + width: 100%; + } + .span-4-of-10 { + width: 100%; + } + .span-3-of-10 { + width: 100%; + } + .span-2-of-10 { + width: 100%; + } + .span-1-of-10 { + width: 100%; + } +} + + +/* GRID OF ELEVEN ============================================================================= */ + +.span-11-of-11 { + width: 100%; +} + +.span-10-of-11 { + width: 90.76%; +} + +.span-9-of-11 { + width: 81.52%; +} + +.span-8-of-11 { + width: 72.29%; +} + +.span-7-of-11 { + width: 63.05%; +} + +.span-6-of-11 { + width: 53.81%; +} + +.span-5-of-11 { + width: 44.58%; +} + +.span-4-of-11 { + width: 35.34%; +} + +.span-3-of-11 { + width: 26.1%; +} + +.span-2-of-11 { + width: 16.87%; +} + +.span-1-of-11 { + width: 7.63%; +} + + +/* GO FULL WIDTH AT LESS THAN 480 PIXELS */ + +@media only screen and (max-width: 480px) { + .span-11-of-11 { + width: 100%; + } + .span-10-of-11 { + width: 100%; + } + .span-9-of-11 { + width: 100%; + } + .span-8-of-11 { + width: 100%; + } + .span-7-of-11 { + width: 100%; + } + .span-6-of-11 { + width: 100%; + } + .span-5-of-11 { + width: 100%; + } + .span-4-of-11 { + width: 100%; + } + .span-3-of-11 { + width: 100%; + } + .span-2-of-11 { + width: 100%; + } + .span-1-of-11 { + width: 100%; + } +} + + +/* GRID OF TWELVE ============================================================================= */ + +.span-12-of-12 { + width: 100%; +} + +.span-11-of-12 { + width: 91.53%; +} + +.span-10-of-12 { + width: 83.06%; +} + +.span-9-of-12 { + width: 74.6%; +} + +.span-8-of-12 { + width: 66.13%; +} + +.span-7-of-12 { + width: 57.66%; +} + +.span-6-of-12 { + width: 49.2%; +} + +.span-5-of-12 { + width: 40.73%; +} + +.span-4-of-12 { + width: 32.26%; +} + +.span-3-of-12 { + width: 23.8%; +} + +.span-2-of-12 { + width: 15.33%; +} + +.span-1-of-12 { + width: 6.86%; +} + + +/* GO FULL WIDTH AT LESS THAN 480 PIXELS */ + +@media only screen and (max-width: 480px) { + .span-12-of-12 { + width: 100%; + } + .span-11-of-12 { + width: 100%; + } + .span-10-of-12 { + width: 100%; + } + .span-9-of-12 { + width: 100%; + } + .span-8-of-12 { + width: 100%; + } + .span-7-of-12 { + width: 100%; + } + .span-6-of-12 { + width: 100%; + } + .span-5-of-12 { + width: 100%; + } + .span-4-of-12 { + width: 100%; + } + .span-3-of-12 { + width: 100%; + } + .span-2-of-12 { + width: 100%; + } + .span-1-of-12 { + width: 100%; + } +} \ No newline at end of file diff --git a/omnifood/vendors/css/normalize.css b/omnifood/vendors/css/normalize.css new file mode 100644 index 00000000..192eb9ce --- /dev/null +++ b/omnifood/vendors/css/normalize.css @@ -0,0 +1,349 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ + +/* Document + ========================================================================== */ + +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ + +html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/* Sections + ========================================================================== */ + +/** + * Remove the margin in all browsers. + */ + +body { + margin: 0; +} + +/** + * Render the `main` element consistently in IE. + */ + +main { + display: block; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/* Grouping content + ========================================================================== */ + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Remove the gray background on active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +b, +strong { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +code, +kbd, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove the border on images inside links in IE 10. + */ + +img { + border-style: none; +} + +/* Forms + ========================================================================== */ + +/** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + +button, +select { /* 1 */ + text-transform: none; +} + +/** + * Correct the inability to style clickable types in iOS and Safari. + */ + +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +/** + * Remove the inner border and padding in Firefox. + */ + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Correct the padding in Firefox. + */ + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + +progress { + vertical-align: baseline; +} + +/** + * Remove the default vertical scrollbar in IE 10+. + */ + +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + +[type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding in Chrome and Safari on macOS. + */ + +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* Interactive + ========================================================================== */ + +/* + * Add the correct display in Edge, IE 10+, and Firefox. + */ + +details { + display: block; +} + +/* + * Add the correct display in all browsers. + */ + +summary { + display: list-item; +} + +/* Misc + ========================================================================== */ + +/** + * Add the correct display in IE 10+. + */ + +template { + display: none; +} + +/** + * Add the correct display in IE 10. + */ + +[hidden] { + display: none; +}