diff --git a/Blog.html b/Blog.html index 24e53b6..fd150f7 100644 --- a/Blog.html +++ b/Blog.html @@ -29,21 +29,351 @@ + + Blog -
-
-
+ + +
+
+
+
+
+ Due to the COVID-19 epidemic, orders may be processed with a slight delay. +
+
+
+
+
+ Store Location + Order Tracking + FAQs +
+ Select Language +
+ +
+ Currency +
+ +
+
+
+
+
+
- + + + + + +
+ +
+ + + + +
+ + +
+ +

What Are You Looking For?

+
+ + +
+ +
+ +
+ + +
+ + +
+ +Home +
+Shop +
+Pages +
+Blog +
+About Us +
+Contact Us +
+Login / Register +
+Wishlist +
+
+ + + + + + × + +
+ + + ☰ + + + + + + + + + + + +
+ +
+ +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+ + + + + + + +
+
+
+ +
+ +
+
+
+
+ + + + + + + + + + + + + + +
+
+
+ -
+
+ + +
+
+
+
+
+
+
+ +
+
+

Fast Delivery

+

Across The World

+
+
+
+
+
+
+ +
+
+

Safe payment

+

100% Secure Payment

+
+
+
+
+
+
+ +
+
+

Online Discount

+

Add Multi-buy Discount

+
+
+
+
+
+
+ +
+
+

Help Center

+

Dedicated 24/7 Support

+
+
+
+
+
+
+ +
+
+

Curated items

+

From Handpicked Sellers

+
+
+
+
+
+
+
+ + +
+ + + + + + + +
+ + + + + + + + + + + - \ No newline at end of file + diff --git a/Footer.html b/Footer.html index d012fcd..d00ac0a 100644 --- a/Footer.html +++ b/Footer.html @@ -203,7 +203,32 @@

Our newsletter

+ diff --git a/about.html b/about.html new file mode 100644 index 0000000..0841ab8 --- /dev/null +++ b/about.html @@ -0,0 +1,982 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + Orfarm - Multipurpose eCommerce HTML5 Template + + + + +
+
+
+
+
+ Due to the COVID-19 epidemic, orders may be + processed with a slight delay. +
+
+
+
+
+ Store Location + Order Tracking + FAQs +
+ Select Language +
+ +
+ Currency +
+ +
+
+
+
+
+
+ + + + +
+
+ + +
+
+

What Are You Looking For?

+
+ + +
+
+ +
+ + +
+ +
+ Home +
+ Shop +
+ Pages +
+ Blog +
+ About Us +
+ Contact Us +
+ Login / Register +
+ Wishlist +
+
+ + × +
+ + ☰ + + + + + + + +
+ +
+ +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+ + + + + +
+
+
About for Orfarm
+

Unique People

+

+ Over 25 years of experience, we have crafted thousands of + strategic discovery process that
+ enables us to peel back the layers which enable us to + understand, connect. +

+
+ About us +
+
+
+ + + +
+
+ about-inner-bg +
+ tree-leaf-7 + tree-leaf-6 +
+
+
+
+ About us + Welcome to Orfarm +
+
+

+ We Help Your
+ Digital Business Grow +

+

+ We provide digital experience services to startups and small + businesses. We help our
+ clients succeed by creating brand identities, digital + experiences, and print materials. Sed
+ trspiciatis unde omnis iste natus error sit voluptatem + accusantium. +

+
+
+
    +
  • + + Track your daily activity.
    • +
  • + + Start a private group video call. +
    • +
  • + + All the lorem ipsum generators on + the Internet. +
    • +
+
+
+
+ + + +
+
+
+
+
+
+ +
+
+

Select Your Products

+

+ Choose from select produce to start.
+ Keep, add, or remove items. +

+
+
+
+
+
+
+ +
+
+

Our Shop Orfarm

+

+ We provide 100+ products, provide
+ enough nutrition for your family. +

+
+
+
+
+
+
+ +
+
+

Delivery To Your

+

+ Delivery to your door. Up to 100km
+ and it's completely free. +

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

~ Why Choose Us ~

+

Our Amazing Work

+

+ The liber tempor cum soluta nobis eleifend option congue doming + quod mazim. +

+
+
+
+
+
+
+
+ +
+
+

Who We Are

+

+ Lorem ipsum dolor sit amet consectetur
+ adipisicing elit, sed do eiusmod tempor labore
+ et dolore dignissimos cumque. +

+
+
+
+
+
+
+ +
+
+

Our Products

+

+ Lorem ipsum dolor sit amet consectetur
+ adipisicing elit, sed do eiusmod tempor labore
+ et dolore dignissimos cumque. +

+
+
+
+
+
+
+ +
+
+

How We Work

+

+ Lorem ipsum dolor sit amet consectetur
+ adipisicing elit, sed do eiusmod tempor labore
+ et dolore dignissimos cumque. +

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

~ Good Performance ~

+

Our Working Ability

+

+ The liber tempor cum soluta nobis eleifend option congue doming + quod mazim. +

+
+
+
+
+
+
+ +
+ + + + + + + +
+
+
+
+
+
+
+
+ + 5465+ + +
+
+

Active Clients

+

+ Sed ut perspiciatis unde omnis
+ iste natus sit accusantium doloremque. +

+
+
+
+
+
+
+ + 4968+ + +
+
+

Projects Done

+

+ Sed ut perspiciatis unde omnis
+ iste natus sit accusantium doloremque. +

+
+
+
+
+
+
+ + 565+ + +
+
+

Team Advisors

+

+ Sed ut perspiciatis unde omnis
+ iste natus sit accusantium doloremque. +

+
+
+
+
+
+
+ + 495+ + +
+
+

Users Online

+

+ Sed ut perspiciatis unde omnis
+ iste natus sit accusantium doloremque. +

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

~ Why choose us? ~

+

What makes us different

+

+ The liber tempor cum soluta nobis eleifend option congue doming + quod mazim. +

+
+
+
+
+
+
+
+ +
+
+

100% Fresh Food

+

+ Adjust global theme options and see design changes in + real-time. +

+ learn more +
+
+
+
+
+
+ +
+
+

Premium Quality

+

+ Adjust global theme options and see design changes in + real-time. +

+ learn more +
+
+
+
+
+
+ +
+
+

100% Natural

+

+ Adjust global theme options and see design changes in + real-time. +

+ learn more +
+
+
+
+
+
+ +
+
+

100% Organic Goods

+

+ Adjust global theme options and see design changes in + real-time. +

+ learn more +
+
+
+
+
+
+
+ Our nearly 1.4K committed staff members are ready to help. + Help Center + +
+
+
+
+
+ + + + +
+ +
+
+
+
+
+
+
+ +
+
+

Fast Delivery

+

Across The World

+
+
+
+
+
+
+ +
+
+

Safe payment

+

100% Secure Payment

+
+
+
+
+
+
+ +
+
+

Online Discount

+

Add Multi-buy Discount

+
+
+
+
+
+
+ +
+
+

Help Center

+

Dedicated 24/7 Support

+
+
+
+
+
+
+ +
+
+

Curated items

+

From Handpicked Sellers

+
+
+
+
+
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/assets/css/Blog.css b/assets/css/Blog.css index e0664b1..0cb4ec0 100644 --- a/assets/css/Blog.css +++ b/assets/css/Blog.css @@ -2,6 +2,7 @@ margin: 0; padding: 0; box-sizing: border-box; + } @@ -65,13 +66,10 @@ color: #64ae00; transition: 600ms; } - - - - - - - +*::selection { + background-color: black; + color: white; +} @@ -126,6 +124,10 @@ transition: 600ms; } + + + + .pagenum:hover{ background-color: #64ae00; color: white; @@ -134,4 +136,73 @@ transition: 600ms; .footer_info-num{ margin-top: 35px; margin-bottom: 35px; -} \ No newline at end of file +} + + + + +.card{ + position: relative; +} + +.card-body{ + position: absolute; + z-index: 1; + bottom: 50px; + color: white; + text-align: center; +} + + + +.img-card-top:hover{ + font-family: ; + color: #64ae00; + cursor: pointer; + transition: 600ms; +} + + + + +body { + font-family: Arial, Helvetica, sans-serif; + font-size: 20px; + } + + #myBtn { + display: none; + position: fixed; + bottom: 20px; + right: 30px; + z-index: 99; + font-size: 18px; + border: none; + outline: none; + background-color: #94ae00; + color: white; + cursor: pointer; + padding: 15px; + border-radius: 20px; + } + + #myBtn:hover { + background-color: #555; + } + + +@media (max-width:768px){ + + + .cover{ + background-size: 500%; + } + +} +.hero { + margin: 0 !important; +} + + + + diff --git a/assets/css/about.css b/assets/css/about.css new file mode 100644 index 0000000..c54c644 --- /dev/null +++ b/assets/css/about.css @@ -0,0 +1,399 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} +*, ::after, ::before { + box-sizing: border-box; +} +.pt-175 { + padding-top: 175px; +} +.pb-170 { + padding-bottom: 170px; +} +.pt-100 { + padding-top: 100px; +} +.pt-80 { + padding-top: 80px; +} +.pb-80 { + padding-bottom: 80px; +} +.pb-60 { + padding-bottom: 60px; +} +.mb-50 { + margin-bottom: 50px; +} +.pb-55 { + padding-bottom: 55px; +} +.pb-35 { + padding-bottom: 35px; +} +/* .tpabout__inner-bg { + background-position: center; + background-size: cover; + background-repeat: no-repeat; +} */ +.tptestimonial__bg { + background-repeat: no-repeat; + background-size: cover; + background-position: center; +} +.p-relative { + position: relative; +} +.tpchoose__bg { + background-size: cover; +} + +/* ------------ */ +.ab-sec-1 { + display: flex; + justify-content: center; + align-items: center; + background-repeat: no-repeat; + background-size: cover; + background-position: 50%; +} +.about-pg-color { + color: #96ae00 !important; +} +.tpabout__inner { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + color: white; +} +.tpabout__inner-sub { + text-transform: uppercase; + font-size: 13px; + font-weight: bold; + font-family: 'Jost', sans-serif; + margin-bottom: 15px; +} +.tpabout__inner-title { + font-size: 60px; + font-weight: bold; + font-family: 'Quicksand', sans-serif; + margin-bottom: 35px; +} +.ab-sec-1-p-text { + font-size: 16px; + font-family: 'Jost', sans-serif; + margin-bottom: 65px; +} +.tpabout__inner-btn a { + text-transform: uppercase; + font-size: 13px; + font-weight: bold; + font-family: 'Jost', sans-serif; + color: white; + padding: 16px 58px; + background-color: #96ae00; + border-radius: 3px; +} +.tpabout__inner-btn a:hover { + transition: all 0.3s; + background-color: #8fa503; +} +.ab-sec-2 { + height: 90vh; + padding: 0 8%; + display: flex; +} +/* --- */ +.tpabout__inner-thumb-2 { + width: 50%; + display: flex; + justify-content: center; + align-items: center; + position: relative; +} +.tpabout__inner-thumb-2 .ab-sec-2-bg-img { + position: absolute; + top: 20%; + width: 90%; +} +.tpabout__inner-thumb-shape-one { + width: 90%; + height: 90%; + position: absolute; + top: 10%; + left: 0; + z-index: 3; +} +.ab-sec-2-img-leaf-1 { + position: absolute; + top: 0; + left: 0; +} +.ab-sec-2-img-leaf-2 { + position: absolute; + top: 70%; + left: 60%; +} +.tpabout__inner-thumb-shape-one { + animation-name: ab-sec-2-shape-animation; + animation-duration: 3s; + animation-timing-function: linear; + animation-delay: 2s; + animation-iteration-count: infinite; + animation-direction: alternate; + } +@keyframes ab-sec-2-shape-animation { + 0% {left:0; top:10%;} + 25% {left:3%; top:10%;} + 50% {left:3; top:11%;} + 75% {left:0; top:11%;} + 100% {left:0; top:10%;} + } + .ab-sec-2-bg-img { + animation-name: ab-sec-2-bg-img-animation; + animation-duration: 8s; + animation-timing-function: linear; + animation-delay: 2s; + animation-iteration-count: infinite; + animation-direction: alternate; + } +@keyframes ab-sec-2-bg-img-animation { + 0% {left:0; top:20%;} + 25% {left:3%; top:20%;} + 50% {left:0; top:23%;} + 75% {left:3%; top:23%;} + 100% {left:0; top:20%;} + } +/* --- - */ +.tpabout__inner-2 { + width: 50%; + padding: 0 2%; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: flex-start; +} +.tpabout__inner-tag { + width: 100%; + margin-bottom: 20px; +} +.tpabout__inner-tag .active { + font-size: 12px; + font-family: 'Jost', sans-serif; + color: white; + background-color: #96ae00; + margin: 0 8px 0 0; + padding: 3px 16px; + border-radius: 30px; + text-transform: uppercase; + font-weight: bold; +} +.tpabout__inner-tag .sp-1 { + font-size: 12px; + font-family: 'Jost', sans-serif; + color: #2d2a6e; + text-transform: uppercase; + font-weight: bold; +} +.tpabout__inner-title-2 { + color: #2d2a6e; + font-size: 36px; + font-weight: bold; + font-family: 'Quicksand', sans-serif; + margin: 0 0 25px; + +} +.ab-sec-2-p-text { + font-size: 16px; + font-family: 'Jost', sans-serif; + color: #4d5574; + margin: 0 0 25px; +} +.tpabout__inner-list { + width: 100%; +} +.ab-sec-2-ul { + padding-left: 0; + margin-left: 0; +} +.ab-sec-2-ul li { + position: relative; + list-style-type: none; + font-size: 16px; + font-family: 'Jost', sans-serif; + color: #4d5574; + margin: 0 0 15px; + padding-left: 40px; +} +.ab-sec-2-ul li i { + position: absolute; + left: 0; + top: 0%; + background-color: #96ae00; + color: white; + margin-right: 25px; + width: 25px; + height: 25px; + display: flex; + justify-content: center; + align-items: center; + border-radius: 50%; +} +.ab-sec-3-content h4 { + font-size: 16px; + font-weight: bold; + font-family: 'Quicksand', sans-serif; + color: #2d2a6e; +} +.ab-sec-3-content p { + font-size: 16px; + font-family: 'Jost', sans-serif; + color: #4d5574; +} +.ab-sec-3-tpabout__icon { + position: relative; + height: 75px; +} +.ab-sec-3-tpabout__icon img { + position: absolute; + top: 0; + left: 45%; +} +.ab-sec-3-tpabout__icon img { + animation-name: ab-sec-3-icon-img-animation; + animation-duration: 8s; + animation-timing-function: linear; + animation-delay: 2s; + animation-iteration-count: infinite; + animation-direction: alternate; + } +@keyframes ab-sec-3-icon-img-animation { + 0% {left:45%; top:0%;} + 25% {left:43%; top:5%;} + 50% {left:45%; top:10%;} + 75% {left:47%; top:5%;} + 100% {left:45; top:0%;} + } + .img-box__thumb { + width: 95%; + } + .img-box__thumb img { + width: 100%; + object-fit: cover; + } + .img-box__content { + margin-top: 25px; + margin-bottom: 60px; + } + .img-box__title { + font-size: 20px; + font-weight: bold; + font-family: 'Quicksand', sans-serif; + color: #2d2a6e; + } + .img-box__content p { + font-size: 16px; + font-family: 'Jost', sans-serif; + color: #4d5574; + } + .ab-sec-4-img-box-area { + background-color: #f2f2f7; + } + .ab-sec-5-tpvideo__bg { + width: 100%; + border-radius: 10px; + overflow: hidden; + position: relative; + } + .ab-sec-5-tpvideo__bg img { + width: 100%; + object-fit: cover; + } + .tpvideo__video-btn { + position: absolute; + top: 45%; + left: 50%; + background-color: rgba(255, 255, 255, 0.32); + width: 75px; + height: 75px; + display: flex; + justify-content: center; + align-items: center; + border: 1px solid white; + border-radius: 50%; + z-index: 3; + } + .tpvideo__icon { + color: #96ae00; + font-size: 24px; + font-weight: 900; + margin-top: 20px; + margin-bottom: 0 !important; + font-family: 'Jost', sans-serif; + } + @media (max-width:991px) { + .ab-sec-2 { + height: 180vh; + padding: 0 8%; + display: flex; + flex-direction: column; + position: relative; + } + .tpabout__inner-thumb-2 { + width: 100%; + } + .tpabout__inner-2 { + position: absolute; + width: 100%; + top: 50%; + } + .tpvideo__video-btn { + top: 40%; + left: 45%; + } + } + .tpvideo__title { + font-family: 'Quicksand', sans-serif; + font-weight: bold; + font-size: 24px; + color: #2d2a6e; + } + .tpvideo__content p { + font-size: 16px; + font-family: 'Jost', sans-serif; + color: #4d5574; + } + .ab-sec-5-video-area { + margin-bottom: 50px; + } + .tpchoose__content h4 { + color: #2d2a6e; + font-family: 'Quicksand', sans-serif; + font-weight: bold; + font-size: 20px; + } + .tpchoose__content p { + font-size: 16px; + font-family: 'Jost', sans-serif; + color: #4d5574; + } + .tpchoose__item { + margin-bottom: 10px; + background-color: white; + padding: 35px 0; + border-radius: 10px; + } + .tpchoose__content a { + font-size: 14px; + font-weight: bold; + font-family: 'Jost', sans-serif; + color: #96ae00; + text-transform: uppercase; + } + .choose-area { + padding-top: 50px; + background-color: #f2f2f7; + } \ No newline at end of file diff --git a/assets/css/contact.css b/assets/css/contact.css new file mode 100644 index 0000000..4999a6a --- /dev/null +++ b/assets/css/contact.css @@ -0,0 +1,509 @@ +@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap'); + +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: Quicksand, sans-serif; +} + +body { + font-size: 16px; + font-weight: 400; + line-height: 23px; + overflow-X: hidden +} + +/* didn't work */ +.side-nav-pages .side-nav-pages-home .contact-pg { + color: #96AE00 !important; +} +/* ---- ------- */ + +.develop{ + width: 100%; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} +.container{ + width: 100%; + margin: 4px; + padding: 20px; + +} +.homecontact{ + padding-left: 90px; + display: flex; + flex-direction: row; + +} +.contactus{ + display: flex; + flex-direction: row; + justify-content: center; + margin-left: 5px; + align-items: center; + color: #4d5574; +} + +h5 a{ + text-decoration: none;} +.container .homecontact .home a:hover { + transition: all 0.3s; + color: #96AE00 !important; +} +.first{ + padding: 30px; + display: flex; + flex-direction: column; + text-align: center; + font-size: 16px; +} + +.contact{ + width: 15%; + height: 27px; + border-radius: 15px; + color: #f6f8ea; + font-size: 12px; + background-color: #96AE00; + padding: 6px 15px; + margin: 0 auto 8px; + text-align: center; + display: flex; + justify-content: center; + align-items: center; +} +@media (max-width:991px) { + .contact{ + width: 20%; + } +} +@media (max-width:767px) { + .contact{ + width: 12%; + height: 20px; + } +} + +.looking{ + font-size: 36px; + font-weight: 900; + margin: 0 0 25px; + color: #2d2a6e; + padding-top: 20px; + +} +.second{ + + margin: 20px; + width: 100%; + cursor: pointer; + display: flex; + justify-content: space-evenly; + align-items: center; + flex-direction: row; +} +p{ + font-size: 15px; + color: #6a718b; + } + +.image{ + border-radius: 10px 10px 10px 10px; + width: 100%; +} +.cityphoto { + font-family: "Quicksand"; + color: #403d7a; + font-style: normal; + font-weight: 700; + font-size: 15px; + line-height: 19px; + text-transform: uppercase; +} +.address{ + color: #4d5574; +} +.li{ + font-weight: 400; + font-size: 14px; + line-height-step: 1px; + line-height: 23px; + color: #666d88; + list-style-type: none; + margin: 0; + padding: 0; +} + +.last{ + width: 100%; + display: flex; + flex-direction: row; + margin: 50px; +} + + +.form1 { + width: 50%; + height: 55%; + + border-radius: 30px; + padding: 5px 20px; + display: flex; + flex-direction: column; +} +.map { + width: 50%; +} +.iframe { + width: 100%; +} +.namemail { + display: flex; + flex-direction: column; +} +.head { + width: 100%; + position: relative; + top: 100px; + left: 40px;} + +.leave {font-weight: 700; + font-size: 24px; + line-height: 30px; + letter-spacing: -0.03em; + text-transform: uppercase; + color: #2d2a6e;} + +.require{ + font-size: 13px; + font-weight: 400; +} + +.main { + padding-bottom: 80px; + padding-top: 20px; + margin-left: 60px; + gap: 20px; + position: relative; + top: 100px; + left: -40px;} + +.namemail{ + display: flex; + flex-direction: row; + margin-bottom: 30px;} + +.subnum{ + display: flex; + flex-direction: row; + margin-bottom: 30px; + position: relative;} + +.input { + outline: none; + width: 100%; + height: 50px; + + border-radius: 30px; + padding: 5px 20px;} + +.address{ + width: 70%; +} +.input{ + color: #4d5574; +} +input[type="text"]{ + + width: 90%; + height: 50px; + border: 1px solid #EBEFF4; + border-radius: 30px; + padding: 5px 20px; + color: #dee1e8; + opacity: 0.9; +} +.textarea{ + width: 95%; + height: 200px; + padding: 20px; + border: 1px solid #EBEFF4; + border-radius: 20px; + resize: none; + position: relative; + top: 3px; + bottom: 30px; + opacity: 0.9; + ;} +.formcheck{ + border-radius: 0.25em; + position: relative; + top: 25px; + bottom: 20px; + font-size: 14px; + font-weight: 400;} + +.privacy{ + font-size: 14px; + font-weight: 400; +} +button{ + color: inherit; + outline: none; + border: none; + background: transparent; + cursor: pointer; + box-sizing: border-box; + position: relative; + top: 50px; + width: 180px; + height: 50px; + border-radius: 30px; + color: white; + font-size: 13px; + font-weight: bold; + background-color: #96AE00;} + .second { + display: flex; + align-items: flex-start; + } + @media (max-width:991px) { + .second { + flex-wrap: wrap; + } + .second .paris, + .second .newyork, + .second .budapest, + .second .danimar { + width: 40% !important; + margin-bottom: 1%; + } + } + @media (max-width: 768px){ + .second .paris, + .second .newyork, + .second .budapest, + .second .danimar { + width: 80% !important; + margin-bottom: 1%; + } + + .develop{ + width: 100%; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + } + .container{ + width: 100%; + margin: 4px; + padding: 20px;} + + html, body{ + + overflow-x: hidden; + } + + .homecontact{ + padding-left: 40px; + font-size: 12px; + display: flex; + flex-direction: row;} + + .first{ + display: flex; + justify-content: center; + + } + + .contact{ + width: 30%; + height: 5px; + border-radius: 15px; + color: #f6f8ea; + font-size: 8px; + background-color: #96AE00; + padding-bottom: 25px; + letter-spacing: 0.5px;} + + .looking{ + font-size: 22px; + font-weight: 900; + margin: 0 0 25px; + color: #2d2a6e; + padding-top: 20px;} + + p{ + font-size: 11px; + color: #6a718b;} + + .second{ + margin: 20px; + width: 100%; + cursor: pointer; + display: flex; + align-items: center; + flex-direction: column;} + + + .image{ + border-radius: 10px 10px 10px 10px; + width: 270px;} + + + .li{ + font-weight: 400; + font-size: 11px; + line-height-step: 1px; + line-height: 23px; + color: #666d88; + list-style-type: none;} + + .cityphoto { + font-family: "Quicksand"; + color: #403d7a; + font-style: normal; + font-weight: 700; + font-size: 12px; + line-height: 19px; + text-transform: uppercase; + } + + .last{ + width: 100%; + display: flex; + flex-direction: column; + flex-wrap: wrap; + margin: 50px; + height: 150vh; + } + .map { + width: 100%; + } + .form1 { + width: 100%; + } + .textarea { + width: 80%; + height: 50px; + } + + .leave + { + font-weight: 700; + font-size: 18px; + line-height: 30px; + letter-spacing: -0.03em; + text-transform: uppercase; + color: #2d2a6e; + + } + + + .require{ + width: 90%; + font-size: 11px; + font-weight: 400; + } + + .namemail{ + display: flex; + flex-direction: column; + margin-bottom: 15px;} + + .subnum{ + display: flex; + flex-direction: column; + margin-bottom: 15px; + } + + input[type="text"]{ + + width: 90%; + height: 50px; + border: 1px solid #EBEFF4; + border-radius: 30px; + padding: 5px 20px; + color: #dee1e8; + font-size: 11px; + opacity: 0.9;} + + .iframe{ + position: relative; + left: 70px; + height: 300px; + width: 70%; + border-width: 0; + display: flex;} + + .name{ + + position: relative; + bottom: 8px;} + + .subject{ + position: relative; + bottom: 7px;} + + .paris{ + + margin-bottom: 35px;} + + .newyork{ + + margin-bottom: 35px;} + + .budapest{ + + margin-bottom: 35px;} + + .danimark{ + + margin-bottom: 35px;} + + + .formcheck{ + border-radius: 0.25em; + position: relative; + top: 25px; + bottom: 20px; + font-size: 11px; + font-weight: 400;} + + .privacy{ + font-size: 11px; + font-weight: 400;} + + button{ + color: inherit; + outline: none; + border: none; + background: transparent; + cursor: pointer; + box-sizing: border-box; + position: relative; + top: 50px; + width: 150px; + height: 40px; + border-radius: 30px; + color: white; + font-size: 10px; + font-weight: bold; + background-color: #96AE00; + + } + + .divbutton{ + height: 200px; + margin-bottom: 15px; + } + + } + + + \ No newline at end of file diff --git a/assets/css/home.css b/assets/css/home.css index 086cfb6..a44458d 100644 --- a/assets/css/home.css +++ b/assets/css/home.css @@ -3,7 +3,1445 @@ padding: 0; box-sizing: border-box; } -.card { +body { + background-color: #f2f2f6; +} +/* navbar */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + list-style: none; + font-family: 'Jost', sans-serif; +} + +body { + font-family: Arial, Helvetica, sans-serif; + font-size: 20px; +} + + + +.hero { + position: -webkit-sticky; + position: sticky; + top: 0; + background-color: white; + z-index: 60; +} + + +.sidenav { + height: 100%; + width: 0; + position: fixed; + top: 0; + left: 0; + background-color: #2d2a6eed; + overflow-x: hidden; + transition: 0.5s; + padding-top: 60px; + +} + +.sidenav a { + padding: 0px 0px 0px 32px; + text-decoration: none; + font-size: 16px; + color: #ffffff; + display: block; + transition: 0.3s; +} + +.sidenav a:hover { + color: #f1f1f1; +} + +.sidenav .closebtn { + position: absolute; + top: 0; + right: 25px; + font-size: 36px; + margin-left: 50px; +} + +.sidenav .closebtn:hover { + color: #94ae00; + transition: 300ms; +} + + +.side-open-btn { + + display: none; +} + +@media screen and (max-height: 450px) { + .sidenav { + padding-top: 15px; + } + + .sidenav a { + font-size: 16px; + } +} + + + + + + +.sideinfo__search-title { + color: #ffffff; + text-align: center; + font-size: 16px; + +} + + + +.side-search { + position: relative; + border: none; + outline: none; + padding: 10px; + border-top-left-radius: 10px; + border-bottom-left-radius: 10px; + overflow: hidden; + +} + +.side-search-btn { + position: absolute; + border: none; + outline: none; + padding: 10px; + margin-right: 10px; + border-top-right-radius: 10px; + border-bottom-right-radius: 10px; + z-index: 1; +} + +.side-search-btn:hover { + background-color: #96AE00; + color: #ffffff; + transition: 300ms; + + +} + +.side-nav-pages { + margin-left: 25px; + margin-top: 25px; + +} + +.pages-home-icon { + + margin-left: 52px; +} + +.pages-home-icon:hover { + color: #94ae00; + transition: 300ms; +} + +.pages-shop-icon { + + margin-left: 55px; +} + +.pages-shop-icon:hover { + color: #94ae00; + transition: 300ms; +} + + +.pages-pgs-icon { + + margin-left: 51px; +} + +.pages-pgs-icon:hover { + color: #94ae00; + transition: 300ms; +} + +.pages-blg-icon { + + margin-left: 64px; +} + + + +.pages-blg-icon:hover { + color: #94ae00; + transition: 300ms; +} + +.pages-abt-icon { + + margin-left: 28px; +} + + +.pages-abt-icon:hover { + color: #94ae00; + transition: 300ms; +} + +.pages-con-icon { + + margin-left: 15px; +} + + +.pages-con-icon:hover { + color: #94ae00; + transition: 300ms; +} + +.pages-icn:hover { + background-color: #94ae00; + color: white; +} + +.hmn:hover { + color: #96AE00; + transition: 300ms; +} + +.side-nav-log { + margin-right: 10px; +} + +.side-nav-log:hover { + color: #94ae00; + transition: 300ms; +} + +.log-hr { + color: lightblue; + border: 2px solid; +} + + + +.side-nav { + + display: flex; + justify-content: center; + align-items: flex-start; + margin-top: 20px; + + +} + +.side-nav-btn { + padding: 10px; + border: none; + outline: none; + background-color: #fff; + color: #2D2A6E; + font-size: 16px; + border-radius: 10px; +} + +.side-nav-btn:hover { + background-color: #96AE00; + color: #ffffff; + transition: 300ms; +} + + + + + +.btn-menu { + margin-right: 10px; +} + + + + + +.hero { + position: sticky; + +} + +.header_main { + display: flex; + align-items: center; + justify-content: center; + +} + +ul { + margin-top: 15px; +} + + +.text { + + color: #4d5574; + padding: 32px 10px; + +} + +.text:hover { + color: #96AE00; + transform: scale(1.5); + transition: 600ms; +} + +.icon:hover { + color: #96AE00; + transition: 600ms; +} + + + + + + + +.header_info-search { + background-color: rgba(248, 212, 248, 0.521); + border-radius: 50%; + width: 40px; + height: 40px; + display: flex; + justify-content: center; + align-items: center; + cursor: pointer; + margin-right: 10px; +} + +.header_info-user { + background-color: rgba(242, 226, 198, 0.514); + border-radius: 50%; + width: 40px; + height: 40px; + display: flex; + justify-content: center; + align-items: center; + cursor: pointer; + margin-right: 10px; +} + +.header_info-fav { + background-color: rgba(165, 202, 241, 0.484); + border-radius: 50%; + width: 40px; + height: 40px; + display: flex; + justify-content: center; + align-items: center; + cursor: pointer; + margin-right: 10px; +} + +.header_info-bag { + background-color: rgba(236, 181, 178, 0.492); + border-radius: 50%; + width: 40px; + height: 40px; + display: flex; + justify-content: center; + align-items: center; + cursor: pointer; +} + + + + + + +/* The container
- needed to position the dropdown content */ +.shopdown { + position: relative; + display: inline-block; +} + + +.shopdown a { + padding: 50px; +} + +/* Dropdown Content (Hidden by Default) */ +.shopdown-content { + display: none; + position: absolute; + background-color: #ffffff; + width: 100%; + box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); + margin-top: 33px; + border-top: 2px solid #96AE00; + +} + +/* Links inside the dropdown */ +.shopdown-content a { + width: 150px; + color: black; + padding: 12px 16px !important; + text-decoration: none; + display: block; + +} + +/* Change color of dropdown links on hover */ +.shopdown-content a:hover { + background-color: #96AE00; + transition: 600ms; +} + +/* Show the dropdown menu on hover */ +.shopdown:hover .shopdown-content { + display: block; + transition: 600ms +} + + +.header__top { + width: 100%; + height: 25px; + background-color: rgb(24, 59, 0); +} + +.header__top-Lang { + padding: 0 5px 0 5px; + border: none; + outline: none; +} + +.lansec { + background-color: #96AE00; + border: none; + outline: none; + color: #ffffff; + border-radius: 5px; + +} + +.prisec { + background-color: #96AE00; + border: none; + outline: none; + color: #ffffff; + border-radius: 5px; + +} + +.header__top-price { + padding: 0 5px 0 5px; + border: none; + outline: none; + +} + +.head-link { + + color: #ffffff; + padding: 0 5px 0 5px; +} + +.head-link:hover { + color: #96AE00; +} + +.lang-sec { + margin-left: 10px; +} + +.header__top-left { + font-size: 12px; +} + +.header__top-right { + margin-top: 3px; + + font-size: 12px; +} + +.headtop-info { + color: #ffffff; +} + +strong { + color: #f39810; +} + + + +.aboutus { + padding-right: 25px; +} + + + + + + + + + + +@media (max-width:768px) +{ + + .hero{ + + position: -webkit-sticky; + position: sticky; + top: 0; + background-color: #fff; + } + + .side-open-btn{ + display: block; + + } + + .header__top-right{ + display: none; + } + + .side-search{ + margin-left: 20px; + } + +.header_menu{ + + display: none; +} + + +.card-body{ + + margin-bottom: 20px !important; +} + + +.shazam{ + display: none; + +} +.side-open-btn{ + + + margin-left: 0px; +} + +.cover{ + font-size: smaller; +} + +.img-card-top{ + font-size: 18px !important; + +} +.blog-title{ + font-size: 24px !important; +} + + + +.blog-card-bottom{ + + font-size: 18px !important; +} + + + + + +} + + + + + + +@media (max-width:1200px){ + +.header_menu{ + display: flex; + justify-content: center; + align-items: center; + display: none; +} + +.side-open-btn{ + display: block; + margin-left: 100px; +} + +.side-search{ + margin-left: 20px; +} + +.header__top-right, .header__top-Lang, .header__top-price, .lang-sec{ + display: none; +} + +.side-open-btn{ + + + margin-left: 0px; +} + +.blog-title{ + font-size: smaller; + +} + + +.card-body{ + +margin-bottom: -70px; + +} + + +.img-card-top{ + font-size: 12px; + +} +.blog-title{ + font-size: 15px; +} + + + +.blog-card-bottom{ + + font-size: 14px; +} + +} + + + + + + + + + + + + + + + + + + + + + +#myBtn { + display: none; + position: fixed; + bottom: 20px; + right: 30px; + z-index: 99; + font-size: 18px; + border: none; + outline: none; + background-color: #94ae00; + color: white; + cursor: pointer; + padding: 15px; + border-radius: 50%; +} + +#myBtn:hover { + background-color: #555; +} +/* section 1 */ +.sec-1-container { + width: 100%; + height: 85vh; + background-image: url('https://weblearnbd.net/tphtml/orfarm/assets/img/slider/shape-bg.jpg'); + background-size: cover; + background-repeat: no-repeat; + display: flex; + justify-content: center; + align-items: center; +} +.sec-1-img-block { + width: 480px; + height: 53vh; + display: flex; + justify-content: center; + align-items: center; +} +.sec-1-img-block img { + position: relative; + width: 100%; + max-height: 100%; + z-index: 0; +} +.sec-1-img-bl-leaves { + width: 480px; + height: 55vh; + position: absolute; + right: 10%; +} +.sec-1-img-bl-leaves img { + position: absolute; + z-index: 1; +} +.sec-1-img-leaf-1 { + transform: scale(0.4); + top: 35%; + left: -60%; +} +.sec-1-img-leaf-2 { + transform: scale(0.5); + top: 50%; + left: 0%; +} +.sec-1-img-leaf-3 { + transform: scale(0.5); + top: -25%; + left: -25%; +} +.sec-1-img-leaf-4 { + transform: scale(0.5); + top: -40%; + left: -25%; +} +.sec-1-img-bl-leaves:hover .sec-1-img-leaf-1{ + transition: all .3s ease; + left: -55%; +} +.sec-1-img-bl-leaves:hover .sec-1-img-leaf-2{ + transition: all .3s ease; + left: 5%; +} +.sec-1-img-bl-leaves:hover .sec-1-img-leaf-3{ + transition: all .3s ease; + left: -20%; +} +.sec-1-img-bl-leaves:hover .sec-1-img-leaf-4{ + transition: all .3s ease; + left: -20%; +} +.sec-1-content { + max-width: 450px; + width: 100%; + height: 53vh; + max-height: 80vh; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; +} +.sec-1-subtitle { + font-size: 16px; + color: #96ac00; + font-weight: 500; + display: block; + font-family: 'Jost', sans-serif; + margin-bottom: 1rem +} +.sec-1-title { + font-family: 'Quicksand', sans-serif; + font-weight: bold; + font-size: 40px; + color: #2d2a6e; + margin-bottom: 1rem; + line-height: 1em; +} +.sec-1-text { + font-family: 'Jost', sans-serif; + font-weight: 400; + font-size: 16px; + color: #4d5574; + line-height: 1em; +} +.sec-1-btn { + padding: 1.5rem 0; +} +.sec-1-btn .sec-1-btn-link { + background-color: #96ac00; + color: white; + font-family: 'Jost', sans-serif; + font-weight: 600; + font-size: 13px; + padding: 0.8rem 3.4rem; + border-radius: 50px; +} +.sec-1-btn .sec-1-btn-link:hover { + transition: all .3s ease; + background-color: #2d2a6e; + color: white; +} +@media (max-width:991px) { + .sec-1-img-block { + width: 400px; + } + .sec-1-img-bl-leaves { + height: 50vh; + width: 400px; + right: 0; + } + .sec-1-content { + max-width: 350px; + } +} +@media (max-width:767px) { + .sec-1-img-block { + width: 320px; + } + .sec-1-img-bl-leaves { + display: none; + } + .sec-1-content { + max-width: 220px; + } + .sec-1-subtitle { + font-size: 14px; + } + .sec-1-title { + font-size: 30px; + } + .sec-1-text { + font-size: 14px; + } + .sec-1-btn { + padding: 1rem 0 0; + } + .sec-1-btn .sec-1-btn-link { + font-size: 12px; + padding: 0.7rem 2.7rem; + } +} +@media (max-width:575px) { + .sec-1-container { + flex-direction: column; + height: 120vh; + } + .sec-1-img-block { + width: 90%; + } + + .sec-1-content { + max-width: 90%; + } +} +/* section 2 */ +.sec-2-carousel { + width: 100%; + height: 10rem; + display: flex; + justify-content: center; +} +.sec-2-carousel-inner { + height: 10rem; + width: 90%; +} +.sec-2-carousel-item { + width: 100%; +} +/* section 2 */ +.sec-2-card { + box-shadow: none; + margin: 0 1.5rem; +} +.sec-2-c-b-img { + position: relative; + width: 4rem; + height: 4rem; + border-radius: 50%; + overflow: hidden; +} +.sec-2-c-b-img-h { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: transparent; + transform: scale(0); +} +.sec-2-c-b-img a img { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.sec-2-c-b-img-h i { + font-size: 2.5rem; + color: transparent; +} +.sec-2-carousel-inner .carousel-item .card-wrapper { + height: 10rem !important; +} +.sec-2-card:hover .sec-2-c-b-img-h { + transition: all .3s; + transform: scale(1); + background-color: rgba(0, 0, 0, 0.363); +} +.sec-2-card:hover .sec-2-c-b-img-h i { + color: white; +} +.sec-2-card-title { + font-size: 13px; + font-family: 'Jost', sans-serif; + font-weight: 500; +} +.sec-2-card-title .sec-2-card-link { + color: #2d2a6e; +} +.sec-2-card-title:hover .sec-2-card-link { + transition: all .3s; + color: #96ae00; +} +.sec-2-card-subtitle-count { + font-size: 10px; + font-family: 'Jost', sans-serif; + font-weight: 400; + color: #4d5574; +} +/* home | titles of sections */ +.home-sect-title-gen h6.sub-title { + font-size: 16px; + font-weight: 400; + line-height: 1.2rem; + padding-top: 2.5rem; + color: #96ae00; + font-family: 'Schoolbell', cursive; +} +.home-sect-title-gen h2.title-section-1 { + color: #2d2a6e; + font-size: 32px; + font-weight: bold; + line-height: 2rem; + letter-spacing: 1px; + font-family: 'Quicksand', sans-serif; +} +.home-sect-title-gen p { + color: #5e6581; + font-size: 14px; + line-height: 1.2rem; + margin-bottom: 1rem; + font-family: 'Jost', sans-serif; +} +/* section 7 */ +.sec-7-list { + list-style-type: none; + display: flex; + justify-content: center; + align-items: center; + margin: 0.7rem 0; +} +.sec-7-list-li { + padding: 0 1rem; +} +.sec-7-list-li a { + font-family: 'Jost', sans-serif; + font-size: 16px; + font-weight: 600; +} +.sec-7-link { + color: #2d2a6e; +} +.sec-7-link-active { + color: #96ac00; +} +.sec-7-list-li a:hover { + transition: all .3s; + color: #96ac00; +} +/* section 4 */ +.sec-4-carousel { + width: 100%; + height: 67vh; + display: flex; + justify-content: center; +} +.sec-4-carousel-inner { + height: 67vh; + width: 90%; +} + +.sec-4-carousel-item { + width: 100%; +} +.sec-4-carousel-control-prev { + left: 4%; +} +.sec-4-carousel-control-next { + right: 4%; +} +.sec-4-carousel-control-prev, +.sec-4-carousel-control-next { + position: absolute; + top: 30%; + background-color: #97ae00; + opacity: 0; + width: 4rem; + height: 4rem; + border-radius: 50%; + padding: 0; +} +.sec-4-carousel-control-prev:hover, +.sec-4-carousel-control-next:hover { + opacity: 0.3; +} +.sec-4-card { + box-shadow: none; + border: 1px solid white; + margin: 0 1rem; +} +.sec-4-card-h { + position: relative; +} +.sec-4-c-discount-hot-prod { + font-weight: 500; + font-size: 9px; + font-family: 'Jost', sans-serif; + position: absolute; + top: 0.5rem; + left: 0.5rem; +} +.sec-4-c-discount-hot-prod .sec-4-pr-discount, +.sec-4-c-discount-hot-prod .sec-4-pr-hot { + display: inline-block; + border-radius: 2px; + padding: 0.1rem 0.2rem; +} +.sec-4-c-discount-hot-prod .sec-4-pr-discount { + background-color: #12b7ce; + color: #fff; +} +.sec-4-c-discount-hot-prod .sec-4-pr-hot { + background-color: #facfd4; + color: #ea0d42; +} +.sec-4-div-pr-shop-icons { + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +.sec-4-div-pr-shop-icons a i { + font-size: 10px; + height: 26px; + width: 26px; + text-align: center; + line-height: 26px; + background-color: #fff; + color: #5e6581; + border: 1px solid #e6ebf0; + border-radius: 50%; + margin-bottom: 5px; + display: none; +} +.sec-4-div-pr-shop-icons a:hover i { + transition: all 1s; + background-color: #859A00; + border: 1px solid #859A00; + color: white; +} +.sec-4-card-body { + padding: 0 0.5rem; + background-color: #f7f7f9; + border-radius: 8px; +} +.sec-4-pr-subtitle { + font-family: 'Jost', sans-serif; + font-size: 11px; + display: block; +} +.sec-4-pr-subtitle a { + color: #79819c; +} +.sec-4-pr-subtitle:hover a { + text-decoration: underline; +} +.sec-4-pr-card-title { + font-family: 'Jost', sans-serif; + font-size: 13px; + font-weight: 400; + text-overflow: ellipsis; + overflow: hidden; + margin-bottom: 0.125rem; +} +.sec-4-pr-card-title a { + color: #2d2a6e; +} +.sec-4-pr-card-title:hover a { + transition: all .3s; + color: #96ae00; +} +.sec-4-div-star-icons a i { + margin-right: -2px; + font-size: 10px; + color: #ffb800; +} +.sec-4-div-price { + font-family: 'Jost', sans-serif; +} +.sec-4-div-price span { + font-size: 16px; + color: #ea0d42; + font-weight: 500; +} +.sec-4-div-price del { + font-size: 12px; + font-weight: 400; +} +.sec-4-img-2 { + position: absolute; + left: 0; + top: 0; + opacity: 0; + transform: scale(0.6); + transition: transform .6s; +} +.sec-4-card:hover .sec-4-img-2 { + transform: scale(1); + opacity: 1; +} +.sec-4-card:hover .sec-4-div-pr-shop-icons a i { + display: block; +} +.sec-4-div-hover { + display: none; +} +.sec-4-card:hover .sec-4-div-hover { + display: block; +} +.sec-4-div-card-link { + display: flex; + justify-content: center; + align-items: center; +} +.sec-4-card-link { + text-align: center; + padding: 0.5rem 1rem; + background-color: #96ae00; + color: #fff; + display: inline-block; + text-align: center; + font-family: 'Jost', sans-serif; + font-weight: 600; + font-size: 10px; + border-radius: 50px; +} +.sec-4-card-link:hover { + transition: all .3s; + background-color: #859A00; + color: #fff; +} +.sec-4-ul { + margin: 0.5rem 0; + padding: 0 1rem; +} +.sec-4-ul li { + font-size: 9px; + color: #79819c; +} +@media (max-width:991px) { + .sec-4-carousel { + height: 60vh; + } + .sec-4-carousel-inner { + height: 60vh; + } +} +@media (max-width:768px) { + .sec-4-carousel { + height: 70vh; + } + .sec-4-carousel-inner { + height: 70vh; + } + .sec-4-card { + height: 43vh; + } +} +/* section 5 */ +.sec-5-container { + width: 100%; + height: 80vh; + display: flex; + justify-content: center; + align-items: center; +} +.sec-5-img-block { + width: 450px; + height: 80vh; + display: flex; + justify-content: center; + align-items: center; +} +.sec-5-img-block img { + position: relative; + width: 100%; + max-height: 100%; + z-index: 0; +} +.sec-5-img:hover { + transition: all .5s ease-in-out; + top: -2%; +} +.sec-5-img-bl-leaves { + width: 400px; + height: 80vh; + position: absolute; + top: 20%; + left: 0; +} +.sec-5-img-bl-leaves img { + position: absolute; + z-index: 1; +} +.sec-5-img-leaf-1 { + transform: scale(0.4); + top: 235%; + left: 15%; +} +.sec-5-img-leaf-3 { + transform: scale(0.5); + top: 225%; + left: 185%; +} +.sec-5-img-leaf-4 { + transform: scale(0.5); + top: 235%; + left: 90%; +} +.sec-5-img-leaf-1:hover{ + transition: all .3s ease; + top: 234%; +} +.sec-5-img-leaf-3:hover{ + transition: all .3s ease; + top: 224%; +} +.sec-5-img-leaf-4:hover{ + transition: all .3s ease; + top: 234%; +} +.sec-5-content { + max-width: 450px; + width: 100%; + height: 80vh; + max-height: 95vh; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; +} +.sec-5-pr-details { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; +} +.sec-5-pr-d-col { + width: 48%; +} +.sec-5-sub-title-g { + font-size: 16px; + font-weight: 400; + line-height: 1rem; + color: #96ae00; + font-family: 'Schoolbell', cursive; +} +.sec-5-title-g { + color: #2d2a6e; + font-size: 32px; + font-weight: bold; + line-height: 2rem; + letter-spacing: 1px; + font-family: 'Quicksand', sans-serif; +} +#sec-5-title-g-sp { + color: #96ac00; +} +.sec-5-text-g { + color: #5e6581; + font-size: 14px; + line-height: 1rem; + margin-bottom: 15px; + font-family: 'Jost', sans-serif; +} +.sec-5-pr-title { + font-family: 'Jost', sans-serif; + font-weight: 600; + font-size: 14px; + color: #2d2a6e; + padding: 0 0 0.4rem; + border-bottom: 1px dashed #2d2a6e; + margin: 1rem 0 0.5rem; + line-height: 1em; +} +.sec-5-pr-text { + font-family: 'Jost', sans-serif; + font-weight: 400; + font-size: 14px; + color: #4d5574; + line-height: 1em; +} +.sec-5-btn { + padding: 1rem 0; +} +.sec-5-btn .sec-5-btn-link { + color: white; + font-family: 'Jost', sans-serif; + font-weight: 600; + font-size: 13px; + padding: 0.6rem 2.6rem; + border-radius: 50px; +} +.sec-5-btn .sec-5-btn-link-1 { + background-color: #2d2a6e; +} +.sec-5-btn .sec-5-btn-link-1:hover { + transition: all .3s ease; + background-color: #96ac00; + color: white; +} +.sec-5-btn .sec-5-btn-link-2 { + background-color: #96ac00; +} +.sec-5-btn .sec-5-btn-link-2:hover { + transition: all .3s ease; + background-color: #859A00; + color: white; +} +@media (max-width:1199px) { + .sec-5-img-bl-leaves { + top: 20%; + left: -8%; + } + .sec-5-img-leaf-1 { + transform: scale(0.4); + top: 220%; + left: 15%; + } + .sec-5-img-leaf-3 { + transform: scale(0.5); + top: 240%; + left: 88%; + } + .sec-5-img-leaf-4 { + transform: scale(0.5); + top: 220%; + left: 70%; + } + .sec-5-img-leaf-1:hover{ + transition: all .3s ease; + top: 219%; + } + .sec-5-img-leaf-3:hover{ + transition: all .3s ease; + top: 239%; + } + .sec-5-img-leaf-4:hover{ + transition: all .3s ease; + top: 219%; + } +} +@media (max-width:991px) { + .sec-5-container { + height: 200vh; + flex-direction: column; + } + .sec-5-img-block { + position: relative; + width: 60%; + height: 110vh; + } + .sec-5-img-block img { + position: absolute; + width: 100%; + max-height: 100%; + z-index: 0; + } + .sec-5-img-bl-leaves { + width: 60%; + height: 80vh; + position: absolute; + top: 20%; + left: -8%; + } + .sec-5-img-leaf-1 { + transform: scale(0.4); + top: -35%; + left: 7%; + } + .sec-5-img-leaf-3 { + transform: scale(0.5); + top: -10%; + left: 85%; + } + .sec-5-img-leaf-4 { + transform: scale(0.5); + top: 95%; + left: 80%; + } + .sec-5-img-leaf-1:hover{ + transition: all .3s ease; + top: -36%; + } + .sec-5-img-leaf-3:hover{ + transition: all .3s ease; + top: -11%; + } + .sec-5-img-leaf-4:hover{ + transition: all .3s ease; + top: -246%; + } + .sec-5-content { + max-width: 700px; + width: 90%; + height: 80vh; + max-height: 95vh; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + } +} +@media (max-width:767px) { + .sec-5-container { + height: 200vh; + justify-content: flex-start; + } + .sec-5-img-block { + height: 90vh; + } + .sec-5-img-bl-leaves { + display: none; + } + .sec-5-content { + max-width: 500px; + height: 105vh; + max-height: 110vh; + justify-content: flex-start; + } + .sec-5-pr-details { + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + width: 100%; + } + .sec-5-pr-d-col { + width: 100%; + } +} +/* section 6 */ +.sec-6-card { width: 32%; height: 33vh; border-radius: 10px; @@ -11,64 +1449,67 @@ justify-content: space-between; overflow: hidden; position: relative; - } -.card-img { +.sec-6-card-img { position: absolute; width: 100%; height: 100%; z-index: 0; } -.card-img img { +.sec-6-card-img img { max-width: 130%; height: 100%; } -.card-body { +.sec-6-card:hover .sec-6-card-img img { + transition: all 1s; + transform: scale(1.1); +} +.sec-6-card-body { width: 100%; height: 100%; padding: 35px 30px 0; position: absolute; z-index: 1; } -.card-body h5.gr-1, -.card-body h5.rd-3 +.sec-6-card-body h5.gr-1, +.sec-6-card-body h5.rd-3 { color:#fbb127; } -h5.card-title { +h5.sec-6-card-title { color: white; margin: 0 0 10px; font-size: 14px; font-family: 'Jost', sans-serif; font-weight: bold; } -h4.card-title { +h4.sec-6-card-title { color: white; margin: 0 0 10px; font-size: 24px; font-family: 'Quicksand', sans-serif; font-weight: bold; } -.card-text { +.sec-6-card-text { color: white; margin: 20px 0 0; font-size: 16px; font-family: 'Jost', sans-serif; } @media (max-width:991px) { - .container-md { + .sec-6-card-cont { height: 80vh; flex-wrap: wrap; justify-content: space-between; } - .card { + .sec-6-card { width: 48%; height: 36vh; } } @media (max-width:767px) { - .container-md { + .sec-6-card-cont { height: 114vh; flex-direction: column; justify-content: space-between; @@ -76,15 +1517,344 @@ h4.card-title { padding: 0% !important; } - .card { + .sec-6-card{ width: 90%; height: 34vh; background-color: red; } - .card-img img { + .sec-6-card-img img { width: 110% !important; height: 100%; object-fit: cover; } - -} \ No newline at end of file +} +/* section 9 */ +.sec-9-container { + width: 100%; + height: 100vh; + background-image: url('https://weblearnbd.net/tphtml/orfarm/assets/img/banner/coundpwn-bg-1.png'); + background-size: cover; + background-position: 50%; + background-repeat: no-repeat; + display: flex; + justify-content: flex-start; + align-items: center; + padding-left: 10rem; + position: relative; + overflow: hidden; +} +.sec-9-content { + max-width: 600px; + width: 100%; + height: 80vh; + max-height: 95vh; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + position: absolute; + z-index: 2; +} +.sec-9-sub-title-g { + font-size: 16px; + font-weight: 400; + line-height: 1rem; + color: white; + font-family: 'Schoolbell', cursive; +} +.sec-9-title-g { + color: white; + font-size: 32px; + font-weight: bold; + line-height: 2rem; + letter-spacing: 1px; + font-family: 'Quicksand', sans-serif; +} +.sec-9-text-g { + color: white; + font-size: 14px; + line-height: 1rem; + margin-bottom: 15px; + font-family: 'Jost', sans-serif; +} +.sec-9-img-shape { + position: absolute; + top: 0; + left: 0; + width: 90%; + height: 90%; +} +.sec-9-img-shape-1 { + position: absolute; + top: 18%; + left: 2%; +} +.sec-9-img-shape-1:hover { + top: 17%; +} +.sec-9-img-shape-2 { + position: absolute; + top: 65%; + left: 50%; +} +.sec-9-img-shape-2:hover { + top: 64%; +} +.sec-9-img-shape-3 { + position: absolute; + top: 12%; + left: 80%; +} +.sec-9-img-shape-3:hover { + top: 11%; +} +.sec-9-img-shape-4 { + position: absolute; +} + +.sec-9-hurry-up-countdown { + width: 100%; + display: flex; + flex-direction: column; + justify-content: flex-start; +} +.sec-9-hurry-up-countdown h4 { + color: white; + font-size: 14px; + font-weight: bold; + line-height: 43px; + letter-spacing: 1px; + font-family: 'Quicksand', sans-serif; + margin: 0; +} +.sec-9-countdown-count { + color: white; + margin: 0; + font-family: 'Jost', sans-serif; +} +.sec-9-ctdown-count-days { + width: 120px; + margin-right: -50px; +} +.sec-9-ctdown-count-hours { + width: 130px; + margin-right: -50px; +} +.sec-9-ctdown-count { + width: 150px; + padding-right: 40px; + margin-right: -50px; +} +.sec-9-ctdown-z { + font-size: 36px; +} +.sec-9-ctdown-time { + font-size: 12px; + color: #b4dea4; +} +.sec-9-div-btns { + margin-top: 25px; + padding-left: 0; +} +.sec-9-btn-premium-drink-shop, +.sec-9-btn-premium-drink-menu { + font-size: 13px; + font-family: 'Jost', sans-serif; + font-weight: bold; + padding: 13px 50px; + cursor: pointer; +} +.sec-9-btn-premium-drink-shop { + background: #fff; + color: #96ae00 ; + border: 2px solid #fff; + margin-right: 10px; +} +.sec-9-btn-premium-drink-menu { + border: 2px solid #fff; + color: #fff; +} +.sec-9-btn-premium-drink-shop:hover { + transition: all .2s; + color: white; + background: transparent; + border: 2px solid #fff; +} +.sec-9-btn-premium-drink-menu:hover { + transition: all .2s; + color: #96ae00 ; + border: 2px solid #fff; + background: #fff; +} +@media (max-width:991px) { + .sec-9-img-shape { + display: none; + } + .sec-9-content { + left: 10%; + } +} +@media (max-width:767px) { + .sec-9-container { + height: 95vh; + background-size: 235%; + background-position: 100%; + } + .sec-9-content { + left: 5%; + } + .sec-9-title-g { + font-size: 28px; + } + .sec-9-ctdown-count-days { + width: 100px; + } + .sec-9-ctdown-count-hours { + width: 110px; + } + .sec-9-ctdown-count { + padding-right: 30px; + } + .sec-9-ctdown-z { + font-size: 20px; + } + .sec-9-btn-premium-drink-shop, + .sec-9-btn-premium-drink-menu { + font-size: 12px; + padding: 10px 40px; + } +} +/* home section 11 cards */ +.sec-11-carousel { + width: 100%; + height: 60vh; + display: flex; + justify-content: center; +} +.sec-11-carousel-inner { + height: 60vh; + width: 90%; +} +@media (max-width:1200px) { + .sec-11-carousel-inner .carousel-item .card-wrapper { + height: 56vh !important; + } +} +.sec-11-bl-card { + box-shadow: none; + margin: 0 1.5rem; + overflow: hidden; +} +.sec-11-bl-card-body { + padding: 0 0.6rem; +} +.sec-11-bl-card-body .sp-details, +.sec-11-bl-card-body .sp-author, +.sec-11-bl-card-body .sp-date { + font-family: 'Jost', sans-serif; + font-weight: 600; + font-size: 9px; + text-transform: uppercase; + background: transparent; + display: inline-block; + margin-bottom: 8px; +} +.sec-11-bl-card-body .sp-details, +.sec-11-bl-card-body .sp-author { + position: relative; + padding-right: 0.5rem; +} +.sec-11-bl-card-body .sp-details::after, +.sec-11-bl-card-body .sp-author::after { + content: ""; + position: absolute; + width: 0.15rem; + height: 0.15rem; + background-color: #CFD4DE; + border-radius: 50%; + top: 50%; + transform: translateY(-50%); + right: 0; +} +.sec-11-bl-card-body .sp-details a{ + color: #96ae00; +} +.sec-11-bl-card-body .sp-author a, +.sec-11-bl-card-body .sp-date a { + color: #81869c; +} +.sec-11-bl-card-body .sp-author:hover a, +.sec-11-bl-card-body .sp-date:hover a { + transition: all .3s; + color: #96ae00; +} +.sec-11-bl-card-body .sec-11-bl-card-title { + font-family: 'Quicksand', sans-serif; + font-weight: 700; + font-size: 16px; + text-overflow: ellipsis; + margin-bottom: 1rem; +} +.sec-11-bl-card-body .sec-11-bl-card-title a { + color: #2d2a6e; +} +.sec-11-bl-card-body .sec-11-bl-card-title a:hover { + transition: all .3s; + color: #96ae00; +} +.sec-11-bl-card-body .sec-11-bl-card-text { + font-family: 'Quicksand', sans-serif; + font-size: 12px; + line-height: 1rem; + color: #5e6581; +} +.sec-11-bl-card-body .sec-11-bl-card-link { + color: #96ae00; + font-family: 'Jost', sans-serif; + letter-spacing: 1px; + font-size: 10px; + font-weight: 600; +} +.sec-11-bl-card-body .sec-11-bl-card-link i { + display: none; +} +.sec-11-bl-card-body .sec-11-bl-card-link:hover i { + font-size: 9px; + display: inline-block; +} +.div-sec-11-img { + width: 100%; + overflow: hidden; +} +.div-sec-11-img .sec-11-blog-img img { + width: 100%; + object-fit: cover; +} +.sec-11-bl-card:hover .sec-11-blog-img img { + transition: all .8s ease; + transform: scale(1.1); +} +*::selection { + background-color: black; + color: white; +} +.sec-9-img-shape-4 { + animation-name: sec-9-img-shape-animation; + animation-duration: 5s; + animation-timing-function: linear; + animation-delay: 2s; + animation-iteration-count: infinite; + animation-direction: alternate; + } +@keyframes sec-9-img-shape-animation { + 0% {left:75%; top:35%;} + 25% {left:76%; top:34%;} + 50% {left:78; top:35%;} + 75% {left:77%; top:36%;} + 100% {left:75%; top:35%;} + } + .header_menu ul .homedown a { + color: #96ac00; + font-style: normal; + } + \ No newline at end of file diff --git a/assets/css/navbar.css b/assets/css/navbar.css index 67bd901..d1d19ce 100644 --- a/assets/css/navbar.css +++ b/assets/css/navbar.css @@ -3,12 +3,253 @@ padding: 0; box-sizing: border-box; list-style: none; + + +} + + + + +.hero{ font-family: 'Jost', sans-serif; + padding: 0.5% 3% !important; + position: sticky; + top: 0; + box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; + background-color: rgb(255, 255, 255); +} + + + .sidenav { + height: 100%; + width: 0; + position: fixed; + top: 0; + left: 0; + background-color: #2d2a6eed; + overflow-x: hidden; + transition: 0.5s; + padding-top: 60px; + + } + + .sidenav a { + padding: 0px 0px 0px 32px; + text-decoration: none; + font-size: 16px; + color: #ffffff; + display: block; + transition: 0.3s; + } + + .sidenav a:hover { + color: #f1f1f1; + } + + .sidenav .closebtn { + position: absolute; + top: 0; + right: 25px; + font-size: 36px; + margin-left: 50px; + } + + .sidenav .closebtn:hover{ + color: #94ae00; + transition: 300ms; + } + + + .side-open-btn{ + + display: none; + } + + @media screen and (max-height: 450px) { + .sidenav {padding-top: 15px;} + .sidenav a {font-size: 16px;} + } + + + + + + +.sideinfo__search-title{ + color: #ffffff; + text-align: center; + font-size: 16px; + } + +.side-search{ + position: relative; + border: none; + outline: none; + padding: 10px; + border-top-left-radius: 10px; + border-bottom-left-radius: 10px; + overflow: hidden; + +} + +.side-search-btn{ +position: absolute; + border: none; + outline: none; + padding: 10px; + margin-right: 10px; + border-top-right-radius: 10px; + border-bottom-right-radius: 10px; +z-index: 1; +} + +.side-search-btn:hover{ + background-color: #96AE00; + color: #ffffff; + transition: 300ms; + + +} + +.side-nav-pages{ +margin-left: 25px; +margin-top: 25px; + +} + +.pages-home-icon{ + + margin-left: 52px; +} + +.pages-home-icon:hover{ + color: #94ae00; + transition: 300ms; +} + +.pages-shop-icon{ + + margin-left: 58px; +} +.pages-shop-icon:hover{ + color: #94ae00; + transition: 300ms; +} + + +.pages-pgs-icon{ + + margin-left: 58px; +} +.pages-pgs-icon:hover{ + color: #94ae00; + transition: 300ms; +} + +.pages-blg-icon{ + + margin-left: 66px; +} + + + +.pages-blg-icon:hover{ + color: #94ae00; + transition: 300ms; +} + +.pages-abt-icon{ + + margin-left: 34px; +} + + +.pages-abt-icon:hover{ + color: #94ae00; + transition: 300ms; +} + +.pages-con-icon{ + + margin-left: 25px; +} + + +.pages-con-icon:hover{ + color: #94ae00; + transition: 300ms; +} + +.pages-icn:hover{ + background-color: #94ae00; + color: white; +} + +.hmn:hover{ + color: #96AE00; + transition: 300ms; +} + +.side-nav-log{ + margin-right: 10px; +} + +.side-nav-log:hover{ + color: #94ae00; + transition: 300ms; +} + +.log-hr{ + color: lightblue; + border: 2px solid; +} + + + +.side-nav{ + + display: flex; + justify-content: center; + align-items: flex-start; + margin-top: 20px; + + +} + +.side-nav-btn{ + padding: 10px; + border: none; + outline: none; + background-color: #fff; + color: #2D2A6E; + font-size: 16px; + border-radius: 10px; +} +.side-nav-btn:hover{ +background-color: #96AE00; +color: #ffffff; +transition: 300ms; +} + + + + + +.btn-menu{ + margin-right: 10px; +} + + + + + .hero{ position: sticky; + + } .header_main{ @@ -25,7 +266,7 @@ ul{ .text{ color: #4d5574; - padding: 32px 10px; + padding:0 10px 32px 10px; } .text:hover{ @@ -96,6 +337,7 @@ ul{ + /* The container
- needed to position the dropdown content */ .shopdown { position: relative; @@ -104,7 +346,7 @@ ul{ .shopdown a{ - padding: 50px; + padding: 0 50px 50px 50px; } /* Dropdown Content (Hidden by Default) */ @@ -121,8 +363,9 @@ ul{ /* Links inside the dropdown */ .shopdown-content a { + width: 150px; color: black; - padding: 12px 16px; + padding: 12px 16px !important; text-decoration: none; display: block; @@ -214,11 +457,193 @@ strong{ +.cover{ + background-size: 300% !important; +} -@media (max-width:1200px){ - .header__top{ - visibility: hidden; + + +@media (max-width:768px) +{ + + .hero{ + + position: -webkit-sticky; + position: sticky; + top: 0; + background-color: #fff; + } + + .side-open-btn{ + display: block; + + } + + .header__top-right{ + display: none; + } + + .side-search{ + margin-left: 20px; } -} \ No newline at end of file + +.header_menu{ + + display: none; +} + + +.card-body{ + + margin-bottom: 20px !important; +} + + +.shazam{ + display: none; + +} +.side-open-btn{ + + + margin-left: 0px; +} + +.cover{ + font-size: smaller; +} + +.img-card-top{ + font-size: 18px !important; + +} +.blog-title{ + font-size: 24px !important; +} + + + +.blog-card-bottom{ + + font-size: 18px !important; +} + +.cover{ + background-size: 1500% !important; +} + + + + +} + + + + + + +@media (max-width:1200px){ + +.header_menu{ + display: flex; + justify-content: center; + align-items: center; + display: none; +} + +.side-open-btn{ + display: block; + margin-left: 100px; +} + +.side-search{ + margin-left: 20px; +} + +.header__top-right, .header__top-Lang, .header__top-price, .lang-sec{ + display: none; +} + +.side-open-btn{ + + + margin-left: 0px; +} + +.blog-title{ + font-size: smaller; + +} + +.cover{ + background-size: 500%; +} + +.card-body{ + +margin-bottom: -70px; + +} + + +.img-card-top{ + font-size: 12px; + +} +.blog-title{ + font-size: 15px; +} + + + +.blog-card-bottom{ + + font-size: 14px; +} + +} + + + + + + + + + + + + + + + + + + + #myBtn { + display: none; + position: fixed; + bottom: 20px; + right: 30px; + z-index: 99; + font-size: 18px; + border: none; + outline: none; + background-color: #94ae00; + color: white; + cursor: pointer; + padding: 15px; + border-radius: 50%; + } + + #myBtn:hover { + background-color: #555; + } + + + +.hero { + margin: 0 !important ; +} diff --git a/assets/css/shop.css b/assets/css/shop.css new file mode 100644 index 0000000..837c00a --- /dev/null +++ b/assets/css/shop.css @@ -0,0 +1,669 @@ +*{ + padding: 0; + margin: 0; + box-sizing: border-box; +} +*::selection { + background-color: black; + color: white; +} +body { + background-color: #dee1e6; +} +.div-head { + + padding: 2% 4% 0; + + margin-top: 1rem; + margin-bottom: 1rem; + font-size: 14px; + font-family: 'Jost', sans-serif; +} +.div-head a { + color: #79819c; + text-decoration: none; +} +.div-head a:hover { + transition: all 0.3s; + color: #96ae00; +} +.div-head span { + color: #2d2a6e; +} +ul{ + list-style-type: none; + + padding-left: 0; + +} +.firstul, +.secondul, +.thirdul, +.forthul { + margin: 0.8rem 0 0; +} +.firstul li, +.secondul li, +.thirdul li, +.forthul li { + display: flex; + list-style-type: none; + line-height: 1.8rem; + color: #79819c; +} +.firstul li label, +.secondul li label, +.thirdul li label, +.forthul li label { + padding-left: 0.5rem; +} + +.firstul li input, +input[type=range], +.thirdul li input, +.forthul li input { + accent-color: #96ae00; +} +.secondul li .black { + accent-color: black; +} +.secondul li .blue { + accent-color: blue; +} +.secondul li .brown { + accent-color: brown; +} +.secondul li .gray { + accent-color: gray; +} +.secondul li .green { + accent-color: green; +} +.secondul li .yellow { + accent-color: yellow; +} +.secondul li .red { + accent-color: red; +} + +.forthul label i { + color: #ffb800; +} +.dotted-line { + width: 100%; + height: 1px; + border-bottom: 1px dotted #2d2a6e; + margin: 2rem 0; +} +output{ + display: flex; + margin: 0.8rem 0; + font-size: 14px; + color: #79819c; +} +.slider-container{ + width: 12%; +} +.slider-container input { + margin: 0.8rem 0 0; +} +.filter-btn { + font-size: 12px; + font-weight: bold; + color: white; + background-color: #96ae00; + width: 100%; + padding: 0.7rem 0; + border-radius: 50px; + border: 1px solid transparent; + cursor: pointer; +} + +.shop-container{ + width: 100%; + display: flex; + padding: 0 4%; +} +.product-categories{ + width: 22%; + + border-radius: 10px; + font-family: 'Quicksand', sans-serif; + font-size: 14px; + display: flex; + align-items: center; + + flex-direction: column; + padding-top: 2%; + +} +.product-categories .image1{ + margin-top: 1rem; + width: 100%; + object-fit: cover; + border-radius: 10px; +} +.items { + width: 100%; + padding: 1.6rem 2.4rem; + background-color: white; + border-radius: 10px; +} +.items p span { + font-weight: bold; + font-size: 14px; + color: #2d2a6e; + font-family: 'Jost', sans-serif; +} +@media (max-width:1199px) { + .div-head { + margin-left: 10%; + } + + .shop-container { + + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + } + .product-categories{ + width: 80%; + margin-left: 0; + } + .slider-container { + width: 100%; + } + .slider-container input{ + width: 100%; + } + .shop-main-div { + height: 57vh !important; + } + .sec-4-card { + height: 61vh; + } + +} +@media (max-width:991px) { + .div-head { + margin-left: 15%; + } + .product-categories{ + width: 70%; + } +} +@media (max-width:600px) { + .div-head { + margin-left: 8%; + } + .product-categories{ + width: 85%; + } +} + +/* ---------------- */ + + +.div-col-2 { + width: 78%; + padding-left: 2%; + padding-top: 2%; +} +.topbackgroundimg{ + width: 100%; + height: 200px; + background-image: url('https://weblearnbd.net/tphtml/orfarm/assets/img/banner/shop-bg-1.jpg'); + background-size: cover; + border-radius: 10px; + align-items: center; + +} + + + + +.topbackgroundimg p{ + font-family: 'Quicksand', sans-serif; + font-weight: 700; +} +.salad{ + font-size: 14px; + color: #ffb800; +} +.fresh { + font-size: 24px; + color: white; +} +.healthy{ + font-size: 24px; + color: white; +} +.miss{ + font-size: 16px; + font-weight: 400; + color: white; +} +.topbackgroundimg{ + display: flex; + align-items: center; + justify-content: center; + text-align: center; + +} + + + + + + + +.sorting-bar{ + display: flex; + justify-content: space-between; + align-items: center; + + width: 100%; + height: 50px; + background-color: white; + + margin-top: 25px; + border-radius: 10px; + color: #4d5574; + +} +.sorting-bar span{ + margin-left: 15px; +} + +.sort-pages{ + margin-left: 20px; +} + + + +.sorting-icon i{ + font-size: 20px; + color: #4d557495; + cursor: pointer; + margin-left: 10px; + +} + + + + +.sorting-icon i:hover{ + color: #64ae00; + transition: 300ms; +} + + +#s1{ + border: none; + outline: none; + transition: 0.3s; + margin-right: 15px ; + cursor: pointer; + +} + + + + + +.shop-head-div{ +display: flex; +flex-wrap: wrap; + +margin: 5% 0; +display: flex; +justify-content: space-between; +align-items: flex-start; + + + +} + +.shop-info-main, .shop-img-div{ + border-radius: 10px; + margin-left: 15px; + padding: 15px; +} + +.shop-main-div{ + + width: 30%; + height: 61vh; + margin-bottom: 8%; +} + +a { + text-decoration: none; +} + + +.shop-card-div{ + border-radius: 10px; + background-color: #fff; + + width: 100% !important; + +} + + +.shop-info-p{ + + margin: 10px 0; + +} + +/* ----------------- */ +.sec-4-card { + box-shadow: none; + background-color: white; + width: 100% !important; + border-radius: 10px; + overflow: hidden; +} +.sec-4-card-h { + position: relative; + border-radius: 10px; + width: 100%; +} +.sec-4-c-discount-hot-prod { + font-weight: 500; + font-size: 12px; + font-family: 'Jost', sans-serif; + position: absolute; + top: 0.5rem; + left: 0.5rem; +} +.sec-4-c-discount-hot-prod .sec-4-pr-discount, +.sec-4-c-discount-hot-prod .sec-4-pr-hot { + display: inline-block; + border-radius: 2px; + padding: 0.1rem 0.2rem; +} +.sec-4-c-discount-hot-prod .sec-4-pr-discount { + background-color: #12b7ce; + color: #fff; +} +.sec-4-c-discount-hot-prod .sec-4-pr-hot { + background-color: #facfd4; + color: #ea0d42; +} +.sec-4-div-pr-shop-icons { + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +.sec-4-div-pr-shop-icons a i { + font-size: 14px; + height: 30px; + width: 30px; + text-align: center; + line-height: 30px; + background-color: #fff; + color: #5e6581; + border: 1px solid #e6ebf0; + border-radius: 50%; + margin-bottom: 5px; + display: none; +} +.sec-4-div-pr-shop-icons a:hover i { + transition: all 1s; + background-color: #859A00; + border: 1px solid #859A00; + color: white; +} +.sec-4-card-body { + padding: 0 0.5rem; + border-radius: 8px; + position: relative; +} +.sec-4-pr-subtitle { + font-family: 'Jost', sans-serif; + font-size: 11px; + display: block; +} +.sec-4-pr-subtitle a { + color: #79819c; +} +.sec-4-pr-subtitle:hover a { + text-decoration: underline; +} +.sec-4-pr-card-title { + font-family: 'Jost', sans-serif; + font-size: 13px; + font-weight: 400; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + margin-bottom: 0.125rem; +} +.sec-4-pr-card-title a { + color: #2d2a6e; +} +.sec-4-pr-card-title:hover a { + transition: all .3s; + color: #96ae00; +} +.sec-4-div-star-icons a i { + margin-right: -2px; + font-size: 10px; + color: #ffb800; +} +.sec-4-div-price { + font-family: 'Jost', sans-serif; +} +.sec-4-div-price span { + font-size: 16px; + color: #ea0d42; + font-weight: 500; +} +.sec-4-div-price del { + font-size: 12px; + font-weight: 400; +} +.sec-4-img-1 img{ + width: 100%; +} +.sec-4-img-2 img{ + width: 100%; +} +.sec-4-img-2{ + position: absolute; + left: 0; + top: 0; + opacity: 0; + transform: scale(0.8); + transition: transform .6s ease-in-out; +} +.sec-4-card:hover .sec-4-img-2 { + opacity: 1; + transform: scale(1); +} +.sec-4-card:hover .sec-4-div-pr-shop-icons a i { + display: block; +} +.sec-4-div-hover { + display: none; +} +.sec-4-card:hover .sec-4-div-hover { + display: block; +} +.sec-4-div-card-link { + display: flex; + justify-content: center; + align-items: center; +} +.sec-4-card-link { + text-align: center; + padding: 0.5rem 1rem; + background-color: #96ae00; + color: #fff; + display: inline-block; + text-align: center; + font-family: 'Jost', sans-serif; + font-weight: 600; + font-size: 10px; + border-radius: 50px; +} +.sec-4-card-link:hover { + transition: all .3s; + background-color: #859A00; + color: #fff; +} +.sec-4-ul { + margin: 0.5rem 0; + padding: 0 1rem; +} +.sec-4-ul li { + font-size: 9px; + color: #79819c; +} +.footer_info-search{ + background-color: #64ae00; + border: 1px solid #64ae00; + color: white; + border-radius: 50%; + width: 40px; + height: 40px; + display: flex; + justify-content: center; + align-items: center; + cursor: pointer; + margin-right: 10px; +} + +.footer_info-user{ + border-radius: 50%; + border: 1px solid #64ae00; + width: 40px; + height: 40px; + display: flex; + justify-content: center; + align-items: center; + cursor: pointer; + margin-right: 10px; +} + +.footer_info-fav{ + border: 1px solid #64ae00; + border-radius: 50%; + width: 40px; + height: 40px; + display: flex; + justify-content: center; + align-items: center; + cursor: pointer; + margin-right: 10px; +} + +.footer_info-bag{ + border: 1px solid #64ae00; + border-radius: 50%; + width: 40px; + height: 40px; + display: flex; + justify-content: center; + align-items: center; + cursor: pointer; +} + + +.footer_info-num { + margin-top: 0; + display: flex; + flex-direction: row; + justify-content: center; +} + + + +.pagenum:hover{ + background-color: #64ae00; + color: white; +} + +.footer_info-num{ + margin-top: 35px; + margin-bottom: 35px; +} + +@media (max-width:991px) { + .shop-main-div{ + height: 45vh; + margin-bottom: 2%; + } + .sec-4-card { + height: 50vh; + } + .sec-4-div-hover { + display: none; + } + .sec-4-card:hover .sec-4-div-hover { + display: none; + } +} +@media (max-width:767px) { + .shop-main-div{ + width: 40%; + height: 48vh; + margin-bottom: 2%; + + } + .sec-4-div-hover { + display: none; + } + .sec-4-card:hover .sec-4-div-hover { + display: none; + } + .sorting-bar { + height: 85px; + } + .sorting-icon { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + } +} +@media (max-width:575px) { + .shop-main-div{ + width: 100%; + height: 100vh; + margin-bottom: 20vh; + } + .sec-4-card { + height: 70vh; + } + .sec-4-div-hover { + display: none; + } + .sec-4-card:hover .sec-4-div-hover { + display: none; + } + .sorting-bar { + height: 120px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + } + .sorting-bar span { + display: block; + margin: 0; + } + .sorting-icon { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + } +} +.header_menu ul .shopdown-shop-page a span { + color: #96ae00; +} +.header_menu ul .shopdown-shop-page .shopdown-content .shop-list-page { + color: #96ae00; +} \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css deleted file mode 100644 index 45f760e..0000000 --- a/assets/css/style.css +++ /dev/null @@ -1,5 +0,0 @@ -* { - margin: 0; - padding: 0; - box-sizing: border-box; -} \ No newline at end of file diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..872f990 --- /dev/null +++ b/contact.html @@ -0,0 +1,653 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Orfarm - Multipurpose eCommerse + + + + + + + + + + +
+
+ + +
+
+

What Are You Looking For?

+
+ + +
+
+ +
+ + +
+ +
+ Home +
+ Shop +
+ Pages +
+ Blog +
+ About Us +
+ Contact Us +
+ Login / Register +
+ Wishlist +
+
+ + × +
+ + ☰ + + + + + + + +
+ +
+ +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+ + + +
+
+
+
Home /
+
Contact Us
+
+ +
+

CONTACT US

+

Looking For Orfarm?

+

The liber tempor cum soluta nobis eleifend option congue doming quod mazim.

+
+
+
+
+ paris +
+
RUE PELLEPORT - PARIS
+
+
+
+
newyork
+
PROSPECT - NEW YORK
+
+
+
+
budapest
+
BUDAPEST - HUNGARY
+
+
+
KASTRUP
+
KASTRUP - DENMARK
+
+
+
+
+
+ +
+
+

LEAVE A REPLY

+

Your email address will not be published. Required fields are marked *

+
+
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+ +
+
+ + I am bound by the terms of the Service I accept Privacy Policy. +
+
+
+
+
+
+
+ + + +
+
+
+
+
+
+
+
+ +
+
+

Fast Delivery

+

Across The World

+
+
+
+
+
+
+ +
+
+

Safe payment

+

100% Secure Payment

+
+
+
+
+
+
+ +
+
+

+ Online Discount +

+

Add Multi-buy Discount

+
+
+
+
+
+
+ +
+
+

Help Center

+

Dedicated 24/7 Support

+
+
+
+
+
+
+ +
+
+

Curated items

+

From Handpicked Sellers

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

+ Let Us Help You +

+

+ If you have any question, please
+ contact us at: + support@example.com +

+
+ Social Media: + + + + + +
+
+
+
+
+

+ Looking for Orfarm? +

+

+ 68 St. Vicent Place, Glasgow, Greater
+ Newyork NH2012, UK. +

+
+ Monday – Friday: 8:10 AM – 6:10 PM + Saturday: 10:10 AM – 06:10 PM + Sunday: Close +
+
+
+
+
+

+ HOT CATEGORIES +

+
+ +
+
+
+
+
+

+ Our newsletter +

+
+

+ Subscribe to the Orfarm mailing list to receive updates +
+ on new arrivals & other information. +

+
+ + + +
+
+
+ + +
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+ Copyright © + ORFARM all rights + reserved. Powered by + ThemePure. +
+
+
+
+ +
+
+
+
+
+
+
+ +
+ + + \ No newline at end of file diff --git a/home.html b/home.html deleted file mode 100644 index 4d58db3..0000000 --- a/home.html +++ /dev/null @@ -1,83 +0,0 @@ - - - - - - - - - - - - - - - - - - Document - - -
-
- -
- card-img-1 -
-
-
TOP OFFERS
-

- Eat Green -
- Best For Family -

-

Free Shipping 05km

-
- -
-
- -
- card-img-2 -
-
-
WEEKEND DEALS
-

- Fresh Food -
- Restore Health -

-
- -
-
- -
- card-img-3 -
-
-
TOP SELLERS
-

- Healthy -
- Fresh Free Bread -

-

Limited Time: Online Only!

-
- -
-
- - \ No newline at end of file diff --git a/index.html b/index.html index 4c71f23..9d457f1 100644 --- a/index.html +++ b/index.html @@ -1,12 +1,8368 @@ - - - - - Project Alpha - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + Orfarm - Multipurpose eCommerse + + + + +
+
+
+
+
+ Due to the COVID-19 epidemic, orders may be + processed with a slight delay. +
+
+
+
+
+ Store Location + Order Tracking + FAQs +
+ Select Language +
+ +
+ Currency +
+ +
+
+
+
+
+
+ + + + +
+
+ + +
+
+

What Are You Looking For?

+
+ + +
+
+ +
+ + +
+ +
+ Home +
+ Shop +
+ Pages +
+ Blog +
+ About Us +
+ Contact Us +
+ Login / Register +
+ Wishlist +
+
+ + × +
+ + ☰ + + + + + + + +
+ +
+ +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+ + + + + + +
+
+
+
+ +
+
+
+ + category-1 + +
+ +
+
+
+ Vegetables +
+
+ 05 items +
+
+
+ +
+
+
+ + category-2 + +
+ +
+
+
+ Fresh Fruits +
+
+ 06 items +
+
+
+ +
+
+
+ + category-3 + +
+ +
+
+
+ Fruit Drink +
+
+ 09 items +
+
+
+ +
+
+
+ + category-4 + +
+ +
+
+
+ Fresh Bakery +
+
+ 11 items +
+
+
+ +
+
+
+ + category-5 + +
+ +
+
+
+ Biscuits Snack +
+
+ 02 items +
+
+
+ +
+
+
+ + category-6 + +
+ +
+
+
+ Fresh Meat +
+
+ 16 items +
+
+
+
+
+
+
+ +
+
+
+ + category-2 + +
+ +
+
+
+ Fresh Fruits +
+
+ 06 items +
+
+
+ +
+
+
+ + category-3 + +
+ +
+
+
+ Fruit Drink +
+
+ 09 items +
+
+
+ +
+
+
+ + category-4 + +
+ +
+
+
+ Fresh Bakery +
+
+ 11 items +
+
+
+ +
+
+
+ + category-5 + +
+ +
+
+
+ Biscuits Snack +
+
+ 02 items +
+
+
+ +
+
+
+ + category-6 + +
+ +
+
+
+ Fresh Meat +
+
+ 16 items +
+
+
+ +
+
+
+ + category-7 + +
+ +
+
+
+ Fresh Milk +
+
+ 10 items +
+
+
+
+
+
+
+ +
+
+
+ + category-3 + +
+ +
+
+
+ Fruit Drink +
+
+ 09 items +
+
+
+ +
+
+
+ + category-4 + +
+ +
+
+
+ Fresh Bakery +
+
+ 11 items +
+
+
+ +
+
+
+ + category-5 + +
+ +
+
+
+ Biscuits Snack +
+
+ 02 items +
+
+
+ +
+
+
+ + category-6 + +
+ +
+
+
+ Fresh Meat +
+
+ 16 items +
+
+
+ +
+
+
+ + category-7 + +
+ +
+
+
+ Fresh Milk +
+
+ 10 items +
+
+
+ +
+
+
+ + category-8 + +
+ +
+
+
+ Sea Foods +
+
+ 11 items +
+
+
+
+
+
+
+ +
+
+
+ + category-4 + +
+ +
+
+
+ Fresh Bakery +
+
+ 11 items +
+
+
+ +
+
+
+ + category-5 + +
+ +
+
+
+ Biscuits Snack +
+
+ 02 items +
+
+
+ +
+
+
+ + category-6 + +
+ +
+
+
+ Fresh Meat +
+
+ 16 items +
+
+
+ +
+
+
+ + category-7 + +
+ +
+
+
+ Fresh Milk +
+
+ 10 items +
+
+
+ +
+
+
+ + category-8 + +
+ +
+
+
+ Sea Foods +
+
+ 11 items +
+
+
+ +
+
+
+ + category-1 + +
+ +
+
+
+ Vegetables +
+
+ 05 items +
+
+
+
+
+
+
+ +
+
+
+ + category-5 + +
+ +
+
+
+ Biscuits Snack +
+
+ 02 items +
+
+
+ +
+
+
+ + category-6 + +
+ +
+
+
+ Fresh Meat +
+
+ 16 items +
+
+
+ +
+
+
+ + category-7 + +
+ +
+
+
+ Fresh Milk +
+
+ 10 items +
+
+
+ +
+
+
+ + category-8 + +
+ +
+
+
+ Sea Foods +
+
+ 11 items +
+
+
+ +
+
+
+ + category-1 + +
+ +
+
+
+ Vegetables +
+
+ 05 items +
+
+
+ +
+
+
+ + category-2 + +
+ +
+
+
+ Fresh Fruits +
+
+ 06 items +
+
+
+
+
+
+
+ +
+
+
+ + category-6 + +
+ +
+
+
+ Fresh Meat +
+
+ 16 items +
+
+
+ +
+
+
+ + category-7 + +
+ +
+
+
+ Fresh Milk +
+
+ 10 items +
+
+
+ +
+
+
+ + category-8 + +
+ +
+
+
+ Sea Foods +
+
+ 11 items +
+
+
+ +
+
+
+ + category-1 + +
+ +
+
+
+ Vegetables +
+
+ 05 items +
+
+
+ +
+
+
+ + category-2 + +
+ +
+
+
+ Fresh Fruits +
+
+ 06 items +
+
+
+ +
+
+
+ + category-3 + +
+ +
+
+
+ Fruit Drink +
+
+ 09 items +
+
+
+
+
+
+
+ +
+
+
+ + category-7 + +
+ +
+
+
+ Fresh Milk +
+
+ 10 items +
+
+
+ +
+
+
+ + category-8 + +
+ +
+
+
+ Sea Foods +
+
+ 11 items +
+
+
+ +
+
+
+ + category-1 + +
+ +
+
+
+ Vegetables +
+
+ 05 items +
+
+
+ +
+
+
+ + category-2 + +
+ +
+
+
+ Fresh Fruits +
+
+ 06 items +
+
+
+ +
+
+
+ + category-3 + +
+ +
+
+
+ Fruit Drink +
+
+ 09 items +
+
+
+ +
+
+
+ + category-4 + +
+ +
+
+
+ Fresh Bakery +
+
+ 11 items +
+
+
+
+
+
+
+ +
+
+
+ + category-8 + +
+ +
+
+
+ Sea Foods +
+
+ 11 items +
+
+
+ +
+
+
+ + category-1 + +
+ +
+
+
+ Vegetables +
+
+ 05 items +
+
+
+ +
+
+
+ + category-2 + +
+ +
+
+
+ Fresh Fruits +
+
+ 06 items +
+
+
+ +
+
+
+ + category-3 + +
+ +
+
+
+ Fruit Drink +
+
+ 09 items +
+
+
+ +
+
+
+ + category-4 + +
+ +
+
+
+ Fresh Bakery +
+
+ 11 items +
+
+
+ +
+
+
+ + category-5 + +
+ +
+
+
+ Biscuits Snack +
+
+ 02 items +
+
+
+
+
+
+
+ +
+
~ Special Products ~
+

Weekly Food Offers

+

+ The liber tempor cum soluta nobis eleifend option congue doming quod + mazim. +

+
+ + + +
+
+ feature-thumb-1 +
+ slider-shape-1 + slider-shape-3 + slider-shape-4 +
+
+
+
+
~ The Best For Your ~
+

+ Organic Drinks +
+ Easy Healthy - Happy Life +

+

+ The liber tempor cum soluta nobis eleifend option congue doming quod + mazim placeat facer possim assum. +

+
+
+
+

FRESH FRUITS:

+

Apples, Berries & Cherries

+

EXPIRY DATE:

+

See on The Bottle Cap

+
+ + ADD TO CART + +
+
+
+

INGREDIENT:

+

Energy, Protein, Sugars

+

BOTTLE SIZE:

+

500ml - 1000ml

+
+ + VIEW MORE + +
+
+
+
+
+ +
+
+ +
+ card-img-1 +
+
+
TOP OFFERS
+

+ Eat Green +
+ Best For Family +

+

Free Shipping 05km

+
+ +
+
+ +
+ card-img-2 +
+
+
WEEKEND DEALS
+

+ Fresh Food +
+ Restore Health +

+
+ +
+
+ +
+ card-img-3 +
+
+
TOP SELLERS
+

+ Healthy +
+ Fresh Free Bread +

+

Limited Time: Online Only!

+
+ +
+
+ + +
+
~ Special Products ~
+

Weekly Food Offers

+ +
+ + + +
+

+ Discover thousands of other quality products. + Shop All Products + +

+
+ +
+
+
+
~ Deals Of The Day ~
+

+ Premium Drinks +
+ Fresh Farm Product +

+

+ The liber tempor cum soluta nobis eleifend option congue +
+ doming quod mazim placerat facere passum assam going through. +

+
+
+

HURRY UP! OFFER END IN:

+
+
+ 0 + DAYS +
+
+ 0 + HOURS +
+
+ 00 + MINUTE +
+
+ 00 + SECOND +
+
+
+
+ + +
+
+
+ img-shape-1 + img-shape-2 + img-shape-3 + img-shape-4 +
+
+ +
+
~ Read Our Blog ~
+

Our Latest Post

+

+ The liber tempor cum soluta nobis eleifend option congue doming quod + mazim. +

+
+ +
+
+
+
+ +
+
+ + blog-bg-1 + +
+
+ + LIFESTYLE + + + ADMIN + + + SEP 15. 2022 + +

+ + Avocado Grilled Salmon, Rich In Nutrients For The Body + +

+ +

+ These are the people who make your life easier. Egestas is + tristique vestibulum... +

+ CONTINUE READING +
+
+ +
+
+ + blog-bg-2 + +
+
+ + ORGANICS + + + ADMIN + + + SEP 15. 2022 + +

+ + The Best Great Benefits Of Fresh Beef For Women's Health + +

+ +

+ These are the people who make your life easier. Egestas is + tristique vestibulum... +

+ CONTINUE READING +
+
+ +
+
+ + blog-bg-3 + +
+
+ + ORGANICS + + + ADMIN + + + SEP 15. 2022 + +

+ + Ways To Choose Fruits & Seafoods Good For Pregnancy + +

+

+ These are the people who make your life easier. Egestas is + tristique vestibulum... +

+ CONTINUE READING +
+
+ +
+
+ + blog-bg-4 + +
+
+ + LIFESTYLE + + + ADMIN + + + SEP 15. 2022 + +

+ + Summer Breakfast For The Healthy Morning With Tomatoes + +

+ +

+ These are the people who make your life easier. Egestas is + tristique vestibulum... +

+ CONTINUE READING +
+
+
+
+
+
+ +
+
+ + blog-bg-5 + +
+
+ + FOODS + + + ADMIN + + + SEP 15. 2022 + +

+ + Popular Reasons You Must Drinks Juice Everyday Juice + Everyday + +

+

+ These are the people who make your life easier. Egestas is + tristique vestibulum... +

+ CONTINUE READING +
+
+ +
+
+ + blog-bg-6 + +
+
+ + LIFESTYLE + + + ADMIN + + + SEP 15. 2022 + +

+ + Perfect Quality Reasonable Price For Your Family + +

+

+ These are the people who make your life easier. Egestas is + tristique vestibulum... +

+ CONTINUE READING +
+
+ +
+
+ + blog-bg-7 + +
+
+ + DAIRY FARM + + + ADMIN + + + SEP 15. 2022 + +

+ + Ways To Choose Fruits Seafoods Good For Pregnancy + +

+

+ These are the people who make your life easier. Egestas is + tristique vestibulum... +

+ CONTINUE READING +
+
+ +
+
+ + blog-bg-8 + +
+
+ + ORGANICS + + + ADMIN + + + SEP 15. 2022 + +

+ + The Best Great Benefits Of Fresh Beef For Women's Health + +

+

+ These are the people who make your life easier. Egestas is + tristique vestibulum... +

+ CONTINUE READING +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+

Fast Delivery

+

Across The World

+
+
+
+
+
+
+ +
+
+

Safe payment

+

100% Secure Payment

+
+
+
+
+
+
+ +
+
+

+ Online Discount +

+

Add Multi-buy Discount

+
+
+
+
+
+
+ +
+
+

Help Center

+

Dedicated 24/7 Support

+
+
+
+
+
+
+ +
+
+

Curated items

+

From Handpicked Sellers

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

+ Let Us Help You +

+

+ If you have any question, please
+ contact us at: + support@example.com +

+
+ Social Media: + + + + + +
+
+
+
+
+

+ Looking for Orfarm? +

+

+ 68 St. Vicent Place, Glasgow, Greater
+ Newyork NH2012, UK. +

+
+ Monday – Friday: 8:10 AM – 6:10 PM + Saturday: 10:10 AM – 06:10 PM + Sunday: Close +
+
+
+
+
+

+ HOT CATEGORIES +

+
+ +
+
+
+
+
+

+ Our newsletter +

+
+

+ Subscribe to the Orfarm mailing list to receive updates +
+ on new arrivals & other information. +

+
+ + + +
+
+
+ + +
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+ Copyright © + ORFARM all rights + reserved. Powered by + ThemePure. +
+
+
+
+ +
+
+
+
+
+
+
+ +
+ \ No newline at end of file diff --git a/navbar.html b/navbar.html deleted file mode 100644 index 0804821..0000000 --- a/navbar.html +++ /dev/null @@ -1,196 +0,0 @@ - - - - - - - - - - - - - - - - - - - ProjectAlpha - - - -
-
-
-
-
- Due to the COVID-19 epidemic, orders may be processed with a slight delay. -
-
-
-
-
- Store Location - Order Tracking - FAQs -
- Select Language -
- -
- Currency -
- -
-
-
-
-
-
- - - - - - -
-
- - -
- -
- -
-
-
- -
-
- -
-
- -
-
- -
-
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/shop.html b/shop.html new file mode 100644 index 0000000..8df8d99 --- /dev/null +++ b/shop.html @@ -0,0 +1,1593 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Orfarm - Multipurpose eCommerse + + + + +
+
+
+
+
+ Due to the COVID-19 epidemic, orders may be processed with a slight delay. +
+
+
+
+
+ Store Location + Order Tracking + FAQs +
+ Select Language +
+ +
+ Currency +
+ +
+
+
+
+
+
+ + + + + + +
+ +
+ + + + +
+ + +
+ +

What Are You Looking For?

+
+ + +
+ +
+ +
+ + +
+ + +
+ +Home +
+Shop +
+Pages +
+Blog +
+About Us +
+Contact Us +
+Login / Register +
+Wishlist +
+
+ + + + + + × + +
+ + + ☰ + + + + + + + + + + + +
+ +
+ +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+
+ + + +
+ Home + / Shop +
+
+ +
+
+

PRODUCT CATEGORIES

+
    +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
+
+

FILTER BY PRICE

+
+ $0-500$ +
+ +
+

FILTER BY COLOR

+
    +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + + +
    • +
  • + +
    • +
+
+

FILTER BY BRAND

+
    +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • + +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
+
+

FILTER BY RATING

+
    +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • + +
  • + + +
    • +
  • + + +
    • +
+
+
+ Photo1 +
+
+
+
+
+

THE SALAD

+

Fresh & Natural

+

Healthy Food Special Offer

+

Do not miss the current offers of us!

+
+
+
+ Showing 1 - 18 of 40 Products +
+ + + + +
+ + +
+
+
+ +
+
+ + products21-min + + + products1-min + +
+ -50% + HOT +
+
+ + + + + + + + + +
+
+
+ + Fresh Fruits, Vegetables + +

+ Mangosteen Organic Farm VietNamese +

+
+ + + + + + + + + + + + + + + +
+
+ $56.00 + $19.00 +
+
+
+ ADD TO CART +
+
+
    +
  • Type: Organic
    • +
  • MFG: August 4.2021
    • +
  • LIFE: 60 days
    • +
+
+
+
+
+
+ +
+ +
+
+ + products22-min + + + products11-min + +
+ -40% +
+
+ + + + + + + + + +
+
+
+ + Fresh Fruits + +

+ Soda Sparkling Water Maker (Rose Gold) +

+
+ + + + + + + + + + + + + + + +
+
+ $56.00 + $19.00 +
+
+
+ ADD TO CART +
+
+
    +
  • Type: Organic
    • +
  • MFG: August 4.2021
    • +
  • LIFE: 60 days
    • +
+
+
+
+
+
+ +
+ +
+
+ + products4-min + + + products23-min + +
+ -10% +
+
+ + + + + + + + + +
+
+
+ + Vegetables + +

+ HOT - Lettuce Fresh Produce Fruit Vegetables +

+
+ + + + + + + + + + + + + + + +
+
+ $56.00 + $19.00 +
+
+
+ ADD TO CART +
+
+
    +
  • Type: Organic
    • +
  • MFG: August 4.2021
    • +
  • LIFE: 60 days
    • +
+
+
+
+
+
+
+ +
+
+ + products16-min + + + products11-min + +
+ -50% +
+
+ + + + + + + + + +
+
+
+ + Fresh Fruits, Vegetables + +

+ Ginger Fresh, Whole, Organic - 250gram +

+
+ + + + + + + + + + + + + + + +
+
+ $56.00 + $19.00 +
+
+
+ ADD TO CART +
+
+
    +
  • Type: Organic
    • +
  • MFG: August 4.2021
    • +
  • LIFE: 60 days
    • +
+
+
+
+
+
+
+ +
+
+ + products17-min + + + products37-min + +
+ -40% + HOT +
+
+ + + + + + + + + +
+
+
+ + Fresh Fruits + +

+ + Laffy Taffy Laff Bites Gone Bananas - 4 Packs + +

+
+ + + + + + + + + + + + + + + +
+
+ $56.00 + $19.00 +
+
+
+ ADD TO CART +
+
+
    +
  • Type: Organic
    • +
  • MFG: August 4.2021
    • +
  • LIFE: 60 days
    • +
+
+
+
+
+
+
+ +
+
+ + products21-min + + + products1-min + +
+ -50% + HOT +
+
+ + + + + + + + + +
+
+
+ + Fresh Fruits, Vegetables + +

+ Mangosteen Organic Farm VietNamese +

+
+ + + + + + + + + + + + + + + +
+
+ $56.00 + $19.00 +
+
+
+ ADD TO CART +
+
+
    +
  • Type: Organic
    • +
  • MFG: August 4.2021
    • +
  • LIFE: 60 days
    • +
+
+
+
+
+
+
+ +
+
+ + products22-min + + + products11-min + +
+ -40% +
+
+ + + + + + + + + +
+
+
+ + Fresh Fruits + +

+ Soda Sparkling Water Maker (Rose Gold) +

+
+ + + + + + + + + + + + + + + +
+
+ $56.00 + $19.00 +
+
+
+ ADD TO CART +
+
+
    +
  • Type: Organic
    • +
  • MFG: August 4.2021
    • +
  • LIFE: 60 days
    • +
+
+
+
+
+
+
+ +
+
+ + products4-min + + + products23-min + +
+ -10% +
+
+ + + + + + + + + +
+
+
+ + Vegetables + +

+ HOT - Lettuce Fresh Produce Fruit Vegetables +

+
+ + + + + + + + + + + + + + + +
+
+ $56.00 + $19.00 +
+
+
+ ADD TO CART +
+
+
    +
  • Type: Organic
    • +
  • MFG: August 4.2021
    • +
  • LIFE: 60 days
    • +
+
+
+
+
+
+
+ +
+
+ + products27-min + + + products14-min + +
+ -90% + HOT +
+
+ + + + + + + + + +
+
+
+ + Fresh Fruits + +

+ + Pure Irish Organic Beef Quarter Pounder Burgers + +

+
+ + + + + + + + + + + + + + + +
+
+ $56.00 + $19.00 +
+
+
+ ADD TO CART +
+
+
    +
  • Type: Organic
    • +
  • MFG: August 4.2021
    • +
  • LIFE: 60 days
    • +
+
+
+
+
+
+
+ +
+
+ + products16-min + + + products11-min + +
+ -50% +
+
+ + + + + + + + + +
+
+
+ + Fresh Fruits, Vegetables + +

+ Ginger Fresh, Whole, Organic - 250gram +

+
+ + + + + + + + + + + + + + + +
+
+ $56.00 + $19.00 +
+
+
+ ADD TO CART +
+
+
    +
  • Type: Organic
    • +
  • MFG: August 4.2021
    • +
  • LIFE: 60 days
    • +
+
+
+
+
+
+
+ +
+
+ + products21-min + + + products1-min + +
+ -50% + HOT +
+
+ + + + + + + + + +
+
+
+ + Fresh Fruits, Vegetables + +

+ Mangosteen Organic Farm VietNamese +

+
+ + + + + + + + + + + + + + + +
+
+ $56.00 + $19.00 +
+
+
+ ADD TO CART +
+
+
    +
  • Type: Organic
    • +
  • MFG: August 4.2021
    • +
  • LIFE: 60 days
    • +
+
+
+
+
+
+
+ +
+
+ + products22-min + + + products11-min + +
+ -40% +
+
+ + + + + + + + + +
+
+
+ + Fresh Fruits + +

+ Soda Sparkling Water Maker (Rose Gold) +

+
+ + + + + + + + + + + + + + + +
+
+ $56.00 + $19.00 +
+
+
+ ADD TO CART +
+
+
    +
  • Type: Organic
    • +
  • MFG: August 4.2021
    • +
  • LIFE: 60 days
    • +
+
+
+
+
+
+
+
+
+ 1 +
+
+ 2 +
+
+ 3 +
+
+ +
+
+
+
+ +
+ + +
+
+
+
+
+
+
+ +
+
+

Fast Delivery

+

Across The World

+
+
+
+
+
+
+ +
+
+

Safe payment

+

100% Secure Payment

+
+
+
+
+
+
+ +
+
+

Online Discount

+

Add Multi-buy Discount

+
+
+
+
+
+
+ +
+
+

Help Center

+

Dedicated 24/7 Support

+
+
+
+
+
+
+ +
+
+

Curated items

+

From Handpicked Sellers

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

Let Us Help You

+

If you have any question, please
contact us at: + support@example.com +

+
+ Social Media: + + + + + +
+
+
+
+
+

Looking for Orfarm?

+

68 St. Vicent Place, Glasgow, Greater
Newyork NH2012, UK.

+
+ Monday – Friday: 8:10 AM – 6:10 PM + Saturday: 10:10 AM – 06:10 PM + Sunday: Close +
+
+
+
+
+

HOT CATEGORIES

+
+ +
+
+
+
+
+

Our newsletter

+
+

Subscribe to the Orfarm mailing list to receive updates
on new arrivals & other information.

+
+ + + +
+
+
+ + +
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+ Copyright © A-Team all rights reserved. Powered by WEB3.1. +
+
+
+
+ +
+
+
+
+
+
+
+ + + + + + +
+ + + + + + + + + + \ No newline at end of file