nata_developer

고정 헤더 영역

글 제목

메뉴 레이어

nata_developer

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기 (52)
    • JavaScript (17)
    • JavaScript Library (5)
    • github (1)
    • React (17)
    • HTML-CSS (12)

검색 레이어

nata_developer

검색 영역

컨텐츠 검색

HTML-CSS

  • 9편 Omnifood footer

    2020.08.30 by nata_developer

  • 8편 Omnifood section-form

    2020.08.30 by nata_developer

  • 7편 Omnifood section-plans

    2020.08.30 by nata_developer

  • 6편 Omnifood section-testimonials

    2020.08.30 by nata_developer

  • 5편 Omnifood section-cities

    2020.08.30 by nata_developer

  • 4편 Omnifood section-steps

    2020.08.30 by nata_developer

  • 3편 Omnifood section-meals

    2020.08.30 by nata_developer

  • 2편 Omnifood section-features

    2020.08.30 by nata_developer

9편 Omnifood footer

1.HTML About us Blog Press iOS App Android App Copyright © 2015 by Omnifood. All right reserved 2.CSS /*---------------------------*/ /*FOOTER*/ /*---------------------------*/ footer { background-color: #333; padding: 50px; font-size: 80%; } .footer-nav { list-style: none; float:left } .social-links { list-style: none; float: right; } .footer-nav li, .social-links li { display: inline-block; ma..

HTML-CSS 2020. 8. 30. 18:11

8편 Omnifood section-form

1.HTML We're happy to hear from you Name Email How did you find us? Friends Search engine Advertisement Other Newsletter? Yes, please Drop us a line 2.CSS /*--------- BUTTONS ---------*/ .btn:link, .btn:visited, input[type=submit] { display: inline-block; padding: 10px 30px; font-weight: 300px; text-decoration: none; border-radius: 200px; transition: background-color 0.2s; } .btn-full:link, .btn..

HTML-CSS 2020. 8. 30. 17:56

7편 Omnifood section-plans

1.HTML 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$ / month 1 meal Order from 8 am to 12 pm Free delivery Sign up now 2.CSS .section-plans { bac..

HTML-CSS 2020. 8. 30. 17:39

6편 Omnifood section-testimonials

1.HTML 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 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..

HTML-CSS 2020. 8. 30. 17:04

5편 Omnifood section-cities

1.HTML We're currently in these cities Lisbon 1600+ happy eaters 60+ top chefs @omnifood_lx San Francisco 3700+ happy eaters 160+ top chefs @omnifood_sf Berlin 2300+ happy eaters 110+ top chefs @omnifood_berlin London 1200+ happy eaters 50+ top chefs @omnifood_london 2.CSS /*--------- ICONS ---------*/ .icon-small { display: inline-block; width: 30px; text-align: center; color: #e67e22; font-siz..

HTML-CSS 2020. 8. 30. 15:53

4편 Omnifood section-steps

1.HTML How it works — Simple as 1, 2, 3 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! 2.CSS /*---------------------------*/ /*BASIC SETUP*/ /*---------------------------*/ .clearfix { zoom: 1 } .clearfix:after { c..

HTML-CSS 2020. 8. 30. 15:20

3편 Omnifood section-meals

1.HTML figure 태그 태그는 삽화나 다이어그램, 사진 등과 같이 문서의 주요 흐름과는 독립적인 콘텐츠를 정의할 때 사용합니다. 2.CSS .section-meals { padding: 0; } .meals-showcase { list-style: none; width: 100%; } .meals-showcase li { display: block; float: left; width: 25%; } .meal-photo { width: 100%; margin: 0; overflow: hidden; background-color: #000; } .meal-photo img { opacity: 0.7; width: 100%; height: auto; transform: scale(1.15); trans..

HTML-CSS 2020. 8. 30. 14:18

2편 Omnifood section-features

1.HTML Get food fast — not fast food Hello, we're Omnifood, your new premium food delivery service. We know you're always busy. No time fro 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...

HTML-CSS 2020. 8. 30. 13:06

추가 정보

인기글

최신글

페이징

이전
1 2
다음
TISTORY
nata_developer © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바